@charset "utf-8";
/* CSS Document */
#abx{
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	/**/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image:url(../images/index.jpg);
	background-size:100% auto;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.hbg{
	position: relative;
	width: 100%;
	padding-bottom:50.4%;/*1008*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image:url(../images/index.jpg);
	background-size:100% auto;
	}
.logo{
	position:absolute;
	width:14%;/*280*/
	padding-bottom:6.25%;/*125*/
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image:url(../images/logo.png);
	background-size:100% auto;
	left:1.5%;/*30*/
	top:0.198%;/*2*/
	}
.logo2{
	position:relative;
	width:90%;/*280*/
	padding-bottom:40.178%;/*125*/
	display:none;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image:url(../images/logo.png);
	background-size:100% auto;
	margin:0 auto;
	}
.slogan{
	position:absolute;
	width:46.05%;/*921*/
	padding-bottom:20.853%;/*413*/
	top:41.46825%;/*418*/
	left:31.8%;/*636*/
	}
.slogan > div{
	position:absolute;
	width:100%;
	height:100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image:url(../images/slogan.png);
	background-size:100% auto;
	top:0;
	left:0;
	}	
.slogan > div::before,.slogan > div::after{
    position:absolute;
    content:"";
	width:100%;
	height:100%;
	display:block;
	pointer-events:none;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size:100% auto;
	top:0;
	left:0;
	}
.slogan > div::before{background-image:url(../images/slogan_1.gif);}
.slogan > div::after{background-image:url(../images/slogan_3.png); z-index:1;}	
.hplay{
	position:absolute;
	width:10.097%;/*93*/
	padding-bottom:10.097%;
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image:url(../images/play.png);
	background-size:100% auto;
	top:57.627%;/*238*/
	left:81.4332%;/*750*/
	/**/
	-moz-animation: rotate 3s linear infinite;
	-webkit-animation: rotate 3s linear infinite;
	-o-animation: rotate 3s linear infinite;
	-ms-animation: rotate 3s linear infinite;
	animation: rotate 3s linear infinite;
	}
.fbbt{
	position:absolute;
	width:2.85%;/*57*/
	padding-bottom:2.85%;
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:0% 0%;
	background-size:100% auto;
	top:1.19%;/*12*/
	/**/
	transition: all .5s;
	}
#fbfanpage{background-image:url(../images/f_bt.png);right:3.9%;}
#fbshare{background-image:url(../images/f_bt2.png);right:0.6%;}
/**/
.menut{
	position:fixed;
 	width:50px;
 	height:50px;
	display:none;
	z-index:9;
	top:5px;
	right:0;
	border-radius:50px 0 0 50px;
	background-color:#6c2682;
	/**/
	transition: all .5s;
	}
.menu-trigger{
	position:absolute;
 	width:100%;
 	height:100%;
 	cursor:pointer;
 	flex-direction:column;
 	display:flex;
 	align-items:center;
 	justify-content:center;
	top:0;
	left:0;
 	} 
.menu-trigger>.line{
	width:50%;
 	height:3px;
 	border-radius:5px;
 	background-color:#FFF; 
	/**/
 	transition: all .3s;
 	-moz-transition: all .3s;
 	-webkit-transition: all .3s;
 	-o-transition: all .3s;
 	}
.menu-trigger>.line:first-child{margin-bottom:8.77%;}
.menu-trigger>.line:last-child{margin-top:8.77%;}
.menut.on{
	border-radius:50px 50px 0 0;
	}
.menut.on .menu-trigger>.line{opacity:0;transform:rotate(45deg);}
.menut.on .menu-trigger >.line:first-child{
 	opacity:1;
 	margin-bottom:-3.5%;
 	transform:rotate(-45deg);
 	}
.menut.on .menu-trigger >.line:last-child{opacity:1;margin-top:-7.01%;}
/**/
.adbt{
	position:absolute;
	width:10.7%;/*214*/
	padding-bottom:2.55%;/*51*/
	display:block;
	top:0;
	right:7.3%;
	margin-top:0.78%;
	border-radius:50px;
	background-color:#6c2682;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-image:url(../images/adbt.png);
	background-size:100% auto;
	/**/
	transition: all .5s;
	}
.adbt > a{
	position:absolute;
	width:50%;
	height:100%;
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:0% 0%;
	background-size:100% auto;
	top:0;
	}
.adbt > a::before{
    position:absolute;
    content:attr(data-index);
	width:100%;
	height:93%;
	top:0;
	left:0;
	/**/
	display:none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	/**/
	font-size: 1.70rem;
	font-weight: 500;
	color:#FFF;
	}
.adbt > a:nth-child(1)::before{left:-1px;}
.adbt > a:hover{background-position:0% 100%;}
.adbt > a:nth-child(1){background-image:url(../images/adbt_1.png);left:0;}
.adbt > a:nth-child(2){background-image:url(../images/adbt_2.png);right:0;}
/**/
.mubx{
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	z-index: 8;
	/**/
	font-size:1.95rem;
	font-weight:400;
	color: #FFF;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.mubx a:link,
.mubx a:active,
.mubx a:visited{color:#FFF;}
.mubx a:hover{color:#fb9c9f;}
	
	
.mbt{
	position:absolute;
	display:block;
	top:0;
	z-index:2;
	}
.mbt::before{
    position:absolute;
    content:attr(data-index);
	width:100%;
	height:100%;
	top:0;
	left:0;
	/**/
	display:none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	}
	
.mbt > div{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100% auto;
	top:0;
	left:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.mbt > div::before{
    position:absolute;
    content:"";
	width:100%;
	height:100%;
	display:block;
	pointer-events:none;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size:100% auto;
	top:0;
	left:0;
	opacity:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.mbt.on  > div::after{
    position:absolute;
    content:"";
	display:block;
	pointer-events:none;
	background-attachment: scroll;
	background-image:url(../images/ht.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size:100% auto;
	top:0;
	left:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
	
.mbt:hover > div::before,.mbt.on > div::before{opacity:1;}
.mbt.on::before{color:#FC0;}	
.mbt.m1{
	width:10.4%;/*208*/
	padding-bottom:18.95%;/*379*/
	left:33.55%;/*671*/
	margin-top:38.8%;
	}
.mbt.m1 > div::before{background-image:url(../images/m1a.png);}
.mbt.m1.on > div::after{
	width:57.6%;/*120*/
	padding-bottom:38.4%;/*80*/
	transform: rotate(9deg);
	top:39.5%;
	left:47%;
	}
.mbt.m2 > div::before{background-image:url(../images/m2a.png);}
.mbt.m2.on > div::after{
	width:68%;/*120*/
	padding-bottom:45.3%;/*80*/
	transform: rotate(-20deg);
	top:41.5%;
	left:55%;
	}
.mbt.m3 > div::before{background-image:url(../images/m3a.png);}
.mbt.m3.on > div::after{
	width:47.8%;/*120*/
	padding-bottom:31.86%;/*80*/
	transform: rotate(8deg);
	top:35.5%;
	left:59%;
	}
.mbt.m4 > div::before{background-image:url(../images/m4a.png);}
.mbt.m2{
	width:8.8%;/*176*/
	padding-bottom:16.45%;/*329*/
	left:44.95%;/*899*/
	margin-top:39%;
	}
.mbt.m3{
	width:12.55%;/*251*/
	padding-bottom:19.95%;/*399*/
	left:51.4%;/*1028*/
	margin-top:39.2%;
	}
.mbt.m4{
	width:8.8%;/*176*/
	padding-bottom:15.8%;/*316*/
	left:65.4%;/*1308*/
	margin-top:39.5%;
	}
.mbt.m1 > div{
	background-image:url(../images/m1.png);
	/**/
	-moz-animation:todo 3s linear infinite;
	-webkit-animation:todo 3s linear infinite;
	-o-animation:todo 3s linear infinite;
	-ms-animation:todo 3s linear infinite;
	animation:todo 3s linear infinite;
	}
.mbt.m2 > div{
	background-image:url(../images/m2.png);
	/**/
	-moz-animation:todo2 3.2s linear infinite;
	-webkit-animation:todo2 3.2s linear infinite;
	-o-animation:todo2 3.2s linear infinite;
	-ms-animation:todo2 3.2s linear infinite;
	animation:todo2 3.2s linear infinite;
	}
.mbt.m3 > div{
	background-image:url(../images/m3.png);
	/**/
	-moz-animation:todo 2.3s linear infinite;
	-webkit-animation:todo 2.3s linear infinite;
	-o-animation:todo 2.3s linear infinite;
	-ms-animation:todo 2.3s linear infinite;
	animation:todo 2.3s linear infinite;
	}
.mbt.m4 > div{
	background-image:url(../images/m4.png);
	/**/
	-moz-animation:todo2 3.8s linear infinite;
	-webkit-animation:todo2  2.8s linear infinite;
	-o-animation:todo2  3.8s linear infinite;
	-ms-animation:todo2  3.8s linear infinite;
	animation:todo2  3.8s linear infinite;
	}
.mbt:hover > div,.mbt.on > div{
	width:110%;
	left:-5%;
	/*animation-play-state: paused;*/
	}
/**/
.r_mubx{
	position:fixed;
	width:6.9%;
	right:-7%;
	top:60%;
	margin:0 auto;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.r_mubx::before{
    position:absolute;
    content:"";
	width:160.869%;/*222*/
	padding-bottom:346.375%;/*478*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:100% 0%;
	background-image:url(../images/r_mu_p.png);
	background-size:100% auto;
	right:-165%;
	bottom:0;
	/**/
	transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	}
.r_mubx.on::before{right:0%;}
.r_mu{
	position:relative;
	width:100%;/*138*/
	display:block;
	margin:0 auto;
	}
.r_oc{
	position:absolute;
	width:30.434%;/*42*/
	padding-bottom:27.535%;/*38*/
	cursor:pointer;
	left:-30.434%;
	top:8%;
	}
.r_oc::before,.r_oc::after{
    position:absolute;
    content:"";
	width:100%;
	height:100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:100% 0%;
	background-size:100% auto;
	top:0;
	right:0
	}
.r_oc::before{background-image:url(../images/r_c.png);display:none;}
.r_oc::after{background-image:url(../images/r_o.png);display:block;}

.r_mubx.on{right:0;}
.r_mubx.on .r_oc::after{display:none;}
.r_mubx.on .r_oc::before{display:block;}

.r_mu > a{
	position:relative;
	width:100%;
	display:block;
	cursor:pointer;
	overflow:hidden;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100% auto;
	}
.r_mu > a::before{
    position:absolute;
    content:attr(data-index);
	width:100%;
	height:100%;
	top:0;
	left:0;
	/**/
	display:none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	}
#newhero{background-image:url(../images/r_mu2_01.png);padding-bottom:42.7%;/*59 42.753*/}	
#heroreturn{background-image:url(../images/r_mu2_02.png);padding-bottom:26.6%;/*37 26.811*/}
#resetpassword{background-image:url(../images/r_mu2_03.png);padding-bottom:34.057%;/*47*/}
.r_mu .rtp{background-image:url(../images/r_mu2_04.png);padding-bottom:42.028%;/*58*/}
/**/
.inb2{
	position:absolute;
	width:100%;
	padding-bottom:12.1%;
	/*height:242px;*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../images/in_tbg.png);
	background-size:100% auto;/**/
	left:0;
	bottom:0;
	}
.inb1{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	}
.inbx{
	position:relative;
	width:100%;
	/*min-height:200px;*/
	display:none;
	background-attachment:scroll;
	background-repeat:repeat;
	background-position:50% 0%;
	background-image:url(../images/in_bg.png);
	background-size:100% auto;
	padding-bottom:3rem;
	margin-top:8%;
	}
.tit{
	position:absolute;
	width:30.9%;/*618*/
	padding-bottom:8.5%;/*170*/
	background-attachment:scroll;
	background-repeat:repeat;
	background-position:50% 0%;
	background-image:url(../images/tit_bg.png);
	background-size:100% auto;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	z-index:10;
	}
.tit > div{/*::before*/
	position:absolute;
	/*content:"";*/
	width:100%;
	height:100%;
	background-attachment:scroll;
	background-repeat:repeat;
	background-position:50% 0%;
	background-image:url(../images/tit.png);
	background-size:100% auto;
	top:0;
	left:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.inclos{
	position:absolute;
	width:4.45%;/*89*/
	padding-bottom:7.5%;/*200*/
	display:block;
	cursor:pointer;
	background-attachment:scroll;
	background-repeat:repeat;
	background-position:50% 100%;
	background-image:url(../images/clos.png);
	background-size:100% auto;
	right:18%;
	top:5%;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
#abx.on .inclos{top:18%;}
/**/
.mu2bx{
	position:relative;
	width:60%;/*1200px*/
	margin:0 auto;
	padding:2rem 0;
	text-align:center;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.ac1,.ac2,.ac3{display:none;}
.mu2bx a{
	position: relative;
	width:16.66%;/*200px*/
	padding-bottom:4.998%;/*60px*/
	display: inline-block;
	margin:.7% .35%;
	/**/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% auto;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.mu2bx a::before,.mu2bx a::after{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background-attachment:scroll;
	background-repeat:repeat;
	background-size:100% auto;
	top:0;
	left:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.mu2bx a::before{background-position:0% 0%;background-image:url(../images/bt_bg.png);opacity:.6;}
.mu2bx a::after{background-position:0% 100%;opacity:0;}
.mu2bx a:hover::after{opacity:1;}
.mu2bx a.on::before{background-image:url(../images/bt_on.gif);opacity:1;}
.mu2bx a.on::after{opacity:1;}
/*1*/
.bt1_1,.bt1_1::after{background-image:url(../images/bt1_1.png);}
.bt1_2,.bt1_2::after{background-image:url(../images/bt1_2.png);}
.bt1_3,.bt1_3::after{background-image:url(../images/bt1_3.png);}
.bt1_4,.bt1_4::after{background-image:url(../images/bt1_4.png);}
.bt1_5,.bt1_5::after{background-image:url(../images/bt1_5.png);}
.bt1_6,.bt1_6::after{background-image:url(../images/bt1_6.png);}
.bt1_7,.bt1_7::after{background-image:url(../images/bt1_7.png);}
.bt1_8,.bt1_8::after{background-image:url(../images/bt1_8.png);}
.bt1_9,.bt1_9::after{background-image:url(../images/bt1_9.png);}
.bt1_10,.bt1_10::after{background-image:url(../images/bt1_10.png);}
/*2*/
.bt2_1,.bt2_1::after{background-image:url(../images/bt2_1.png);}
.bt2_2,.bt2_2::after{background-image:url(../images/bt2_2.png);}
.bt2_3,.bt2_3::after{background-image:url(../images/bt2_3.png);}
.bt2_4,.bt2_4::after{background-image:url(../images/bt2_4.png);}
.bt2_5,.bt2_5::after{background-image:url(../images/bt2_5.png);}
.bt2_6,.bt2_6::after{background-image:url(../images/bt2_6.png);}
.bt2_7,.bt2_7::after{background-image:url(../images/bt2_7.png);}
.bt2_8,.bt2_8::after{background-image:url(../images/bt2_8.png);}
/*3*/
.bt3_1,.bt3_1::after{background-image:url(../images/bt3_1.png);}
.bt3_2,.bt3_2::after{background-image:url(../images/bt3_2.png);}
.bt3_3,.bt3_3::after{background-image:url(../images/bt3_3.png);}
.bt3_4,.bt3_4::after{background-image:url(../images/bt3_4.png);}
.bt3_5,.bt3_5::after{background-image:url(../images/bt3_5.png);}
.bt3_6,.bt3_6::after{background-image:url(../images/bt3_6.png);}
.bt3_7,.bt3_7::after{background-image:url(../images/bt3_7.png);}
/**/
.inp{
	position:absolute;
	width:2.5%;
	padding-bottom:2.5%;
	left:0;
	bottom:17%;
	}
.live{
	position:absolute;
	width:36%;/*72*/
	padding-bottom:16.5%;/*33*/
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image:url(../images/live.png);
	background-size:100% auto;
	top:-31%;
	left:6%;
	z-index:2;
	}
.live::before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image:url(../images/live1.gif);
	background-size:100% auto;
	top:0;
	left:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
/**/
/* 光箱 */
#light_bx{
	position:fixed;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.9);
	z-index:15;
	overflow:auto;
	display:none;/**/
	}
.opbx{
	position:relative;
	width:800px;
	padding:3px;
	display:none;
	border: 2px dashed #f29c99;/*978052*/
	border-radius:13px 8px;
	margin:0 auto;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	/**/
    top:50%;
	transform:translateY(-50%);
	}
	
	
.opbx > .vd{
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	background-color:#f29c99;
	border: 2px solid #f29c99;/* solid*/
	border-radius:13px 8px;
	overflow:hidden;
	cursor:pointer;
	}
.opbx > .vd video,
.opbx > .vd iframe{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
.opclos{
	position:absolute;
	width:48px;
	padding-bottom:78px;
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-size:100% auto;
	background-image: url(../images/close3.png);
	right:2.2%;
	top:2px;
	}
.opbx .oph{
	position:relative;
	width:100%;
	background-color:#978052;
	border: 3px solid #978052;
	overflow:hidden;
	cursor:pointer;
	}
.opbx .oph img{width:100%;display:block;}
/*花瓣*/
.snowbox {
 	position:absolute;
 	width:100%;
 	top:0;
 	left:0;
	pointer-events:none;
	}
.snow-o {
	position:absolute;
 	opacity:1;
 	filter:alpha(opacity=1);
 	overflow:hidden;
	background-repeat:no-repeat;
 	background:url(../images/flower_img_1.png);
	background-size:100% auto;
	pointer-events: none;
	/**/
 	-webkit-animation-timing-function:linear;
 	-webkit-animation-duration:11.4s;
 	-webkit-animation-iteration-count:infinite;
 	animation-timing-function:linear;
 	animation-duration:11.4s;
 	animation-iteration-count:infinite;
 	_display:none
	}
.snow-o1 { 
	width:2.4%;
	padding-bottom:2%;/*40px*/
 	top:60px;
 	right:550px;
 	-webkit-animation-name:firemove1,fade;
 	animation-name:firemove1,fade;
 	-webkit-animation-delay:.1s
	}
.snow-o2 {
 	width:2.4%;/*18 48px*/
	padding-bottom:2.1%;/*42px*/
 	top:-50px;
 	right:560px;
	z-index:2;
 	background-position:0 51%;/*left -40px*/
 	-webkit-animation-name:firemove2,fade;
 	animation-name:firemove2,fade;
 	-webkit-animation-delay:4.8s;
 	animation-timing-function:2s
	}
.snow-o3 {
 	width:2.4%;/*35 48px*/
	padding-bottom:1.75%;/*22 35px*/
	background-position:0 100%;/*left -83px*/
 	top:-50px;
 	right:200px;
 	-webkit-animation-name:firemove3,fade;
 	animation-name:firemove3,fade;
 	-webkit-animation-delay:2.8s
	}
.snow-o4 {
 	width:2.4%;
	padding-bottom:2%;
 	top:-60px;
 	right:360px;
	z-index:2;
 	-webkit-animation-name:firemove1,fade;
 	animation-name:firemove1,fade;
 	-webkit-animation-delay:5.4s;
 	animation-timing-function:4s
	}
.snow-o5 {
	width:2.4%;
	padding-bottom:2.1%;/*42px*/
 	top:-50px;
 	right:300px;	
 	background-position:0 51%;/*left -40px*/
 	-webkit-animation-name:firemove2,fade;
 	animation-name:firemove2,fade;
 	-webkit-animation-delay:1.2s
	}
.snow-o6 {
 	width:2.4%;/*35 48px*/
	padding-bottom:1.75%;/*22 35px*/
 	top:-50px;
 	right:600px;
	z-index:2;
 	background-position:0 100%;/*left -83px*/
 	-webkit-animation-name:firemove3,fade;
 	animation-name:firemove3,fade;
 	-webkit-animation-delay:6.8s;
 	animation-timing-function:6s
	}
/*花瓣*/
@keyframes firemove1 {
 0% {
  opacity:1;
  transform:rotate(0deg) translate(0, 0);
 }
 100% {
  opacity:1;
  transform:rotate(-18deg) translate(-1800px, 1000px);/*translate(-1800px, 1000px)*/
 }
}
@keyframes firemove2 {
 0% {
  opacity:1;
  transform:rotate(0deg) translate(0, 0);
 }
 100% {
  opacity:1;
  transform:rotate(-32deg) translate(-1100px, 1000px);
 }
}
@keyframes firemove3 {
 0% {
  opacity:1;
  transform:rotate(0deg) translate(0, 0);
 }
 100% {
  opacity:1;
  transform:rotate(-10deg) translate(-1100px, 1000px);
 }
}

/**/

@media only screen and (max-width:1600px){
/**/

}
@media only screen and (max-width:1400px){
/**/
.r_mubx{
	width:8.9%;
	right:-9%;
	}
}
@media only screen and (max-width:1000px){	
/**/
.mu2bx{width:80%;}	
	
}
@media only screen and (max-width:800px){
/**/
#abx{background-image:url(../images/index_m.jpg);}
.hbg{
	padding-bottom:161.25%;/*1290*/
	background-image:url(../images/index_m.jpg);
	}	
.logo{
	width:42.25%;/*338*/
	padding-bottom:18.875%;/*151*/
	left:0%;
	top:0%;
	}
.logo2{display:block;}
.slogan{
	width:103.875%;/*831*/
	padding-bottom:46.375%;/*371*/
	top:65.426356%;/*844*/
	left:-2.125%;/*-17*/
	}
.fbbt{
	width:40px;/*67 8.375%*/
	padding-bottom:40px;
	top:9px;
	}
#fbfanpage{right:108px;/*161 20.125% */}
#fbshare{right:58px;/*81 10.125% */}	
/**/
.menut{display:block;}	
/**/
.mubx{
	position:fixed;
	width:250px;
	/*height:calc(100% - 55px);*/
	top:55px;
	right:-260px;
	border-radius:38px 0 0 50px;
	/*background-color:#6c2682;*/
	background:linear-gradient(to bottom, #6c2682, #471756);
	/**/
	-webkit-filter: drop-shadow(-10px 5px 15px rgba(0, 0, 0, .3));
	filter: drop-shadow(-10px 5px 15px rgba(0, 0, 0, .3));
	/*overflow:auto;*/
	}
.mubx .bor1{
	position:relative;
	height:calc(100% - 20px);
	display:block;
	margin:10px 0 10px 10px;
	border-radius:38px 0 0 50px;
	border-top:2px dashed #af7cbf;
	border-left:2px dashed #af7cbf;
	border-bottom:2px dashed #af7cbf;/*ebd8a3*/
	padding:10px 0 20px 0;
	overflow:auto;
	/**/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.mubx .bor2{
	position:relative;
	width:90%;
	display:block;
	padding:0 0 10px;
	margin:0 auto 10px;
	/*border-top:1px dashed #af7cbf;*/
	border-bottom:1px dashed #895e96;
	}
.mubx.on{right:0;}

.mbt{
	position:relative;
	display:block;
	top:0;
	z-index:2;
	}
.adbt > a:nth-child(1){background-image:none;}
.adbt > a:nth-child(2){background-image:none;}
.adbt > a::before{
    display:-webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	}
.mbt::before{
	/**/
	font-weight: 500;
	/**/
      display:-webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	  }

.mbt > div{display:none;}
.mbt.m1,.mbt.m2,.mbt.m3,.mbt.m4{
	width:200px;
	padding-bottom:53px;
	left:0;
	margin:0 auto;
	}
	  
.adbt{
	position:relative;
	width:214px;/*214 85%*/
	padding-bottom:51px;/*51 20.257%*/
	right:0;
	margin:0 auto;
	background-color:transparent;
	}
.r_mubx{
	position:relative;
	width:200px;
	right:0;
	top:0;
	}
.r_mu > a::before{
		font-size:1.8rem;
	/**/
      display:-webkit-box;
      display:-ms-flexbox;
      display:-webkit-flex;
      display:flex;
	  }
.r_mubx::before,.r_oc{display:none;}
#newhero,#heroreturn,#resetpassword{background-image:none;padding-bottom:45px;}	
#heroreturn{}
#resetpassword{}
.r_mu .rtp{display:none;}
/**/
.inb2{
	padding-bottom:30.25%;
	background-position:100% 100%;
	background-size:200% auto;/**/
	}
.inbx{
	background-size:200% auto;
	background-position:100% 0%;
	margin-top:12%;
	}
.tit{
	width:77.25%;/*618*/
	padding-bottom:21.25%;/*170*/
	z-index:1;
	}
.inclos{
	width:11.125%;/*89*/
	padding-bottom:18.875%;/*103*/
	right:.6%;
	top:18%;
	z-index:2;
	}
#abx.on .inclos{top:25%;}
/**/
.mu2bx{width:100%;}	
.mu2bx a{
	width:23%;/*200px*/
	padding-bottom:6.9%;/*60px*/
	}
/**/
.inp{
	width:6.25%;
	padding-bottom:6.25%;
	bottom:9%;
	}	
/* 光箱 */
.opbx{width:100%;}
	
}
@media only screen and (max-width:780px){
/**/
/* 光箱 */
.opbx{width:100%;}
.opclos{
	width:35px;
	padding-bottom:50px;
	}
/*花瓣*/
.snow-o1 { 
	width:6.8%;
	padding-bottom:6%;/*40px*/
 	top:-30px;
 	right:-40px;
	}
.snow-o2 {
 	width:6.8%;/*18 48px*/
	padding-bottom:6.2%;/*42px*/
 	top:-50px;
 	right:50px;
	}
.snow-o3 {
 	width:6.8%;/*35 48px*/
	padding-bottom:5.5%;/*22 35px*/
	background-position:0 100%;/*left -83px*/
 	top:-20px;
 	right:-50px;
	}
.snow-o4 {
	width:6.8%;
	padding-bottom:6%;/*40px*/
 	top:-30px;
 	right:30px;
	}
.snow-o5 {
 	width:6.8%;/*18 48px*/
	padding-bottom:6.2%;/*42px*/
 	top:-20px;
 	right:-20px;	
	}
.snow-o6 {
 	width:6.8%;/*35 48px*/
	padding-bottom:6.5%;/*22 35px*/
 	top:-20px;
 	right:50px;
	}
/*花瓣*/
@keyframes firemove1 {
 0% {
  opacity:1;
  transform:rotate(0deg) translate(0, 0);
 }
 100% {
  opacity:1;
  transform:rotate(-18deg) translate(-1000px, 500px);
 }
}
@keyframes firemove2 {
 0% {
  opacity:1;
  transform:rotate(0deg) translate(0, 0);
 }
 100% {
  opacity:1;
  transform:rotate(-32deg) translate(-600px, 500px);
 }
}
@keyframes firemove3 {
 0% {
  opacity:1;
  transform:rotate(0deg) translate(0, 0);
 }
 100% {
  opacity:1;
  transform:rotate(-10deg) translate(-600px, 500px);
 }
}

}
@media only screen and (max-width:685px){ 
/**/

}
@media only screen and (max-width:600px){
/**/	
/**/
.inb2{
	padding-bottom:40.33%;
	background-size:250% auto;/**/
	}
.inbx{
	background-size:250% auto;
	margin-top:18%;
	}
.tit{
	width:95%;/*618*/
	padding-bottom:26.132%;/*170*/
	}
.inclos{
	width:12%;/*89*/
	padding-bottom:21%;/*103*/
	right:.6%;
	top:20%;
	}
#abx.on .inclos{top:32%;}
/**/
.mu2bx{width:95%;}	
.mu2bx a{
	width:32%;/*200px*/
	padding-bottom:9.6%;/*60px*/
	margin:1% .35%;
	}

}
@media only screen and (max-width:560px){
/**/

}
@media only screen and (max-width:470px){
/**/
.mu2bx a{
	width:48%;/*200px*/
	padding-bottom:14.4%;/*60px*/
	}	
}

@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:360px){
/**/
}
@media only screen and (max-width:350px){
/**/
	
}
/**/
@media only screen and (max-height:625px){
/**/
.mubx{height:calc(100% - 55px);}	
}
/**/
@keyframes todo {
   0% {top:0%;}
   50% {top:5%;}
   100% {top:0%;}
	}
@keyframes todo2 {
   0% {top:0%;}
   50% {top:9%;}
   100% {top:0%;}
	}
@keyframes rotate {
   0% {transform: rotate(0deg);}
   100% {transform: rotate(360deg);}
}
@keyframes rotate2 {
   0% {transform: rotate(360deg);}
   100% {transform: rotate(0deg);}
}
@keyframes ttb {
   0% { opacity:0;}
   50% { opacity:1;}
   100% {opacity:0;}
}

@keyframes sploosh {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 54, 54, 0.7);
    background: rgba(255, 54, 54, 0.7);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(255, 54, 54, 0);
    background: rgba(255, 54, 54, 0);
  }
}
@keyframes sploosh2 {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 54, 54, 0.7);
    background: rgba(255, 54, 54, 0.7);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 54, 54, 0);
    background: rgba(255, 54, 54, 0.3);
  }
}
@keyframes sploosh3 {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 54, 54, 0.7);
    background: rgba(255, 54, 54, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 54, 54, 0);
    background: rgba(255, 54, 54, 1);
  }
}