.koutu{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.koutu .zjz-list{cursor:no-drop!important}.koutu .banner{background-color:#e5e7eb;background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor);background-position:0 0,10px 10px;background-size:20px 20px;color:#d1d5db;height:460px;margin-top:72px;position:relative}.koutu .banner .content{position:relative;z-index:10}.koutu .banner .content .title{color:#fff;font-size:60px;font-weight:400;padding:80px 0 16px}.koutu .banner .content .sub-title{color:#fff;font-size:24px;font-weight:400;text-align:left}.koutu .banner .content label{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:block;display:flex;height:72px;justify-content:center;margin-top:56px;transition:.2s;width:267px}.koutu .banner .content label:hover{transform:translateY(-4px)}.koutu .banner .content label img{height:28px;width:28px}.koutu .banner .content label input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.koutu .banner .content label span{color:#165dff;font-size:24px;font-weight:400;padding-left:10px}.koutu .banner .content .tips{color:#fff;font-size:12px;padding-top:16px}.koutu .banner .landing-banner-bg{background:#165dff;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:990px}.koutu .banner .drag-box{height:100%;left:100%;position:absolute;right:0;top:0;z-index:inherit;z-index:99}.koutu .banner .drag-line{background-color:#fff;height:100%;position:absolute;width:3px;z-index:11}.koutu .banner .drag-button{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OSIgaGVpZ2h0PSI0OSI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMjQuNSIgY3k9IjI0LjUiIHI9IjIzIiBmaWxsPSIjZDRkOGUxIiBmaWxsLW9wYWNpdHk9Ii43IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMy4yNCAxNy4wM2ExLjUgMS41IDAgMCAxIDIuNTkzIDEuNTAzbC0uMDczLjEyNS0zLjEzIDQuODQyIDMuMTMgNC44NDNhMS41IDEuNSAwIDAgMS0uMzI4IDEuOTlsLS4xMTcuMDg0YTEuNSAxLjUgMCAwIDEtMS45OS0uMzI4bC0uMDg0LS4xMTgtMy42NTctNS42NTZhMS41IDEuNSAwIDAgMS0uMDc0LTEuNTAybC4wNzQtLjEyN3ptMjIuNTIgMGExLjUgMS41IDAgMCAwLTIuNTkyIDEuNTAzbC4wNzMuMTI1IDMuMTMgNC44NDItMy4xMyA0Ljg0M2ExLjUgMS41IDAgMCAwIC4zMjcgMS45OWwuMTE4LjA4NGExLjUgMS41IDAgMCAwIDEuOTktLjMyOGwuMDg0LS4xMTggMy42NTctNS42NTZhMS41IDEuNSAwIDAgMCAuMDczLTEuNTAybC0uMDczLS4xMjd6Ii8+PC9nPjwvc3ZnPg==);border-radius:50%;cursor:pointer;height:49px;left:-24px;position:absolute;top:222px;width:49px;z-index:9}.koutu .nav{margin:28px 0 0}.koutu .nav .nav-container .list{background:#fff;border:1px solid #edeef2;border-radius:10px;box-sizing:border-box;cursor:pointer;float:left;height:236px;margin-bottom:28px;margin-right:28px;padding:24px 0 0 24px;position:relative;transition:.2s;width:392px}.koutu .nav .nav-container .list:last-child{margin-right:0}.koutu .nav .nav-container .list .mask{background:#f5f7fd;border-radius:0 10px 0 10px;color:#4e5969;font-size:14px;height:30px;line-height:30px;position:absolute;right:0;text-align:center;top:0;width:80px}.koutu .nav .nav-container .list .title{color:#1d2129;font-size:28px;font-weight:400}.koutu .nav .nav-container .list .sub-title{color:#4e5969;font-size:16px;margin-bottom:55px;margin-top:8px}.koutu .nav .nav-container .list .btn{align-items:center;background:#e4e6ef;border-radius:36px;display:flex;height:36px;max-width:36px;overflow:hidden;transition:max-width .3s,background-color .3s;white-space:nowrap}.koutu .nav .nav-container .list .btn p{padding-left:9px;transform:translate3d(-66px,0,0);transition:transform .3s}.koutu .nav .nav-container .list .btn p span{color:#fff}.koutu .nav .nav-container .list .btn p i{margin:0 12px}.koutu .nav .nav-container .list img{bottom:12px;height:106px;position:absolute;right:20px;width:180px}.koutu .nav .nav-container .list:hover{background:#fff;border:1px solid #ebfafa;border-radius:10px;box-shadow:0 14px 36px rgba(0,0,0,.06)}.koutu .nav .nav-container .list:hover .btn{background:#165dff;justify-content:center;max-width:100px}.koutu .nav .nav-container .list:hover .btn p{padding-left:0;transform:translateZ(0)}.koutu .nav .nav-container .list:hover .btn i{color:#fff;display:none}.koutu .floor{padding-top:100px}.koutu .floor .title{color:#1d2129;font-size:34px;font-weight:600;margin-bottom:16px;text-align:center}.koutu .floor .sub_title{color:#4e5969;font-size:14px;margin-bottom:40px;text-align:center}.koutu .floor .floor-nav{background:#f5f7fd;border-radius:218px;box-sizing:border-box;display:flex;height:52px;margin:0 auto;padding:4px;width:508px}.koutu .floor .floor-nav span{border-radius:218px;color:#4e5969;cursor:pointer;font-size:16px;height:44px;line-height:44px;text-align:center;transition:.2s;width:100px}.koutu .floor .floor-nav span:hover{background:#e8eeff}.koutu .floor .floor-nav .active{background:#165dff!important;color:#fff!important}.koutu .floor .box-koutu{height:440px;margin:28px auto 0;padding-bottom:100px;width:700px}.koutu .floor #modifiedImg,.koutu .floor #originalImg,.koutu .floor .cd-image-container,.koutu .floor .cd-resize-img,.koutu .floor .cover-cut-box{height:440px;width:700px}.koutu .floor .cover-cut-box{border-radius:12px;overflow:hidden;position:relative}.koutu .floor #originalImg{background-color:#e5e7eb;background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor);background-position:0 0,10px 10px;background-size:20px 20px;color:#d1d5db}.floor .cd-resize-img{backface-visibility:hidden;border-right:1px solid #fff;height:100%;left:0;margin-right:-1px;overflow:hidden;position:absolute;top:0;transform:translateZ(0);width:0}.floor .is-visible .cd-resize-img{animation:cd-bounce-in .7s;width:50%}.floor .cd-resize-img img{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAADxJREFUOBFjfPfu3X8GAkBQUJCACgYGJoIqiFQwahDhgBrGYcT4HwgIhcD79+8JKRlNkARDaDTTEhFEDAC46wro8FteEgAAAABJRU5ErkJggg==);display:block;height:100%;height:448px;left:0;max-width:none;position:absolute;top:0;width:auto;width:960px}.floor .cd-handle{bottom:0;cursor:move;display:block;height:100%;left:50%;margin-left:-27px;position:absolute;top:0;width:54px}.floor .cd-handle img{display:block;height:100%;pointer-events:none}.koutu{background:#fff}.koutu .floor2{background:#f5f6fa;padding-bottom:100px}.koutu .floor2 .floor-nav{background:#e3e9ff}.koutu .floor2 .floor-nav span:hover{background:#f5f6fa}.koutu .floor2 .box{display:flex;justify-content:center;margin-top:28px}.koutu .floor2 .box .item{border-radius:12px;height:360px;width:330px}.koutu .floor2 .box .item:first-child{margin-right:40px}.koutu .floor2 .box .item:last-child{background-color:#e5e7eb;background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor);background-position:0 0,10px 10px;background-size:20px 20px;color:#d1d5db}.koutu .floor2 .box img{border-radius:12px;height:360px;width:330px}.koutu .floor2 .box p{color:#1d2129;font-size:16px;line-height:1.5;margin-top:20px;text-align:center}.koutu .footer_upload{background:url(/_nuxt/img/e021282d.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:334px}.koutu .footer_upload .title{color:#fff;font-size:40px;font-weight:400;padding:60px 0;text-align:center}.koutu .footer_upload label{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:block;display:flex;height:56px;justify-content:center;margin:0 auto;transition:.2s;width:170px}.koutu .footer_upload label:hover{transform:translateY(-4px)}.koutu .footer_upload label img{height:24px;width:24px}.koutu .footer_upload label span{color:#165dff;font-size:20px;font-weight:400;padding-left:10px}#labelFile{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.drop-wrap{align-items:center;background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.drop-wrap div{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drop-wrap .title{font-size:52px;font-weight:600;margin-bottom:24px}.drop-wrap .sub_title,.drop-wrap .title{color:#fff;pointer-events:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drop-wrap .sub_title{font-weight:400}.product-cutout{background:#fff;border-radius:8px;height:580px;overflow:hidden;width:780px}.product-cutout .el-dialog__header{display:none}.product-cutout .el-dialog__body{box-sizing:border-box;height:calc(100% - 80px);padding:32px 0 0 32px}.product-cutout .box{height:100%;overflow-y:auto}.product-cutout .box ul .uploadLi{background:#fafafa;border:1px dashed #cfd2d8;-webkit-user-select:none;-moz-user-select:none;user-select:none}.product-cutout .box ul .uploadLi .el-icon-plus{color:#165dff;display:block;font-size:28px;font-weight:600;margin-bottom:8px}.product-cutout .box ul .uploadLi span{color:#165dff;font-size:14px}.product-cutout .box ul .uploadLi .uploadBox,.product-cutout .box ul .uploadLi span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.product-cutout .box ul .uploadLi .uploadBox,.product-cutout .box ul .uploadLi label{cursor:pointer;height:100%;width:100%}.product-cutout .box ul .uploadLi label{align-items:center;display:flex;flex-flow:column;justify-content:center}.product-cutout .box ul .uploadLi input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.product-cutout .box ul .imgLi{overflow:hidden;position:relative}.product-cutout .box ul .imgLi,.product-cutout .box ul .imgLi div{align-items:center;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.product-cutout .box ul .imgLi div{height:120px;width:120px}.product-cutout .box ul .imgLi img{max-height:100%;max-width:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.product-cutout .box ul .imgLi .delete{align-items:center;background:rgba(0,0,0,.5);border-radius:0 4px 0 4px;cursor:pointer;display:flex;display:none;height:20px;justify-content:center;position:absolute;right:0;top:0;width:20px}.product-cutout .box ul .imgLi .delete i{color:#fff}.product-cutout .box ul .imgLi:hover .delete{display:flex}.product-cutout .box ul li{border:1px solid #dee1e7;border-radius:4px;box-sizing:border-box;float:left;height:120px;margin-bottom:28px;margin-right:28px;width:120px}.product-cutout .el-dialog__footer{align-items:center;background:#fff;border-top:1px solid #f0f0f0;box-sizing:border-box;display:flex;height:80px;opacity:1;padding:0 32px;text-align:left;width:776px}.product-cutout .el-dialog__footer .num{color:#1d2129;font-size:16px;line-height:1.2}.product-cutout .el-dialog__footer .num span{color:#165dff;font-size:16px}.product-cutout .el-dialog__footer .tips{color:#4e5969;font-size:12px;line-height:1.2;margin-top:6px}.product-cutout .el-dialog__footer .dialog-footer{align-items:center;display:flex;justify-content:space-between;width:100%}.product-cutout .el-dialog__footer button{height:44px;width:112px}.product-cutout .el-dialog__footer .cancelBtn{border:1px solid #d7dade;color:#1d2129!important}.product-cutout .el-dialog__footer .cancelBtn:focus,.product-cutout .el-dialog__footer .cancelBtn:hover{background:#f5f5f5!important}.product-cutout .el-dialog__footer .okBtn{background-color:#165dff;border:none}.product-cutout .el-dialog__footer .okBtn:hover{background-color:#4080ff}.product-cutout .el-dialog__footer .is-disabled{background:#e0e6f1}.product-cutout .el-dialog__footer .is-disabled:hover{background:#e0e6f1!important}.dialog-drop-wrap{align-items:center;background:hsla(0,0%,100%,.95);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:99}.dialog-drop-wrap *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dialog-drop-wrap .title{color:#165dff;font-size:44px;font-weight:600}