@charset "utf-8";
/* CSS Document */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize *//*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
* {
	margin: 0;
	padding: 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
:root, body {
	margin: 0;
	font: 12px/1.8em tahoma, "microsoft yahei", "微软雅黑";
	position: relative;
	height: 100%;
	background: #0a0a0a;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
body a, body div {
	background: none;
	border: 0;
	-webkit-tap-highlight-color: rgba(255,0,0,0);
}
.swiper-container {
	height: 100%;
	background: none;
}
.swiper-wrapper {
	position: relative;
	height: 100%;
}
.swiper-slide {
	height: 100%;
}

/* loading */
.loading_item_box { position:absolute; width:414px; height:410px;left:120px;top:290px;}
.loading_item_box .loading_item_box_item{ position:absolute; width:414px; height:410px;left:0px;top:0px;}

/* index01 */
.index01_bg { position:absolute; width:100%; height:100%; background:url(../image/index_bg.jpg) no-repeat left top;transform:scale(1.5, 1.5) translate(1.5, 1.5)}
.index01_txt_box { position:absolute; width:412px; height:153px; background:url(../image/index_txt_bg.png) no-repeat left top;left:125px;top:285px;}
.index01_txt_box .index01_txt01{ position:absolute; width:130px; height:38px;left:140px;top:30px;}
.index01_txt_box .index01_txt02{ position:absolute; width:341px; height:35px;left:35px;top:90px;}
@-webkit-keyframes shaketoout{
	0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	10%,30%,50%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
	20%,40%,60%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
	70%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); opacity:0.7;}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); opacity:0;}}
@keyframes shaketoout{
	0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	10%,30%,50%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
	20%,40%,60%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
	70%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); opacity:0.7;}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); opacity:0;}}
.shaketoout{-webkit-animation-name:shaketoout;animation-name:shaketoout}



/* index02*/
.index02_img_box .left_line_box { position:absolute; width:158px; height:1049px; background:url(../image/left_line.png) no-repeat center bottom; left:260px;top:-310px; opacity:1; z-index:999;display:inherit;}
.index02_img_box .right_line_box { position:absolute; width:158px; height:1060px; background:url(../image/right_line.png) no-repeat center bottom; right:-10px;top:-300px; opacity:1; z-index:999;display:inherit;}
.index02_img_box .center_line_box { position:absolute; width:471px; height:1334px; background:url(../image/center_line.png) no-repeat center bottom; left:230px;top:-180px;opacity:1; z-index:999;display:inherit;}
@-webkit-keyframes line_heigh_ani{
	0%{-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0); opacity:0}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); opacity:1;}}
@keyframes line_heigh_ani{
	0%{-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0); opacity:0}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); opacity:1;}}
.line_heigh_ani{-webkit-animation-name:line_heigh_ani;animation-name:line_heigh_ani}

.index02_img_box .quan01 { position:absolute; width:681px; height:414px; background:url(../image/quan1.png) no-repeat left top;right:-180px;bottom:0px; z-index:999;display:inherit;}
.index02_img_box .quan02 { position:absolute; width:515px; height:332px; background:url(../image/quan2.png) no-repeat left top;right:-90px;bottom:60px; z-index:999;display:inherit;}
.index02_img_box .quan03 { position:absolute; width:379px; height:257px; background:url(../image/quan3.png) no-repeat left top;right:-20px;bottom:100px; z-index:999;display:inherit;}
.index02_img_box .quan04 { position:absolute; width:249px; height:153px; background:url(../image/quan4.png) no-repeat left top;right:40px;bottom:173px; z-index:999;display:inherit;}
.index02_img_box .quan05 { position:absolute; width:175px; height:87px; background:url(../image/quan5.png) no-repeat left top;right:75px;bottom:220px; z-index:999;display:inherit;}

.index02_img_box .index02_txt_box { position:absolute; width:509px; height:207px; background:url(../image/index02_txt_bg.png) no-repeat left top;left:90px;top:220px;  z-index:999;display:inherit;}
.index02_img_box .index02_txt_box .index02_txt01{ position:absolute; width:359px; height:29px;left:10px;top:20px; z-index:6;display:inherit;}
.index02_img_box .index02_txt_box .index02_txt02{ position:absolute; width:358px; height:29px;left:10px;top:60px; z-index:6;display:inherit;}
.index02_img_box .index02_txt_box .index02_txt03{ position:absolute; width:476px; height:27px;left:10px;top:100px; z-index:6;display:inherit;}
.index02_img_box .index02_txt_box .index02_txt04{ position:absolute; width:458px; height:29px;left:10px;top:140px; z-index:6;display:inherit;}

.index02_img_box {
	width: 640px;
	height:1100px;
	position:relative;
	display:inherit;
	right: 0px;
	top: 0px;
	z-index:9;
	transform-origin: center center;
	-webkit-transform-origin: center center;}
