.bodyBg{width:100%; height:auto;overflow:hidden; position: relative ; top:0; }
.bodyBg:before{content: " "; display: block; position: absolute; top: 0; left: -50%; width: 200%; height: 100%; z-index: 100; -webkit-background-size: 40rem 40rem; -moz-background-size: 40rem 40rem; background-size: 40rem 40rem; background-image: url("../images/falling-snow2.png")/*tpa=/app.rs48.com:7765/images/falling-snow2.png*/; -webkit-animation: snow 28s linear infinite; -moz-animation: snow 28s linear infinite; -o-animation: snow 28s linear infinite; -ms-animation: snow 28s linear infinite; animation: snow 28s linear infinite;}
.bodyBg:after{content: " "; display: block; position: absolute; top: 0; left: -50%; width: 200%; height: 100%; z-index:100; -webkit-background-size: 40rem 40rem; -moz-background-size: 40rem 40rem; background-size: 40rem 40rem; background-image: url("../images/falling-snow1.png")/*tpa=/app.rs48.com:7765/images/falling-snow1.png*/; -webkit-animation: snow 18s linear infinite; -moz-animation: snow 18s linear infinite; -o-animation: snow 18s linear infinite; -ms-animation: snow 18s linear infinite; animation: snow 18s linear infinite;}
@-moz-keyframes snow{0%{background-position-x: 0; background-position-y: 0} 50%{background-position-y: 40rem} 100%{background-position-x: 40rem; background-position-y: 80rem}}
@-webkit-keyframes snow{0%{background-position-x: 0; background-position-y: 0} 50%{background-position-y: 40rem} 100%{background-position-x: 40rem; background-position-y: 80rem}}
@-o-keyframes snow{0%{background-position-x: 0; background-position-y: 0} 50%{background-position-y: 40rem} 100%{background-position-x: 40rem; background-position-y: 80rem}}
@keyframes snow{0%{background-position-x: 0; background-position-y: 0} 50%{background-position-y: 40rem} 100%{background-position-x: 40rem; background-position-y: 80rem}}
 .pop_chr { z-index: 1999; font-family:Arial, ΢ÈíÑźÚ, "Microsoft yahei", sans-serif; }
        .pop_christmas { width: 350px; height: 245px; position: absolute; right: 0; top: 780px; left: 50%; margin-left: 460px;}
        .chr_content {width: 350px; height: 245px; background: url("../images/christmas.png")/*tpa=/app.rs48.com:7765/images/christmas.png*/;animation:animationRun .6s steps(4) infinite;-webkit-animation:animationRun .6s steps(4) infinite;-moz-animation:animationRun .6s steps(4) infinite;-ms-animation:animationRun .6s steps(4) infinite;-o-animation:animationRun .6s steps(4) infinite;}
        .btn_closeChr { display: block; position: absolute; width: 31px; height: 31px; right: 0px; top:0px;}
        .btn_openChr {display: block; position: absolute; width: 134px; height: 45px; left: 107px; bottom:4px;}
        @keyframes animationRun{0%{background-position:0px 0px;}100%{background-position:-400% 0px; }}
        @-webkit-keyframes animationRun{0%{background-position:0px 0px;}100%{background-position:-400% 0px; }}
        @-moz-keyframes animationRun{0%{background-position:0px 0px;}100%{background-position:-400% 0px; }}
        @-ms-keyframes animationRun{0%{background-position:0px 0px;}100%{background-position:-400% 0px; }}
        @-o-keyframes animationRun{0%{background-position:0px 0px;}100%{background-position:-400% 0px; }}