html {
                height: 100%;
            }
body {
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    background: #000;
    background-image: url("/img/bg.jpg") ;
    background-position:center; 
    background-repeat:no-repeat;
    color: #f4f7f6;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1.2px;
     margin: 0;
}
 /*
           .body--ready {
                background: -webkit-linear-gradient(top, rgb(203, 235, 219) 0%, rgb(55, 148, 192) 120%);
                background: -moz-linear-gradient(top, rgb(203, 235, 219) 0%, rgb(55, 148, 192) 120%);
                background: -o-linear-gradient(top, rgb(203, 235, 219) 0%, rgb(55, 148, 192) 120%);
                background: -ms-linear-gradient(top, rgb(203, 235, 219) 0%, rgb(55, 148, 192) 120%);
                background: linear-gradient(top, rgb(203, 235, 219) 0%, rgb(55, 148, 192) 120%);
            }*/


#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
    height: 100%;
    width: auto;
}

* {
	margin:0;
	padding:0;
}

#willerce {
   text-align: center;
   //max-width: 350px;
   animation: fade-in;
   animation-duration: 1s;
   -webkit-animation: fade-in 1s;
   margin: 10% auto auto;
   padding: 0px;
   //position:absolute;
	position:fixed;
left:0px;
top:2%;
//display:none;
transform: scale(0,0);
transition-property:width height;
transition-duration:2s;
transition-delay:0.8s;
 width: 100%;
}





.canvas {
    margin: 0 auto;
    display: block;
}


img#logo {
    width: 128px;
    background-size: cover;
    border-radius: 200px;
    box-shadow: 0px 0px 40px rgb(255, 255, 255);
    border: 3px solid rgba(255, 255, 255, 0.61);
    opacity: 1;
    margin: 0 auto;
    margin-top: 20px;
	margin-bottom: 20px;
	transition: all 1.0s;  
}
#logo:hover {
    box-shadow: 0 0 10px #fff;
    -webkit-box-shadow: 0 0 19px #fff;
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 鑼傞┐闄嗚寕椹撮檰 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.anniu {
  color: #3F3F3F99;
  font-weight: 500;
  font-size: 20px;
  background-color: rgb(30 30 30 / 73%);
  backdrop-filter: blur(10px);
  padding: 5px 9px;
  border-radius: 10px;
  margin-top: 10px;
}
.anniu:hover {
    color: #FFFFFFE6;
    background-color: rgba(255, 255, 255, 0.06);
    transition: all 350ms;
}
a {
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
	text-decoration: none;
}

a:link, 
a:visited { 
    color:#fff; 
    text-decoration:none; 
}
a:hover, 
a:active { 
color:#fff; 
text-decoration:none; 
}
 		
h1{
    background: linear-gradient(to right, #00ffd2, #d300ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: timeColor 3s linear infinite;
    -webkit-text-stroke: 0.5px #050404;
}

h2{
    background: linear-gradient(to right, #ff0021, #1700fff7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: timeColor 5s linear infinite;
    -webkit-text-stroke: 0.5px #050404;
}

#footer[data-v-733d78f1] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    line-height: 46px;
    text-align: center;
    z-index: 0;
    font-size: 14px
}

#footer .power[data-v-733d78f1] {
    animation: fade .3s
}

#footer .lrc[data-v-733d78f1] {
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

#footer .lrc .lrc-all[data-v-733d78f1] {
    width: 98%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#footer .lrc .lrc-all .lrc-text[data-v-733d78f1] {
    margin: 0 8px
}

#footer .lrc .lrc-all .i-icon[data-v-733d78f1] {
    width: 18px;
    height: 18px;
    display: inherit
}

#footer.blur[data-v-733d78f1] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0,0,0,.25);
    font-size: 16px
}

#footer .fade-enter-active[data-v-733d78f1],#footer .fade-leave-active[data-v-733d78f1] {
    transition: opacity .15s ease-in-out
}

@media (max-width: 720px) {
    #footer[data-v-733d78f1],#footer.blur[data-v-733d78f1] {
        font-size:.85rem
    }
}

@media (max-width: 480px) {
    #footer .hidden[data-v-733d78f1] {
        display:none
    }
}