@charset "utf-8";

html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th{margin:0;padding:0;}
fieldset,img {border:0;}
ul,li,ol {list-style:none;}
select,input{vertical-align:middle;}
a{color:#ffffff; text-decoration:none; outline:none;star:expression(this.onFocus=this.blur());}
a:hover{ text-decoration: underline;}
.fl { float:left;}
.fr { float:right;}
.none {display:none;}
body, html {width:100%; font-family: "Microsoft YaHei","Helvetica Neue",Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical; -webkit-box-align: center;}

/* *{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;} 用于解决某些情况下出现闪屏的问题，若无则不加*/
body{opacity: 1;-webkit-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in; }
html{ font-size: 625%; } 
@media screen and (max-width:359px) and (orientation:portrait) {
    html { font-size: 266.67%; } 
}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 300%; } 
}
@media screen and (min-width:375px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 312.5%; } 
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 333.33%; } 
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 345%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size:360%; }
}
@media screen and (min-width:480px)and (max-width:639px) and (orientation:portrait){
    html { font-size:400%;}
} 
@media screen and (min-width:640px)and (max-width:719px) and (orientation:portrait){
    html { font-size:533.33%;}
} 
@media screen and (min-width:720px)and (max-width:749px) and (orientation:portrait){
    html { font-size:600%;}
} 
@media screen and (min-width:720px)and (max-width:1024px) and (orientation:portrait){
    html { font-size:625%;}
} 
@media screen and (min-width:1025px) and (orientation:portrait){
    html { font-size:625%;}
}
/* 按750尺寸界面效果 1rem=100px */
body { font-size:13px; background:#ffffff; color:#333333;}


/* style */

.christmas_top {width:100%; height:10rem; display:block; background:url(christmas2025_top_bg.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative;}
.christmas_cen {width:100%; height:26rem; display:block; background:url(christmas2025_cen_bg.jpg) repeat-y center top; background-size:100% auto; position:relative;}
.christmas_cen:before { content:'';width:100%; height:0.6rem; display:block; background:url(christmas2025_cen_tg.png) no-repeat center top; background-size:100%; position:absolute; left:0; top:0; z-index:2;}
.christmas_top_ren {width:100%; height:10rem; display:block; background:url(christmas2025_top_ren.png) no-repeat center top; background-size:100%; background-size:cover; position:absolute; left:0; top:0; z-index:4;}
.christmas_top_logo {width:3.4rem; height:1.2rem; display:block; background:url(christmas2025_top_logo.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.4rem; margin-left:-5rem; z-index:8;}
.christmas_top_text {width:5.6rem; height:2.4rem; display:block; background:url(christmas2025_top_text.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.7rem; margin-left:-2.8rem; z-index:6;}

.christmas_top_yanhua1 {width:1.2rem; height:1.2rem; display:block; background:url(christmas2025_top_yanhua1.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1.2rem; margin-left:-1.28rem; z-index:3;-webkit-animation:yanhua 6s linear 0s infinite; opacity:0;}
.christmas_top_yanhua2 {width:0.8rem; height:0.8rem; display:block; background:url(christmas2025_top_yanhua1.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.8rem; margin-left:-3.7rem; z-index:3;-webkit-animation:yanhua 5.6s linear 1.3s infinite; opacity:0;}
.christmas_top_yanhua3 {width:0.6rem; height:0.6rem; display:block; background:url(christmas2025_top_yanhua1.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.5rem; margin-left:2.8rem; z-index:3;-webkit-animation:yanhua 5.4s linear 2.4s infinite; opacity:0;}
.christmas_top_yanhua4 {width:0.8rem; height:0.8rem; display:block; background:url(christmas2025_top_yanhua1.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1.8rem; margin-left:-0.2rem; z-index:3;-webkit-animation:yanhua 6s linear 3.2s infinite; opacity:0;}
.christmas_top_yanhua5 {width:0.7rem; height:0.7rem; display:block; background:url(christmas2025_top_yanhua2.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1.6rem; margin-left:1.8rem; z-index:3;-webkit-animation:yanhua 4.8s linear 0.5s infinite; opacity:0;}
.christmas_top_yanhua6 {width:0.5rem; height:0.5rem; display:block; background:url(christmas2025_top_yanhua2.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2rem; margin-left:-3.8rem; z-index:3;-webkit-animation:yanhua 5.8s linear 1s infinite; opacity:0;}
.christmas_top_yanhua7 {width:0.6rem; height:0.6rem; display:block; background:url(christmas2025_top_yanhua2.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1.5rem; margin-left:1.4rem; z-index:3;-webkit-animation:yanhua 5.4s linear 3.2s infinite; opacity:0;}
.christmas_top_yanhua8 {width:0.8rem; height:0.8rem; display:block; background:url(christmas2025_top_yanhua2.png) no-repeat; background-size:100%; position:absolute; left:50%; top:4.8rem; margin-left:2.5rem; z-index:3;-webkit-animation:yanhua 5s linear 2s infinite; opacity:0;}
.christmas_top_yanhua9 {width:0.8rem; height:0.8rem; display:block; background:url(christmas2025_top_yanhua2.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.5rem; margin-left:-3.6rem; z-index:3;-webkit-animation:yanhua 6s linear 4s infinite; opacity:0;}

@-webkit-keyframes yanhua { 
	0%{ opacity:0; -webkit-transform: scale3d(0.2, 0.2, 0.2);}
	10%{ opacity:1; -webkit-transform: scale3d(1, 1, 1);}
	30%{ opacity:0; -webkit-transform: scale3d(1.3, 1.3, 1.3);}
	100%{ opacity:0; -webkit-transform: scale3d(1.2, 1.2, 1.2);}
}

/*
.christmas_list {width:11.2rem; display:block; margin:0 auto; padding-top:0.5rem;}
.christmas_list a {width:5.1rem; height:2.02rem; float:left; margin:0.39rem 0.25rem 0.19rem 0.25rem; position:relative; background:#ffffff;}
.christmas_list a img {width:5.08rem; height:2rem; display:block; padding:0.01rem;}
.christmas_list a span { width:2rem; height:0.32rem; display:block; background:url(christmas2025_cen_lititle.png) no-repeat; background-size:100%; font-size:0.16rem; line-height:0.32rem; color:#111111; text-indent:0.1rem; position:absolute; left:0rem; top:-0.32rem; pointer-events: none; font-weight:bold;}
.christmas_list a:after { content:''; width:1.28rem; height:0.32rem; display:block; background:url(christmas2025_cen_libtn.png) no-repeat; background-size:100%; position:absolute; right:0; bottom:0; z-index:3;}
.christmas_list a:hover { background:#ffff00;}
*/
.christmas_list {width:11.4rem; display:block; margin:0 auto; padding-top:0.5rem;}
.christmas_list a {width:5.5rem; height:2.8rem; float:left; margin:0.1rem 0.1rem; position:relative; background:url(christmas2025_cen_libg.png) no-repeat; background-size:100%;}
.christmas_list a img {width:5.08rem; height:2rem; display:block; position:absolute; left:0.22rem; top:0.6rem; z-index:2;}
.christmas_list a span { width:2rem; height:0.32rem; display:block; font-size:0.16rem; line-height:0.32rem; color:#111111; text-align:center; position:absolute; left:0.15rem; top:0.26rem; pointer-events: none; font-weight:bold;}
.christmas_list a:before { content:''; width:5.5rem; height:2.8rem; display:block; background:url(christmas2025_cen_lims.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:4;}
.christmas_list a:after { content:''; width:1.28rem; height:0.32rem; display:block; background:url(christmas2025_cen_libtn.png) no-repeat; background-size:100%; position:absolute; right:20px; bottom:20px; z-index:3;}
.christmas_list a:hover:after {-webkit-filter:brightness(1.1)hue-rotate(10deg);filter:brightness(1.1)hue-rotate(10deg);}
.christmas_copyright {width:100%; color:#eeeeee; position:absolute; left:0; bottom:0.2rem;}



#container {
    position:absolute;
	left:0; top:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
	z-index:2;
}

#leafContainer 
{
    position: absolute;
    width: 100%;
    height: 100%;
}
#leafContainer > div 
{
    position: absolute;
    width: 40px;
    height: 40px;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}
#leafContainer > div > img {
     position: absolute;
     width: 40px;
     height: 40px;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
}
@-webkit-keyframes fade
{
    0%   { opacity: 1; }
    70%  { opacity: 0.8; }
    100% { opacity: 0; }
}
@-webkit-keyframes drop
{
    0%   { -webkit-transform: translate(-400px, -40px); }
    100% { -webkit-transform: translate(50px, 1200px); }
}
@-webkit-keyframes clockwiseSpin
{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(100deg); }
}
@-webkit-keyframes counterclockwiseSpinAndFlip 
{
    0%   { -webkit-transform: scale(-1, 1) rotate(100deg); }
    100% { -webkit-transform: scale(-1, 1) rotate(-80deg); }
}





@media screen and (max-width:1024px) and (orientation:portrait) {
.christmas_top {width:100%; height:10rem; display:block; background:url(christmas2025m_top_bg.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative;}
.christmas_cen {width:100%; height:17.2rem; display:block; background:url(christmas2025m_cen_bg.jpg) repeat-y center top; background-size:100% auto; position:relative;}
.christmas_cen:before { content:'';width:100%; height:0.6rem; display:block; background:url(christmas2025m_cen_tg.png) no-repeat center top; background-size:100%; position:absolute; left:0; top:0; z-index:2;}
.christmas_top_ren {width:100%; height:10rem; display:block; background:url(christmas2025m_top_ren.png) no-repeat center top; background-size:100%; background-size:cover; position:absolute; left:0; top:0; z-index:4;}
.christmas_top_logo { position:absolute; left:50%; top:0.4rem; margin-left:-4rem;}
.christmas_top_text { position:absolute; left:50%; top:3.85rem; margin-left:-2rem;}

.christmas_top_yanhua1 {position:absolute; left:50%; top:1.2rem; margin-left:-1.28rem;}
.christmas_top_yanhua2 {position:absolute; left:50%; top:2.8rem; margin-left:-3.7rem;}
.christmas_top_yanhua3 {position:absolute; left:50%; top:3.5rem; margin-left:2.8rem;}
.christmas_top_yanhua4 {position:absolute; left:50%; top:2.4rem; margin-left:-0.8rem;}
.christmas_top_yanhua5 {position:absolute; left:50%; top:6.4rem; margin-left:-0.8rem;}
.christmas_top_yanhua6 {position:absolute; left:50%; top:3rem; margin-left:-2.4rem;}
.christmas_top_yanhua7 {position:absolute; left:50%; top:6.2rem; margin-left:1.2rem;}
.christmas_top_yanhua8 {position:absolute; left:50%; top:3.6rem; margin-left:0.5rem;}
.christmas_top_yanhua9 {position:absolute; left:50%; top:2.2rem; margin-left:-2.5rem;}

/*.christmas_list {width:7.48rem; display:block; margin:0 auto; padding-top:0.5rem;}
.christmas_list a {width:3.56rem; height:1.42rem; float:left; margin:0.39rem 0.09rem 0.09rem 0.09rem; position:relative;}
.christmas_list a img {width:3.54rem; height:1.4rem; display:block; padding:0.01rem;}
.christmas_list a span { width:2rem; height:0.32rem; display:block; background:url(christmas2025_cen_lititle.png) no-repeat; background-size:100%; font-size:0.16rem; line-height:0.32rem; color:#111111; text-indent:0.1rem; position:absolute; left:0rem; top:-0.32rem; pointer-events: none;}
.christmas_list a:after { content:''; width:1.12rem; height:0.28rem; display:block; background:url(christmas2025_cen_libtn.png) no-repeat; background-size:100%; position:absolute; right:0; bottom:0; z-index:3;}
.christmas_list a:hover { background:#ffffff;}
*/
.christmas_list {width:7.48rem; display:block; margin:0 auto; padding-top:0.5rem;}
.christmas_list a {width:3.74rem; height:1.9rem; float:left; margin:0rem; position:relative; background:url(christmas2025m_cen_libg.png) no-repeat; background-size:100%;}
.christmas_list a img {width:3.45rem; height:1.36rem; display:block; position:absolute; left:0.15rem; top:0.41rem; z-index:2;}
.christmas_list a span { width:1.6rem; height:0.32rem; display:block; font-size:0.14rem; line-height:0.28rem; color:#111111; text-align:center; position:absolute; left:0.12rem; top:0.16rem; pointer-events: none; font-weight:bold;}
.christmas_list a:before { content:''; width:3.74rem; height:1.9rem; display:block; background:url(christmas2025_cen_lims.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:4;}
.christmas_list a:after { content:''; width:0.82rem; height:0.21rem; display:block; background:url(christmas2025_cen_libtn.png) no-repeat; background-size:100%; position:absolute; right:0.14rem; bottom:0.13rem; z-index:3;}
.christmas_list a:hover:after {-webkit-filter:brightness(1.1)hue-rotate(10deg);filter:brightness(1.1)hue-rotate(10deg);}

.christmas_copyright {width:100%; color:#eeeeee; position:absolute; left:0; bottom:0.1rem;}


#leafContainer > div 
{
    width: 20px;
    height: 20px;
}
#leafContainer > div > img {
     width: 20px;
     height: 20px;
}
}