@charset "utf-8";
/*
 QietuSwiper.js v1.3
 Copyright (c) QIETU.COM - Author: aming - Email: developer@qietu.com 
*/

body{ margin:0; }
.QietuSwiperWrap{
	width:640px; margin:0 auto; overflow:hidden; background:#fff;
}
.QietuSwiperWrapPt{
	padding-top:60px;
}
.QietuSwiperPage{
	background:#eee; margin-bottom:10px; background-size:cover !important; overflow:hidden; position:relative;
}
.QietuSwiperHeader{
	width:640px; position:fixed; left:50%; margin-left:-320px; top:0; z-index:99; background:rgba(150,150,150,0.8); height:60px; line-height:60px; text-align:center; color:#fff; 
}
.QietuSwiperHeader a{
	text-decoration:none;
}
.QietuSwiperHeaderLeft{
	position:absolute; left:20px; top:0;
}
.QietuSwiperHeaderRight{
	position:absolute; right:20px; top:0;
}
.QietuSwiperBtn{
	display:inline-block; height:40px; padding:0 20px; border:#777 solid 1px; line-height:40px; background:#888; color:#fff; border-radius:6px;
}


.QietuSwiperAnimateleft2Right{
	-webkit-transform:translate3d(-50px, 0, 0);
	-ms-transform:translate3d(-50px, 0, 0);
	transform:translate3d(-50px, 0, 0);
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:0ms;
	transition-delay:0ms;
}
.swiper-slide-active .QietuSwiperAnimateleft2Right{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.QietuSwiperAnimateRight2Left{
	-webkit-transform:translate3d(50px, 0, 0);
	-ms-transform:translate3d(50px, 0, 0);
	transform:translate3d(50px, 0, 0);
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:0ms;
	transition-delay:0ms;
}
.swiper-slide-active .QietuSwiperAnimateRight2Left{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.QietuSwiperAnimateUp2DownFadeIn{
	-webkit-transform:translate3d(0, -50px, 0);
	-ms-transform:translate3d(0, -50px, 0);
	transform:translate3d(0, -50px, 0);
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:0ms;
	transition-delay:0ms;
	
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0; 
	opacity: 0;
}
.swiper-slide-active .QietuSwiperAnimateUp2DownFadeIn{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1; 
	opacity: 1;
}
.QietuSwiperAnimateFadeIn{
	
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:0ms;
	transition-delay:0ms;
	
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0; 
	opacity: 0;
}
.swiper-slide-active .QietuSwiperAnimateFadeIn{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1; 
	opacity: 1;
}

/*************animate************/
.animation.hinge{-webkit-animation:2s ease;-moz-animation:2s ease;-ms-animation:2s ease;-o-animation:2s ease;animation:2s ease}
.animation{-webkit-animation-duration:1s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:1s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both}

/*锟斤拷锟斤拷锟?*/
@-webkit-keyframes flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}}
@-moz-keyframes flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}}
.swiper-slide-active .QietuSwiperAnimateflash{-webkit-animation-name:flash;-moz-animation-name:flash}

@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px)}}
@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}
10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}
20%,40%,60%,80%{-moz-transform:translateX(10px)}}
.swiper-slide-active .QietuSwiperAnimateshake{-webkit-animation-name:shake;-moz-animation-name:shake}

/*锟斤拷锟斤拷*/
@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0); }
40%{-webkit-transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px)}}
@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-30px)}
60%{-moz-transform:translateY(-15px)}}
.QietuSwiperAnimatebounce{ opacity:0;}
.swiper-slide-active .QietuSwiperAnimatebounce{-webkit-animation-name:bounce;-moz-animation-name:bounce; opacity:1}

/*锟斤拷千*/
@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}}
@-moz-keyframes tada{0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}}
.QietuSwiperAnimatetada{ opacity:0;}
.swiper-slide-active .QietuSwiperAnimatetada{-webkit-animation-name:tada;-moz-animation-name:tada; opacity:1}

