.page{background:center top no-repeat;position:relative;overflow:hidden}.title{width:698px;background:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/title.png) no-repeat;position:absolute;left:50%;margin-left:-349px;opacity:0}.animate{-webkit-animation:fadeInUp .5s forwards;-moz-animation:fadeInUp .5s forwards;-o-animation:fadeInUp .5s forwards;animation:fadeInUp .5s forwards}.page_01{height:1000px;background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/page_01.jpg)}.page_01 .front{width:1666px;height:867px;position:absolute;left:50%;margin-left:-833px;top:-20px}.page_01 .logo{display:block;width:116px;height:92px;background:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/logo1.png) no-repeat;position:absolute;left:47px;top:38px}.page_01 .slogan{width:965px;height:302px;position:absolute;left:50%;margin-left:-482px;top:633px;background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/slogan.png);opacity:0;-webkit-animation:zoomIn .6s forwards;-moz-animation:zoomIn .6s forwards;-o-animation:zoomIn .6s forwards;animation:zoomIn .6s forwards}.page_02{height:1000px;background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/page_02.jpg)}.page_02 .title{height:269px;top:68px}.main-tab-nav{position:absolute;left:50%;top:355px;margin-left:-519px;opacity:0}.nav-border{position:relative;width:102px;height:102px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.nav-border:nth-child(1){margin-bottom:32px}.nav-border.active{border:5px solid #e9d798}.nav-border.active::after{height:2px;width:96px;content:"";background-color:#e9d798;position:absolute;right:-100px;top:40px}.nav-border div.nav-content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/nav.png)}.nav-border:nth-child(1) div.nav-content{width:51px;height:62px;background-position:right bottom}.nav-border.active:nth-child(1) div.nav-content{width:67px;height:71px;background-position:left 0}.nav-border:nth-child(2) div.nav-content{width:51px;height:55px;background-position:right 0}.nav-border.active:nth-child(2) div.nav-content{width:67px;height:72px;background-position:left bottom}.tab-content{width:810px;height:610px;position:absolute;left:50%;top:364px;margin-left:-300px;opacity:0}.tab-content .main-tab{width:100%;height:100%;position:absolute;left:0;top:0;display:none}.tab-content .main-tab.active{display:block}.fashion-tab{height:100%}.fashion-tab-content{width:100%;height:100%;position:absolute;left:0;top:0;display:none}.fashion-tab-content.active{display:block}.fashion-tab-content img{position:absolute;bottom:0}.page_02 .desc{word-wrap:break-word;position:absolute;width:20px;right:0;top:50px;color:#e9d798}.fashion-tab-nav{width:28px;height:74px;position:absolute;right:14px;bottom:52px;z-index:3}.fashion-tab-nav div{width:28px;height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:4px solid #e9d798;cursor:pointer}.fashion-tab-nav div.active{background-color:#e9d798}.fashion-tab-nav div:nth-child(1){margin-bottom:22px}.fight img{position:absolute;bottom:0}.page_03{height:1090px;background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/page_03.jpg)}.page_03 .title{height:239px;background-position:0 -313px;top:269px}.page_03 .activities-list{position:absolute;width:962px;height:478px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:50%;margin-left:-481px;top:549px;opacity:0}.page_03 .activities-list li{width:272px;background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/events.png);cursor:pointer;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.page_03 .activities-list li:nth-child(2){background-position:-345px 0}.page_03 .activities-list li:nth-child(3){background-position:right 0}.page_03 .activities-list li:hover{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}.page_04{height:1415px;background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/page_04.jpg)}.page_04 .title{height:305px;background-position:0 -596px;top:101px}.page_04 .event{width:1045px;height:824px;background:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/event_3.png);position:absolute;left:50%;margin-left:-448px;top:317px;opacity:0}.popup{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.7);z-index:5;display:none}.popup>div{width:711px;height:418px;position:absolute;left:50%;margin-left:-355px;top:200px;background:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/popup.png);display:none}.popup>div.active{display:block}.popup .close{width:44px;height:44px;position:absolute;right:0;top:0;cursor:pointer}.popup .event2{background-position:0 bottom}.popup .event3{background-position:right 0}.side-nav{width:34px;height:588px;position:fixed;right:-40px;top:50%;margin-top:-150px;-webkit-transition:right .5s;-o-transition:right .5s;-moz-transition:right .5s;transition:right .5s}.side-nav.active{right:30px}.side-nav div{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20190118_newYear/side_nav.png);position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.side-nav div.num{width:26px;height:26px;background-position:-4px -37px}.side-nav div.active{width:34px;height:34px;background-position:0 0}.side-nav .top{width:34px;height:27px;background-position:0 bottom}.side-nav div:nth-child(2){top:60px}.side-nav div:nth-child(3){top:120px}.side-nav div:nth-child(4){bottom:0}.top_bar{width:150px;height:23px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:absolute;right:55px;top:45px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top_bar::after,.top_bar::before{content:"";width:6px;height:6px;border:1px solid #323232;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;margin-top:-3px}.top_bar::before{left:40px}.top_bar::after{right:40px}.top_bar a{color:#323232;font-size:14px}.top_bar a:hover{text-decoration:underline}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes zoomIn{from{opacity:0;-moz-transform:scale(1.5);transform:scale(1.5)}to{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes zoomIn{from{opacity:0;-o-transform:scale(1.5);transform:scale(1.5)}to{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fadeInUp{from{opacity:0;-moz-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fadeInUp{from{opacity:0;-o-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}