@charset "utf-8";

body{font-size: 22px; line-height: 1.8em;font-family:"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53", Arial, Helvetica, sans-serif; width:100%; height:100%; overflow:hidden;}
.bg-img {
	display:block;
	padding: 0px 0px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-image: url(https://img.alicdn.com/imgextra/i2/815440245/TB2FQ9EkXXXXXX0XXXXXXXXXXXX_!!815440245.jpg);
}

.fw700{ font-weight:700;}

/*字体颜色*/
.white{ color:#FFF}
.purple{ color:#F0F}

.cyan{ color:#0FF}
.blue{ color:#00F;}
.green{ color:#0F0;}
.yellow{ color:#FF0;}
.pink{ color:#F0F;}
.qingse{ color:#3FF;}
.red{ color:#F00;}
.orange{color:#F90}

/*字体大小*/
.fz03em{font-size: 0.3em;}
.fz04em{font-size: 0.4em;}
.fz05em{font-size: 0.5em;}
.fz65em{font-size: 0.65em;}
.fz75em{font-size: 0.75em;}
.fz80em{font-size: 0.8em;}
.fz85em{font-size: 0.85em;}
.fz90em{font-size: 0.9em;}
.fz95em{font-size: 0.95em;}
.fz1em{font-size: 1em;}
.fz12em{font-size: 1.2em;}
.fz13em{font-size: 1.3em;}
.fz15em{font-size: 1.5em;}
.fz18em{font-size: 1.8em;}
.fz2em{font-size: 2em;}
.fz25em{font-size: 2.5em;}
.fz3em{font-size: 3em;}

/*顶部间距*/
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{padding-top:30px;}

/*行高*/
.lh1em{ line-height:1em;}
.lh12em{ line-height:1.2em;}
.lh15em{ line-height:1.5em;}
.lh18em{ line-height:1.8em;}

/*文字对齐*/
.taleft{ text-align:left;}
.tacenter{text-align: center;}
.taright{text-align: right;padding-right:10px;}

.yy1{
	   text-shadow:-1px 1px 5px #F00;
}
.yy2{
	  text-shadow: 0px 0px 20px #FF0;
}
.yy3{
	text-shadow: 2px 3px 4px #ff0000;
}
.yy4 {
  text-shadow: 0px 0px 3px #FF0, 0px 0px 3px #fff;
}

.yy5 {
  color: transparent;
  text-shadow:0 0 1px #F00, 0px -1px  #FFF, 1px 0px  #444;
}
.yy6{
	text-shadow: 0 0 3px #fff;
}
.yy7{
	text-shadow:0px 0px 1px #922e09,0px 0px 1px #ffb69a,0px 0px #922e09;
}


.updown1 {
	-webkit-transform: translate3d(0px, 6px, 0px);
	-webkit-animation: updown1 1s 0s infinite linear alternate both ;
}

@-webkit-keyframes updown1 {
	0% {
		-webkit-transform: translate3d(0px, -15px, 0px);
		-webkit-animation-timing-function:linear;
	}
	100% {
		-webkit-transform: translate3d(0px, 15px, 0px);
		-webkit-animation-timing-function:linear;
	}
}
.moveleft{-webkit-animation: moveleft 1s 1;}
.moveleftr8{-webkit-animation: moveleftr8 1s 1;}
.moveright{-webkit-animation: moveright 1s 2;}
.moveright1{-webkit-animation:moveright 6s ease-in-out 0s 1}
@-webkit-keyframes 'moveleft' {
  from{
	   -webkit-transform: translate(-350px,0);
     }
  50%{
	 -webkit-transform: translate(0,0);
  }
  to {
	 -webkit-transform: translate(380px,0);
  }
}

@-webkit-keyframes 'moveright' {
  from{
	   -webkit-transform: translate(350px,0);
     }
  50%{
	 -webkit-transform: translate(0,0);
  }
  to {
	 -webkit-transform: translate(-380px,0);
  }
}
@-webkit-keyframes up{
	from{-webkit-transform:translate(0px,0px) rotate(0deg);opacity:0.9}
	to{-webkit-transform:translate(-160px,-600px) rotate(10deg);opacity:0.9}
}
@-webkit-keyframes down{
	from{-webkit-transform:translate(0px,-160px) rotate(0deg);opacity:0.9}
	to{-webkit-transform:translate(0px,0px) rotate(0deg);opacity:0.9}
}
 .denglong {	 
	  -webkit-animation-name: 'round'; /*动画名称*/
      -webkit-animation-duration: 1s;/*播放一次所持续时间*/
      -webkit-animation-timing-function: linear;/*动画播放频率*/
      -webkit-animation-iteration-count: infinite;/*动画播放次涒为无限次*/
	   -webkit-transform-origin: 50px 0;
  }
  
  @-webkit-keyframes zhuan{
	0%
	{
		-webkit-transform:rotate(0deg);
	}

	100%
	{
		-webkit-transform:rotate(360deg);
	}
}

.jump{-webkit-animation: jump 2s 2 ease-in-out;}

/*定义跳动动画jump*/
  @-webkit-keyframes 'jump' {
  from{
	   -webkit-transform: translate(0px,0);
	   -webkit-transform:scale(0.8,0.8); 
     }
	50%{
		-webkit-transform:scale(1.1,1.1); 
	}
	70%{
		-webkit-transform: translate(0,-60px);
	}

  to {
	 -webkit-transform: translate(0px,0);
  }
}

 /*定义右边进入动画动画'moverup*/
@-webkit-keyframes 'moveup' {
  from{
	   -webkit-transform: translate(0,600px);
	   opacity: 0;
     }
  to {
	 -webkit-transform: translate(0px,0);
	 opacity: 1;
  }
}

 /*定义右边进入动画动画'moverdown*/
@-webkit-keyframes 'movedown' {
  from{
	   -webkit-transform: translate(0,-600px);
     }
  to {
	 -webkit-transform: translate(0px,0);
  }
}

.moveup{-webkit-animation: moveup 1s 1 ease-in-out;}
.movedown{-webkit-animation: movedown 2s 1;}