.ugc-content{margin-top:20px;background-color:#fff;padding:0;border-radius:20px}.ugc-content .ugc-caption{font-size:26px;line-height:150%;display:flex;align-items:center;justify-content:space-between}.ugc-content .rotate-ugc .ugc-item{position:relative;background:#fff;cursor:pointer;transition:box-shadow .3s;box-shadow:0 4px 10px -4px rgba(0,0,0,.34901960784313724);border-radius:4px;overflow:hidden}.ugc-content .rotate-ugc .ugc-item:hover .ugc-img .video-player-icon{background-color:#fff;opacity:1}.ugc-content .rotate-ugc .ugc-item .ugc-img{height:0;padding-bottom:100%;position:relative}.ugc-content .rotate-ugc .ugc-item .ugc-img img{border-top-left-radius:5px;border-top-right-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-content .rotate-ugc .ugc-item .ugc-img .video-player-icon{width:48px;height:48px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);background-color:hsla(0,0%,100%,.8);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#363636;transition:all .2s ease}.ugc-content .rotate-ugc .ugc-item .ugc-img .video-player-icon .icon-play{font-size:48px;top:1px;position:relative}.ugc-content .rotate-ugc .ugc-item .ugc-bottom{position:absolute;width:100%;bottom:0;height:40px;display:flex;align-items:center;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 37%,rgba(0,0,0,.7))}.ugc-caption span,.ugc-copywriter div{font-family:Urbanist,"system-ui"!important}.breadcrumbs-item{cursor:pointer}.breadcrumbs-item a{color:var(--gray-400);text-decoration:none}.single{margin-top:24px!important}.tabs-container .tabs-nav{display:flex;position:relative;overflow:hidden}.tabs-container .tab-item{width:max-content;font-size:14px;height:40px;margin:0 18px;cursor:pointer;position:relative;display:flex;align-items:center;white-space:nowrap}.tabs-container .tab-item:first-child{margin-left:0}.tabs-container .tab-item:nth-last-child(2){margin-right:0}.tabs-container .tab-item:after{content:"";position:absolute;bottom:0;left:50%;right:50%;border-bottom:2px solid #dc2f2f;transition:all .1s ease-out}.tabs-container .tab-item:hover:after{left:0;right:0}.tabs-container .tab-item .tab-delete-icon{margin-left:4px;--clear-scale:0.7;align-items:center;justify-content:center;display:flex}.tabs-container .tab-item .tab-delete-icon .anticon-icon-delete svg{transform:scale(var(--clear-scale));transition:transform .3s ease}.tabs-container .tab-item .tab-delete-icon:hover .anticon-icon-delete svg{transform:scale(var(--clear-scale)) rotate(180deg)}.tabs-container .tab-indicator{position:absolute;bottom:0;height:2px;border-bottom:2px solid #dc2f2f;transition:all .3s ease-out}.tabs-container .tab-pane{display:none}.tabs-container .tab-pane.active,.tabs-container .tab-pane.single{display:block}.tabs-container.tabs-container-btn .tab-item{border-radius:4px;height:32px;line-height:32px;font-size:12px;border:1px solid #c9cdd4;padding:0 16px;margin:0 8px 0 0;transition:all .3s ease}.tabs-container.tabs-container-btn .tab-item:hover{border:1px solid #2b2b2b}.tabs-container.tabs-container-btn .tab-item:hover:after{left:50%;right:50%}.tabs-container.tabs-container-btn .tab-item.active{border:1px solid #2b2b2b;background:#f2f3f5}.tabs-container.tabs-container-btn .tab-indicator{display:none}.tabs-container.tabs-container-btn.tabs-container-btn-primary .tab-item:hover{border:1px solid #dc2f2f;color:#dc2f2f}.tabs-container.tabs-container-btn.tabs-container-btn-primary .tab-item.active{border:1px solid #dc2f2f;background:#fef7f7;color:#dc2f2f}.tabs-container.lg .tab-item{font-size:16px;height:48px;line-height:48px}.tabs-container.tabs-container-btn.lg .tab-item,.tabs-container.tabs-container-btn.tabs-container-btn-primary.lg .tab-item{height:40px;line-height:40px;font-size:14px;padding:0 24px;margin:0 12px 0 0}.tabs-container.tabs-container-btn.lg .tab-item .tab-delete-icon,.tabs-container.tabs-container-btn.tabs-container-btn-primary.lg .tab-item .tab-delete-icon{margin-left:8px}.ugc-container{margin-top:48px;flex-wrap:wrap}.ugc-container .title-swiper-see-more{text-decoration:underline!important}.ugc-container .first-letter:first-letter{color:#dc2f2f}.ugc-container .ugc-item-list,.ugc-container .ugc-tag-list{margin-top:24px}.ugc-container .ugc-list-container{font-size:0;overflow:hidden;white-space:nowrap}.ugc-container .ugc-tag{display:inline-block;padding:10px 24px;font-size:14px;font-weight:400;border-radius:4px;color:#2b2b2b;border:1px solid #c9cdd4;text-decoration:none;margin-right:12px;cursor:pointer}.ugc-container .isActived,.ugc-container .ugc-tag:hover{background:#f2f3f5;border-color:#2b2b2b}.ugc-container .ugc-item{max-width:400px;margin-right:20px}.ugc-container .ugc-item:nth-child(6){margin-right:0!important}.ugc-container .ugc-poster-video{position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.5);transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.ugc-container .ugc-item-content{position:relative;overflow:hidden;width:100%;height:0;padding-top:100%;border-radius:4px;cursor:pointer;transition-property:transform}.ugc-container .ugc-item-content:hover .ugc-poster-video{background:#fff}.ugc-container .ugc-item-content img{width:100%;position:absolute;top:0;left:0;height:100%;object-fit:cover;vertical-align:middle}.ugc-container .ugc-bottom{position:absolute;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 37%,rgba(0,0,0,.7));height:48px;width:100%;border-radius:0 0 4px 4px}.ugc-container .video-player-icon{width:48px;height:48px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);background-color:hsla(0,0%,100%,.8);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#363636}.home-ugc-modal-outer .ant-modal{width:58%}.home-ugc-modal{height:656px}.home-ugc-modal .home-ugc-lf{position:relative;width:34.8%;background:#000;border-radius:8px 0 0 8px;display:flex;align-items:center;flex-shrink:0;overflow:hidden}.home-ugc-modal .home-ugc-lf:hover .img-preview{display:inline-block}.home-ugc-modal .home-ugc-lf .ugc-modal-img{width:100%;object-fit:cover}.home-ugc-modal .img-preview{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,.5);border-radius:50%}.home-ugc-modal .plyr{height:100%}.home-ugc-modal .plyr__control--overlaid svg{width:28px!important;height:30px!important;left:2.5px!important;top:.5px}.home-ugc-modal .plyr__control--overlaid{display:none!important;padding:25px 26px!important}.home-ugc-modal .video-outter-ugc,.home-ugc-modal .video-outter-ugc .commentVideo{width:100%;height:100%}.home-ugc-modal .overflow-hidden{overflow:hidden}.home-ugc-modal .home-ugc-rt{position:relative;width:65%;flex-shrink:0;padding:48px 24px 60px 48px;overflow-y:auto}.home-ugc-modal .home-ugc-see-more{justify-content:right}.home-ugc-modal .home-ugc-t2{height:100px}.home-ugc-modal .home-ugc-t2.has-more{mask-image:linear-gradient(180deg,#000 2.4em,rgba(0,0,0,.1) 6.3em,transparent 0);-webkit-mask-image:linear-gradient(180deg,#000 2.4em,rgba(0,0,0,.1) 6.3em,transparent 0)}.home-ugc-modal .home-ugc-t2.has-more>p{max-height:120px}.home-ugc-modal .home-ugc-t2.show-more{height:auto}.home-ugc-modal .home-ugc-t3{color:#2b2b2b;font-weight:600;font-size:16px}.home-ugc-modal .home-ugc-t4{color:#363636}.home-ugc-modal .home-ugc-foot{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;color:#999;border-top:1px solid #f2f3f5}.home-ugc-modal .home-ugc-item{position:relative}.home-ugc-modal .home-ugc-img-tag{width:96px;height:96px;border-radius:4px}.home-ugc-modal .home-ugc-item-con{display:flex;flex-direction:column;justify-content:space-between}.home-ugc-modal .home-ugc-items{max-height:318px}.home-ugc-modal .auto-scroll{height:calc(100% - 20px);overflow-y:auto;padding-right:24px}.home-ugc-modal .auto-scroll::-webkit-scrollbar{width:4px;height:10px}.home-ugc-modal .auto-scroll::-webkit-scrollbar-track{background:#fff}.home-ugc-modal .auto-scroll::-webkit-scrollbar-thumb{background:#e5e6eb;border-radius:5px}.home-ugc-modal .auto-scroll::-webkit-scrollbar-thumb:hover{background:#888}.home-ugc-modal .h-u-item-shopcart{position:absolute;bottom:0;right:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:#2b2b2b;color:#fff;cursor:pointer}.home-ugc-modal .h-u-item-shopcart:focus-visible{outline:2px solid #000}.home-ugc-modal .home-ugc-comment,.home-ugc-modal .home-ugc-love{color:#8e9299}.home-ugc-modal .home-ugc-modal-left,.home-ugc-modal .home-ugc-modal-right{position:absolute;width:48px;height:48px;border-radius:50%;background-color:#f9fafc;display:flex;align-items:center;justify-content:center;translate:translateY(-50%);border:none;cursor:pointer}.home-ugc-modal .home-ugc-modal-left:hover,.home-ugc-modal .home-ugc-modal-right:hover{background-color:#f2f3f5}.home-ugc-modal .home-ugc-modal-left[data-disabled=true],.home-ugc-modal .home-ugc-modal-right[data-disabled=true]{background-color:#f9fafc;cursor:not-allowed;color:#8e9299}.home-ugc-modal .home-ugc-modal-left:focus-visible,.home-ugc-modal .home-ugc-modal-right:focus-visible{outline:2px solid #000}.home-ugc-modal .home-ugc-modal-left{left:-84px;top:50%}.home-ugc-modal .home-ugc-modal-right{right:-84px;top:50%}#ugc-dialog-new .ant-modal-close:focus-visible{outline:2px solid #000}#ugc-dialog-img .ugc-img-item{width:100%;height:100%;max-width:100%;max-height:100%}@media only screen and (max-width:1400px){#ugc-dialog-new .ant-modal{width:80%!important}}@media only screen and (max-width:1200px){.ugc-item:nth-of-type(4)~.ugc-item{display:none}.ugc-item:nth-child(4){margin-right:0!important}}@media only screen and (max-width:900px){.ugc-item{margin-right:16px!important}.ugc-item:nth-of-type(3)~.ugc-item{display:none}.ugc-item:nth-child(3){margin-right:0!important}.ugc-item-list,.ugc-tag-list{margin-top:16px!important}}@media only screen and (max-width:700px){.ugc-item{margin-right:12px!important}.ugc-item-list,.ugc-tag-list{margin-top:16px!important}}