body{
margin:0;
padding:0;
background: rgba(4,4,48,0.98) url(../img/6.gif);
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
text-align:center;
}
#admin{
    width:5rem;
    height:3.3rem;
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    top:3.725rem;
    left:50%;
    margin-left:-2.5rem;
    margin-top:-1.65rem;
    border-radius:10px;
    box-shadow: aqua 0 0 20px 2px;
}
#admin .title{
    width:5rem;
    height:0.7rem;
    line-height:0.7rem;
    font-size:0.26rem;
    color: #0082BF;
    letter-spacing: 2px;
}
#admin .box{
    margin-top:0.15rem;
    width:4rem;
    height:0.5rem;
    margin-left:auto;
    margin-right:auto;
}
#admin .box input.text{
    text-align:center;
    font-size:0.16rem;
    width:4rem;
    height:0.45rem;
}
#admin .box2{
    width:4rem;
    height:0.5rem;
    line-height:0.5rem;
    margin-left:auto;
    margin-right:auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content:center;
    flex-wrap:nowrap;
    -webkit-flex-wrap: nowrap;
}
#admin .box2 .L,#admin .box2 .R{
    width:1.5rem;
    height:0.5rem;
    text-align:center;
    color:#83E0F8;
    font-size:0.14rem;

}
#admin .box input.username{
    background:url("../images/userico.png") no-repeat left;
    background-size: 0.45rem 0.45rem;
    background-position:left;
}

#admin .box input.userpass{
    background:url("../images/passico.png") no-repeat left;
    background-size: 0.45rem 0.45rem;
    background-position:left;
}
#admin .box input.enterpriseid{
    background:url("../images/portico.png") no-repeat left;
    background-size: 0.45rem 0.45rem;
    background-position:left;
}
#admin .box input.button{
    width:4rem;
    height:0.45rem;
    padding:0;
    margin:0;
    border: 0;
    background: #0082BF;
    color:#FFF;
    font-size:0.2rem;
}
.box1{
position:fixed; 
width:100%;
height:100%;
margin:0 auto 0 auto;
top:0px;
background: rgba(24,38,41, 0.1);
background:url(../img/bj.png);
padding:0.1449275362318841rem;
}
.box-a{
width:13.99rem;
height:7.82608rem;
position:relative;
}
.box-a .m-1{
width:3.623188405797101rem;
height:2.172rem;
position:absolute;top:0px;left:0px;
border: 2px solid #015c79;
/*background: rgba(1,92,121, 0.5);*/
background:url(../img/a-bj-1.jpg)repeat fixed center;
filter:alpha(opacity=50); 
-moz-opacity:0.50; 
opacity:0.50;  
z-index:1;
}

.box-a .m-3{
overflow:hidden;
width:0.13119rem;height:0.1093rem;
padding:8px;
position:absolute;top:0.0728862973760933rem;left:3.644rem;
}

.box-a .m-3 #m-3-id-1 p{height:0.1457725947521866rem;line-height: 14px;margin:0;font:24px/0.13119rem 'bankgothic_md_btmedium';color:#0caff4;text-align:center;}

.box-a .m-4{
width:3.644rem;
height:2.18659rem;
background:url(../img/gif-1.gif);
position:absolute;top:0px;left:2px;
z-index:4;
filter:alpha(opacity=70); 
-moz-opacity:0.70; 
opacity:0.70;  
}

.box-a .m-5{
width:2.18659rem;
height:0.7288rem;
/* background:url(../img/a-bj-.png); */
position:absolute;top:2.18659rem;left:0px;
z-index:5;
margin-top:0.1457rem;
}
#m-5-id-1{
overflow:hidden; 
width:2.1137rem;
height:0.7288rem;
margin:0 auto;
z-index:6;
filter:alpha(opacity=70); 
-moz-opacity:0.70; 
opacity:0.70;  
}
 #m-5-2 { 
float: left; 
width: 800%; 
}
#m-5-id-2 {float: left; }
#m-5-id-3 {float: left; }


.box-a .m-6{
width:auto;
height:0.87464rem;
position:absolute;top:-0.3644314868804665rem;right:0.4373rem;
z-index:7;
font:0.3644314868804665rem/0.2769rem '楷体';
}