/* 锟斤拷锟侥帮拷锟斤拷页 */
@-webkit-keyframes tadacn{0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) }
40%,60%,80%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes tadacn{0%{-moz-transform:scale(1)}

10%,50%,90%{-moz-transform:scale(0.9)}
30%,70%{-moz-transform:scale(1.1) }
100%{-moz-transform:scale(1)}}
.QietuSwiperAnimatetadacn{ opacity:0;}
.swiper-slide-active .QietuSwiperAnimatetadacn{-webkit-animation-name:tadacn;-moz-animation-name:tadacn; opacity:1}



/*swing*/
@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg)}}
@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0deg)}}
.swiper-slide-active .QietuSwiperAnimateswing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing}

/*锟斤拷锟节讹拷*/
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0%)}}
@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}
15%{-moz-transform:translateX(-25%) rotate(-5deg)}
30%{-moz-transform:translateX(20%) rotate(3deg)}
45%{-moz-transform:translateX(-15%) rotate(-3deg)}
60%{-moz-transform:translateX(10%) rotate(2deg)}
75%{-moz-transform:translateX(-5%) rotate(-1deg)}
100%{-moz-transform:translateX(0%)}}
.swiper-slide-active .QietuSwiperAnimatewobble{-webkit-animation-name:wobble;-moz-animation-name:wobble}

/*锟斤拷锟斤拷*/
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes pulse{0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}}
.swiper-slide-active .QietuSwiperAnimatepulse{-webkit-animation-name:pulse;-moz-animation-name:pulse}

/*锟斤拷转*/
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}
@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}
40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}
50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}
80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}
100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}
.swiper-slide-active .QietuSwiperAnimateflip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip}

/*X锟结淡锟斤拷*/
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}
@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
70%{-moz-transform:perspective(400px) rotateX(10deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}
.QietuSwiperAnimateflipInX{ opacity:0}
.swiper-slide-active .QietuSwiperAnimateflipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX; opacity:1}

/*X锟结淡锟斤拷*/
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}
@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}
.swiper-slide-active .QietuSwiperAnimateflipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important}

/*Y锟结淡锟斤拷*/
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}
@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-10deg)}
70%{-moz-transform:perspective(400px) rotateY(10deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}
.QietuSwiperAnimateflipInY{ opacity:0}
.swiper-slide-active .QietuSwiperAnimateflipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY; opacity:1}

/*Y锟结淡锟斤拷*/
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}
@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}
.swiper-slide-active .QietuSwiperAnimateflipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY}

/*锟斤拷锟斤拷*/
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
.swiper-slide-active .QietuSwiperAnimatefadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn}

/*锟铰凤拷锟斤拷锟斤拷*/
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}
100%{opacity:1;-moz-transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}}
.swiper-slide-active .QietuSwiperAnimatefadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;animation-name:fadeInUp}

/*锟较凤拷锟斤拷锟斤拷*/
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}
100%{opacity:1;-moz-transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0)}}
.swiper-slide-active .QietuSwiperAnimatefadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;animation-name:fadeInDown;}

/*锟斤拷叩锟斤拷锟?*/
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}
100%{opacity:1;transform:translateX(0)}}
.swiper-slide-active .QietuSwiperAnimatefadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;animation-name:fadeInLeft;}

/*锟揭边碉拷锟斤拷*/
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}
100%{opacity:1;transform:translateX(0)}}
.swiper-slide-active .QietuSwiperAnimatefadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;animation-name:fadeInRight;}

/*锟阶诧拷锟斤拷锟斤拷*/
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}
100%{opacity:1;-moz-transform:translateY(0)}}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}
100%{opacity:1;transform:translateY(0)}}
.swiper-slide-active .QietuSwiperAnimatefadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}

/*锟斤拷锟斤拷锟斤拷锟斤拷*/
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}
100%{opacity:1;-moz-transform:translateY(0)}}
.swiper-slide-active .QietuSwiperAnimatefadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig}

/*页锟斤拷锟斤拷叩锟斤拷锟*/
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.swiper-slide-active .QietuSwiperAnimatefadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig}

/*页锟斤拷锟揭边碉拷锟斤拷*/
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.swiper-slide-active .QietuSwiperAnimatefadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig}

/*锟斤拷锟斤拷*/
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}}
@-moz-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}}
.swiper-slide-active .QietuSwiperAnimatefadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut}

