@charset "utf-8";

/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,i{
 	margin:0; padding:0; color:#333;font:normal normal 12px/1.5 "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; text-align:left;
	-webkit-box-sizing:border-box; box-sizing:border-box;-webkit-text-size-adjust:none;}
fieldset,img{ border:0; }
/* remember to define focus styles! */
:focus{pic_list outline:0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style:normal; font-weight:normal; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
abbr,acronym{ border:0; font-variant:normal; }
input,button,textarea,select,optgroup,option{ 
	font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
code,kbd,samp,tt{ font-size:100%; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select{ *font-size:100%; }
body{ line-height:1.5;}
ol,ul{ list-style:none; }
/* tables still need 'cellspacing="0"' in the markup */
table{ border-collapse:collapse; border-spacing:0; }
caption,
th{ text-align:left; }
sup,sub{ font-size:100%; vertical-align:baseline; }
/* remember to highlight anchors and inserts somehow! */
a{ color:#333333; *cursor:pointer}
a:hover,
a:focus{ color:#666; text-decoration:none; outline:none; }
:link,:visited,ins{ text-decoration:none;}
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
texearea{ resize:none; }
/*reset end*/


.fl{ float:left; }
.fr{ float:right; }
.clearfix:after{ content:"."; display:block; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden; clear:both; }
.clearfix{ *zoom:1; *display:table; }
.clearboth{ clear:both; }
.dn{display:none;}

.mt{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mb{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

.ml{margin-left:10px;}
.mr20{margin-left:20px;}
.mr30{margin-left:30px;}

.mr{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}



html,body {width:100%;height:100%;overflow:hidden; background-color:#2d3e50;}
body{width:640px;height:100%; margin:0 auto;overflow:hidden;position:relative;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-o-box-sizing:border-box;
			box-sizing:border-box;
			-webkit-box-shadow:0 0 160px 0 #6f98c1;
			box-shadow:0 0 160px 0 #6f98c1;}

.loading{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999999;background:#002453; }
.loading .loader-inner{position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;width:40px;height:40px;background:transparent url('../images/loader.png') 50% 50% no-repeat;-webkit-animation:rotating 1.3s linear infinite; }
@-webkit-keyframes rotating{
  from{
 -webkit-transform:rotate(0deg);
  }
  to{
 -webkit-transform:rotate(360deg);
  }
}

/*bg-music begin*/
.audio-box{position:absolute;bottom:20px;right:20px;width:70px;height:90px;overflow:hidden;z-index:10000;}
.bg-music{display:none;}

.music-icon{display:block;width:70px;height:70px;background:url("../images/note.png") center center no-repeat;position:relative;}
.music-icon.play{-webkit-animation:1.5s rotate360 infinite;
				-moz-animation:1.5s rotate360 infinite;
				-o-animation:1.5s rotate360 infinite;
				animation:1.5s rotate360 infinite;}	
/*bg-music end*/	

.direction{display:inline-block;position:absolute; left:50%;bottom:0px;height:auto; text-align:center;z-index:3;
			-webkit-animation:arrow-up 1.5s infinite;
			-moz-animation:arrow-up 1.5s infinite;
			-o-animation:arrow-up 1.5s infinite;
			animation:arrow-up 1.5s infinite;}
.direction img{margin-left:-50%;}			
.direction.r {left:auto;right:0px;top:0px;bottom:auto;width:auto;top:50%;
				-webkit-animation:arrow-left 1.5s infinite;
				-moz-animation:arrow-left 1.5s infinite;
				-o-animation:arrow-left 1.5s infinite;
				animation:arrow-left 1.5s infinite;}	
.direction.r img{margin:0;margin-top:-50%;}

.sharebtn{position:absolute;top:50%;left:50%;margin-left:-38px;margin-top:-38px; z-index:2}
.sharezzc{position:absolute;top:0;left:0;opacity:1;z-index:1;
			-webkit-transition:all .3s ease-out;
			-moz-transition:all .3s ease-out;
			-o-transition:all .3s ease-out;
			transition:all .3s ease-out;}
.sharezzc.o0{opacity:0;}

.radiobtn {display:block;width:90px;height:90px;position:absolute;top:50%;left:50%;margin-left:-45px;margin-top:-45px; border-radius:50%;z-index:2;}
.radiobtn-img{display:block;width:90px;height:90px;position:absolute;top:0px;left:0px;}
.radiobtn-bg {display:block;width:90px;height:90px;position:absolute;top:0px;left:0px;background:#fff;border-radius:50%;
				-webkit-animation:btnplay 1.5s infinite;
				-moz-animation:btnplay 1.5s infinite;
				-o-animation:btnplay 1.5s infinite;
				animation:btnplay 1.5s infinite;}

.ovideo{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7);width:100%;height:100%;overflow:hidden;opacity:1;z-index:10003;
			-webkit-transition:all .3s ease-out;
			-moz-transition:all .3s ease-out;
			-o-transition:all .3s ease-out;
			transition:all .3s ease-out;}
.ovideo.dn{opacity:0;}
.ovideo .videoin{display:block;width:640px;height:400px;background-color:#000; position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-320px;z-index:10003}
.closebtn{position:absolute;color:#fff;font-size:60px;right:0px;top:0px;width:60px;text-align:center; height:60px;line-height:60px;overflow:hidden;}


/*model begin*/
.model-box{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.model {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-size:100% 100%;background-color:#515363;z-index:0;
			-webkit-transform-style:preserve-3d;
			-moz-transform-style:preserve-3d;
			-o-transform-style:preserve-3d;
			transform-style:preserve-3d;
			-webkit-perspective:200px;
			-moz-perspective:200px;
			-ms-perspective:200px;
			perspective:200px;}

/*登场效果begin*/

.fallpic{display:block;height:100%;width:100%;top:0px;left:0px;position:absolute;
			-webkit-transform:translate3d(0,0,0);
			-moz-transform:translate3d(0,0,0);
			-o-transform:translate3d(0,0,0);
			transform:translate3d(0,0,0);
			-webkit-transition:all .3s ease-out .5s;
			-o-transition:all .3s ease-out .5s;
			-moz-transition:all .3s ease-out .5s;
			transition:all .3s ease-out .5s;}

.fall .fallpic {-webkit-transform:translate3d(0,0,0);
				-moz-transform:translate3d(0,0,0);
				-o-transform:translate3d(0,0,0);
				transform:translate3d(0,0,0);}

.abtn		{display:block;width:100%;left:0px;position:absolute;
			-webkit-transition:all .3s ease-in-out .5s;
			-o-transition:all .3s ease-in-out .5s;
			-moz-transition:all .3s ease-in-out .5s;
			transition:all .3s ease-in-out .5s;}
.abtn img {width:100%;}

/*特殊效果 begin*/
.rotating {-webkit-animation:rotate360 5s infinite;animation:rotate360 5s infinite;}
.rn1{-webkit-animation-iteration-count:1;animation-iteration-count:1;}
.rn2{-webkit-animation-iteration-count:2;animation-iteration-count:2;}
.rn3{-webkit-animation-iteration-count:3;animation-iteration-count:3;}
.rn4{-webkit-animation-iteration-count:4;animation-iteration-count:4;}
.rn5{-webkit-animation-iteration-count:5;animation-iteration-count:5;}
.overturnx{opacity:0;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);}
.overturny{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);}
.overturnx-bounch{opacity:0;}

.fadein{opacity:0;}

/*初始化状态*/
.fm-t,.fm-t-bounch{-webkit-transform:translate3d(0,-100%,0);
		-moz-transform:translate3d(0,-100%,0);
		-o-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0);}
.fm-b,.fm-b-bounch{-webkit-transform:translate3d(0,100%,0);
		-moz-transform:translate3d(0,100%,0);
		-o-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0);}
.fm-l,.fm-l-bounch{-webkit-transform:translate3d(-100%,0,0);
		-moz-transform:translate3d(-100%,0,0);
		-o-transform:translate3d(-100%,0,0);
		transform:translate3d(-100%,0,0);}
.fm-r,.fm-r-bounch{-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);}

.fm-s{-webkit-transform:scale(0);
		 -moz-transform:scale(0);
		 -o-transform:scale(0);
		 transform:scale(0);}
.fm-rotate360-s{-webkit-transform:scale(0) rotate(360deg);
				-moz-transform:scale(0) rotate(360deg);
				-o-transform:scale(0) rotate(360deg);
				transform:scale(0) rotate(360deg);}
.fm-s-bounch {opacity:0}
.blink {opacity:0}


/*最终状态*/
.fall .fallpic{top:0;left:0;}
.fall .fadein {
						-webkit-animation:fadein .5s ease-out .5s 1 forwards;
						-moz-animation:fadein .5s ease-out .5s 1 forwards;
				  		-o-animation:fadein .5s ease-out .5s 1 forwards;
				  		animation:fadein .5s ease-out .5s 1 forwards;}

.fall .fm-s{-webkit-transform:scale(1);
						-moz-transform:scale(1);
						-o-transform:scale(1);
						transform:scale(1);}
.fall .fm-rotate-s{-webkit-transform:scale(1) rotate(0deg);
						-moz-transform:scale(1) rotate(0deg);
						-o-transform:scale(1) rotate(0deg);
						transform:scale(1) rotate(0deg);}
.fall .blink		{-webkit-animation:blink .5s ease .5s 1 forwards;
						-moz-animation:blink .5s ease .5s 1 forwards;
				  		-o-animation:blink .5s ease .5s 1 forwards;
				  		animation:blink .5s ease .5s 1 forwards;}
.fall .fm-s-bounch{-webkit-animation:fm-s .5s ease .5s 1 forwards;
						-moz-animation:fm-s .5s ease .5s 1 forwards;
						-o-animation:fm-s .5s ease .5s 1 forwards;
						animation:fm-s .5s ease .5s 1 forwards;}
.fall .overturnx {opacity:1;-webkit-transform:rotateX(0deg);
						-moz-transform:rotateX(0deg);
						-o-transform:rotateX(0deg);
						transform:rotateX(0deg);}
.fall .overturny {opacity:1;
						-webkit-transform:rotateY(0deg);
						-moz-transform:rotateY(0deg);
						-o-transform:rotateY(0deg);
						transform:rotateY(0deg);}
.fall .fm-t-bounch{-webkit-animation:fm-t .5s ease .5s 1 forwards;
						-moz-animation:fm-t .5s ease .5s 1 forwards;
						-o-animation:fm-t .5s ease .5s 1 forwards;
						animation:fm-t .5s ease .5s 1 forwards;}
.fall .fm-b-bounch{-webkit-animation:fm-b .5s ease .5s 1 forwards;
						-moz-animation:fm-b .5s ease .5s 1 forwards;
						-o-animation:fm-b .5s ease .5s 1 forwards;
						animation:fm-b .5s ease .5s 1 forwards;}
.fall .fm-l-bounch{-webkit-animation:fm-l .5s ease .5s 1 forwards;
						-moz-animation:fm-l .5s ease .5s 1 forwards;
						-o-animation:fm-l .5s ease .5s 1 forwards;
						animation:fm-l .5s ease .5s 1 forwards;}
.fall .fm-r-bounch{-webkit-animation:fm-r .5s ease .5s 1 forwards;
						-moz-animation:fm-r .5s ease .5s 1 forwards;
						-o-animation:fm-r .5s ease .5s 1 forwards;
						animation:fm-r .5s ease .5s 1 forwards;}
.fall .overturnx-bounch{-webkit-animation:overturnx-t .5s ease .5s 1 forwards;
							-moz-animation:overturnx-t .5s ease .5s 1 forwards;
							-o-animation:overturnx-t .5s ease .5s 1 forwards;
							animation:overturnx-t .5s ease .5s 1 forwards;}

/* transform-origin设定 */
.o-l_t{-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;}
.o-l_b{-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-o-transform-origin:left bottom;transform-origin:left bottom;}
.o-r_t{-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top;}
.o-r_b{-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;}

.o-t{-webkit-transform-origin:top;-moz-transform-origin:top;-o-transform-origin:top;transform-origin:top}
.o-r{-webkit-transform-origin:right;-moz-transform-origin:right;-o-transform-origin:right;transform-origin:right}
.o-b{-webkit-transform-origin:bottom;-moz-transform-origin:bottom;-o-transform-origin:bottom;transform-origin:bottom}
.o-l{-webkit-transform-origin:left;-moz-transform-origin:left;-o-transform-origin:left;transform-origin:left}

/*登场效果end*/

.delay0_5{-webkit-transition-delay:.5s;-o-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s;}
.delay1_0{-webkit-transition-delay:1s;-o-transition-delay:1s;-moz-transition-delay:1s;transition-delay:1s;}
.delay1_5{-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;-moz-transition-delay:1.5s;transition-delay:1.5s;}
.delay2_0{-webkit-transition-delay:2s;-o-transition-delay:2s;-moz-transition-delay:2s;transition-delay:2s;}
.delay2_5{-webkit-transition-delay:2.5s;-o-transition-delay:2.5s;-moz-transition-delay:2.5s;transition-delay:2.5s;}
.delay3_0{-webkit-transition-delay:3s;-o-transition-delay:3s;-moz-transition-delay:3s;transition-delay:3s;}
.delay3_5{-webkit-transition-delay:3.5s;-o-transition-delay:3.5s;-moz-transition-delay:3.5s;transition-delay:3.5s;}
.delay4_0{-webkit-transition-delay:4s;-o-transition-delay:4s;-moz-transition-delay:4s;transition-delay:4s;}
.delay4_5{-webkit-transition-delay:4.5s;-o-transition-delay:4.5s;-moz-transition-delay:4.5s;transition-delay:4.5s;}
.delay5_0{-webkit-transition-delay:5s;-o-transition-delay:5s;-moz-transition-delay:5s;transition-delay:5s;}

.duration1_0{transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;}
.duration2_0{transition-duration:2s;-webkit-transition-duration:2s;-moz-transition-duration:2s;}
.duration3_0{transition-duration:3s;-webkit-transition-duration:3s;-moz-transition-duration:3s;}
.duration4_0{transition-duration:4s;-webkit-transition-duration:4s;-moz-transition-duration:4s;}
.duration5_0{transition-duration:5s;-webkit-transition-duration:5s;-moz-transition-duration:5s;}
.duration6_0{transition-duration:6s;-webkit-transition-duration:6s;-moz-transition-duration:6s;}
.duration7_0{transition-duration:7s;-webkit-transition-duration:7s;-moz-transition-duration:7s;}
.duration8_0{transition-duration:8s;-webkit-transition-duration:8s;-moz-transition-duration:8s;}
.duration9_0{transition-duration:9s;-webkit-transition-duration:9s;-moz-transition-duration:9s;}
.duration10_0{transition-duration:10s;-webkit-transition-duration:10s;-moz-transition-duration:10s;}



.fall .delay-am-0_5{-webkit-animation-delay:.5s;-o-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}
.fall .delay-am-1_0{-webkit-animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.fall .delay-am-1_5{-webkit-animation-delay:1.5s;-o-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s;}
.fall .delay-am-2_0{-webkit-animation-delay:2s;-o-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;}
.fall .delay-am-2_5{-webkit-animation-delay:2.5s;-o-animation-delay:2.5s;-moz-animation-delay:2.5s;animation-delay:2.5s;}
.fall .delay-am-3_0{-webkit-animation-delay:3s;-o-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s;}
.fall .delay-am-3_5{-webkit-animation-delay:3.5s;-o-animation-delay:3.5s;-moz-animation-delay:3.5s;animation-delay:3.5s;}
.fall .delay-am-4_0{-webkit-animation-delay:4s;-o-animation-delay:4s;-moz-animation-delay:4s;animation-delay:4s;}
.fall .delay-am-4_5{-webkit-animation-delay:4.5s;-o-animation-delay:4.5s;-moz-animation-delay:4.5s;animation-delay:4.5s;}
.fall .delay-am-5_0{-webkit-animation-delay:5s;-o-animation-delay:5s;-moz-animation-delay:5s;animation-delay:5s;}


.duration0{-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;}


/*图片列表*/
.pic_wall{position:absolute;width:100%;height:100%;left:0;top:0;}
.pic_a{position:absolute;display:block;width:35px;height:49px;top:50%;margin-top:-18px;opacity:0;z-index:2000;
			transition:all 1s ease-out 2s;}
.pic_prev{left:50px;background:url(../images/picleft.png) no-repeat;}
.pic_next{right:50px;background:url(../images/picright.png) no-repeat;}

.fall .pic_a{opacity:1;}

.pic_list{position:absolute;width:90%;height:90%;left:5%;top:5%;z-index:1;}
.pic_list li{position:absolute;width:100%;height:100%;top:0;left:0;}

.pic_list li img{display:block;position:absolute;top:0;left:0;width:100%;height:100%; background:#000;box-sizing:border-box;
				-webkit-transition:all 0.8s ease-out;
				-moz-transition:all 0.8s ease-out;
				-o-transition:all 0.8s ease-out;
				transition:all 0.8s ease-out;
				-webkit-transform:rotateZ(30deg) scale(3) translate3d(80%,80%,0);
				-moz-transform:rotateZ(30deg) scale(3) translate3d(80%,80%,0);
				-o-transform:rotateZ(30deg) scale(3) translate3d(80%,80%,0);
				transform:rotateZ(30deg) scale(3) translate3d(80%,80%,0) ;}


.pic_list li.fadein{-webkit-animation:picfadein .3s ease-in 1 forwards;
					-moz-animation:picfadein .3s ease-in 1 forwards;
					-o-animation:picfadein .3s ease-in 1 forwards;
					animation:picfadein .3s ease-in 1 forwards;}
.pic_list li.fadeout{-webkit-animation:picfadeout .3s ease-in 1 forwards;
					-moz-animation:picfadeout .3s ease-in 1 forwards;
					-o-animation:picfadeout .3s ease-in 1 forwards;
					animation:picfadeout .3s ease-in 1 forwards;}
.pic_list li.fadeinV{-webkit-animation:picfadeinV .3s ease-in 1 forwards;
					-moz-animation:picfadeinV .3s ease-in 1 forwards;
					-o-animation:picfadeinV .3s ease-in 1 forwards;
					animation:picfadeinV .3s ease-in 1 forwards;}
.pic_list li.fadeoutV{-webkit-animation:picfadeoutV .3s ease-in 1 forwards;
					-moz-animation:picfadeoutV .3s ease-in 1 forwards;
					-o-animation:picfadeoutV .3s ease-in 1 forwards;
					animation:picfadeoutV .3s ease-in 1 forwards;}

.pic_list li:nth-child(3n+1){z-index:3;}
.fall .pic_list li:nth-child(3n+1) img{
								-webkit-transition-delay:.9s;
								-moz-transition-delay:.9s;
								-o-transition-delay:.9s;
								transition-delay:.9s;
								-webkit-transform:rotateZ(0deg) scale(1) translate3d(0,0,0);
								-moz-transform:rotateZ(0deg) scale(1) translate3d(0,0,0);
								-o-transform:rotateZ(0deg) scale(1) translate3d(0,0,0);
								transform:rotateZ(0deg) scale(1) translate3d(0,0,0);}
.pic_list li:nth-child(3n+2){z-index:2;}
.fall .pic_list li:nth-child(3n+2) img{
								-webkit-transition-delay:.6s;
								-moz-transition-delay:.6s;
								-o-transition-delay:.6s;
								transition-delay:.6s;
								-webkit-transform:rotateZ(2deg) scale(1) translate3d(0,0,0);
								-moz-transform:rotateZ(2deg) scale(1) translate3d(0,0,0);
								-o-transform:rotateZ(2deg) scale(1) translate3d(0,0,0);
								transform:rotateZ(2deg) scale(1) translate3d(0,0,0);}
.pic_list li:nth-child(3n){z-index:1;}							
.fall .pic_list li:nth-child(3n) img{
								-webkit-transition-delay:.3s;
								-moz-transition-delay:.3s;
								-o-transition-delay:.3s;
								transition-delay:.3s;
								-webkit-transform:rotateZ(4deg) scale(1) translate3d(0,0,0);
								-moz-transform:rotateZ(4deg) scale(1) translate3d(0,0,0);
								-o-transform:rotateZ(4deg) scale(1) translate3d(0,0,0);
								transform:rotateZ(4deg) scale(1) translate3d(0,0,0);}

.pic_list li:nth-child(3n+4),
.pic_list li:nth-child(3n+5),
.pic_list li:nth-child(3n+6){display:none;}


/*链接*/
.falla,.fallbtn{display:block;height:88px;line-height:88px;font-size:28px;width:70%;margin-left:15%;text-align:center;border-bottom:1px solid #b5b5b5}
.falla	{background:#fff;color:#f8554e;}
.fallbtn{background:#f8554e;color:#fff;}

/*表单*/
.form{position:absolute;left:0;width:100%;display:none; background:#fff;z-index:10;}
.zzc{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;z-index:1;}

.popclose{display:block;position:absolute;width:31px;height:31px;top:30px;right:30px;background:url(../images/zzcclose.png) no-repeat;}
.formtit{height:88px;line-height:88px;text-align:center;font-size:34px;border-bottom:2px solid #f8554e;}
.formp	{height:88px;border-bottom:1px solid #ddd;padding:0 25px;}
.form_txt{height:100%;line-height:88px;border:0 none;font-size:28px;width:100%;background:none;}
.form_subbtn{height:88px;line-height:88px;border:0 none;background:#f8554e;color:#fff;font-size:34px;text-align:center;width:100%;}
.form_subbtn:active{color:#fff;}
.form_radio{margin-right:20px;}
.form_radio input[type="radio"]{margin-right:5px;width:30px;height:30px;}
.form_radio span{font-size:28px;color:#666}
.form_select{width:100%;height:70px;margin-top:9px;font-size:28px;color:#999;border:0;}
.form_select option{font-size:28px!important;}
/*表单end*/

/*特殊效果 end*/



/* @keyframes */

/*指向箭头 begin*/
@-webkit-keyframes arrow-up{
	0%{
		opacity:0;
		-webkit-transform:translate(0,0);
		-webkit-animation-timing-function:ease-out;
	}
	50%{
		opacity:.8;
		/*bottom:10px;*/
		-webkit-transform:translate(0,-20px);
		-webkit-animation-timing-function:ease-out;
	}
	100%{
		opacity:0;
		-webkit-transform:translate(0,-20px);
		-webkit-animation-timing-function:ease-out;
	}
}
@-moz-keyframes arrow-up{
	0%{
		opacity:0;
		-moz-transform:translate(0,0);
		-moz-animation-timing-function:ease-out;
	}
	50%{
		opacity:.8;
		/*bottom:10px;*/
		-moz-transform:translate(0,-20px);
		-moz-animation-timing-function:ease-out;
	}
	100%{
		opacity:0;
		-moz-transform:translate(0,-20px);
		-moz-animation-timing-function:ease-out;
	}
}
@-o-keyframes arrow-up{
	0%{
		opacity:0;
		-o-transform:translate(0,0);
		-o-animation-timing-function:ease-out;
	}
	50%{
		opacity:.8;
		/*bottom:10px;*/
		-o-transform:translate(0,-20px);
		-o-animation-timing-function:ease-out;
	}
	100%{
		opacity:0;
		-o-transform:translate(0,-20px);
		-o-animation-timing-function:ease-out;
	}
}
@keyframes arrow-up{
	0%{
		opacity:0;
		transform:translate(0,0);
		animation-timing-function:ease-out;
	}
	50%{
		opacity:.8;
		transform:translate(0,-20px);
		animation-timing-function:ease-out;
	}
	100%{
		opacity:0;
		transform:translate(0,-20px);
		animation-timing-function:ease-out;
	}
}


@-webkit-keyframes arrow-left{
	0%{
		opacity:0;
		-webkit-transform:translate(0,0);
		-webkit-animation-timing-function:ease-out;
	}
	50%{
		opacity:.8;
		/*bottom:10px;*/
		-webkit-transform:translate(-20px,0);
		-webkit-animation-timing-function:ease-out;
	}
	100%{
		opacity:0;
		-webkit-transform:translate(-20px,0);
		-webkit-animation-timing-function:ease-out;
	}
}
@-moz-keyframes arrow-left{
	0%{
		opacity:0;
		-moz-transform:translate(0,0);
		-moz-animation-timing-function:ease-out;
	}
	50%{
		opacity:.8;
		/*bottom:10px;*/
		-moz-transform:translate(-20px,0);
		-moz-animation-timing-function:ease-out;
	}
	100%{
		opacity:0;
		-moz-transform:translate(-20px,0);
		-moz-animation-timing-function:ease-out;
	}
}
@-o-keyframes arrow-left{
	0%{
		opacity:0;
		-o-transform:translate(0,0);
		-o-animation-timing-function:ease-out;
	}
	50%{
		opacity:.8;
		/*bottom:10px;*/
		-o-transform:translate(-20px,0);
		-o-animation-timing-function:ease-out;
	}
	100%{
		opacity:0;
		-o-transform:translate(-20px,0);
		-o-animation-timing-function:ease-out;
	}
}
@keyframes arrow-left{
	0%{
		opacity:0;
		transform:translate(0,0);
		animation-timing-function:ease-out;
	}
	50%{
		opacity:.8;
		/*bottom:10px;*/
		transform:translate(-20px,0);
		animation-timing-function:ease-out;
	}
	100%{
		opacity:0;
		transform:translate(-20px,0);
		animation-timing-function:ease-out;
	}
}

/*指向箭头 end*/

/*360deg旋转-逆时针 begin*/
@-webkit-keyframes rotate360{
	0%{
		-webkit-transform:rotate(0deg);
		-webkit-animation-timing-function:linear;
	}
	100%{
		-webkit-transform:rotate(-360deg);
		-webkit-animation-timing-function:linear;
	}
}
@-moz-keyframes rotate360{
	0%{
		-moz-transform:rotate(0deg);
		-moz-animation-timing-function:linear;
	}
	100%{
		-moz-transform:rotate(-360deg);
		-moz-animation-timing-function:linear;
	}
}
@-o-keyframes rotate360{
	0%{
		-o-transform:rotate(0deg);
		-o-animation-timing-function:linear;
	}
	100%{
		-o-transform:rotate(-360deg);
		-o-animation-timing-function:linear;
	}
}
@keyframes rotate360{
	0%{
		transform:rotate(0deg);
		animation-timing-function:linear;
	}
	100%{
		transform:rotate(-0deg);
		animation-timing-function:linear;
	}
}
/*360deg旋转 end*/


/*360deg旋转-顺时针 begin*/
@-webkit-keyframes rotate360{
	0%{
		-webkit-transform:rotate(0deg);
		-webkit-animation-timing-function:linear;
	}
	100%{
		-webkit-transform:rotate(360deg);
		-webkit-animation-timing-function:linear;
	}
}
@-moz-keyframes rotate360{
	0%{
		-moz-transform:rotate(0deg);
		-moz-animation-timing-function:linear;
	}
	100%{
		-moz-transform:rotate(360deg);
		-moz-animation-timing-function:linear;
	}
}
@-o-keyframes rotate360{
	0%{
		-o-transform:rotate(0deg);
		-o-animation-timing-function:linear;
	}
	100%{
		-o-transform:rotate(360deg);
		-o-animation-timing-function:linear;
	}
}
@keyframes rotate360{
	0%{
		transform:rotate(0deg);
		animation-timing-function:linear;
	}
	100%{
		transform:rotate(360deg);
		animation-timing-function:linear;
	}
}
/*360deg旋转-顺时针 end*/


/*翻转 加bounch效果  begin*/
@-webkit-keyframes overturnx-t{
	0%{
		-webkit-transform-origin:top;
		-webkit-transform:rotateX(90deg);
	}
	40%{
		-webkit-transform-origin:top;
		-webkit-transform:rotateX(-10deg)
	}
	70%{
		-webkit-transform-origin:top;
		-webkit-transform:rotateX(10deg)
	}
	100%{
		-webkit-transform-origin:top;
		-webkit-transform:rotateX(0);
		opacity:1;
	}
}
@-moz-keyframes overturnx-t{
	0%{
		-moz-transform-origin:top;
		-moz-transform:rotateX(90deg);
	}
	40%{
		-moz-transform-origin:top;
		-moz-transform:rotateX(-10deg)
	}
	70%{
		-moz-transform-origin:top;
		-moz-transform:rotateX(10deg)
	}
	100%{
		-moz-transform-origin:top;
		-moz-transform:rotateX(0);
		opacity:1;
	}
}
@-o-keyframes overturnx-t{
	0%{
		-o-transform-origin:top;
		-o-transform:rotateX(90deg);
	}
	40%{
		-o-transform-origin:top;
		-o-transform:rotateX(-10deg)
	}
	70%{
		-o-transform-origin:top;
		-o-transform:rotateX(10deg)
	}
	100%{
		-o-transform-origin:top;
		-o-transform:rotateX(0);
		opacity:1;
	}
}
@keyframes overturnx-t{
	0%{
		transform-origin:top;
		transform:rotateX(90deg);
	}
	40%{
		transform-origin:top;
		transform:rotateX(-10deg)
	}
	70%{
		transform-origin:top;
		transform:rotateX(10deg)
	}
	100%{
		transform-origin:top;
		transform:rotateX(0);
		opacity:1;
	}
}
/*翻转 end*/


@-webkit-keyframes fm-t{
	0%{
		-webkit-transform:translate3d(0,-100%,0);
	}
	40%{
		-webkit-transform:translate3d(0,10%,0);
	}
	70%{
		-webkit-transform:translate3d(0,-10%,0);
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
	}
}
@-moz-keyframes fm-t{
	0%{
		-moz-transform:translate3d(0,-100%,0);
	}
	40%{
		-moz-transform:translate3d(0,10%,0);
	}
	70%{
		-moz-transform:translate3d(0,-10%,0);
	}
	100%{
		-moz-transform:translate3d(0,0,0);
	}
}
@-o-keyframes fm-t{
	0%{
		-o-transform:translate3d(0,-100%,0);
	}
	40%{
		-o-transform:translate3d(0,10%,0);
	}
	70%{
		-o-transform:translate3d(0,-10%,0);
	}
	100%{
		-o-transform:translate3d(0,0,0);
	}
}
@keyframes fm-t{
	0%{
		transform:translate3d(0,-100%,0);
	}
	40%{
		transform:translate3d(0,10%,0);
	}
	70%{
		transform:translate3d(0,-10%,0);
	}
	100%{
		transform:translate3d(0,0,0);
	}
}



@-webkit-keyframes fm-b{
	0%{
		-webkit-transform:translate3d(0,100%,0);
	}
	40%{
		-webkit-transform:translate3d(0,-10%,0);
	}
	70%{
		-webkit-transform:translate3d(0,10%,0);
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
	}
}
@-moz-keyframes fm-b{
	0%{
		-moz-transform:translate3d(0,100%,0);
	}
	40%{
		-moz-transform:translate3d(0,-10%,0);
	}
	70%{
		-moz-transform:translate3d(0,10%,0);
	}
	100%{
		-moz-transform:translate3d(0,0,0);
	}
}
@-o-keyframes fm-b{
	0%{
		-o-transform:translate3d(0,100%,0);
	}
	40%{
		-o-transform:translate3d(0,-10%,0);
	}
	70%{
		-o-transform:translate3d(0,10%,0);
	}
	100%{
		-o-transform:translate3d(0,0,0);
	}
}
@keyframes fm-b{
	0%{
		transform:translate3d(0,100%,0);
	}
	40%{
		transform:translate3d(0,-10%,0);
	}
	70%{
		transform:translate3d(0,10%,0);
	}
	100%{
		transform:translate3d(0,0,0);
	}
}

@-webkit-keyframes fm-l{
	0%{
		-webkit-transform:translate3d(-100%,0,0);
	}
	40%{
		-webkit-transform:translate3d(10%,0,0);
	}
	70%{
		-webkit-transform:translate3d(-10%,0,0);
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
	}
}
@-moz-keyframes fm-l{
	0%{
		-moz-transform:translate3d(-100%,0,0);
	}
	40%{
		-moz-transform:translate3d(10%,0,0);
	}
	70%{
		-moz-transform:translate3d(-10%,0,0);
	}
	100%{
		-moz-transform:translate3d(0,0,0);
	}
}
@-o-keyframes fm-l{
	0%{
		-o-transform:translate3d(-100%,0,0);
	}
	40%{
		-o-transform:translate3d(10%,0,0);
	}
	70%{
		-o-transform:translate3d(-10%,0,0);
	}
	100%{
		-o-transform:translate3d(0,0,0);
	}
}
@keyframes fm-l{
	0%{
		transform:translate3d(-100%,0,0);
	}
	40%{
		transform:translate3d(10%,0,0);
	}
	70%{
		transform:translate3d(-10%,0,0);
	}
	100%{
		transform:translate3d(0,0,0);
	}
}



@-webkit-keyframes fm-r{
	0%{
		-webkit-transform:translate3d(100%,0,0);
	}
	40%{
		-webkit-transform:translate3d(-10%,0,0);
	}
	70%{
		-webkit-transform:translate3d(10%,0,0);
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
	}
}
@-moz-keyframes fm-r{
	0%{
		-moz-transform:translate3d(100%,0,0);
	}
	40%{
		-moz-transform:translate3d(-10%,0,0);
	}
	70%{
		-moz-transform:translate3d(10%,0,0);
	}
	100%{
		-moz-transform:translate3d(0,0,0);
	}	
}
@-o-keyframes fm-r{
	0%{
		-o-transform:translate3d(100%,0,0);
	}
	40%{
		-o-transform:translate3d(-10%,0,0);
	}
	70%{
		-o-transform:translate3d(10%,0,0);
	}
	100%{
		-o-transform:translate3d(0,0,0);
	}
}
@keyframes fm-r{
	0%{
		transform:translate3d(100%,0,0);
	}
	40%{
		transform:translate3d(-10%,0,0);
	}
	70%{
		transform:translate3d(10%,0,0);
	}
	100%{
		transform:translate3d(0,0,0);
	}
}



@-webkit-keyframes fm-s{
	0%{
		-webkit-transform:scale(0);
	}
	40%{
		-webkit-transform:scale(.9);
	}
	70%{
		-webkit-transform:scale(.7);
	}
	100%{
		-webkit-transform:scale(1);
		opacity:1
	}
}
@-moz-keyframes fm-s{
	0%{
		-moz-transform:scale(0);
	}
	40%{
		-moz-transform:scale(.9);
	}
	70%{
		-moz-transform:scale(.7);
	}
	100%{
		-moz-transform:scale(1);
		opacity:1
	}
}
@-o-keyframes fm-s{
	0%{
		-o-transform:scale(0);
	}
	40%{
		-o-transform:scale(.9);
	}
	70%{
		-o-transform:scale(.7);
	}
	100%{
		-o-transform:scale(1);
		opacity:1
	}
}
@keyframes fm-s{
	0%{
		transform:scale(0);
	}
	40%{
		transform:scale(.9);
	}
	70%{
		transform:scale(.7);
	}
	100%{
		transform:scale(1);
		opacity:1
	}
}


@-webkit-keyframes blink{
	0%, 50%, 100%{
	 opacity:1;
	}
	25%, 75%{
	 opacity:0;
	}
}
@-moz-keyframes blink{
	0%, 50%, 100%{
	 opacity:1;
	}
	25%, 75%{
	 opacity:0;
	}
}
@-o-keyframes blink{
	0%, 50%, 100%{
	 opacity:1;
	}
	25%, 75%{
	 opacity:0;
	}
}
@keyframes blink{
	0%, 50%, 100%{
	 opacity:1;
	}
	25%, 75%{
	 opacity:0;
	}
}


/*按钮效果*/
@-webkit-keyframes btnplay{
	0%{
		-webkit-transform:scale(1);
		opacity:.8
	}

	100%{
		-webkit-transform:scale(1.6);
		opacity:0
	}
}
@-moz-keyframes btnplay{
	0%{
		-webkit-transform:scale(1);
		opacity:.8
	}

	100%{
		-webkit-transform:scale(1.6);
		opacity:0
	}
}
@-o-keyframes btnplay{
	0%{
		-webkit-transform:scale(1);
		opacity:.8
	}

	100%{
		-webkit-transform:scale(1.6);
		opacity:0
	}
}
@keyframes btnplay{
	0%{
		-webkit-transform:scale(1);
		opacity:.8
	}

	100%{
		-webkit-transform:scale(1.6);
		opacity:0
	}
}


/*fadein*/
@-webkit-keyframes fadein{
	0%{
		-webkit-transform:translate3d(0,-100%,0);
		opacity:0;
	}
	3%{
		-webkit-transform:translate3d(0,-2%,0);
		opacity:0;
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		opacity:1;
	}
}
@-moz-keyframes fadein{
	0%{
		-moz-transform:translate3d(0,-100%,0);
		opacity:0;
	}
	3%{
		-moz-transform:translate3d(0,-2%,0);
		opacity:0;
	}
	100%{
		-moz-transform:translate3d(0,0,0);
		opacity:1;
	}
}
@-o-keyframes fadein{
	0%{
		-o-transform:translate3d(0,-100%,0);
		opacity:0;
	}
	3%{
		-o-transform:translate3d(0,-2%,0);
		opacity:0;
	}
	100%{
		-o-transform:translate3d(0,0,0);
		opacity:1;
	}
}
@keyframes fadein{
	0%{
		transform:translate3d(0,-100%,0);
		opacity:0;
	}
	3%{
		transform:translate3d(0,-2%,0);
		opacity:0;
	}
	100%{
		transform:translate3d(0,0,0);
		opacity:1;
	}
}
/*fadein end*/



/*图片切换begin*/
/*picfadein*/
@-webkit-keyframes picfadein{
	0%{
		-webkit-transform:translate3d(0,0,0);
		opacity:0;
	}
	30%{
		-webkit-transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		opacity:1;
	}
}
@-moz-keyframes picfadein{
	0%{
		-moz-transform:translate3d(0,0,0);
		opacity:0;
	}
	30%{
		-moz-transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		-moz-transform:translate3d(0,0,0);
		opacity:1;
	}
}
@-o-keyframes picfadein{
	0%{
		-o-transform:translate3d(0,0,0);
		opacity:0;
	}
	30%{
		-o-transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		-o-transform:translate3d(0,0,0);
		opacity:1;
	}
}
@keyframes picfadein{
	0%{
		transform:translate3d(0,0,0);
		opacity:0;
	}
	30%{
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		transform:translate3d(0,0,0);
		opacity:1;
	}
}
/*picfadein end*/

/*picfadein*/
@-webkit-keyframes picfadeinV{
	0%{
		-webkit-transform:translate3d(0,0,0);
		opacity:0;
	}
	30%{
		-webkit-transform:translate3d(0,100%,0);
		opacity:0;
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		opacity:1;
	}
}
@-moz-keyframes picfadeinV{
	0%{
		-moz-transform:translate3d(0,0,0);
		opacity:0;
	}
	30%{
		-moz-transform:translate3d(0,100%,0);
		opacity:0;
	}
	100%{
		-moz-transform:translate3d(0,0,0);
		opacity:1;
	}
}
@-o-keyframes picfadeinV{
	0%{
		-o-transform:translate3d(0,0,0);
		opacity:0;
	}
	30%{
		-o-transform:translate3d(0,100%,0);
		opacity:0;
	}
	100%{
		-o-transform:translate3d(0,0,0);
		opacity:1;
	}
}
@keyframes picfadeinV{
	0%{
		transform:translate3d(0,0,0);
		opacity:0;
	}
	30%{
		transform:translate3d(0,100%,0);
		opacity:0;
	}
	100%{
		transform:translate3d(0,0,0);
		opacity:1;
	}
}
/*picfadein end*/

/*picfadeout*/
@-webkit-keyframes picfadeout{
	0%{
		-webkit-transform:translate3d(0,0,0);
		opacity:1;
	}
	90%{
		-webkit-transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		opacity:0;
	}
}
@-moz-keyframes picfadeout{
	0%{
		-moz-transform:translate3d(0,0,0);
		opacity:1;
	}
	90%{
		-moz-transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		-moz-transform:translate3d(0,0,0);
		opacity:0;
	}
}
@-o-keyframes picfadeout{
	0%{
		-o-transform:translate3d(0,0,0);
		opacity:1;
	}
	90%{
		-o-transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		-o-transform:translate3d(0,0,0);
		opacity:0;
	}
}
@keyframes picfadeout{
	0%{
		transform:translate3d(0,0,0);
		opacity:1;
	}
	90%{
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		transform:translate3d(0,0,0);
		opacity:0;
	}
}
/*picfadein end*/
/*picfadeout*/
@-webkit-keyframes picfadeoutV{
	0%{
		-webkit-transform:translate3d(0,0,0);
		opacity:1;
	}
	90%{
		-webkit-transform:translate3d(0,100%,0);
		opacity:0;
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		opacity:0;
	}
}
@-moz-keyframes picfadeoutV{
	0%{
		-moz-transform:translate3d(0,0,0);
		opacity:1;
	}
	90%{
		-moz-transform:translate3d(0,100%,0);
		opacity:0;
	}
	100%{
		-moz-transform:translate3d(0,0,0);
		opacity:0;
	}
}
@-o-keyframes picfadeoutV{
	0%{
		-o-transform:translate3d(0,0,0);
		opacity:1;
	}
	90%{
		-o-transform:translate3d(0,100%,0);
		opacity:0;
	}
	100%{
		-o-transform:translate3d(0,0,0);
		opacity:0;
	}
}
@keyframes picfadeoutV{
	0%{
		transform:translate3d(0,0,0);
		opacity:1;
	}
	90%{
		transform:translate3d(0,100%,0);
		opacity:0;
	}
	100%{
		transform:translate3d(0,0,0);
		opacity:0;
	}
}
/*picfadein end*/
/*图片切换end*/


/* keyframes end */