.upload-box[data-v-ccdedab2],.upload-box[data-v-ccdedab2] .el-upload{width:100%;height:100%}.upload-box[data-v-ccdedab2] .el-upload .el-upload-dragger{width:100%;height:100%;background:transparent;border-radius:8px 8px 8px 8px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.upload-box[data-v-5f408f45],.upload-box[data-v-5f408f45] .el-upload{width:100%;height:100%}.upload-box[data-v-5f408f45] .el-upload .el-upload-dragger{width:100%;height:100%;background:transparent;border-radius:8px 8px 8px 8px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popup-wrap[data-v-e08ccf80]{z-index:1998}.popup-wrap .crate-modal-box[data-v-e08ccf80]{position:absolute;left:50%;top:50%;width:1200px;height:782px;background:#fff;border-radius:12px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex}.popup-wrap .crate-modal-box .close-btn[data-v-e08ccf80]{position:absolute;top:-24px;right:-24px;z-index:1000;cursor:pointer}.popup-wrap .crate-modal-box .crate-modal-left[data-v-e08ccf80]{-ms-flex-negative:0;flex-shrink:0;width:232px;height:782px;background:url(../img/model-left.0d8c79b1.png) 0 no-repeat;background-size:cover;border-radius:12px 0 0 12px;padding:24px 3px 24px 20px}.popup-wrap .crate-modal-box .crate-modal-left .crate-title[data-v-e08ccf80]{font-family:Microsoft YaHei;font-weight:700;font-size:20px;color:#1b2337;line-height:32px}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content[data-v-e08ccf80]{margin-top:16px;height:calc(100% - 48px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .design-sence-tag[data-v-e08ccf80]{width:192px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:PingFang SC;font-weight:400;font-size:14px;color:#1b2337;line-height:40px;border-radius:8px;padding-left:8px;cursor:pointer;position:relative}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .design-sence-tag[data-v-e08ccf80]:hover{background:#fff}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .design-sence-tag span[data-v-e08ccf80]{margin-left:8px}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .design-sence-tag .toggle-icon[data-v-e08ccf80]{position:absolute;right:12px;width:16px;height:16px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .design-sence-tag .toggle-icon.toggle-up[data-v-e08ccf80]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .sence-list-scroll[data-v-e08ccf80]{overflow-y:auto}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .sence-list-scroll[data-v-e08ccf80]::-webkit-scrollbar{width:6px}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .sence-list-scroll[data-v-e08ccf80]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.6);border-radius:4px}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .sence-list-scroll .kind-box[data-v-e08ccf80]{margin-top:4px;width:192px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .sence-list-scroll .kind-box .kind-item[data-v-e08ccf80]{padding-left:30px;font-family:PingFang SC;font-weight:400;font-size:14px;color:#1b2337;line-height:40px;border-radius:8px;cursor:pointer}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .sence-list-scroll .kind-box .kind-item[data-v-e08ccf80]:hover{background:#fff}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .sence-list-scroll .kind-box .kind-item.active[data-v-e08ccf80]{color:#0773fc;background:#fff}.popup-wrap .crate-modal-box .crate-modal-left .crate-modal-left-content .bottom-fixed[data-v-e08ccf80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-ms-flex-negative:0;flex-shrink:0}.popup-wrap .crate-modal-box .crate-modal-right[data-v-e08ccf80]{width:998px;height:100%;padding:32px 0}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-box[data-v-e08ccf80]{width:calc(100% - 32px);height:52px;padding-left:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-box .search-sence[data-v-e08ccf80]{width:calc(100% - 102px);-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ebeef5;border-radius:8px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-box .search-sence .icon-search[data-v-e08ccf80]{margin-left:12px;margin-right:4px;width:23px;height:24px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-box .search-sence .search-input[data-v-e08ccf80]{width:100%;height:40px;border:none;outline:none;background-color:transparent;color:#1b2337;font-size:14px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-box .search-sence .search-close[data-v-e08ccf80]{display:inline-block;width:16px;height:16px;margin-right:12px;cursor:pointer;opacity:.6;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-box .search-sence .search-close[data-v-e08ccf80]:hover{opacity:1}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-box .cancel-search-button[data-v-e08ccf80]{font-weight:400;font-size:14px;line-height:22px;margin-left:16px;color:#000;cursor:pointer}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box[data-v-e08ccf80]{width:100%;height:calc(100% - 40px);overflow-y:scroll}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list[data-v-e08ccf80]{margin-left:32px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list .all-sence-list-title[data-v-e08ccf80]{margin-top:12px;margin-bottom:16px;color:#1b2337;font-weight:600;font-size:16px;line-height:24px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list .sence-item[data-v-e08ccf80]{width:calc(100% - 26px);height:56px;border-radius:8px;margin-bottom:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list .sence-item[data-v-e08ccf80]:hover{background:#f5f7fd}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list .sence-item:hover .right[data-v-e08ccf80]{display:block}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list .sence-item .left[data-v-e08ccf80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list .sence-item .left .icon[data-v-e08ccf80]{margin-left:8px;width:20px;height:20px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list .sence-item .left .name[data-v-e08ccf80]{color:#1b2337;font-weight:500;font-size:14px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list .sence-item .left .size[data-v-e08ccf80]{color:#8693ab;font-weight:400;font-size:12px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list .sence-item .right[data-v-e08ccf80]{display:none;margin-right:12px;width:88px;height:36px;border-radius:8px;background:#0773fc;color:#fff;font-weight:500;font-size:14px;line-height:36px;text-align:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .all-sence-list .sence-item .right[data-v-e08ccf80]:hover{background:#0667e2}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .no-result[data-v-e08ccf80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%)}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .no-result .img[data-v-e08ccf80]{width:160px;height:160px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .no-result .no-result-title[data-v-e08ccf80]{margin-top:16px;color:#1b2337;font-weight:400;font-size:14px;line-height:22px}.popup-wrap .crate-modal-box .crate-modal-right .search-sence-list-box .no-result .no-result-des[data-v-e08ccf80]{margin-top:8px;color:#0773fc;font-weight:600;font-size:14px;line-height:22px;cursor:pointer}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box[data-v-e08ccf80]{width:100%;height:calc(100% - 40px);overflow-y:scroll}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box[data-v-e08ccf80]{padding-left:32px}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box .custom-size-title[data-v-e08ccf80]{font-family:PingFang SC;font-weight:400;font-size:16px;color:#1b2337;line-height:24px;margin-top:8px;margin-bottom:16px}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box .custom-input-box[data-v-e08ccf80]{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box .custom-input-box .input-box[data-v-e08ccf80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;border-radius:8px 8px 8px 8px;border:1px solid #ebeef5}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box .custom-input-box .input-box input[data-v-e08ccf80]{max-width:184px;min-width:50px;height:20px;color:#000;background:#fefefe;border:none;outline:none;border-radius:8px;text-align:center;color:#1b2337;font-size:14px;line-height:20px}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box .custom-input-box .input-box .divide-line[data-v-e08ccf80]{display:inline-block;width:1px;height:18px;background:#ebeef5}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box .custom-input-box .select-custom-unit[data-v-e08ccf80]{margin-left:10px;width:88px;height:40px;border-radius:8px;border:1px solid #ebeef5;font-family:PingFang SC;font-weight:400;font-size:14px;color:#1b2337;line-height:38px;text-align:center}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box .custom-input-box .create-design-btn[data-v-e08ccf80]{margin-left:16px;border:none;outline:none;width:100px;height:40px;background:#0773fc;border-radius:8px;font-family:PingFang SC;font-weight:400;font-size:14px;color:#fff;cursor:pointer}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box .custom-input-box .create-design-btn.prohibit[data-v-e08ccf80]{pointer-events:none;opacity:.3}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box .size-range[data-v-e08ccf80]{height:24px;font-family:PingFang SC;font-weight:400;font-size:12px;color:#ff0a0a;line-height:24px;visibility:hidden}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .custom-size-box .size-range.current[data-v-e08ccf80]{visibility:inherit}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .tabList[data-v-e08ccf80]{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:10px;border-bottom:1px solid #f3f4f9;margin-bottom:20px}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .tabList .tabItem[data-v-e08ccf80]{font-family:PingFang SC;font-weight:400;font-size:14px;color:#505a71;line-height:22px;margin-right:40px;cursor:pointer;position:relative}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .tabList .tabItem.active[data-v-e08ccf80]{color:#1b2337;font-weight:700}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .tabList .tabItem.active[data-v-e08ccf80]:after{content:"";position:absolute;left:0;bottom:-12px;width:100%;height:3px;background:#0773fc;border-radius:2px}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .oftenList[data-v-e08ccf80]{padding-left:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .oftenList .oftenItem[data-v-e08ccf80]{width:168px;height:60px;background:#fff;border-radius:8px;border:1px solid #ebeef5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 12px;margin-right:16px;margin-bottom:20px;cursor:pointer;overflow:hidden}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .oftenList .oftenItem.active[data-v-e08ccf80],.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .oftenList .oftenItem[data-v-e08ccf80]:hover{background:rgba(7,115,252,.1);border-color:#0773fc}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .oftenList .oftenItem .size-icon[data-v-e08ccf80]{width:32px;height:32px;background:#f5f7fd;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .oftenList .oftenItem .size-icon .icon[data-v-e08ccf80]{width:20px;height:20px}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .oftenList .oftenItem .size-info[data-v-e08ccf80]{width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .oftenList .oftenItem .size-info .size-name[data-v-e08ccf80]{width:100%;font-size:14px;color:#1b2337;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-wrap .crate-modal-box .crate-modal-right .sence-content-box .oftenList .oftenItem .size-info .size-scale[data-v-e08ccf80]{font-size:12px;color:#8693ab;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container[data-v-e08ccf80]{background:linear-gradient(174.32deg,rgba(228,242,255,.2) 2.19%,rgba(223,230,255,.2) 100.37%),url(../img/importBg.83a2bd69.png);width:calc(100% - 64px);margin:0 auto;height:100%;border-radius:8px;border:1px dashed #0773fc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container[data-v-e08ccf80]:hover{background:linear-gradient(174.32deg,rgba(228,242,255,.6) 2.19%,rgba(223,230,255,.6) 100.37%),url(../img/importBg.83a2bd69.png)}.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container:hover .upload-desgin-box .upload-image-container .upload-type-image[data-v-e08ccf80]{margin:0 2px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container .upload-desgin-box[data-v-e08ccf80]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container .upload-desgin-box .upload-image-container[data-v-e08ccf80],.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container .upload-desgin-box[data-v-e08ccf80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container .upload-desgin-box .upload-image-container .upload-type-image[data-v-e08ccf80]{position:relative;width:62px;height:80px;-webkit-transition:all .5s;transition:all .5s;margin:0 -15px;-webkit-transform:rotate(calc(var(--r)*1deg));transform:rotate(calc(var(--r)*1deg))}.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container .upload-desgin-box .title[data-v-e08ccf80]{margin-top:8px;font-family:PingFang SC;font-weight:400;font-size:16px;color:#1b2337;line-height:24px}.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container .upload-desgin-box .desc[data-v-e08ccf80]{margin-top:8px;font-family:PingFang SC;font-weight:400;font-size:14px;color:#8693ab;line-height:22px}.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container .upload-desgin-box .upload-btn[data-v-e08ccf80]{margin-top:32px;width:180px;height:40px;background:#0773fc;border-radius:8px 8px 8px 8px;font-family:PingFang SC;font-weight:400;font-size:14px;color:#fff;line-height:40px;text-align:center;cursor:pointer}.popup-wrap .crate-modal-box .crate-modal-right .upload-design-container .upload-desgin-box .upload-btn[data-v-e08ccf80]:hover{background:#0667e2}.popup-wrap .slider-scrollbar[data-v-e08ccf80]::-webkit-scrollbar{width:6px}.popup-wrap .slider-scrollbar[data-v-e08ccf80]::-webkit-scrollbar-thumb{background:#ebeef5;border-radius:4px}.popup-wrap .slider-scrollbar[data-v-e08ccf80]:hover::-webkit-scrollbar-thumb{background:#ccc}.popup-wrap .slider-scrollbar[data-v-e08ccf80]:hover::-webkit-scrollbar-track{background:#eee}.demo-container[data-v-7d7a7a66]{height:100%;overflow:hidden}.demo-container .head-container[data-v-7d7a7a66]{position:fixed!important;left:116px;top:0;right:0;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 1px 0 rgba(0,0,0,.05);z-index:998;background:#fff;padding:16px 6vw;height:80px}.demo-container .head-container .create-btn[data-v-7d7a7a66],.demo-container .head-container[data-v-7d7a7a66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.demo-container .head-container .create-btn[data-v-7d7a7a66]{width:90px;height:42px;background:#0773fc;border-radius:8px;font-family:Segoe UI;font-weight:400;font-size:16px;color:#fff;line-height:42px;padding:0 20px 0 14px;cursor:pointer}.demo-container .head-container .create-btn .icon-plus[data-v-7d7a7a66]{width:24px;height:24px}.demo-container .head-container .right-top[data-v-7d7a7a66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.demo-container .head-container .right-top .upgrade[data-v-7d7a7a66]{width:118px;height:38px;background:-webkit-gradient(linear,right top,left top,color-stop(16%,#ffc76e),to(#ffc2c2));background:linear-gradient(270deg,#ffc76e 16%,#ffc2c2);border-radius:19px 0 19px 19px;font-family:Microsoft YaHei;font-weight:400;font-size:14px;color:rgba(17,17,17,.7);line-height:38px;text-align:center;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.demo-container .head-container .right-top .upgrade[data-v-7d7a7a66]:hover{background:-webkit-gradient(linear,right top,left top,color-stop(56%,#ffc76e),to(#ffc2c2));background:linear-gradient(270deg,#ffc76e 56%,#ffc2c2);color:#111}.demo-container .head-container .right-top .download[data-v-7d7a7a66]{margin-left:20px;width:86px;background:-webkit-gradient(linear,right top,left top,from(#00ffd8),to(#0195fb));background:linear-gradient(270deg,#00ffd8,#0195fb);border-radius:18px;font-family:Microsoft YaHei;font-weight:400;font-size:14px;color:hsla(0,0%,99.6%,.8);line-height:36px;text-align:center;position:relative;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.demo-container .head-container .right-top .download[data-v-7d7a7a66]:hover{background:-webkit-gradient(linear,right top,left top,color-stop(10%,#00ffd8),to(#0195fb));background:linear-gradient(270deg,#00ffd8 10%,#0195fb);color:#fefefe}.demo-container .head-container .right-top .download:hover .qrcode[data-v-7d7a7a66]{opacity:1;visibility:visible}.demo-container .head-container .right-top .download .qrcode[data-v-7d7a7a66]{position:absolute;left:-32px;top:50px;width:150px;height:150px;background:#fff;-webkit-box-shadow:rgba(0,0,0,.1) 0 0 48px 0;box-shadow:0 0 48px 0 rgba(0,0,0,.1);border-radius:10px;padding:5px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden}.demo-container .head-container .right-top .download .qrcode .qrImg[data-v-7d7a7a66]{width:100%;height:100%}.demo-container .head-container .right-top .nav-item[data-v-7d7a7a66]{margin-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:42px;height:42px;background:#f4f4f4;border-radius:50%;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.demo-container .head-container .right-top .nav-item[data-v-7d7a7a66]:hover{background:#dedede}.demo-container .head-container .right-top .nav-item .icon-img[data-v-7d7a7a66]{width:25px;height:25px}.demo-container .head-container .right-top .user-avatar[data-v-7d7a7a66]{margin-left:20px;position:relative}.demo-container .head-container .right-top .user-avatar .avatar-icon[data-v-7d7a7a66]{width:36px;height:36px;border-radius:50%;cursor:pointer}.demo-container .head-container .right-top .user-avatar:hover .user-popup[data-v-7d7a7a66]{opacity:1;visibility:visible}.demo-container #ckt-editor-container[data-v-7d7a7a66]{padding-top:50px;width:100%;height:100%;overflow:hidden}[data-v-7d7a7a66]:v-deep(.ckt-template-section){padding:40px}.ckt-editor-popup[data-v-7d7a7a66]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ckt-editor-modal[data-v-7d7a7a66]{width:90%;height:90%;background:#fff;border-radius:8px;position:relative;overflow:hidden}.ckt-editor-close[data-v-7d7a7a66]{position:absolute;top:10px;right:15px;z-index:10;font-size:24px;cursor:pointer;color:#666}.ckt-editor-close[data-v-7d7a7a66]:hover{color:#333}.ckt-editor-render[data-v-7d7a7a66]{margin-top:80px;width:100%;height:100%}.customer-wrap[data-v-7d7a7a66]{position:fixed;right:30px;bottom:30px;z-index:1000}.customer-wrap .customer-img[data-v-7d7a7a66]{width:100px;height:113px;cursor:pointer}.customer-wrap:hover .popup__customer[data-v-7d7a7a66]{opacity:1;visibility:visible}