/*锟斤拷锟较碉拷锟斤拷*/
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px)}}
@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-20px)}}
.swiper-slide-active .QietuSwiperAnimatefadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp}

/*锟斤拷锟铰碉拷锟斤拷*/
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px)}}
@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(20px)}}
.swiper-slide-active .QietuSwiperAnimatefadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown}

/*锟斤拷锟襟淡筹拷*/
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px)}}
@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(-20px)}}
.swiper-slide-active .QietuSwiperAnimatefadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft}

/*锟斤拷锟揭碉拷锟斤拷*/
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px)}}
@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(20px)}}
.swiper-slide-active .QietuSwiperAnimatefadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight}

/*锟斤拷锟斤拷锟斤拷锟斤拷*/
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px)}}
@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-2000px)}}
.swiper-slide-active .QietuSwiperAnimatefadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig}

/*锟阶诧拷锟斤拷锟斤拷*/
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px)}}
@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(2000px)}}
.swiper-slide-active .QietuSwiperAnimatefadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig}

/*页锟斤拷锟斤拷叩锟斤拷锟*/
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px)}}
@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(-2000px)}}
.swiper-slide-active .QietuSwiperAnimatefadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig}

/*页锟斤拷锟揭边碉拷锟斤拷*/
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px)}}
@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(2000px)}}
.swiper-slide-active .QietuSwiperAnimatefadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig}

/*锟斤拷小锟斤拷锟斤拷锟皆碉拷锟斤拷*/
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}
50%{opacity:1;-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}
50%{opacity:1;transform:scale(1.05)}
70%{transform:scale(.9)}
100%{transform:scale(1)}}
.QietuSwiperAnimatebounceIn{ opacity:0}
.swiper-slide-active .QietuSwiperAnimatebounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn; animation-name:bounceIn; opacity:1}

/*锟斤拷锟较碉拷锟铰碉拷锟皆碉拷锟斤拷*/
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}}
@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}
60%{opacity:1;-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}}
@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}
60%{opacity:1;transform:translateY(-30px)}
80%{transform:translateY(10px)}
100%{transform:translateY(0)}}
.QietuSwiperAnimatebounceInUp{ opacity:0}
.swiper-slide-active .QietuSwiperAnimatebounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;animation-name:bounceInUp; opacity:1}

/*锟斤拷锟铰碉拷锟较碉拷锟皆碉拷锟斤拷*/
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}}
@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}
60%{opacity:1;-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}}
@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}
60%{opacity:1;transform:translateY(30px)}
80%{transform:translateY(-10px)}
100%{transform:translateY(0)}}
.QietuSwiperAnimatebounceInDown{ opacity:0}
.swiper-slide-active .QietuSwiperAnimatebounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;animation-name:bounceInDown; opacity:1}

/*锟斤拷锟斤拷锟揭碉拷锟皆碉拷锟斤拷*/
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}
60%{opacity:1;-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}
60%{opacity:1;transform:translateX(30px)}
80%{transform:translateX(-10px)}
100%{transform:translateX(0)}}
.QietuSwiperAnimatebounceInLeft{ opacity:0}
.swiper-slide-active .QietuSwiperAnimatebounceInLeft{animation-name:bounceInLeft; -webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft; opacity:1}

/*锟斤拷锟揭碉拷锟斤拷锟皆碉拷锟斤拷*/
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px)}
100%{-webkit-transform:translateX(0)}}
@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}
60%{opacity:1;-moz-transform:translateX(-30px)}
80%{-moz-transform:translateX(10px)}
100%{-moz-transform:translateX(0)}}
.QietuSwiperAnimatebounceInRight{ opacity:0}
@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}
60%{opacity:1;transform:translateX(-30px)}
80%{transform:translateX(10px)}
100%{transform:translateX(0)}}
.QietuSwiperAnimatebounceInRight{ opacity:0}
.swiper-slide-active .QietuSwiperAnimatebounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;animation-name:bounceInRight; opacity:1}

/*锟斤拷锟皆碉拷锟斤拷*/
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}
25%{-webkit-transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3)}}
@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}
25%{-moz-transform:scale(.95)}
50%{opacity:1;-moz-transform:scale(1.1)}
100%{opacity:0;-moz-transform:scale(.3)}}
.swiper-slide-active .QietuSwiperAnimatebounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut}