.index02_img_box_movetoright{animation: index02_img_box_movetoright 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: index02_img_box_movetoright 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: index02_img_box_movetoright 1.5s 0s forwards;
	/* Opera: */
	-o-animation: index02_img_box_movetoright 1.5s 0s forwards;
}
@-webkit-keyframes index02_img_box_movetoright {
 0% {
-webkit-transform:scale(1,1) translate(0,0);
-moz-transform:scale(1,1) translate(0,0);
-ms-transform:scale(1,1) translate(0,0);
transform:scale(1,1) translate(0,0);
opacity:1;
}
100% {
-webkit-transform:scale(0.2,0.2) translate(1200px,-1835px);
-moz-transform:scale(0.2,0.2) translate(1200px,-1835px);
-ms-transform:scale(0.2,0.2) translate(1200px,-1835px);
transform:scale(0.2,0.2) translate(1200px,-1835px);
opacity:0;
}
}
@keyframes index02_img_box_movetoright {
0% {
-webkit-transform:scale(1, 1) translate(0, 0);
-moz-transform:scale(1, 1) translate(0, 0);
-ms-transform:scale(1, 1) translate(0, 0);
transform:scale(1, 1) translate(0, 0);
opacity:1;
}
100% {
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0;
}
}

.index02_txt_box_movetoright{animation: index02_txt_box_movetoright 1.5s 8s forwards;
	/* Firefox: */
	-moz-animation: index02_txt_box_movetoright 1.5s 8s forwards;
	/* Safari and Chrome: */
	-webkit-animation: index02_txt_box_movetoright 1.5s 8s forwards;
	/* Opera: */
	-o-animation: index02_txt_box_movetoright 1.5s 8s forwards;
}
@-webkit-keyframes index02_txt_box_movetoright {
 0% {
-webkit-transform:scale(1,1) translate(0,0);
-moz-transform:scale(1,1) translate(0,0);
-ms-transform:scale(1,1) translate(0,0);
transform:scale(1,1) translate(0,0);
opacity:1;
}
100% {
-webkit-transform:scale(0.2,0.2) translate(1200px,-1835px);
-moz-transform:scale(0.2,0.2) translate(1200px,-1835px);
-ms-transform:scale(0.2,0.2) translate(1200px,-1835px);
transform:scale(0.2,0.2) translate(1200px,-1835px);
opacity:0;
}
}
@keyframes index02_txt_box_movetoright {
0% {
-webkit-transform:scale(1, 1) translate(0, 0);
-moz-transform:scale(1, 1) translate(0, 0);
-ms-transform:scale(1, 1) translate(0, 0);
transform:scale(1, 1) translate(0, 0);
opacity:1;
}
100% {
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0;
}
}

/* 安卓特效 */
.anzhuo_img { position:absolute; width:145px; height:254px;right:-10px;top:0px; opacity:0; z-index:9999; background:url(../image/quan_backup01.png) no-repeat left top; background-size:cover;}
.anzhuo_img_ani{animation: anzhuo_img_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: anzhuo_img_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: anzhuo_img_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: anzhuo_img_ani 1.5s 0s forwards;
}
@-webkit-keyframes anzhuo_img_ani {
0% {opacity:0;}
99% {opacity:0;}
100% {opacity:0.6;}
}
@keyframes anzhuo_img_ani {
0% {opacity:0;}
99% {opacity:0;}
100% {opacity:0.6;}
}
.anzhuo_img_movetoleft_ani{
	position:absolute; width:145px; height:254px;right:-10px;top:0px; opacity:0.6; z-index:9999; background:url(../image/quan_backup01.png) no-repeat left top; background-size:cover;
animation: anzhuo_img_movetoleft_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: anzhuo_img_movetoleft_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: anzhuo_img_movetoleft_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: anzhuo_img_movetoleft_ani 1.5s 0s forwards;}

@-webkit-keyframes anzhuo_img_movetoleft_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:0.5;}
	100%{transform:translate(-520px, 0);
-webkit-transform:translate(-520px, 0);
opacity:0.5;}}
@keyframes anzhuo_img_movetoleft_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:0.5;}
	100%{transform:translate(-520px, 0);
-webkit-transform:translate(-520px, 0);
opacity:0.5;}}

/* 圆圈左移 */
.index02_img_box_movetoleft_ani{
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0;
animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;}

