.my-color-war{box-sizing:border-box;display:flex;flex-wrap:wrap;width:100%;height:auto;padding-top:.53333rem}.my-color-war div .my-color-delete{position:absolute;top:-.26667rem;right:-.26667rem;display:inline-block;width:.56rem;height:.56rem;background:url(/assets/icons/new_light_btn_diy_color_delete.png) 50% no-repeat;background-size:cover}.my-color-war .my-color-item-block{position:relative;box-sizing:border-box;display:inline-block;width:.85333rem;height:.85333rem;margin-right:.85333rem;margin-bottom:.53333rem;border-style:solid;border-width:.02667rem;border-radius:.26667rem}.my-color-war .my-color-item-block:nth-of-type(5n){margin-right:0}.my-color-war .my-color-item-block:nth-of-type(5n+1){margin-left:4.167%}.my-color-war .my-color-item-bar{position:relative;box-sizing:border-box;display:block;width:100%;height:.85333rem;margin-bottom:.53333rem;margin-left:0;border-radius:.26667rem}.my-color-war .my-color-item-bar.border-radius-half-scale-1px:after{border-color:rgba(0,0,0,.1);border-style:solid;border-radius:.53333rem}.my-color-war .my-color-item-active{border:.08rem solid #88b9ff!important}.DecorateIcon_co-creation-icon__3mms_{flex-shrink:0;background-repeat:no-repeat;background-position:50%;background-size:cover}.DecorateIcon_co-creation-icon-style-1__swxys{width:.45333rem;min-width:.45333rem;height:.45333rem}.video-player-wrapper{position:relative;width:100%;height:auto;margin:0;overflow:hidden;border-radius:.26667rem}.video-player-wrapper .video-poster{display:block;width:100%;padding:90.9% 0 0;margin:0;cursor:pointer;background-color:#111;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.video-player-wrapper :global .video-react-control-bar{width:calc(100% - .69333rem);height:1.6rem;margin:0 auto;overflow:hidden;line-height:1.6rem;background:transparent;border-radius:0 0 .26667rem .26667rem}.video-player-wrapper :global .video-react-fullscreen .video-react-control-bar{bottom:.74667rem}.video-player-wrapper :global .video-react-time-control{padding:0;font-size:.34667rem;line-height:1.6rem;color:#fff}.video-player-wrapper :global .video-react-progress-control{margin:0 .29333rem}.video-player-wrapper :global .video-react-fullscreen-control{position:relative;width:.74667rem;height:1.6rem;margin-left:.53333rem}.video-player-wrapper :global .video-react-fullscreen-control:before{position:absolute;top:50%;left:50%;display:inline-block;width:.74667rem;height:.74667rem;content:"";background-image:url(/assets/sharePage/community/new_testingclub_video_btn_enlarge.png);background-repeat:no-repeat;background-position:50%;background-size:contain;transform:translate(-50%,-50%)}.video-player-wrapper :global .video-react-icon-fullscreen-exit.video-react-fullscreen-control:before{background-image:url(/assets/sharePage/community/new_testingclub_video_btn_narrow.png);background-repeat:no-repeat;background-position:50%;background-size:contain}.video-player-wrapper :global .video-react-slider{background-color:hsla(0,0%,100%,.2)}.video-player-wrapper :global .video-react-progress-holder{height:.10667rem!important;border-radius:.05333rem}.video-player-wrapper :global .video-react-load-progress{height:.10667rem!important;background:transparent;border-radius:.05333rem}.video-player-wrapper :global .video-react-load-progress div{height:.10667rem!important;background:transparent}.video-player-wrapper :global .video-react-play-progress{height:.10667rem!important;background-color:#00ace7;border-radius:.05333rem 0 0 .05333rem}.video-player-wrapper :global .video-react-paused .video-react-big-play-button.big-play-button-hide{display:block!important;background-image:url(/assets/sharePage/community/deals_details_btn_video_play_big.png);background-repeat:no-repeat;background-position:50%;background-size:contain;border:none!important}.video-player-wrapper :global .video-react-paused .video-react-big-play-button.big-play-button-hide:before{content:""!important}.video-player-wrapper :global .video-react-paused.video-react-seeking .video-react-big-play-button.big-play-button-hide,.video-player-wrapper :global .video-react-paused.video-react-waiting .video-react-big-play-button.big-play-button-hide{display:none!important}.video-player-wrapper :global .video-react-big-play-button{width:1.36rem!important;height:1.36rem!important}.video-player-wrapper :global .video-poster-hide{display:none!important}.video-player-wrapper .video-error{position:relative;display:block;width:100%;height:0;padding:0;margin:0;overflow:hidden;cursor:pointer;background-color:#111;opacity:0}.video-player-wrapper :global .video-error-show{padding:90.9% 0 0;opacity:1}.video-player-wrapper .video-error-content{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}.video-player-wrapper .video-error-content .video-error-icon{display:block;width:1.01333rem;height:1.01333rem;margin:0 auto;background-color:#111;background-image:url();background-repeat:no-repeat;background-position:50% 50%;background-size:contain}.video-player-wrapper .video-error-content .video-error-text{margin-top:.4rem;font-size:.37333rem;font-weight:500;color:#fff}.video-player-wrapper .video-error-content .video-error-retry{margin-top:.4rem;font-size:.37333rem;font-weight:500;color:#00ace7}.video-player-wrapper .video-player-button{position:absolute;top:50%;left:50%;width:1.33333rem;height:1.33333rem;background-image:var(--image-deals_details_btn_video_play_big);background-repeat:no-repeat;background-position:50%;background-size:contain;transform:translate(-50%,-50%)}@media screen and (orientation:landscape){.video-player-wrapper :global .video-react-fullscreen .video-react-control-bar{bottom:0!important}.video-player-wrapper :global .video-react-control-bar{width:calc(100% - 1.92rem)!important;height:.85333rem!important;line-height:.85333rem!important}.video-player-wrapper :global .video-react-time-control{line-height:.85333rem!important}.video-player-wrapper :global .video-react-big-play-button{width:.85333rem!important;height:.85333rem!important}.video-player-wrapper :global .video-react-loading-spinner{transform:scale(.6)}.video-player-wrapper :global .video-react-fullscreen-control{position:relative;width:.58667rem;height:.85333rem;margin-left:.32rem}.video-player-wrapper :global .video-react-fullscreen-control:before{width:.58667rem;height:.58667rem}}