/*锟斤拷锟较碉拷锟斤拷锟斤拷失*/
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px)}}
@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}
20%{opacity:1;-moz-transform:translateY(20px)}
100%{opacity:0;-moz-transform:translateY(-2000px)}}
.swiper-slide-active .QietuSwiperAnimatebounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp}

/*锟斤拷锟铰碉拷锟斤拷锟斤拷失*/
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px)}}
@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}
20%{opacity:1;-moz-transform:translateY(-20px)}
100%{opacity:0;-moz-transform:translateY(2000px)}}
.swiper-slide-active .QietuSwiperAnimatebounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown}

/*锟斤拷锟斤拷锟斤拷锟斤拷失*/
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px)}}
@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}
20%{opacity:1;-moz-transform:translateX(20px)}
100%{opacity:0;-moz-transform:translateX(-2000px)}}
.swiper-slide-active .QietuSwiperAnimatebounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft}

/*锟斤拷锟揭碉拷锟斤拷锟斤拷失*/
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px)}}
@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}
20%{opacity:1;-moz-transform:translateX(-20px)}
100%{opacity:0;-moz-transform:translateX(2000px)}}
.swiper-slide-active .QietuSwiperAnimatebounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight}

/*锟斤拷转锟斤拷锟斤拷*/
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}
@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}
100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}
.swiper-slide-active .QietuSwiperAnimaterotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn}

/*锟斤拷时锟斤拷锟斤拷转锟斤拷锟斤拷*/
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}
@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}
.swiper-slide-active .QietuSwiperAnimaterotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft}

/*锟斤拷时锟斤拷锟斤拷转锟斤拷锟斤拷2*/
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}
@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}
.swiper-slide-active .QietuSwiperAnimaterotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft}

/*顺时锟斤拷锟斤拷转锟斤拷锟斤拷*/
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}
@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}
.swiper-slide-active .QietuSwiperAnimaterotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight}

/*锟斤拷时锟斤拷锟斤拷转锟斤拷锟斤拷*/
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}
@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}
.swiper-slide-active .QietuSwiperAnimaterotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight}

/*锟斤拷转锟斤拷锟斤拷*/
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}
@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}
.swiper-slide-active .QietuSwiperAnimaterotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut}

/*锟斤拷锟斤拷锟斤拷转锟斤拷锟斤拷*/
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}
@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}
@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}
.swiper-slide-active .QietuSwiperAnimaterotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}

/*锟斤拷锟斤拷锟斤拷转锟斤拷锟斤拷*/
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}
@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}
@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}
.swiper-slide-active .QietuSwiperAnimaterotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}

/*锟斤拷锟斤拷锟斤拷转锟斤拷锟斤拷*/
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}
@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}
@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}
.swiper-slide-active .QietuSwiperAnimaterotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}

/*锟斤拷锟斤拷锟斤拷转锟斤拷锟斤拷*/
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}
@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}
@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}
.swiper-slide-active .QietuSwiperAnimaterotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}


@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);opacity:0}}
@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}
20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}
40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}
80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}
100%{-moz-transform:translateY(700px);opacity:0}}
@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}
20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}
40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}
80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}
100%{transform:translateY(700px);opacity:0}}
.swiper-slide-active .QietuSwiperAnimatehinge{-webkit-animation-name:hinge; animation-name:hinge; -moz-animation-name:hinge}

/*锟斤拷锟斤拷锟斤拷*/
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}
@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}
@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;transform:translateX(0px) rotate(0deg)}}
.QietuSwiperAnimaterollIn{ opacity:0}
.swiper-slide-active .QietuSwiperAnimaterollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn; animation-name:rollIn; opacity:1}

/*锟斤拷锟斤拷去*/
@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}
100%{opacity:0;transform:translateX(100%) rotate(120deg)}}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}
@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}
100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}
.QietuSwiperAnimaterollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut; animation-name:rollOut}
#GeneratedByCssGaga178{transform:rotate(20120815104331deg)}
#GeneratedByCssGaga184{transform:rotate(20121212161832deg)}


