/*body {
  cursor: url(../images/default.cur), default;
}
a:hover, li:hover, img:hover {
  cursor: url(../images/link.cur), pointer;
}*/
* {
  margin: 0;
  padding: 0;
}
#container,#home_wrapper canvas {
  position: absolute;
}
#home_wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}
body .mr15{margin-right:15px;}
#output {
  width: 100%;
  height: 100%;
}
.color {
  width: 120px;
  height: 20px;
  margin: 0 auto;
  position: fixed;
  left: 50%;
  margin-left: -60px;
  bottom: 20px;
}
.cs {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  z-index: 999;
}
.color li {
  float: left;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  background: #ccc;
  box-shadow: 0 0 4px #FFF;
  list-style: none;
  cursor: pointer;
}
.color li:nth-child(1) {
  background: #002c4a;
}
.color li:nth-child(2) {
  background: #35ac03;
}
.color li:nth-child(3) {
  background: #ac0908;
}
.color li:nth-child(4) {
  background: #18bbff;
}
img#logo {
  width: 158px;
  background-size: cover;
  border-radius: 200px;
  box-shadow: 0px 0px 40px rgba(63, 81, 181, 0.72);
  border: 3px solid #00a0ff;
  opacity: 1;
  margin: 0 auto;
  margin-top: 150px;
  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);
}
.ydy_1 {
  background: -webkit-linear-gradient(#ffffff, #00BCD4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #3bb1dc;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
  margin: 22px 0 0;
}
.ydy_2 {
  background: -webkit-linear-gradient(#84ecff, #5feffe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #3bb1dc;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin: 22px 0 0;
  /*-webkit-text-stroke: 1px #185dab;*/  
}
#copyright {
  margin-top: 260px;
  left: 0;
  color: white;
  font-size: 12px;
}

@media screen and (max-width: 980px) {
.leyi-html5 {
  width: 300px;
}
.button-glow.button-highlight {
  margin: 0px 10px 10px 0px;
}
.button {
  margin: 0px 10px 10px 0px!important;
}
img#logo {
  margin-top: 40px;
}

}