@charset "UTF-8";::-webkit-scrollbar{position:absolute;right:0;top:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ec6756;-webkit-border-radius:5px;border-radius:5px}::-webkit-scrollbar-track{background:0 0}.wrapper{position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper1 .btns li,.wrapper1 .btns::before,.wrapper1 .logo,.wrapper1 .top-links,.wrapper2 ul li h1,.wrapper2 ul li h2::after,.wrapper3 .step-2 .list-wrapper .list>li .info div::before,.wrapper3 .step-2 .list-wrapper .pager .pages li.current::before,.wrapper3 .step-3 li a,.wrapper5 .tabs li,.wrapper5 .teams li,.wrapper6 .tabs li,.wrapper6 .tabs li::before{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/icon.png?v=2024-07-12-20-56-37-018);background-repeat:no-repeat}.wrapper1{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/1.jpg?v=2024-07-12-20-56-37-018);height:1077px}.wrapper1::before{position:absolute;z-index:0;content:"";background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/title.png?v=2024-07-12-20-56-37-018);width:910px;height:302px;left:50%;margin-left:-455px;top:520px;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.wrapper1 .logo{position:absolute;width:250px;height:106px;background-position:0 0;left:60px;top:30px;z-index:2}.wrapper1 .top-links{position:absolute;width:409px;height:52px;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;background-position:-296px 0;top:40px;right:60px}.wrapper1 .top-links li{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.wrapper1 .top-links li a{position:absolute;width:100%;height:100%}.wrapper1 .btns{position:absolute;bottom:136px;width:900px;height:82px;left:50%;margin-left:-450px;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;-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.wrapper1 .btns::before{position:absolute;content:"";width:176px;height:194px;background-position:0 -245px;left:50%;margin-left:-88px;bottom:-10px;pointer-events:none}.wrapper1 .btns li{width:436px;cursor:pointer;-webkit-filter:brightness(.75);filter:brightness(.75);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.wrapper1 .btns li:hover{-webkit-filter:brightness(1);filter:brightness(1)}.wrapper1 .btns li:nth-of-type(1){background-position:0 -129px}.wrapper1 .btns li:nth-of-type(2){background-position:-464px -129px}.wrapper2{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/2.jpg?v=2024-07-12-20-56-37-018);height:684px;padding-top:450px}.wrapper2 ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.wrapper2 ul li{width:176px;text-align:center}.wrapper2 ul li h2{font-size:22px;color:#dd784b}.wrapper2 ul li h2::after{content:"";display:block;margin:8px auto 6px auto;background-position:-296px -68px;width:19px;height:33px}.wrapper2 ul li h1{height:64px;line-height:64px;font-size:22px;color:#ffe4c5;background-position:-249px -245px}.wrapper3{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/3.jpg?v=2024-07-12-20-56-37-018);height:1438px;padding-top:220px}.wrapper3 .title{color:#f7d194;text-align:center;line-height:1.4;margin-bottom:50px;position:relative;z-index:2}.wrapper3 .step{height:862px;display:none;position:relative}.wrapper3 .step.active{display:block}.wrapper3 .step-1{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/step-1.png?v=2024-07-12-20-56-37-018);background-repeat:no-repeat;background-position:center center}.wrapper3 .step-1 a{position:absolute;width:246px;height:80px;left:50%;margin-left:-290px;top:372px}.wrapper3 .step-2 .attend{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/3-ad.png?v=2024-07-12-20-56-37-018);width:1305px;height:152px;position:relative;z-index:1;margin:0 auto 40px auto}.wrapper3 .step-2 .attend::before{position:absolute;content:"";background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/attend-bg.png?v=2024-07-12-20-56-37-018);width:430px;height:375px;left:0;bottom:0}.wrapper3 .step-2 .attend .info-wrapper{position:absolute;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;right:0;top:-30px;font-size:18px;color:#f7d194}.wrapper3 .step-2 .attend .info-wrapper li{margin-left:24px}.wrapper3 .step-2 .attend .info-wrapper li .user-info{display:none}.wrapper3 .step-2 .attend .info-wrapper li .user-info.active{display:block}.wrapper3 .step-2 .attend .info-wrapper li .user-info span{cursor:pointer;font-size:16px;padding:4px 12px;border:1px solid #f7d194}.wrapper3 .step-2 .attend .info-wrapper li .user-info span:hover{background-color:#f7d194;color:#000}.wrapper3 .step-2 .attend a{position:absolute;width:369px;height:89px;right:18px;bottom:50px}.wrapper3 .step-2 .list-wrapper{width:1305px;height:670px;margin:0 auto}.wrapper3 .step-2 .list-wrapper .blank{text-align:center;line-height:660px;color:#dd784b;font-size:22px;letter-spacing:.2em}.wrapper3 .step-2 .list-wrapper .list{display:grid;grid-template-columns:repeat(2,632px);grid-template-rows:repeat(4,119px);gap:30px 41px}.wrapper3 .step-2 .list-wrapper .list>li{background:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/3-role-bg.png?v=2024-07-12-20-56-37-018) no-repeat;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.wrapper3 .step-2 .list-wrapper .list>li:nth-of-type(1){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}.wrapper3 .step-2 .list-wrapper .list>li:nth-of-type(2){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}.wrapper3 .step-2 .list-wrapper .list>li:nth-of-type(3){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}.wrapper3 .step-2 .list-wrapper .list>li:nth-of-type(4){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}.wrapper3 .step-2 .list-wrapper .list>li:nth-of-type(5){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.wrapper3 .step-2 .list-wrapper .list>li:nth-of-type(6){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}.wrapper3 .step-2 .list-wrapper .list>li:nth-of-type(7){-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s}.wrapper3 .step-2 .list-wrapper .list>li:nth-of-type(8){-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}.wrapper3 .step-2 .list-wrapper .list>li .avatar{width:78px;height:78px;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:0 20px}.wrapper3 .step-2 .list-wrapper .list>li .avatar img{width:100%}.wrapper3 .step-2 .list-wrapper .list>li .info{color:#fff;width:184px}.wrapper3 .step-2 .list-wrapper .list>li .info h2{font-weight:700;font-size:20px}.wrapper3 .step-2 .list-wrapper .list>li .info div{margin:6px 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.wrapper3 .step-2 .list-wrapper .list>li .info div::before{content:"";width:16px;height:16px;margin-right:8px;background-position:-332px -75px}.wrapper3 .step-2 .list-wrapper .list>li .info ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.wrapper3 .step-2 .list-wrapper .list>li .info ul li{font-size:14px;color:#6a2920;padding:1px 6px;margin-right:8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#f4e6bb}.wrapper3 .step-2 .list-wrapper .list>li .actions ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.wrapper3 .step-2 .list-wrapper .list>li .actions ul li{width:126px;height:46px;text-align:center;line-height:46px;margin:0 8px;position:relative;cursor:pointer}.wrapper3 .step-2 .list-wrapper .list>li .actions ul li::before{position:absolute;width:100%;height:100%;content:"";left:0;top:0;z-index:0;-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;transition:.2s;-webkit-transform:skewX(-45deg);-moz-transform:skewX(-45deg);-ms-transform:skewX(-45deg);-o-transform:skewX(-45deg);transform:skewX(-45deg);background:-webkit-gradient(linear,left top,left bottom,from(#070302),to(#863428));background:-webkit-linear-gradient(top,#070302,#863428);background:-moz-linear-gradient(top,#070302,#863428);background:-o-linear-gradient(top,#070302,#863428);background:linear-gradient(to bottom,#070302,#863428)}.wrapper3 .step-2 .list-wrapper .list>li .actions ul li:hover::before{background:-webkit-gradient(linear,left top,left bottom,from(#070302),to(#c77062));background:-webkit-linear-gradient(top,#070302,#c77062);background:-moz-linear-gradient(top,#070302,#c77062);background:-o-linear-gradient(top,#070302,#c77062);background:linear-gradient(to bottom,#070302,#c77062)}.wrapper3 .step-2 .list-wrapper .list>li .actions ul li span{position:relative;z-index:1;color:#fff}.wrapper3 .step-2 .list-wrapper .pager{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#ac7f5d;font-size:18px;margin:40px auto}.wrapper3 .step-2 .list-wrapper .pager .btn{cursor:pointer}.wrapper3 .step-2 .list-wrapper .pager .btn.disabled{cursor:default;color:grey}.wrapper3 .step-2 .list-wrapper .pager .pages{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 12px;font-size:16px}.wrapper3 .step-2 .list-wrapper .pager .pages li{margin:0 16px;width:25px;height:22px;text-align:center;line-height:22px;cursor:pointer;position:relative}.wrapper3 .step-2 .list-wrapper .pager .pages li.current::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-position:-372px -71px}.wrapper3 .step-3 ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:40px}.wrapper3 .step-3 li{width:292px;min-height:521px;background-repeat:no-repeat;background-position:center top;position:relative;padding-top:70px;margin:0 30px}.wrapper3 .step-3 li:nth-of-type(1){background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/step-3-rank-2.png?v=2024-07-12-20-56-37-018);top:150px}.wrapper3 .step-3 li:nth-of-type(2){background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/step-3-rank-1.png?v=2024-07-12-20-56-37-018)}.wrapper3 .step-3 li:nth-of-type(3){top:150px;background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/step-3-rank-3.png?v=2024-07-12-20-56-37-018)}.wrapper3 .step-3 li .avatar{width:260px;height:260px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;margin:0 auto 10px auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border:3px solid #fc9;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.2);box-shadow:1px 1px 1px rgba(0,0,0,.2)}.wrapper3 .step-3 li .avatar img{width:100%}.wrapper3 .step-3 li h1{text-align:center;color:#933;font-size:22px;line-height:30px;font-weight:700}.wrapper3 .step-3 li .info{text-align:center;line-height:1.6;margin-top:20px;color:#663}.wrapper3 .step-3 li a{display:block;width:215px;height:52px;margin:90px auto;background-position:-96px -1270px}.wrapper3 .step-3 li a:hover{background-position:-346px -1270px}.wrapper3 .tips{width:1305px;margin:0 auto;line-height:1.8;color:#e9bc86}.wrapper3 .tips .row{margin-bottom:8px}.wrapper3 .tips h2{font-weight:700}.wrapper3 .tips a{color:#ff3d3d;text-decoration:underline}.wrapper4{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/4.jpg?v=2024-07-12-20-56-37-018);height:1069px;padding-top:200px}.wrapper4 .title{text-align:center;color:#cc995d;line-height:1.6}.wrapper4 .tips{position:absolute;bottom:255px;color:#fbf1d0;left:50%;margin-left:-662px}.wrapper4 .tips .btn-view{cursor:pointer;text-decoration:underline}.wrapper4 .tips .btn-view:hover{color:#863428}.wrapper5{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/5.jpg?v=2024-07-12-20-56-37-018);height:1315px;padding-top:270px}.wrapper5 .tabs{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 130px auto}.wrapper5 .tabs li{width:143px;height:133px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:22px;margin:0 12px;cursor:pointer;background-position:0 -500px}.wrapper5 .tabs li.active{background-position:-189px -500px}.wrapper5 .teams ul{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;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}.wrapper5 .teams ul.rank8{width:1305px}.wrapper5 .teams ul.rank8 li{margin-bottom:42px;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.wrapper5 .teams ul.rank8 li:nth-child(1){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}.wrapper5 .teams ul.rank8 li:nth-child(2){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}.wrapper5 .teams ul.rank8 li:nth-child(3){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}.wrapper5 .teams ul.rank8 li:nth-child(4){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}.wrapper5 .teams ul.rank8 li:nth-child(5){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.wrapper5 .teams ul.rank8 li:nth-child(6){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}.wrapper5 .teams ul.rank8 li:nth-child(7){-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s}.wrapper5 .teams ul.rank8 li:nth-child(8){-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}.wrapper5 .teams ul.rank2{width:632px;margin-top:76px}.wrapper5 .teams ul.rank2 li{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.wrapper5 .teams ul.rank2 li:nth-child(1){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}.wrapper5 .teams ul.rank2 li:nth-child(2){-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}.wrapper5 .teams ul.rank2 li:nth-child(3){-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}.wrapper5 .teams ul.rank2 li:nth-child(4){-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}.wrapper5 .teams ul.rank1{width:296px;margin-top:200px}.wrapper5 .teams ul.rank1 li{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.wrapper5 .teams ul.rank1 li:nth-child(1){-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}.wrapper5 .teams ul.rank1 li:nth-child(2){-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}.wrapper5 .teams li{width:296px;height:72px;text-align:center;line-height:72px;font-size:20px;color:#fff;background-position:-397px -500px}.wrapper6{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/6.jpg?v=2024-07-12-20-56-37-018);height:1317px;padding-top:260px}.wrapper6 .tabs{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.wrapper6 .tabs li{width:602px;height:113px;cursor:pointer;margin:0 12px;position:relative}.wrapper6 .tabs li::before{content:"";position:absolute;top:-80px}.wrapper6 .tabs li:nth-child(1){background-position:-398px -633px}.wrapper6 .tabs li:nth-child(1)::before{width:137px;height:167px;background-position:0 -703px}.wrapper6 .tabs li:nth-child(1).active{background-position:-398px -935px}.wrapper6 .tabs li:nth-child(2){background-position:-397px -787px}.wrapper6 .tabs li:nth-child(2)::before{width:154px;height:169px;right:0;background-position:-161px -703px}.wrapper6 .tabs li:nth-child(2).active{background-position:-397px -1083px}.wrapper6 .details{font-size:18px;color:#fc9;position:absolute;width:810px;left:50%;top:560px;line-height:1.6;margin-left:-80px}.wrapper6 .details li{display:none}.wrapper6 .details li.active{display:block}.wrapper6 .details li .row{position:relative;padding-left:34px;margin-bottom:12px}.wrapper6 .details li .row span{position:absolute;left:0;top:0}#fixednav{position:fixed;width:100%;height:107px;left:0;top:0;z-index:5;background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/nav-repeat-x.png?v=2024-07-12-20-56-37-018);background-repeat:repeat-x;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%);opacity:0}#fixednav.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}#fixednav .center{position:absolute;width:1920px;height:100%;left:50%;margin-left:-960px;top:0;background:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/nav-bg.png?v=2024-07-12-20-56-37-018)}#fixednav .center .menus{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;line-height:106px}#fixednav .center .menus .item{width:190px;text-align:center;cursor:pointer;position:relative}#fixednav .center .menus .item strong{color:#c96;font-size:24px;font-weight:400;position:relative;z-index:1;display:block;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#fixednav .center .menus .item.active::before{position:absolute;content:"";width:290px;height:89px;left:50%;top:8px;margin-left:-145px;background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/nav-item-active.png?v=2024-07-12-20-56-37-018);-moz-background-size:100% 100%;background-size:100% 100%}#fixednav .center .menus .item.active strong{color:#300}#fixednav .center .menus .item.active strong::after,#fixednav .center .menus .item.active strong::before{content:"◆"}#fixednav .center .menus .item.active strong::before{margin-right:4px}#fixednav .center .menus .item.active strong::after{margin-left:4px}#fixednav .center .menus span{color:#633;margin:0 12px;font-size:26px;-webkit-transform:rotate(24deg);-moz-transform:rotate(24deg);-ms-transform:rotate(24deg);-o-transform:rotate(24deg);transform:rotate(24deg)}#rewardPop .content{background-image:url(https://static.web.sdo.com/woool/pic/woool_act/20240626_Live/reward-pop.png?v=2024-07-12-20-56-37-018);width:542px;height:445px;background-color:transparent}#rewardPop .content .close{top:auto;bottom:0;right:50%;border:none;margin-right:-22px}