@-webkit-keyframes index02_img_box_movetoleft_ani{
	0%{transform:scale(0.2, 0.2) translate(1200px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0;}
	100%{transform:scale(0.2, 0.2) translate(-1500px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(-1500px, -1835px);
opacity:0;}}
@keyframes index02_img_box_movetoleft_ani{
	0%{transform:scale(0.2, 0.2) translate(1200px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0;}
	100%{transform:scale(0.2, 0.2) translate(-1500px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(-1500px, -1835px);
opacity:0;}}





.index02_bg_box {
	width: 640px;
	height: 1100px;
	background: url(../image/index02_bg.jpg) no-repeat left bottom;
	position: absolute;
	right: 0px;
	top: 0px;}
.index02_bg_box_movetoright {	
	animation: index02_bg_box_movetoright 1s linear 8s forwards;
	/* Firefox: */
	-moz-animation: index02_bg_box_movetoright 1s linear 8s forwards;
	/* Safari and Chrome: */
	-webkit-animation: index02_bg_box_movetoright 1s linear 8s forwards;
	/* Opera: */
	-o-animation: index02_bg_box_movetoright 1s linear 8s forwards;
}
@-webkit-keyframes index02_bg_box_movetoright {
 0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
}
95% {
transform:scale(0.3, 0.3) translate(600px, -1010px);
-webkit-transform:scale(0.3, 0.3) translate(600px, -1010px);
opacity:1;
}
 100% {
transform:scale(0.3, 0.3) translate(600px, -1010px);
-webkit-transform:scale(0.3, 0.3) translate(600px, -1010px);
opacity:1;
background:none;
}
}
@keyframes index02_bg_box_movetoright {
 0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
}
95% {
transform:scale(0.3, 0.3) translate(600px, -1010px);
-webkit-transform:scale(0.3, 0.3) translate(600px, -1010px);
opacity:1;
}
 100% {
transform:scale(0.3, 0.3) translate(600px, -1010px);
-webkit-transform:scale(0.3, 0.3) translate(600px, -1010px);
opacity:1;
background:none;
}
}

/* 海螺 */
.index03_image_box {
	width: 640px;
	height: 792px;
	background: url(../image/hailuo_img.png) no-repeat left top;
	position: absolute;
	left: 0px;
	top: 400px;
	opacity: 0;
	z-index: 3;}
.index03_image_box_ani{	
	animation: index03_image_box_ani 1s linear 0s forwards;
	/* Firefox: */
	-moz-animation: index03_image_box_ani 1s linear 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: index03_image_box_ani 1s linear 0s forwards;
	/* Opera: */
	-o-animation: index03_image_box_ani 1s linear 0s forwards;
}
@-webkit-keyframes index03_image_box_ani {
 0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:0;
}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;
}
}
@keyframes index03_image_box_ani {
 0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:0;
}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;
}
}

/* 海螺左移 */
.index03_image_box_movetoleft_ani{transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;
animation: index03_image_box_movetoleft_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: index03_image_box_movetoleft_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: index03_image_box_movetoleft_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: index03_image_box_movetoleft_ani 1.5s 0s forwards;}

@-webkit-keyframes index03_image_box_movetoleft_ani{
	0%{transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;}
	100%{transform:scale(1, 1) translate(-1000px, 0);
-webkit-transform:scale(1, 1) translate(-1000px, 0);
opacity:1;}}
@keyframes index03_image_box_movetoleft_ani{
	0%{transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;}
	100%{transform:scale(1, 1) translate(-1000px, 0);
-webkit-transform:scale(1, 1) translate(-1000px, 0);
opacity:1;}}

.index03_bg_box {
	width: 640px;
	height: 1100px;
	background: url(../image/all_bg.jpg) no-repeat left -200px;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	transform-origin: right top;
	-webkit-transform-origin: right top;}
.index03_bg_box_ani{	
	animation: index03_bg_box_ani 1.2s 0s forwards;
	/* Firefox: */
	-moz-animation: index03_bg_box_ani 1.2s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: index03_bg_box_ani 1.2s 0s forwards;
	/* Opera: */
	-o-animation: index03_bg_box_ani 1.2s 0s forwards;
}
@-webkit-keyframes index03_bg_box_ani {
 0% {
transform:scale(5, 5) translate(0, 0);
-webkit-transform:scale(5, 5) translate(0, 0);
opacity:.3;
}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;
}
}
@keyframes index03_bg_box_ani {
 0% {
transform:scale(5, 5) translate(0, 0);
-webkit-transform:scale(5, 5) translate(0, 0);
opacity:.3;
}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;
}
}
/* 海螺背景左移 */
.index03_bg_box_movetoleft_ani{transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;
animation: index03_bg_box_movetoleft_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: index03_bg_box_movetoleft_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: index03_bg_box_movetoleft_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: index03_bg_box_movetoleft_ani 1.5s 0s forwards;}

@-webkit-keyframes index03_bg_box_movetoleft_ani{
	0%{transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;}
	100%{transform:scale(1, 1) translate(-640px, 0);
-webkit-transform:scale(1, 1) translate(-640px, 0);
opacity:1;}}
@keyframes index03_bg_box_movetoleft_ani{
	0%{transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;}
	100%{transform:scale(1, 1) translate(-640px, 0);
-webkit-transform:scale(1, 1) translate(-640px, 0);
opacity:1;}}

