/*添加背景图*/
body{
background:url(https://files.cnblogs.com/files/ibingbing/canvas.bmp) center fixed;
background-size:100% 100%;}
.container {
    position: absolute;
    height: 100%;
    width: 100%;
}
/*添加返回顶部*/
a.scrollup {
    width: 40px;
    height: 40px;
    opacity:0.5;
    position: fixed;
    bottom: 22px;
    right: 20px;
    background: #000;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font:"Arial" bold;
    color: #fff;
    text-align: center;
    line-height:40px;
}
a.scrollup:hover{
    color:#fff;
    line-height:40px;}
/*导航*/
#navigator {
    background:rgba(0,0,0,0.5);
    filter:alpha(opacity=50);}
/*左侧圆圈*/
#circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(10,10,10,0.9);
    opacity: .9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #808080;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    position: fixed;
    left: 30px;
    bottom: 30px;
    -webkit-animation: spinPulse 1s infinite linear;
    z-index: 9999;
}
@-webkit-keyframes spinPulse{
	0%{
		-webkit-transform: rotate(225deg);
	}
	50%,100%{
		-webkit-transform: rotate(-225deg);
	}
}
@-ms-keyframes spinPulse{
	0%{
		-ms-transform: rotate(225deg);
	}
	50%,100%{
		-ms-transform: rotate(-225deg);
	}
}
#circletext {
    width: 52px;
    height: 20px;
    line-height: 15px;
    margin: 0 auto;
    position: fixed;
    left: 60px;
    bottom: 56px;
    z-index: 999;
}
#circle1 {
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 6px solid rgba(20,20,20,0.9);
    opacity: .9;
    border-left: 6px solid rgba(0,0,0,0);
    border-right: 6px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #202020;
    width: 55px;
    height: 55px;
    margin: 0 auto;
    position: fixed;
    left: 39px;
    bottom: 39px;
    -webkit-animation: spinoffPulse 1s infinite linear;
    z-index: 9999;
}
@-webkit-keyframes spinoffPulse{
    0%{-webkit-transform:rotate(-180deg);}
　　50%{-webkit-transform:rotate(-360deg);}
　　100%{-webkit-transform:rotate(0deg);}
}