.product-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;padding-right:20px}.product-header .logo{height:72px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.product-header .logo,.product-header .logo .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product-header .logo .left img{width:120px}.product-header .logo .left span{font-size:18px;font-weight:500;padding-left:13px;margin-left:16px;border-left:1px solid rgba(32,32,32,.16)}.product-header .logo .right .wf-is-plain{background:transparent!important}.product-header .banner{cursor:pointer}.product-header .banner img{height:141px;width:100%}.product-header .header-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product-header .header-list span{padding:6px 18px;font-size:14px;color:rgba(32,32,32,.6);border-radius:16px;border:1px solid transparent;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.product-header .header-list span:hover{color:initial}.product-header .header-list span.active{border:1px solid rgba(2,86,255,.4);color:#0256ff}.product-header .all{height:72px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product-header .all .title{font-size:16px;font-weight:400;margin-right:24px}.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}.product-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 32px}.product-container,.product-container .el-loading-mask{background-color:#f5f5f5}.product-container .product-container-in{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:1880px}.product-container .product-container-list{height:0;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}