.hailuo_txt_box { position:absolute; width:480px; height:155px;top:285px;left:75px; z-index:100;}
.hailuo_txt_box .hailuo_txt01 { position:absolute; width:176px; height:25px;left:10px;top:10px;}
.hailuo_txt_box .hailuo_txt02 { position:absolute; width:446px; height:41px;left:7px;top:45px;}
.hailuo_txt_box .hailuo_txt03 { position:absolute; width:299px; height:26px;left:10px;top:96px;}

/* 海螺文字左移 */
.hailuo_txt_box_ani{
animation: hailuo_txt_box_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: hailuo_txt_box_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: hailuo_txt_box_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: hailuo_txt_box_ani 1.5s 0s forwards;}

@-webkit-keyframes hailuo_txt_box_ani{
	0%{transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;}
	100%{transform:scale(1, 1) translate(-640px, 0);
-webkit-transform:scale(1, 1) translate(-640px, 0);
opacity:1;}}
@keyframes hailuo_txt_box_ani{
	0%{transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;}
	100%{transform:scale(1, 1) translate(-640px, 0);
-webkit-transform:scale(1, 1) translate(-640px, 0);
opacity:1;}}


.hailuo_star01 { position:absolute; width:58px; height:52px; z-index:5;background:url(../image/star_img.png) no-repeat left top; background-size:cover;}
.star_ani{animation: star_ani 15s linear 0s infinite;
	/* Firefox: */
	-moz-animation: star_ani 15s linear 0s infinite;
	/* Safari and Chrome: */
	-webkit-animation: star_ani 15s linear 0s infinite;
	/* Opera: */
	-o-animation: star_ani 15s linear 0s infinite;}
@-webkit-keyframes star_ani{
	0%{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2); opacity:1}
	50%{-webkit-transform:scale(0.2, 0.2);transform:scale(0.2, 0.2); opacity:0.4}
	100%{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2); opacity:1}}
@keyframes star_ani{
	0%{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2); opacity:1}
	50%{-webkit-transform:scale(0.2, 0.2);transform:scale(0.2, 0.2); opacity:0.4}
	100%{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2); opacity:1}}

.hailuo_all_box { position:absolute; width:100%; height:100%;}


/* 货币背景 */
.huobi_bg { position:absolute; width:640px; height:1138px; background:url(../image/all_bg.jpg) no-repeat -640px -200px;left:640px;top:0px; opacity:0;
transform-origin: left center;
	-webkit-transform-origin: left center;
}
@-webkit-keyframes huobi_bg_ani {
 0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:.6;
}
 100% {
transform:scale(1, 1) translate(-640px, 0);
-webkit-transform:scale(1, 1) translate(-640px, 0);
opacity:1;
}
}
@keyframes huobi_bg_ani {
 0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:.6;
}
 100% {
transform:scale(1, 1) translate(-640px, 0);
-webkit-transform:scale(1, 1) translate(-640px, 0);
opacity:1;
}
}
.huobi_bg_ani{-webkit-animation-name:huobi_bg_ani;animation-name:huobi_bg_ani}

/* 货币 */
.huobi_img { position:absolute; width:640px; height:795px; background:url(../image/huobi_img.png) no-repeat right top;left:0px;top: 300px; z-index:10;}

.huobi_txt_box { position:absolute; width:435px; height:140px;left:130px; top:205px;}
.huobi_txt_box .huobi_txt01 { position:absolute; width:157px; height:25px; top:10px;left:10px;}
.huobi_txt_box .huobi_txt02 { position:absolute; width:382px; height:27px; top:49px;left:10px;}
.huobi_txt_box .huobi_txt03{ position:absolute; width:300px; height:40px; top:82px;left:10px;}

/* 交子 */

.jiaozi_background { position:absolute; width:840px; height:1138px;background:#0a0a0a url(../image/all_bg.jpg) no-repeat -640px -1275px;left:0px;top:0px;}

.jiaozi_background_ani {
	animation: jiaozi_background_ani 0.5s 0s forwards;
	/* Firefox: */
	-moz-animation: jiaozi_background_ani 0.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: jiaozi_background_ani 0.5s 0s forwards;
	/* Opera: */
	-o-animation: jiaozi_background_ani 0.5s 0s forwards;}
@-webkit-keyframes jiaozi_background_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);}
	100%{transform:translate(-201px, -50px);
-webkit-transform:translate(-201px, -50px);}}
@keyframes jiaozi_background_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);}
	100%{transform:translate(-201px, -50px);
-webkit-transform:translate(-201px, -50px);}}


