body{cursor:url(../images/default.cur),default;}
a:hover,li:hover,img:hover{cursor:url(../images/link.cur),pointer;}
*{margin: 0;padding: 0;}
#container {
	position: absolute;
	height: 100%;
	width: 100%;
}
.leyi-html5{margin-right: 10px!important;}
#output {
	width: 100%;
	height: 100%;
}
.color{
	width: 120px;
	height: 20px;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	margin-left: -60px;
	bottom: 80px;
}
.cs{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	text-align:center;
}
.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);
}
.leyi_1 {
    background: -webkit-linear-gradient(#ffffff,#00BCD4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #3bb1dc;
    font-size: 40px;
    font-weight: 100;
    line-height: 1.2;
    margin: 22px 0 0;
}
.leyi_2 {
    background: -webkit-linear-gradient(#5feffe,#208bc9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #3bb1dc;
    font-size: 20px;
    font-weight: 100;
    line-height: 1.2;
    margin: 22px 0 0;
}


#qq21117256{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;}
  #qq21117256{    display: none;}
}