/************锟斤拷时*******************/
.QietuSwiperAanimateDelay1{
	-webkit-transition-delay:10000ms !important;
	transition-delay:10000ms !important;
}


/*锟轿刮匡拷*/
.QietuSwiperMask{
	position:absolute; left:0; top:0; right:0; bottom:0; z-index:9;
}
.QietuSwiperMask img{
	width:100%; height:100%;
}

/*图片锟斤拷锟斤拷*/
.QietuSwiperSlider{
	width:100%; height:100%;
}
.QietuSwiperSlider ul{
	height:auto; overflow:hidden; height:100%; width:9999999px;
}
.QietuSwiperSlider li{
	width:640px; height:100%; float:left; display:inline;
}

/*锟斤拷锟斤拷锟斤拷锟斤拷*/
.QietuSwiperGestureReminderBottom{
	background-color: rgba(0, 0, 0, 0);
	width:60px;
	height:150px; position:absolute; left:47%; margin-left:-30px; bottom:0; z-index:9; border-radius:60px 60px 0 0;
	
	/*css3*/
	animation:topAnim2 1s;
	-webkit-animation:topAnim2 2s;
	-moz-animation:topAnim2 2s;
	-o-animation:topAnim2 2s;
	-moz-animation:topAnim2 2s;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
}
.QietuSwiperGestureReminderBottomHand{
	background:url(../imgs/hand.png?t=29) no-repeat; width:77px; height:96px; position:relative; top:10px; left:10px;
}

.QietuSwiperGestureReminderRight{
	background-color: rgba(0, 0, 0, 0.37);
	width:150px;
	height:60px; position:absolute; right:0; top:50%; margin-top:-30px; z-index:9; border-radius:60px 0 0 60px ;
	
	/*css3*/
	animation:topAnim1 1s;
	-webkit-animation:topAnim1 2s;
	-moz-animation:topAnim1 2s;
	-o-animation:topAnim1 2s;
	-moz-animation:topAnim1 2s;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
}
.QietuSwiperGestureReminderRightHand{
	background:url(../imgs/hand.png?t=29) no-repeat; width:77px; height:96px; position:relative; top:10px; left:10px;
}
/*锟斤拷锟狡讹拷锟斤拷*/

	/*锟斤拷锟斤拷锟斤拷锟斤拷*/
	@keyframes topAnim1 
	{
		from {right:-91px;  
		}
		to {right:0;
		}
	}
	@-webkit-keyframes topAnim1 
	{
		from {right:-91px;  
		}
		to {right:0;
		}
	}
	@-moz-keyframes topAnim1 
	{
		from {right:-91px;  
		}
		to {right:0;
		}
	}
	@-o-keyframes topAnim1 
	{
		from {right:-91px;  
		}
		to {right:0;
		}
	}
	@-ms-keyframes topAnim1 
	{
		from {right:-91px;  
		}
		to {right:0;
		}
	}
	
	
	/*锟斤拷锟斤拷锟斤拷锟斤拷*/
	@keyframes topAnim2 
	{
		from {
			bottom:-90px;  
		}
		to {
			bottom:-30px;
		}
	}
	@-webkit-keyframes topAnim2 
	{
		from {
			bottom:-90px;  
		}
		to {
			bottom:-30px;
		}
	}
	@-moz-keyframes topAnim2 
	{
		from {
			bottom:-90px;  
		}
		to {
			bottom:-30px;
		}
	}
	@-o-keyframes topAnim2 
	{
		from {
			bottom:-90px;  
		}
		to {
			bottom:-30px;
		}
	}
	@-ms-keyframes topAnim2 
	{
		from {
			bottom:-90px;  
		}
		to {
			bottom:-30px;
		}
	}
	

.u-arrow-bottom {
  position: absolute;
  bottom: 80px;
  left: 52%;
  z-index: 150;
  width: 83px;
  height: 37px;
  margin-left: -50px;
}
.u-arrow-bottom img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -44px 0 0 -50px;
  width: 83px;
  height: 37px;
  background-position: 0 -82px;
  -webkit-animation: start 1.5s infinite ease-in-out;
  -moz-animation: start 1.5s infinite ease-in-out;
  animation: start 1.5s infinite ease-in-out;
}

@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}