@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    .masked{
        background-image: -webkit-linear-gradient(left, #0ee5ff, #0e84ff 25%, #0ee5ff 50%, #0e84ff 75%, #0ee5ff);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 0.8s infinite linear;
    }
	.masked1{
        background-image: -webkit-linear-gradient(left, #0ee5ff, #f4ab20 50%, #0ee5ff 50%, #f4ab20 100%, #0ee5ff);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 3s infinite linear;
    }
	.masked2{
        background-image: -webkit-linear-gradient(left, #0ee5ff, #f4ab20 50%, #0ee5ff 50%, #f4ab20 100%, #0ee5ff);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 3s infinite linear;
    }
}
@-webkit-keyframes masked-animation {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}



 @-moz-keyframes rotate{
            100%{
              -moz-transform:rotate(0deg);
             }
             100%{
               -moz-transform:rotate(360deg);
             }
          }
 @-webkit-keyframes rotate{
            100%{
              -webkit-transform:rotate(0deg);
             }
             100%{
               -webkit-transform:rotate(360deg);
             }
          }
 @keyframes rotate{
            100%{
              transform:rotate(0deg);
             }
             100%{
               transform:rotate(360deg);
             }
          }

.xzright{
	-webkit-transform: rotateZ(-360deg);
	-moz-transform: rotateZ(-360deg);
	-o-transform: rotateZ(-360deg);
	-ms-transform: rotateZ(-360deg);
	transform: rotateZ(-360deg);	
}
.xzleft{
	-webkit-transform: rotateZ(720deg);
	-moz-transform: rotateZ(720deg);
	-o-transform: rotateZ(720deg);
	-ms-transform: rotateZ(720deg);
	transform: rotateZ(720deg);
}
.box-a .m-xz7 {
	width: 0.5830903790087464rem;
	height: 0.5830903790087464rem;
	position:absolute;top:0.2rem;left:0.18rem;
	z-index:8;
	background: no-repeat url("../img/gif-3.png") left top;
	-webkit-background-size: 0.5830903790087464rem 0.5830903790087464rem;
	-moz-background-size: 0.5830903790087464rem 0.5830903790087464rem;
	background-size: 0.5830903790087464rem 0.5830903790087464rem;
	-webkit-border-radius: 0.3644314868804665rem;
	border-radius: 0.3644314868804665rem;
	-moz-transition:all .10s;
    -webkit-transition:all .10s;
    transition:all .10s;
	-moz-animation:rotate 10s infinite linear;
    -webkit-animation:rotate 10s infinite linear;
    animation:rotate 10s infinite linear;
	
	-webkit-transform: rotateZ(-360deg);
	-moz-transform: rotateZ(-360deg);
	-o-transform: rotateZ(-360deg);
	-ms-transform: rotateZ(-360deg);
	transform: rotateZ(-360deg);
}

		  
.box-a .m-xz8 {
	width: 0.7288rem;
	height: 0.7288rem;
	position:fixed;right:5.182215743440233rem;left:0px;top:0.2988338192419825rem;
	margin:0 auto;
	z-index:8;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-4.png") left top;
	-webkit-background-size: 0.7288rem 0.7288rem;
	-moz-background-size: 0.7288rem 0.7288rem;
	background-size: 0.7288rem 0.7288rem;
	-webkit-border-radius: 0.5466472303206997rem;
	border-radius: 0.5466472303206997rem;
	-moz-transition:all .20s;
    -webkit-transition:all .20s;
    transition:all .20s;
	-moz-animation:rotate 20s infinite linear;
    -webkit-animation:rotate 20s infinite linear;
    animation:rotate 20s infinite linear;

}

.box-a .m-xz9 {
	width: 0.7288rem;
	height: 0.7288rem;
	position:fixed;right:5.182215743440233rem;left:0px;top:0.32rem;
	margin:0 auto;
	z-index:8;
	filter:alpha(opacity=70); 
	-moz-opacity:0.70; 
	opacity:0.70;  
	background: no-repeat url("../img/gif-5.png") left top;
	-webkit-background-size: 0.7288rem 0.7288rem;
	-moz-background-size: 0.7288rem 0.7288rem;
	background-size: 0.7288rem 0.7288rem;
	-webkit-border-radius: 0.5466472303206997rem;
	border-radius: 0.5466472303206997rem;
	-moz-transition:all .6s;
    -webkit-transition:all .6s;
    transition:all .6s;
	-moz-animation:rotate 6s infinite linear;
    -webkit-animation:rotate 6s infinite linear;
    animation:rotate 6s infinite linear;
}

.box-a .m-xz9-1 {
	width: 0.7288rem;
	height: 0.7288rem;
	position:fixed;right:5.182215743440233rem;left:0px;top:0.2988338192419825rem;
	margin:0 auto;
	z-index:8;
	filter:alpha(opacity=70); 
	-moz-opacity:0.70; 
	opacity:0.70;  
	background: no-repeat url("../img/gif-5-1.png") left top;
	-webkit-background-size: 0.7288rem 0.7288rem;
	-moz-background-size: 0.7288rem 0.7288rem;
	background-size: 0.7288rem 0.7288rem;
	-webkit-border-radius: 0.5466472303206997rem;
	border-radius: 0.5466472303206997rem;
	
}


.box-a .m-x10 {
	width: 3.644rem;
	height: 3.644rem;
	position:absolute;top:1.457725947521866rem;left:600px;
	z-index:9;
	filter:alpha(opacity=40); 
	-moz-opacity:0.40; 
	opacity:0.40;  
	background: no-repeat url("../img/gif-6-2.png") left top;
	-webkit-background-size: 3.644rem 1.822rem;
	-moz-background-size: 3.644rem 1.822rem;
	background-size: 3.644rem 3.644rem;
	-webkit-border-radius: 1.822rem;
	border-radius: 1.822rem;
	-moz-transition:all .1s;
    -webkit-transition:all .1s;
    transition:all .1s;
	-moz-animation:rotate 1s infinite linear;
    -webkit-animation:rotate 1s infinite linear;
    animation:rotate 1s infinite linear;
}

.box-a .m-x11 {
	width: 3.644rem;
	height: 3.644rem;
	position:absolute;top:1.457725947521866rem;left:600px;
	z-index:10;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-6-3.png") left top;
	-webkit-background-size: 3.644rem 1.822rem;
	-moz-background-size: 3.644rem 1.822rem;
	background-size: 3.644rem 3.644rem;
	-webkit-border-radius: 1.822rem;
	border-radius: 1.822rem;
	-moz-transition:all .0.5s;
    -webkit-transition:all .0.5s;
    transition:all .0.5s;
	-moz-animation:rotate 0.5s infinite linear;
    -webkit-animation:rotate 0.5s infinite linear;
    animation:rotate 0.5s infinite linear;
}
.box-a .m-x12 {
	width: 3.644rem;
	height: 3.644rem;
	position:absolute;top:1.457725947521866rem;left:600px;
	z-index:11;
	filter:alpha(opacity=40); 
	-moz-opacity:0.40; 
	opacity:0.40;  
	background: no-repeat url("../img/gif-6-4.png") left top;
	-webkit-background-size: 3.644rem 1.822rem;
	-moz-background-size: 3.644rem 1.822rem;
	background-size: 3.644rem 3.644rem;
	-webkit-border-radius: 1.822rem;
	border-radius: 1.822rem;
	-moz-transition:all .0.5s;
    -webkit-transition:all .0.5s;
    transition:all .0.5s;
	-moz-animation:rotate 0.5s infinite linear;
    -webkit-animation:rotate 0.5s infinite linear;
    animation:rotate 0.5s infinite linear;
}
.box-a .m-x13 {
	width: 3.644rem;
	height: 3.644rem;
	position:absolute;top:1.457725947521866rem;left:600px;
	z-index:12;
	filter:alpha(opacity=40); 
	-moz-opacity:0.40; 
	opacity:0.40;  
	background: no-repeat url("../img/gif-6-5.png") left top;
	-webkit-background-size: 3.644rem 1.822rem;
	-moz-background-size: 3.644rem 1.822rem;
	background-size: 3.644rem 3.644rem;
	-webkit-border-radius: 1.822rem;
	border-radius: 1.822rem;
	-moz-transition:all .2s;
    -webkit-transition:all .2s;
    transition:all .2s;
	-moz-animation:rotate 2s infinite linear;
    -webkit-animation:rotate 2s infinite linear;
    animation:rotate 2s infinite linear;
}
.box-a .m-x14 {
	width: 3.644rem;
	height: 3.644rem;
	position:absolute;top:1.457725947521866rem;left:600px;
	z-index:13;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-6-6.png") left top;
	-webkit-background-size: 3.644rem 1.822rem;
	-moz-background-size: 3.644rem 1.822rem;
	background-size: 3.644rem 3.644rem;
	-webkit-border-radius: 1.822rem;
	border-radius: 1.822rem;
	-moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
	-moz-animation:rotate 3s infinite linear;
    -webkit-animation:rotate 3s infinite linear;
    animation:rotate 3s infinite linear;
}
.box-a .m-x15 {
	width: 3.644rem;
	height: 3.644rem;
	position:absolute;top:1.457725947521866rem;left:600px;
	z-index:14;
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80;  
	background: no-repeat url("../img/gif-6-7.png") left top;
	-webkit-background-size: 3.644rem 1.822rem;
	-moz-background-size: 3.644rem 1.822rem;
	background-size: 3.644rem 3.644rem;
	-webkit-border-radius: 1.822rem;
	border-radius: 1.822rem;
	-moz-transition:all .0.6s;
    -webkit-transition:all .0.6s;
    transition:all .0.6s;
	-moz-animation:rotate 0.6s infinite linear;
    -webkit-animation:rotate 0.6s infinite linear;
    animation:rotate 0.6s infinite linear;
}
.box-a .m-x16 {
	width: 3.644rem;
	height: 3.644rem;
	position:absolute;top:1.457725947521866rem;left:600px;
	z-index:15;
	filter:alpha(opacity=70); 
	-moz-opacity:0.70; 
	opacity:0.70;  
	background: no-repeat url("../img/gif-6-8.png") left top;
	-webkit-background-size: 3.644rem 1.822rem;
	-moz-background-size: 3.644rem 1.822rem;
	background-size: 3.644rem 3.644rem;
	-webkit-border-radius: 1.822rem;
	border-radius: 1.822rem;
	-moz-transition:all .1s;
    -webkit-transition:all .1s;
    transition:all .1s;
	-moz-animation:rotate 1s infinite linear;
    -webkit-animation:rotate 1s infinite linear;
    animation:rotate 1s infinite linear;
}
.box-a .m-x17 {
	width: 0.29155rem;
	height: 0.29155rem;
	position:fixed;top:1.76rem;left:0;right:5.3rem;
	margin:0 auto;
	z-index:15;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-6-9.png") left top;
	-webkit-background-size: 0.29155rem 0.29155rem;
	-moz-background-size: 0.29155rem 0.29155rem;
	background-size: 0.29155rem 0.29155rem;
	-webkit-border-radius: 0.1822rem;
	border-radius: 0.1822rem;
	-moz-transition:all .0.5s;
    -webkit-transition:all .0.5s;
    transition:all .0.5s;
	-moz-animation:rotate 0.5s infinite linear;
    -webkit-animation:rotate 0.5s infinite linear;
    animation:rotate 0.5s infinite linear;
}
.box-a .m-x18 {
	width: 0.29155rem;
	height: 0.29155rem;
	position:fixed;top:1.76rem;left:5.3rem;right:0;
	margin:0 auto;
	z-index:15;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-6-9.png") left top;
	-webkit-background-size: 0.29155rem 0.29155rem;
	-moz-background-size: 0.29155rem 0.29155rem;
	background-size: 0.29155rem 0.29155rem;
	-webkit-border-radius: 0.1822rem;
	border-radius: 0.1822rem;
	-moz-transition:all .0.5s;
    -webkit-transition:all .0.5s;
    transition:all .0.5s;
	-moz-animation:rotate 0.5s infinite linear;
    -webkit-animation:rotate 0.5s infinite linear;
    animation:rotate 0.5s infinite linear;
}
.box-a .m-x19 {
	width: 0.29155rem;
	height: 0.29155rem;
	position:fixed;top:5.35rem;left:0;right:5.3rem;
	margin:0 auto;
	z-index:15;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-6-9.png") left top;
	-webkit-background-size: 0.29155rem 0.29155rem;
	-moz-background-size: 0.29155rem 0.29155rem;
	background-size: 0.29155rem 0.29155rem;
	-webkit-border-radius: 0.1822rem;
	border-radius: 0.1822rem;
	-moz-transition:all .0.5s;
    -webkit-transition:all .0.5s;
    transition:all .0.5s;
	-moz-animation:rotate 0.5s infinite linear;
    -webkit-animation:rotate 0.5s infinite linear;
    animation:rotate 0.5s infinite linear;
}
.box-a .m-x20 {
	width: 0.29155rem;
	height: 0.29155rem;
	position:fixed;top:5.35rem;left:5.3rem;right:0;
	margin:0 auto;
	z-index:15;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-6-9.png") left top;
	-webkit-background-size: 0.29155rem 0.29155rem;
	-moz-background-size: 0.29155rem 0.29155rem;
	background-size: 0.29155rem 0.291rem;
	-webkit-border-radius: 0.1822rem;
	border-radius: 0.1822rem;
	-moz-transition:all .0.5s;
    -webkit-transition:all .0.5s;
    transition:all .0.5s;
	-moz-animation:rotate 0.5s infinite linear;
    -webkit-animation:rotate 0.5s infinite linear;
    animation:rotate 0.5s infinite linear;
}

.box-a .m-7{
width:1.822rem;
height:1.822rem;
position:absolute;top:1.457725947521866rem;right:4rem;
background-color:;
z-index:7;
}
.m-7-k{
width:1.822rem;
height:1.822rem;
position:fixed; 
}
.m-7-k .m-7xz1{
	width:1.822rem;
	height:1.822rem;
	position:absolute;top:0px;left:0px;
	z-index:8;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-7-1.png") left top;
	-webkit-background-size: 1.822rem 0.911rem;
	-moz-background-size: 1.822rem 0.911rem;
	background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 0.911rem;
	border-radius: 0.911rem;
	-moz-transition:all .2s;
    -webkit-transition:all .2s;
    transition:all .2s;
	-moz-animation:rotate 2s infinite linear;
    -webkit-animation:rotate 2s infinite linear;
    animation:rotate 2s infinite linear;
}
.m-7-k .m-7xz2{
	width:1.822rem;
	height:1.822rem;
	position:absolute;top:0px;left:0px;
	z-index:9;
	filter:alpha(opacity=70); 
	-moz-opacity:0.70; 
	opacity:0.70;  
	background: no-repeat url("../img/gif-7-2.png") left top;
	-webkit-background-size: 1.822rem 0.911rem;
	-moz-background-size: 1.822rem 0.911rem;
	background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 0.911rem;
	border-radius: 0.911rem;
	-moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
	-moz-animation:rotate 3s infinite linear;
    -webkit-animation:rotate 3s infinite linear;
    animation:rotate 3s infinite linear;
}
.m-7-k .m-7xz3{
	width:1.822rem;
	height:1.822rem;
	position:absolute;top:0px;left:0px;
	z-index:10;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-7-3.png") left top;
	-webkit-background-size: 1.822rem 0.911rem;
	-moz-background-size: 1.822rem 0.911rem;
	background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 0.911rem;
	border-radius: 0.911rem;
	-moz-transition:all .0.5s;
    -webkit-transition:all .0.5s;
    transition:all .0.5s;
	-moz-animation:rotate 0.5s infinite linear;
    -webkit-animation:rotate 0.5s infinite linear;
    animation:rotate 0.5s infinite linear;
}
.m-7-k .m-7zt1{
	width:1.31196rem;
	height:0.21866rem;
	border-bottom: 1px solid #;
	padding-bottom:3px;
	margin:0.5830903790087464rem auto 0 auto;
	color:#19a9da;
	font:0.1457rem/0.13119rem '楷体';
	text-align:center;
}
.m-7-k .m-7zt2{
	width:1.822rem;
	height:0.3644314868804665rem;
	margin-top:8px;
	color:#9C0;
	font:0.4373rem/0.3644314868804665rem 'ds-digitalbold';
	text-align:center;
}

.box-a .fbl{
	width:auto;
	height:0.7288rem;
	position:absolute;top:0.5101rem;right:0.5101rem;
	color:#19a9da;
	font:0.1457rem/0.13119rem 'bankgothic_md_btmedium';
	z-index:20;
}
.box-a .m-8{
	width:4.489795918367347rem;
	height:103px;
  	position:fixed;right:-0.2769rem;left:0;top:0.2723146747352496rem;
	margin:0 auto;
	/* background: no-repeat url("../img/gif-8-1.png") left top; */
	background-size:4.489795918367347rem 103px;
	filter:alpha(opacity=30); 
	-moz-opacity:0.30; 
	opacity:0.30;  
	z-index:21;
}
.box-a .m-9{
	width:5.830903790087464rem;
	height:1.01312rem;
	position:fixed;right:-0.2769rem;left:0;
	margin:0 auto;
	font-size: 0.3rem;
	z-index:22;
	color:#f4ab20;
	text-align:center;
	line-height:1.01312rem;

}

.box-a .m-10{
width:3.287rem;
height:0.59rem;
background:url(../img/gif-9.png);
background-size:3.287rem 0.59rem;
position:fixed;top:1.173469387755102rem;left:0.3rem;right:0;
z-index:5;
margin-top:0.1457rem;
}

.box-a .m-11{
width:3.046rem;
height:3.47rem;
background:url(../img/gif-10.png);
position:fixed;top:1.5307rem;right:0;left:8rem;
z-index:5;
margin:0 auto;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
}

.box-a .m-11 .m-k-1{width:0.4227rem;height:0.2478rem;position:absolute;top:0.1385rem;right:0.2769rem;z-index:6;}
.box-a .m-11 .m-k-1 .t1{
width:0px;
height:0.2478rem;
float:right;
background:red;
position:relative;
background:#37dad7; 
animation:myfirst 0.3s linear 0.5s infinite alternate;

-moz-animation:myfirst 0.3s linear 0.5s infinite alternate;

-webkit-animation:myfirst 0.3s linear 0.5s infinite alternate;

-o-animation:myfirst 0.3s linear 0.5s infinite alternate;
}

@keyframes myfirst
{
0%   {right:0px; top:0px;width:0px;height:0.2478rem;}
100% {right:0px; top:0px;width:0.7288rem;height:0.2478rem;}
}

@-moz-keyframes myfirst 
{
0%   {right:0px; top:0px;width:0px;height:0.2478rem;}
100% {right:0px; top:0px;width:0.4227rem;height:0.2478rem;}
}

@-webkit-keyframes myfirst 
{
0%   {right:0px; top:0px;width:0px;height:0.2478rem;}
100% {right:0px; top:0px;width:0.7288rem;height:0.2478rem;}
}

@-o-keyframes myfirst 
{
0%   {right:0px; top:0px;width:0px;height:0.2478rem;}
100% {right:0px; top:0px;width:0.4227rem;height:0.2478rem;}
}
.box-a .m-11 .m-k-2{width:0.4227rem;height:0.2478rem;position:absolute;top:0.481rem;right:0.2769rem;z-index:6;}
.box-a .m-11 .m-k-2 .t2{
width:0px;
height:0.2478rem;
float:right;
background:red;
position:relative;
background:#8cd6b7; 
animation:myfirst 0.18s linear 0.18s infinite alternate;
-moz-animation:myfirst 0.18s linear 0.18s infinite alternate;
-webkit-animation:myfirst 0.18s linear 0.18s infinite alternate;
-o-animation:myfirst 0.18s linear 0.18s infinite alternate;
}
.box-a .m-11 .m-k-3{width:0.4227rem;height:0.2478rem;position:absolute;top:0.8236151603498542rem;right:0.2769rem;z-index:6;}
.box-a .m-11 .m-k-3 .t3{
width:0px;
height:0.2478rem;
float:right;
background:red;
position:relative;
background:#6ccea5; 
animation:myfirst 0.2s linear 0.2s infinite alternate;
-moz-animation:myfirst 0.2s linear 0.2s infinite alternate;
-webkit-animation:myfirst 0.2s linear 0.2s infinite alternate;
-o-animation:myfirst 0.2s linear 0.2s infinite alternate;
}
.box-a .m-11 .m-k-4{width:0.4227rem;height:0.2478rem;position:absolute;top:1.173469387755102rem;right:0.2769rem;z-index:6;}
.box-a .m-11 .m-k-4 .t4{
width:0px;
height:0.2478rem;
float:right;
background:red;
position:relative;
background:#abd281; 
animation:myfirst 0.15s linear 0.15s infinite alternate;
-moz-animation:myfirst 0.15s linear 0.15s infinite alternate;
-webkit-animation:myfirst 0.15s linear 0.15s infinite alternate;
-o-animation:myfirst 0.15s linear 0.15s infinite alternate;
}
.box-a .m-11 .m-k-5{width:0.4227rem;height:0.2478rem;position:absolute;top:1.51rem;right:0.2769rem;z-index:6;}
.box-a .m-11 .m-k-5 .t5{
width:0px;
height:0.2478rem;
float:right;
background:red;
position:relative;
background:#a0b653; 
animation:myfirst 0.2s linear 0.2s infinite alternate;
-moz-animation:myfirst 0.2s linear 0.2s infinite alternate;
-webkit-animation:myfirst 0.2s linear 0.2s infinite alternate;
-o-animation:myfirst 0.2s linear 0.2s infinite alternate;
}
.box-a .m-11 .m-k-6{width:0.4227rem;height:0.2478rem;position:absolute;top:1.85131195335277rem;right:0.2769rem;z-index:6;}
.box-a .m-11 .m-k-6 .t6{
width:0px;
height:0.2478rem;
float:right;
background:red;
position:relative;
background:#d3b342; 
animation:myfirst 0.08s linear 0.08s infinite alternate;
-moz-animation:myfirst 0.08s linear 0.08s infinite alternate;
-webkit-animation:myfirst 0.08s linear 0.08s infinite alternate;
-o-animation:myfirst 0.08s linear 0.08s infinite alternate;
}
.box-a .m-11 .m-k-7{width:0.4227rem;height:0.2478rem;position:absolute;top:2.1938rem;right:0.2769rem;z-index:6;}
.box-a .m-11 .m-k-7 .t7{
width:0px;
height:0.2478rem;
float:right;
background:red;
position:relative;
background:#f4ae28; 
animation:myfirst 0.4s linear 0.4s infinite alternate;
-moz-animation:myfirst 0.4s linear 0.4s infinite alternate;
-webkit-animation:myfirst 0.4s linear 0.4s infinite alternate;
-o-animation:myfirst 0.4s linear 0.4s infinite alternate;
}

.box-a .m-12{
width:1.822rem;
height:1.822rem;
position:absolute;top:3.2799rem;right:4rem;
background-color:;
z-index:7;
}
.m-12-k{
width:1.822rem;
height:1.822rem;
position:fixed; 
}
.m-12-k .m-12xz1{
	width:1.822rem;
	height:1.822rem;
	position:absolute;top:0px;left:0px;
	z-index:9;
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80;  
	background: no-repeat url("../img/gif-11-1.png") left top;
	-webkit-background-size: 1.822rem 0.911rem;
	-moz-background-size: 1.822rem 0.911rem;
	background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 0.911rem;
	border-radius: 0.911rem;
	-moz-transition:all .0.6s;
    -webkit-transition:all .0.6s;
    transition:all .0.6s;
	-moz-animation:rotate 0.6s infinite linear;
    -webkit-animation:rotate 0.3s infinite linear;
    animation:rotate 0.6s infinite linear;
}
.m-12-k .m-12xz2{
	width:1.822rem;
	height:1.822rem;
	position:absolute;top:0px;left:0px;
	z-index:8;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-11-2.png") left top;
	-webkit-background-size: 1.822rem 0.911rem;
	-moz-background-size: 1.822rem 0.911rem;
	background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 0.911rem;
	border-radius: 0.911rem;
	-moz-transition:all .2s;
    -webkit-transition:all .2s;
    transition:all .2s;
	-moz-animation:rotate 2s infinite linear;
    -webkit-animation:rotate 2s infinite linear;
    animation:rotate 2s infinite linear;
}
.m-12-k .m-12xz3{
	width:1.822rem;
	height:1.822rem;
	position:absolute;top:0px;left:0px;
	z-index:9;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-11-3.png") left top;
	-webkit-background-size: 1.822rem 0.911rem;
	-moz-background-size: 1.822rem 0.911rem;
	background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 0.911rem;
	border-radius: 0.911rem;
	-moz-transition:all .0.1s;
    -webkit-transition:all .0.1s;
    transition:all .0.1s;
	-moz-animation:rotate 0.1s infinite linear;
    -webkit-animation:rotate 0.1s infinite linear;
    animation:rotate 0.1s infinite linear;
}
.m-12-k .m-12zt1{
	width:1.31196rem;
	height:0.21866rem;
	border-bottom: 1px solid #;
	padding-bottom:0.02187rem;
	margin:0.5830903790087464rem auto 0 auto;
	color:#19a9da;
	font:0.1457rem/0.13119rem '楷体';
	text-align:center;
}
.m-12-k .m-12zt2{
	width:1.822rem;
	height:0.3644314868804665rem;
	margin-top:0.058rem;
	color:#9C0;
	font:0.4373rem/0.3644314868804665rem 'ds-digitalbold';
	text-align:center;
}

.box-a .m-13{
width:2.91rem;
height:2.91rem;
overflow:hidden;
background:url(../img/gif-101.png);
position:absolute;top:0.87464rem;right:0.5101rem;
background-color:;
font:0.13119rem/0.1093rem 'bankgothic_md_btmedium';
color:#39F;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
}


.box-a .m-14{
width:0.7142857142857143rem;
height:0.21866rem;
overflow:hidden;
border-radius:0.1457rem;
position:fixed;top:1.581632653061224rem;left:2.743731778425656rem;
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80;  
}
.box-a .m-14 .ss{
width:0px;
height:0.25511rem;
position:relative;
background-color:#F60; 
animation:myfirst 1s linear 1s infinite alternate;

-moz-animation:myfirst 1s linear 1s infinite alternate;

-webkit-animation:myfirst 1s linear 1s infinite alternate;

-o-animation:myfirst 1s linear 1s infinite alternate;
}

@keyframes myfirst
{
0%   {right:0px; top:0px;width:0px;height:0.25511rem;}
100% {background-color:#FC0; right:0px; top:0px;width:1.31196rem;height:0.25511rem;}
}

@-moz-keyframes myfirst 
{
0%   {right:0px; top:0px;width:0px;height:0.25511rem;}
100% {right:0px; top:0px;width:1.0933rem;height:0.25511rem;}
}

@-webkit-keyframes myfirst 
{
0%   {right:0px; top:0px;width:0px;height:0.25511rem;}
100% {right:0px; top:0px;width:1.0933rem;height:0.25511rem;}
}

@-o-keyframes myfirst 
{
0%   {right:0px; top:0px;width:0px;height:0.25511rem;}
100% {right:0px; top:0px;width:1.0933rem;height:0.25511rem;}
}


.box-a .m-15-a{
width:2.91rem;
height:2.295918367346939rem;
overflow:hidden;
background:url(../img/gif-12-1.png);
background-size:2.91rem 2.295918367346939rem;
position:fixed;top:2.71865889212828rem;left:0.21866rem;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background-color:;
}
.box-a .m-15-b{
width:3.644rem;
height:3.02479rem;
overflow:hidden;
background:url(../img/gif-12-2.png);
position:absolute;top:4.3rem;left:0px;
	filter:alpha(opacity=40); 
	-moz-opacity:0.40; 
	opacity:0.40;  
	background-color:;
}

.m-15-k{
width:3.644rem;
height:3.02479rem;
position:fixed; 
}
.m-15-k .m-15xz1{
width: 1.0933rem;
    height: 1.0933rem;
    position: fixed;
    top: 3.972303206997085rem;
    left: 2.077259475218659rem;
    right: 0;
}
.m-15-dd1{
width: 0.7288rem;height: 0.7288rem;border-radius: 2.623906705539359rem;background-color: #FFF;
        position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
        -webkit-animation: pointRadius 1s ease 0s infinite;
                animation: pointRadius 1s ease 0s infinite;
    }
    @-webkit-keyframes pointRadius {
        0% {width: 0.0728862973760933rem;height: 0.0728862973760933rem;background: rgba(169,191,116, 0.8);}
        100% {width: 1.0933rem;height: 1.0933rem;background: rgba(62,219,200, 0.0);}
    }
.m-15-dd2{
width: 0.7288rem;height: 0.7288rem;border-radius: 2.623906705539359rem;background-color: #FFF;
        position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
        -webkit-animation: pointRadius 1s ease 0s infinite;
                animation: pointRadius 1s ease 0s infinite;
    }
    @-webkit-keyframes pointRadius {
		0% {width: 0.0728862973760933rem;height: 0.0728862973760933rem;background: rgba(149,177,196, 0.8);}
		25% {width: 1.0933rem;height: 1.0933rem;background: rgba(0, 97, 214, 0.6);}
        75% {width: 1.16618rem;height: 1.16618rem;background: rgba(214,5,0, 0.0);}
		90% {width: 0.7288rem;height: 0.7288rem;background: rgba(0, 127, 214, 0.6);}
		100% {width: 0.0728862973760933rem;height: 0.0728862973760933rem;background: rgba(149, 179, 196, 0.8);}
    }


.box-a .m-16{
	width:1.822rem;
	height:1.822rem;
	z-index:30;
	background: no-repeat url("../img/gif-13-1.png") left top;
	background-size:1.822rem 1.822rem;
	position:fixed;top:1.895rem;left:7.2rem;right:0;
	margin:0 auto;
}

.box-a .m-17{
	width:1.822rem;
	height:1.822rem;
	z-index:21;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-13-2.png") left top;
	background-size:1.822rem 1.822rem;
	position:fixed;top:1.895rem;left:7.2rem;right:0;
	margin:0 auto;
	-webkit-background-size: 1.822rem 1.822rem;
	-moz-background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 1.2755rem;
	border-radius: 1.2755rem;
	-moz-transition:all .0.6s;
    -webkit-transition:all .0.6s;
    transition:all .0.6s;
	-moz-animation:rotate 0.6s infinite linear;
    -webkit-animation:rotate 0.6s infinite linear;
    animation:rotate 0.6s infinite linear;
}
.box-a .m-18{
	width:1.822rem;
	height:1.822rem;
	z-index:25;
	background: no-repeat url("../img/gif-13-3.png") left top;
	background-size:1.822rem 1.822rem;
	position:fixed;top:1.895rem;left:7.2rem;right:0;
	margin:0 auto;
	-webkit-background-size: 1.822rem 1.822rem;
	-moz-background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 1.2755rem;
	border-radius: 1.2755rem;
	-moz-transition:all .15s;
    -webkit-transition:all .15s;
    transition:all .15s;
	-moz-animation:rotate 15s infinite linear;
    -webkit-animation:rotate 15s infinite linear;
    animation:rotate 15s infinite linear;
}
.box-a .m-19{
	width:1.822rem;
	height:1.822rem;
	z-index:22;
	filter:alpha(opacity=70); 
	-moz-opacity:0.70; 
	opacity:0.70;  
	background: no-repeat url("../img/gif-13-4.png") left top;
	background-size:1.822rem 1.822rem;
	position:fixed;top:1.895rem;left:7.2rem;right:0;
	margin:0 auto;
	-webkit-background-size: 1.822rem 1.822rem;
	-moz-background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 1.2755rem;
	border-radius: 1.2755rem;
	-moz-transition:all .2s;
    -webkit-transition:all .2s;
    transition:all .2s;
	-moz-animation:rotate 2s infinite linear;
    -webkit-animation:rotate 2s infinite linear;
    animation:rotate 2s infinite linear;
}
.box-a .m-20{
	width:1.822rem;
	height:1.822rem;
	z-index:21;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-13-5.png") left top;
	background-size:1.822rem 1.822rem;
	position:fixed;top:1.895rem;left:7.2rem;right:0;
	margin:0 auto;
	-webkit-background-size: 1.822rem 1.822rem;
	-moz-background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 1.2755rem;
	border-radius: 1.2755rem;
	-moz-transition:all .0.8s;
    -webkit-transition:all .0.8s;
    transition:all .0.8s;
	-moz-animation:rotate 0.8s infinite linear;
    -webkit-animation:rotate 0.8s infinite linear;
    animation:rotate 0.8s infinite linear;
}
.box-a .m-21{
	width:1.822rem;
	height:1.822rem;
	z-index:21;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	background: no-repeat url("../img/gif-13-6.png") left top;
	background-size:1.822rem 1.822rem;
	position:fixed;top:1.895rem;left:7.2rem;right:0;
	margin:0 auto;
	-webkit-background-size: 1.822rem 1.822rem;
	-moz-background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 1.2755rem;
	border-radius: 1.2755rem;
	-moz-transition:all .0.3s;
    -webkit-transition:all .0.3s;
    transition:all .0.3s;
	-moz-animation:rotate 0.3s infinite linear;
    -webkit-animation:rotate 0.3s infinite linear;
    animation:rotate 0.3s infinite linear;
}
.box-a .m-22{
	width:1.822rem;
	height:1.822rem;
	z-index:21;
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80;  
	background: no-repeat url("../img/gif-13-7.png") left top;
	background-size:1.822rem 1.822rem;
	position:fixed;top:1.895rem;left:7.2rem;right:0;
	margin:0 auto;
	-webkit-background-size: 1.822rem 1.822rem;
	-moz-background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 1.2755rem;
	border-radius: 1.2755rem;
	-moz-transition:all .25s;
    -webkit-transition:all .25s;
    transition:all .25s;
	-moz-animation:rotate 25s infinite linear;
    -webkit-animation:rotate 25s infinite linear;
    animation:rotate 25s infinite linear;
}
.box-a .m-23{
	width:1.822rem;
	height:1.822rem;
	z-index:21;
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80;  
	background: no-repeat url("../img/gif-13-8.png") left top;
	background-size:1.822rem 1.822rem;
	position:fixed;top:1.895rem;left:7.2rem;right:0;
	margin:0 auto;
	-webkit-background-size: 1.822rem 1.822rem;
	-moz-background-size: 1.822rem 1.822rem;
	-webkit-border-radius: 1.2755rem;
	border-radius: 1.2755rem;
	-moz-transition:all .0.3s;
    -webkit-transition:all .0.3s;
    transition:all .0.3s;
	-moz-animation:rotate 0.3s infinite linear;
    -webkit-animation:rotate 0.3s infinite linear;
    animation:rotate 0.3s infinite linear;
}

.box-a .m-24{
	width:auto;
	height:0.3644314868804665rem;
	z-index:40;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	position:absolute;top:3.9358rem;left:0.25511rem;
	text-shadow:#9C0 0px 1px 2px;
	font:0.21866rem/0.2040rem 'ds-digitalbold';
	color:#3CF;
}

.box-a .m-25{
	width:1.31196rem;
	height:1.31196rem;
	z-index:40;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	position:absolute;top:5.3936rem;left:4rem; 
}
.m-25k{
	width:1.31196rem;
	height:1.31196rem;
	position:absolute;
}
.m-25zt1{
	width:1.31196rem;
	height:0.21866rem;
	border-bottom: 1px solid #;
	padding-bottom:3px;
	margin:0.401rem auto 0 auto;
	color:#19a9da;
	font:0.1457rem/0.13119rem '楷体';
	text-align:center;
}
.m-25zt2{
	width:1.31196rem;
	height:0.3644314868804665rem;
	margin-top:8px;
	color:#9C0;
	font:0.29155rem/0.21866rem 'ds-digitalbold';
	text-align:center;
}
.m-25k .m-25xz1{
	width:1.31196rem;
	height:1.31196rem;
	z-index:41;
	position:absolute;bottom:0px;right:0px;
	-webkit-background-size: 1.31196rem 0.65598rem;
	-moz-background-size: 1.31196rem 0.65598rem;
	background-size: 1.31196rem 1.31196rem;
	-webkit-border-radius: 0.65598rem;
	border-radius: 0.65598rem;
}

.box-a .m-26{
	width:1.31196rem;
	height:1.31196rem;
	z-index:40;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	position:absolute;top:5.3936rem;left:5.46647rem; 
}
.box-a .m-27{
	width:1.31196rem;
	height:1.31196rem;
	z-index:40;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	position:absolute;top:5.3936rem;left:6.9242rem; 
}
.box-a .m-28{
	width:1.31196rem;
	height:1.31196rem;
	z-index:40;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;  
	position:absolute;top:5.3936rem;left:8.382rem; 
}

.m-25pic1{
	background: no-repeat url("../img/gif-14-1.png") left top;
	-moz-transition:all .1s;
    -webkit-transition:all .1s;
    transition:all .1s;
	-moz-animation:rotate 1s infinite linear;
    -webkit-animation:rotate 1s infinite linear;
    animation:rotate 1s infinite linear;
}
.m-25pic2{
	background: no-repeat url("../img/gif-14-2.png") left top;
	-moz-transition:all .1s;
    -webkit-transition:all .1s;
    transition:all .1s;
	-moz-animation:rotate 1s infinite linear;
    -webkit-animation:rotate 1s infinite linear;
    animation:rotate 1s infinite linear;
}

.m-25pic3{
	background: no-repeat url("../img/gif-14-3.png") left top;
	-moz-transition:all .1s;
    -webkit-transition:all .1s;
    transition:all .1s;
	-moz-animation:rotate 1s infinite linear;
    -webkit-animation:rotate 1s infinite linear;
    animation:rotate 1s infinite linear;
}
.m-25pic4{
	background: no-repeat url("../img/gif-14-4.png") left top;
	-moz-transition:all .1s;
    -webkit-transition:all .1s;
    transition:all .1s;
	-moz-animation:rotate 1s infinite linear;
    -webkit-animation:rotate 1s infinite linear;
    animation:rotate 1s infinite linear;
}

.box-a .m-29{
height:0.291rem;
position:absolute;bottom:0.65598rem;left:4.15452rem;
z-index:7;
font:0.1822rem/0.1457rem 'bankgothic_md_btmedium';
line-height:0.291rem;
}

.box-a .m-30{
height:0.291rem;
filter:alpha(opacity=50); 
-moz-opacity:0.50; 
opacity:0.50;  
position:absolute;bottom:0.4373rem;left:4.15452rem;
z-index:6;
font:0.1457rem/0.13119rem 'bankgothic_md_btmedium';
color:#0CF;
line-height:0.291rem;
}

.m-2-1{
	text-align: center;
	position: fixed;
	left:0;
	right:22px;
	top:292px;
}
.m-2-2{
	margin:0.1093rem 0;
}

.m-2-2 input{
	width:295px;
	height:0.21866rem;
	background:transparent;
	outline:none;
	color:white;
	text-align: center;
	border:3px solid #0095ff;
	border-radius:0.1457rem;
	font-size: 16px;
	letter-spacing: 4px;
	
}

.m-2-2-1 input{
	width:1.384839650145773rem;
	height:0.21866rem;
	background:transparent;
	outline:none;
	color:white;
	text-align: center;
	border:3px solid #0095ff;
	border-radius:0.1457rem;
	font-size: 16px;
	letter-spacing: 4px;
	
}
.m-2-2-1 img{
	vertical-align:bottom;
	border-radius:0.1457rem;
}

.m-2-2 input:focus{
	background:rgba(22, 94, 128, 0.67);
}
.m-2-2 button{
	width:295px;
	height:0.29155rem;
	margin-top:0px;
	border-radius:0.1457rem;
	background-color: rgba(0,180,255,0.6);
	border:none;
	color:white;
	font-size: 0.1457rem;
	letter-spacing: 7px;
	outline:none;
}
	input::-webkit-input-placeholder {
        color: aqua;
      }
      input::-moz-input-placeholder {
        color: aqua;
      }
      input::-ms-input-placeholder {
        color: aqua;
      }
	 
	 input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	     -webkit-text-fill-color: #ededed !important;
	     -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
	     background-color:transparent;
	     background-image: none;
	     transition: background-color 50000s ease-in-out 0s; 
	 }
	 input {
	     background-color:transparent;text-align: center;
	 }