.jiaozi_bg { position:absolute; width:640px; height:1100px;left:0px;top:1100px; opacity:1;
transform-origin:320px 0px;
	-webkit-transform-origin:320px 0px;
}
@-webkit-keyframes jiao_bg_ani {
 0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:0;
}
 100% {
transform:scale(1, 1) translate(0, -1100px);
-webkit-transform:scale(1, 1) translate(0,-1100px);
opacity:1;
}
}
@keyframes jiao_bg_ani {
 0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:0;
}
 100% {
transform:scale(1, 1) translate(0, -1100px);
-webkit-transform:scale(1, 1) translate(0,-1100px);
opacity:1;
}
}
.jiao_bg_ani{-webkit-animation-name:jiao_bg_ani;animation-name:jiao_bg_ani}

.jiaozi_img { position:absolute; width:640px; height:870px;left:0px;top:200px; background:url(../image/jiaozi_img.png) no-repeat left top;}

.jiaozi_txt_box { position:absolute;left:50px;top:190px; width:395px; height:145px;}
.jiaozi_txt_box .jiaozi_txt01{ position:absolute; width:145px; height:25px;left:10px;top:10px;}
.jiaozi_txt_box .jiaozi_txt02{ position:absolute; width:375px; height:39px;left:10px;top:45px;}
.jiaozi_txt_box .jiaozi_txt03{ position:absolute; width:329px; height:26px;left:10px;top:94px;}

/* 银行卡 */
.yinhangka_bg { position:absolute; width:640px; height:1100px;left:201px;top:1100px; opacity:1;
transform-origin:320px 0px;
	-webkit-transform-origin:320px 0px;
}

.yinhangka_img { position:absolute; width:640px; height:845px;left:201px;top:200px; background:url(../image/yihangka_img.png) no-repeat left top;}

.yinhangka_txt_box { position:absolute;right:-156px;top:175px; width:390px; height:205px;}
.yinhangka_txt_box .yinhangka_txt01{ position:absolute; width:142px; height:26px;left:10px;top:10px;}
.yinhangka_txt_box .yinhangka_txt02{ position:absolute; width:287px; height:26px;left:10px;top:46px;}
.yinhangka_txt_box .yinhangka_txt03{ position:absolute; width:295px; height:41px;left:10px;top:74px;}
.yinhangka_txt_box .yinhangka_txt04{ position:absolute; width:271px; height:26px;left:10px;top:120px;}


.san_in { position:absolute; width:61px; height:85px; z-index:90;}


.share_box_bg {position:absolute;width:640px;height:100%;background:url(../image/share_bg01.png) no-repeat left top;z-index:2000; visibility: hidden;left:0; top:0; }

/* logo */
.logo_txt_box { position:absolute; width:390px; height:185px;left:190px;top:270px; z-index:100;}
.logo_txt_box .logo_txt01 { position:absolute; width:299px; height:24px;left:10px;top:10px;}
.logo_txt_box .logo_txt02 { position:absolute; width:299px; height:24px;left:10px;top:46px;}
.logo_txt_box .logo_txt03 { position:absolute; width:121px; height:37px;left:10px;top:78px;}
.logo_txt_box .logo_txt04 { position:absolute; width:361px; height:24px;left:10px;top:125px;}

/* san_box */
.san_box { position:absolute; width:200px;height:200px;left:150px;top:100px; z-index:99;}
.logo_item_box { position:absolute; width:640px; height:1138px;left:0px;top:1138px;z-index:89;}
.logo_item_box_item{ position:absolute; width:640px; height:100%; left:-60px;top:0px;z-index:80; visibility:hidden;}


/* 结果 */
.jieguo_logo { position:absolute; width:640px; height:583px;top:0px;left:0px;}
.jieguo_txt_box { position:absolute; width:539px; height:223px;left:53px;top:412px; background:url(../image/jieguo_txt_bg.png ) no-repeat left  top;}
.jieguo_txt_box .jieguo_txt01{ position:absolute; width:485px; height:39px;left:18px;top:10px;}
.jieguo_txt_box .jieguo_txt02{ position:absolute; width:327px; height:23px;left:97px;top:80px;}
.jieguo_txt_box .jieguo_txt03{ position:absolute; width:447px; height:22px;left:38px;top:122px;}
.jieguo_txt_box .jieguo_txt04{ position:absolute; width:422px; height:22px;left:54px;top:162px;}

.jieguo_txt05{ position:absolute; width:417px; height:22px;left:110px;top:650px;}

.jieguo_btn_ani {  position:absolute; width:262px; height:84px;left:190px;bottom:700px; z-index:99;}
.jieguo_btn_ani a { display:block; width:262px; height:84px;}
/* music  
.muc_open_btn {
	position: absolute;
	width: 61px;
	height: 61px;
	top: 30px;
	right: 30px;
	visibility: visible;
	z-index: 100
}
.muc_close_btn {
	position: absolute;
	width: 61px;
	height: 61px;
	top: 30px;
	right: 30px;
	visibility: hidden;
	z-index: 100
}
/* loading */
.loading_ani {
	position: absolute;
	width: 156px;
	height: 230px;
	left: 37%;
	top: 35%;
	animation: tiaodong_ani 1s linear 0s infinite;
	/* Firefox: */
	-moz-animation: tiaodong_ani 1s linear 0s infinite;
	/* Safari and Chrome: */
	-webkit-animation: tiaodong_ani 1s linear 0s infinite;
	/* Opera: */
	-o-animation: tiaodong_ani 1s linear 0s infinite;
}
.loading_txt {
	position: absolute;
	width: 12px;
	height: 34px;
	top: 59%;
	left: 43.5%;
	text-align: center;
	font-size: 30px;
	color: #000000;
	font-weight: bold;
}
.run_ani {/* Firefox: */
	-moz-animation: run_ani 4s linear 0s infinite;
	/* Safari and Chrome: */
	-webkit-animation: run_ani 4s linear 0s infinite;
	/* Opera: */
	-o-animation: run_ani 4s linear 0s infinite;
}
@-webkit-keyframes run_ani {
  0% {
transform:rotate(0deg);
-webkit-transform:rotate(0deg);}
 100% {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}
}
@keyframes run_ani {
 0% {
transform:rotate(0deg);
-webkit-transform:rotate(0deg);}
 100% {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}
}


.huobi_box { position:absolute; width:640px; height:100%;top:0px;left:0px;}
.jiaozi_box { position:absolute; width:640px; height:100%;top:1138px;left:0px;}
.yinhangka_box{ position:absolute; width:640px; height:100%;top:1138px;left:0px;}

/* gototop  */
.gototopleft_ani {/* Firefox: */
	-moz-animation: gototopleft_ani 1.5s linear 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: gototopleft_ani 1.5s linear 0s forwards;
	/* Opera: */
	-o-animation: gototopleft_ani 1.5s linear 0s forwards;
}
@-webkit-keyframes gototopleft_ani {
 0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(-201px, -1140px);
opacity:1;}
}
@keyframes gototopleft_ani {
0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(-201px, -1140px);
opacity:1;}
}

.gototop_ani {/* Firefox: */
	-moz-animation: gototop_ani 1.5s linear 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: gototop_ani 1.5s linear 0s forwards;
	/* Opera: */
	-o-animation: gototop_ani 1.5s linear 0s forwards;
}
@-webkit-keyframes gototop_ani {
 0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, -1140px);
opacity:1;}
}
@keyframes gototop_ani {
0% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, 0);
opacity:1;}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0, -1140px);
opacity:1;}
}
.gototopagain_ani {/* Firefox: */
	-moz-animation: gototopagain_ani 1.5s linear 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: gototopagain_ani 1.5s linear 0s forwards;
	/* Opera: */
	-o-animation: gototopagain_ani 1.5s linear 0s forwards;
}
@-webkit-keyframes gototopagain_ani {
 0% {
transform:scale(1, 1) translate(0, -1140px);
-webkit-transform:scale(1, 1) translate(0, -1140px);
opacity:1;}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(-201px, -2280px);
opacity:1;}
}
@keyframes gototopagain_ani {
 0% {
transform:scale(1, 1) translate(0, -1140px);
-webkit-transform:scale(1, 1) translate(0, -1140px);
opacity:1;}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(-201px, -2280px);
opacity:1;}
}

.gototopagain_ani02 {/* Firefox: */left:-201px;
	-moz-animation: gototopagain_ani02 1.5s linear 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: gototopagain_ani02 1.5s linear 0s forwards;
	/* Opera: */
	-o-animation: gototopagain_ani02 1.5s linear 0s forwards;
}
@-webkit-keyframes gototopagain_ani02 {
 0% {
transform:scale(1, 1) translate(0, -1140px);
-webkit-transform:scale(1, 1) translate(0, -1140px);
opacity:1;}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0px, -2280px);
opacity:1;}
}
@keyframes gototopagain_ani02 {
 0% {
transform:scale(1, 1) translate(0, -1140px);
-webkit-transform:scale(1, 1) translate(0, -1140px);
opacity:1;}
 100% {
transform:scale(1, 1) translate(0, 0);
-webkit-transform:scale(1, 1) translate(0px, -2280px);
opacity:1;}
}

.anzhuo_img_movetotop_ani{
	position:absolute; width:145px; height:254px;right:-10px;top:0px; opacity:0; z-index:9999; background:url(../image/quan_backup01.png) no-repeat left top; background-size:cover;
animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;}

