.product-container-right{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:hidden}.product-container-right .header{position:sticky;top:0;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:49px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:6px;padding-bottom:16px;z-index:100;background-color:#f5f5f5;padding-right:20px}.product-container-right .header span:first-child{font-size:18px;font-weight:500;margin-right:16px}.product-container-right .header span:last-child{font-size:14px;color:rgba(32,32,32,.6)}.product-container-right .content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:20px;padding-left:49px;padding-right:20px;padding-bottom:20px;gap:24px}.product-container-right .cell{width:360px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-radius:6px;cursor:pointer;position:relative}.product-container-right .cell:hover{-webkit-box-shadow:0 8px 32px 0 rgba(0,0,0,.16);box-shadow:0 8px 32px 0 rgba(0,0,0,.16)}.product-container-right .cell:hover .img-box{-webkit-transition:all .3s;transition:all .3s}.product-container-right .cell:hover .img-box .title{visibility:visible;-webkit-animation:fadeInUp .3s;animation:fadeInUp .3s}.product-container-right .cell:hover .img-box .img-1{opacity:0}.product-container-right .cell:hover .img-box .img-2{opacity:1}.product-container-right .cell:hover .task-drag-box{visibility:visible}.product-container-right .cell .task-drag-box{position:absolute;color:#5e666d;font-size:14px;top:16px;left:16px;visibility:hidden;z-index:99;padding:4px;border-radius:4px;cursor:pointer;background-color:hsla(0,0%,100%,.6)}.product-container-right .cell .task-drag-box:hover{background-color:hsla(0,0%,100%,.7)}.product-container-right .cell .task-drag-box:active{background-color:hsla(0,0%,100%,.8)}.product-container-right .cell .img-box{height:240px;width:100%;-ms-flex-negative:0;flex-shrink:0;position:relative;overflow:hidden}.product-container-right .cell .img-box .el-image{height:100%;overflow:hidden;border-radius:6px 6px 0 0}.product-container-right .cell .img-box img{width:100%;height:100%;border:0 none!important}.product-container-right .cell .img-box .title{position:absolute;left:0;bottom:0;right:0;padding:16px;font-weight:400;font-size:14px;color:rgba(32,32,32,.8);line-height:20px;text-align:left;font-style:normal;text-transform:none;visibility:hidden;z-index:1;height:92px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.product-container-right .cell .img-box .title-in{min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.product-container-right .cell .img-box .img-2{opacity:0;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-transition:all .4s;transition:all .4s;position:absolute;left:0;right:0;top:0;bottom:0}.product-container-right .cell .img-box .img-2>div{width:100%;height:100%}.product-container-right .cell .img-box .img-1{opacity:1;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-transition:all .4s;transition:all .4s;position:absolute;left:0;right:0;top:0;bottom:0}.product-container-right .cell .img-box .img-1>div{width:100%;height:100%}.product-container-right .cell .img-box .name{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:500;font-size:28px;color:#fff;text-align:center}.product-container-right .cell .bottom-box{height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;position:relative;font-size:16px;font-weight:500}.product-container-right .cell .bottom-box img{height:32px;image-rendering:crisp-edges;line-height:1}.product-container-right .cell .bottom-box img.pixelated{-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated}