.wrapper .title .breadcrumb{margin-left:42px}.main-container::before{width:544px;height:154px;right:0;top:0;background:url(https://static.web.sdo.com/woool/pic/mwoool/website/videos-before.png?v=2026-05-20-14-18-04-150)}.videos-list{padding-top:26px}.videos-list .tabs{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;color:#593d2c;width:860px;margin:0 auto;border-bottom:1px solid #ac9981}.videos-list .tabs ul{text-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0 auto;font-size:20px}.videos-list .tabs ul li{width:100px;margin:0 30px;padding:28px 0;cursor:pointer;position:relative}.videos-list .tabs ul li.active{cursor:default;color:#ae373c;font-weight:700}.videos-list .tabs ul li.active::after{content:"";position:absolute;width:100%;height:14px;left:0;bottom:-5px;background:url(https://static.web.sdo.com/woool/pic/mwoool/website/tabs-active-after.png?v=2026-05-20-14-18-04-150)}.videos-list .list{padding:42px 0;width:860px;margin:0 auto}.videos-list .list .blank{width:596px;height:238px;margin:0 auto;background:url(https://static.web.sdo.com/woool/pic/mwoool/website/blank.png?v=2026-05-20-14-18-04-150)}.videos-list .list ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.videos-list .list ul li{cursor:pointer;width:400px;margin-bottom:36px;text-align:center;font-size:20px;color:#593d2c;-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}.videos-list .list ul li:nth-of-type(1){-webkit-animation-delay:80ms;-moz-animation-delay:80ms;-o-animation-delay:80ms;animation-delay:80ms}.videos-list .list ul li:nth-of-type(2){-webkit-animation-delay:.16s;-moz-animation-delay:.16s;-o-animation-delay:.16s;animation-delay:.16s}.videos-list .list ul li:nth-of-type(3){-webkit-animation-delay:.24s;-moz-animation-delay:.24s;-o-animation-delay:.24s;animation-delay:.24s}.videos-list .list ul li:nth-of-type(4){-webkit-animation-delay:.32s;-moz-animation-delay:.32s;-o-animation-delay:.32s;animation-delay:.32s}.videos-list .list ul li:nth-of-type(2n+1){margin-right:58px}.videos-list .list ul li .img-wrapper{height:228px;position:relative;overflow:hidden;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;margin-bottom:20px}.videos-list .list ul li .img-wrapper::before{content:"";position:absolute;width:100%;height:100%;z-index:1;left:0;top:0;opacity:0;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;transition:all .2s;background:rgba(0,0,0,.52)}.videos-list .list ul li .img-wrapper::after{content:"";position:absolute;z-index:1;width:59px;height:59px;left:50%;top:50%;margin-left:-30px;margin-top:-30px;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);opacity:0;background:url(https://static.web.sdo.com/woool/pic/mwoool/website/video-play-btn.png?v=2026-05-20-14-18-04-150)}.videos-list .list ul li .img-wrapper img{width:100%;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;transition:all .2s}.videos-list .list ul li .img-wrapper span{position:absolute;z-index:2;width:60px;height:26px;line-height:26px;color:#f4f0e1;font-size:16px;background-color:#c39139;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;right:10px;top:10px}.videos-list .list ul li .img-wrapper span.span-8511{background-color:#c39139}.videos-list .list ul li .img-wrapper span.span-8512{background-color:#64a083}.videos-list .list ul li .img-wrapper:hover::before{opacity:1}.videos-list .list ul li .img-wrapper:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.videos-list .list ul li .img-wrapper:hover::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}