@-webkit-keyframes anzhuo_img_movetotop_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:1;}
	100%{transform:translate(0, -1000px);
-webkit-transform:translate(0, -1000px);
opacity:1;}}
@keyframes anzhuo_img_movetotop_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:1;}
	100%{transform:translate(0, -1000px);
-webkit-transform:translate(0, -1000px);
opacity:1;}}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {/* 兼容iphone 5 */
.last_txt08 {
	position: absolute;
	width: 227px;
	height: 57px;
	left: 0px;
	top: 200px;
}
}

@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2) {/* 兼容iphone 6 */
.swiper-container-v .paperA_zhizhao {
	height: 1040px;
}
.index02_img_boxgototop_ani { display:none;}
.anzhuo_img_movetotop_ani{
	position:absolute; width:145px; height:254px;right:-10px;top:0px; opacity:0; z-index:9999; background:url(../image/quan_backup01.png) no-repeat left top; background-size:cover;
animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;}

@-webkit-keyframes anzhuo_img_movetotop_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:0;}
	100%{transform:translate(0, -1000px);
-webkit-transform:translate(0, -1000px);
opacity:0;}}
@keyframes anzhuo_img_movetotop_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:0;}
	100%{transform:translate(0, -1000px);
-webkit-transform:translate(0, -1000px);
opacity:0;}}
.jieguo_btn_ani {  position:absolute; width:262px; height:84px;left:190px;bottom:200px;}
@-webkit-keyframes index02_img_box_movetoright {
 0% {
-webkit-transform:scale(1,1) translate(0,0);
-moz-transform:scale(1,1) translate(0,0);
-ms-transform:scale(1,1) translate(0,0);
transform:scale(1,1) translate(0,0);
opacity:1;
}
100% {
-webkit-transform:scale(0.2,0.2) translate(1200px,-1835px);
-moz-transform:scale(0.2,0.2) translate(1200px,-1835px);
-ms-transform:scale(0.2,0.2) translate(1200px,-1835px);
transform:scale(0.2,0.2) translate(1200px,-1835px);
opacity:0.5;
}
}
@keyframes index02_img_box_movetoright {
0% {
-webkit-transform:scale(1, 1) translate(0, 0);
-moz-transform:scale(1, 1) translate(0, 0);
-ms-transform:scale(1, 1) translate(0, 0);
transform:scale(1, 1) translate(0, 0);
opacity:1;
}
100% {
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0.5;
}
}
/* 圆圈左移 */
.index02_img_box_movetoleft_ani{
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0.5;
animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;}

@-webkit-keyframes index02_img_box_movetoleft_ani{
	0%{transform:scale(0.2, 0.2) translate(1200px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0.5;}
	100%{transform:scale(0.2, 0.2) translate(-1500px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(-1500px, -1835px);
opacity:0.5;}}
@keyframes index02_img_box_movetoleft_ani{
	0%{transform:scale(0.2, 0.2) translate(1200px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0.5;}
	100%{transform:scale(0.2, 0.2) translate(-1500px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(-1500px, -1835px);
opacity:0.5;}}
.anzhuo_img { opacity:0;}
.anzhuo_img_ani{animation: anzhuo_img_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: anzhuo_img_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: anzhuo_img_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: anzhuo_img_ani 1.5s 0s forwards;
}
@-webkit-keyframes anzhuo_img_ani {
0% {opacity:0;}
99% {opacity:0;}
100% {opacity:0;}
}
@keyframes anzhuo_img_ani {
0% {opacity:0;}
99% {opacity:0;}
100% {opacity:0;}
}
.anzhuo_img_movetoleft_ani{
	position:absolute; width:145px; height:254px;right:-10px;top:0px; opacity:0; z-index:9999; background:url(../image/quan_backup01.png) no-repeat left top; background-size:cover;
animation: anzhuo_img_movetoleft_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: anzhuo_img_movetoleft_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: anzhuo_img_movetoleft_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: anzhuo_img_movetoleft_ani 1.5s 0s forwards;}

@-webkit-keyframes anzhuo_img_movetoleft_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:0;}
	100%{transform:translate(-520px, 0);
-webkit-transform:translate(-520px, 0);
opacity:0;}}
@keyframes anzhuo_img_movetoleft_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:0;}
	100%{transform:translate(-520px, 0);
-webkit-transform:translate(-520px, 0);
opacity:0;}}

.anzhuo_img_movetotop_ani{
	position:absolute; width:145px; height:254px;right:-10px;top:0px; opacity:0; z-index:9999; background:url(../image/quan_backup01.png) no-repeat left top; background-size:cover;
animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: anzhuo_img_movetotop_ani 1.5s 0s forwards;}

