#header {
    margin-top: 2em;
width:1260px;
}

#main {
    background: #fff none repeat scroll 0 0;
    clear: both;
    min-width: 1100px;
    text-align: left;
}

#mainContent {
    background: #fff none repeat scroll 0 0;
    float: left;
    min-height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 950px;
    word-break: break-all;
}

#home {
    margin: 0 auto;
    width: 1260px;
}
body {
    background: #000 url("https://files.cnblogs.com/files/qlqwjy/22.bmp") repeat scroll center top;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 17px;
    min-height: 101%;
}
#navList a {
    display: block;
    font: 20px/1.5em "微软雅黑";
    margin: 18px 10px 0 0;
    padding: 0 10px;
}
#navList a:hover{
text-decoration: none;
color:red;
}
.snow-container {
				position: fixed;
				height: 100%;
				width: 100%;
				max-width: 100%;
				top: 0;
				overflow: hidden;
				z-index: -2;
				pointer-events: none;
			}
			
			.snow {
				display: block;
				position: absolute;
				z-index: 2;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				pointer-events: none;
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0);
				-webkit-animation: snow linear infinite;
				animation: snow linear infinite;
			}
			
			.snow.foreground {
				background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");
				-webkit-animation-duration: 15s;
				animation-duration: 15s;
			}
			
			.snow.foreground.layered {
				-webkit-animation-delay: 7.5s;
				animation-delay: 7.5s;
			}
			
			.snow.middleground {
				background-image: url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);
				-webkit-animation-duration: 20s;
				animation-duration: 20s;
			}
			
			.snow.middleground.layered {
				-webkit-animation-delay: 10s;
				animation-delay: 10s;
			}
			
			.snow.background {
				background-image: url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);
				-webkit-animation-duration: 30s;
				animation-duration: 30s;
			}
			
			.snow.background.layered {
				-webkit-animation-delay: 15s;
				animation-delay: 15s;
			}
			
			@-webkit-keyframes snow {
				0% {
					-webkit-transform: translate3d(0, -100%, 0);
					transform: translate3d(0, -100%, 0);
				}
				100% {
					-webkit-transform: translate3d(15%, 100%, 0);
					transform: translate3d(15%, 100%, 0);
				}
			}
			
			@keyframes snow {
				0% {
					-webkit-transform: translate3d(0, -100%, 0);
					transform: translate3d(0, -100%, 0);
				}
				100% {
					-webkit-transform: translate3d(15%, 100%, 0);
					transform: translate3d(15%, 100%, 0);
				}
			}

#baseInfo {
        display:block;
        -webkit-animation: marquee1 15s linear infinite;
        animation: marquee1 15s linear infinite;
    }

    @keyframes marquee1 {
         0% {
             transform: translateX(+0px);
         }
        25% {
            transform: translateX(+60px);
        }
        50% {
            transform: translateX(+120px);
            color:green;
        }
        75% {
            transform: translateX(+60px);
        }
        100% {
            transform: translateX(+0px);
            color:red;
        / / 每行高50
        }
    }