body{font-size:12px;font-family:微软雅黑;overflow-x:hidden;background-color:#fff}a,article,aside,audio,b,blockquote,body,canvas,caption,dd,del,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,input,ins,label,li,mark,menu,nav,nl,object,ol,p,section,select,span,strong,summary,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{text-decoration:none}li{list-style:none outside none}fieldset,img{border:0 none}img{padding:0;margin:0;vertical-align:top}h1,h2,h3,h4,h5,h6,th{font-size:12px;font-weight:400}textarea{resize:none}a:focus,input:focus,select:focus,textarea:focus{outline:0 none}label{vertical-align:middle}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}cite,dfn,em{font-style:normal}.clearboth{width:100%;float:none;margin:0;padding:0;overflow:hidden}.clear,.clearboth{clear:both;font-size:0;height:0}.clear{line-height:0}.hidden{overflow:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:1920px;margin:0 auto}.fade-leave-active{transition:opacity 2s}.dialog-cover{background:rgba(0,0,0,.5);width:100%;height:100%;z-index:100;position:fixed;top:0;left:0}.dialog-cover img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.fade-enter,.fade-leave-to{opacity:0}body{min-width:1500px;position:relative;background:#6659cb}#index{height:1080px;width:100%;background-position:50%;background-repeat:no-repeat}.btn-3{top:720px;width:300px;height:70px;margin:auto}.btm1,.btn-3{position:absolute;left:0;right:0;z-index:2}.btm1{width:400px;height:90px;background-image:url(https://static.web.sdo.com/chd/pic/20201217/btn-1.png);background-repeat:no-repeat;background-size:contain;margin:0 auto;bottom:60px;cursor:pointer}.test{left:0;width:100px;height:100px}.btn-next,.btn-pre,.test{position:absolute;bottom:0;cursor:pointer;z-index:10}.btn-next,.btn-pre{background-image:url(https://static.web.sdo.com/chd/pic/20201217/btn-3.png);background-repeat:no-repeat;background-size:contain;height:110px;width:83px;top:0;margin:auto}.btn-next{right:160px;transform:rotate(180deg)}.btn-pre{left:160px}.bg{position:relative;overflow:hidden}.bg.bg1{background-image:url(https://static.web.sdo.com/chd/pic/20201217/bg1.jpg);background-size:1920px 1080px}.bg.bg1,.bg.bg2{background-position:top;background-repeat:no-repeat}.bg.bg2{background-image:url(https://static.web.sdo.com/chd/pic/20201217/bg-2.jpg);background-size:1920px 1436px;height:1436px}#action{position:absolute;left:0;right:0;top:0;margin:auto;pointer-events:none}#halo{filter:brightness(2)}#halo,#stars{position:absolute;left:0;right:0;top:0;margin:auto;pointer-events:none;transition:2s}#stars{z-index:10;filter:brightness(5)}.uncover{width:100%;height:100%;border-radius:5px}.uncover.acting{-webkit-animation:spin 2s;animation:spin 2s;z-index:10}.list{position:absolute;width:700px;top:280px;left:800px}.list .box{position:relative;width:104px;margin-right:70px;float:left;background-image:url(https://static.web.sdo.com/chd/pic/20201217/box-1.png);background-position:top;background-repeat:no-repeat;cursor:pointer;overflow:hidden}.list .box:hover{overflow:initial;background-image:url(https://static.web.sdo.com/chd/pic/20201217/box-2.png)}.list .box .img{background-position:50%;background-repeat:no-repeat;width:150px;height:150px;transform:translateX(-22px) translateY(-22px)}.list .box:nth-child(9) .img{transform:translateX(-16px) translateY(-22px)}.list .box:nth-child(7) .img{transform:translateX(-4px) translateY(-30px)}.list .box p{position:absolute;left:0;top:100px;width:100%;color:#fff;font-size:18px;line-height:40px}#layout-cards-box{width:100%;height:1080px;padding-top:0;perspective:2000px;-ms-perspective:2000px;position:relative;transition:.5s;transform-style:preserve-3d}#layout-cards-box.action{-webkit-animation-name:downSizing;animation-name:downSizing;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:2s;animation-delay:2s}#layout-cards-box #group{transition:2s;position:absolute;width:1px;height:10px;margin:auto;left:0;right:0;top:0;bottom:100px;transform-style:preserve-3d}#layout-cards-box #group.action{-webkit-animation-name:spin2;animation-name:spin2;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}#layout-cards-box .card{top:0;bottom:0;margin:auto;right:0;left:-214px;width:418px;height:940px;position:absolute;border-radius:5px;perspective:2000px}#layout-cards-box .card .light{transition:2s;-webkit-animation:lightMove 3s linear infinite;animation:lightMove 3s linear infinite;position:absolute;width:150px;height:150px;background-image:url(https://static.web.sdo.com/chd/pic/20201217/light-spot.png);background-size:contain;background-repeat:no-repeat;background-position:50%;transform:translateX(-50%) translateY(-50%);opacity:0;filter:brightness(400%);z-index:2}#layout-cards-box .card .light.acting{opacity:.9}#layout-cards-box .card .light.light2{-webkit-animation:lightMove 3s linear 1.5s infinite;animation:lightMove 3s linear 1.5s infinite}@-webkit-keyframes lightMove{0%{top:0;left:0}35%{top:100%;left:0}50%{top:100%;left:100%}85%{top:0;left:100%}to{top:0;left:0}}@keyframes lightMove{0%{top:0;left:0}35%{top:100%;left:0}50%{top:100%;left:100%}85%{top:0;left:100%}to{top:0;left:0}}#layout-cards-box .card.acting{z-index:2}#layout-cards-box .card.acting .cover-box{-webkit-animation:spin 2s linear;animation:spin 2s linear}#layout-cards-box .card .cover-box{border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0;transition:.5s;box-shadow:0 2px 10px #333}#layout-cards-box .card .cover-box .cover{border-radius:5px;width:100%;height:100%;background-size:100% 100%;position:absolute}#layout-cards-box .card .back{background-image:url(https://static.web.sdo.com/chd/pic/20201217/bg-card-back.png);z-index:-2}#layout-cards-box .card .mid{z-index:-1}#layout-cards-box .card .front{position:absolute;background-image:url(https://static.web.sdo.com/chd/pic/20201217/bg-card-back.png);background-position-y:bottom;bottom:0;left:0;z-index:1}@-webkit-keyframes downSizing{0%{transform:scale(1);opacity:1}to{transform:scale(.1);opacity:0}}@keyframes downSizing{0%{transform:scale(1);opacity:1}to{transform:scale(.1);opacity:0}}@-webkit-keyframes spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1420deg)}}@keyframes spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1420deg)}}@-webkit-keyframes spin2{0%{transform:rotateY(0deg)}to{transform:rotateY(2turn)}}@keyframes spin2{0%{transform:rotateY(0deg)}to{transform:rotateY(2turn)}}@-webkit-keyframes fadeOut{0%{height:100%}to{height:0%}}@keyframes fadeOut{0%{height:100%}to{height:0%}}.backTop{cursor:pointer;background:url(https://static.web.sdo.com//bnb/pic/bnb/act_bnb/0928event/TOP.png);position:absolute;right:10%;bottom:241px;display:block;width:85px;height:86px}.swiper-button-next{right:-40px;background-image:url(https://static.web.sdo.com//bnb/pic/bnb/act_bnb/0928event/btn-right.png)}.swiper-button-prev{left:-40px;background-image:url(https://static.web.sdo.com//bnb/pic/bnb/act_bnb/0928event/btn-left.png)}.layout-swiper{width:1006px;height:481px;top:1159px;position:absolute;left:0;right:0;margin:auto}.layout-swiper .swiper-slide{width:100%!important;height:481px}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{z-index:1000;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;background-size:27px 44px}.btn-celebration,.swiper-button-next,.swiper-container-rtl .swiper-button-prev{position:absolute;cursor:pointer;background-position:50%;background-repeat:no-repeat}.btn-celebration{height:60px;width:200px;left:405px;right:0;margin:auto;top:2167px}.btn-celebration:hover{background-image:url(https://static.web.sdo.com//bnb/pic/bnb/act_bnb/0928event/over-2.png)}.btn-cartoon{cursor:pointer;height:190px;width:190px;left:0;right:0;margin:auto;top:1395px;position:absolute;background-repeat:no-repeat;background-position:50%}.btn-cartoon:hover{background-image:url(https://static.web.sdo.com//bnb/pic/bnb/act_bnb/0928event/cartoon-2.png)}.layout-image-bg .image-bg{height:700px;min-width:1400px;background-position:50%;background-repeat:no-repeat}.layout-image-bg .content{position:absolute;height:100%;left:0;right:0;margin:auto;width:1440px}#main{position:absolute;top:875px}