@-webkit-keyframes anzhuo_img_movetotop_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:0;}
	100%{transform:translate(0, -1000px);
-webkit-transform:translate(0, -1000px);
opacity:0;}}
@keyframes anzhuo_img_movetotop_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:0;}
	100%{transform:translate(0, -1000px);
-webkit-transform:translate(0, -1000px);
opacity:0;}}
}

@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0) {/* 兼容iphone6 plus */
.swiper-container-v .paperA_zhizhao {
	height: 1040px;
}
.jieguo_btn_ani {  position:absolute; width:262px; height:84px;left:190px;bottom:200px;}
.index02_img_boxgototop_ani { display:none;}
@-webkit-keyframes index02_img_box_movetoright {
 0% {
-webkit-transform:scale(1,1) translate(0,0);
-moz-transform:scale(1,1) translate(0,0);
-ms-transform:scale(1,1) translate(0,0);
transform:scale(1,1) translate(0,0);
opacity:1;
}
100% {
-webkit-transform:scale(0.2,0.2) translate(1200px,-1835px);
-moz-transform:scale(0.2,0.2) translate(1200px,-1835px);
-ms-transform:scale(0.2,0.2) translate(1200px,-1835px);
transform:scale(0.2,0.2) translate(1200px,-1835px);
opacity:0.5;
}
}
@keyframes index02_img_box_movetoright {
0% {
-webkit-transform:scale(1, 1) translate(0, 0);
-moz-transform:scale(1, 1) translate(0, 0);
-ms-transform:scale(1, 1) translate(0, 0);
transform:scale(1, 1) translate(0, 0);
opacity:1;
}
100% {
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0.5;
}
}
/* 圆圈左移 */
.index02_img_box_movetoleft_ani{
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0.5;
animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: index02_img_box_movetoleft_ani 1.5s 0s forwards;}

@-webkit-keyframes index02_img_box_movetoleft_ani{
	0%{transform:scale(0.2, 0.2) translate(1200px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0.5;}
	100%{transform:scale(0.2, 0.2) translate(-1500px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(-1500px, -1835px);
opacity:0.5;}}
@keyframes index02_img_box_movetoleft_ani{
	0%{transform:scale(0.2, 0.2) translate(1200px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-moz-transform:scale(0.2, 0.2) translate(1200px, -1835px);
-ms-transform:scale(0.2, 0.2) translate(1200px, -1835px);
opacity:0.5;}
	100%{transform:scale(0.2, 0.2) translate(-1500px, -1835px);
-webkit-transform:scale(0.2, 0.2) translate(-1500px, -1835px);
opacity:0.5;}}

.anzhuo_img { opacity:0;}
.anzhuo_img_ani{animation: anzhuo_img_ani 1.5s 0s forwards;
	/* Firefox: */
	-moz-animation: anzhuo_img_ani 1.5s 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation: anzhuo_img_ani 1.5s 0s forwards;
	/* Opera: */
	-o-animation: anzhuo_img_ani 1.5s 0s forwards;
}
@-webkit-keyframes anzhuo_img_ani {
0% {opacity:0;}
99% {opacity:0;}
100% {opacity:0;}
}
@keyframes anzhuo_img_ani {
0% {opacity:0;}
99% {opacity:0;}
100% {opacity:0;}
}
.anzhuo_img_movetoleft_ani{
	position:absolute; width:145px; height:254px;right:-10px;top:0px; opacity:0; z-index:9999; background:url(../image/quan_backup01.png) no-repeat left top; background-size:cover;
animation: anzhuo_img_movetoleft_ani 1.5s 8s forwards;
	/* Firefox: */
	-moz-animation: anzhuo_img_movetoleft_ani 1.5s 8s forwards;
	/* Safari and Chrome: */
	-webkit-animation: anzhuo_img_movetoleft_ani 1.5s 8s forwards;
	/* Opera: */
	-o-animation: anzhuo_img_movetoleft_ani 1.5s 8s forwards;}

@-webkit-keyframes anzhuo_img_movetoleft_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:0;}
	100%{transform:translate(-520px, 0);
-webkit-transform:translate(-520px, 0);
opacity:0;}}
@keyframes anzhuo_img_movetoleft_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
opacity:0;}
	100%{transform:translate(-520px, 0);
-webkit-transform:translate(-520px, 0);
opacity:0;}}

.jiaozi_background { position:absolute; width:840px; height:1138px;background:#0a0a0a url(../image/all_bg.jpg) no-repeat -640px -1275px;left:0px;top:0px;}
@-webkit-keyframes jiaozi_background_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);}
	100%{transform:translate(-211px, -50px);
-webkit-transform:translate(-211px, -50px);}}
@keyframes jiaozi_background_ani{
	0%{transform:translate(0, 0);
-webkit-transform:translate(0, 0);}
	100%{transform:translate(-211px, -50px);
-webkit-transform:translate(-211px, -50px);}}

}
