.upload-area[data-v-ff48e8cc]{display:inline-block}.selected-pre-item[data-v-ff48e8cc]{position:relative;width:auto;display:inline-block}.has-seclected-img[data-v-ff48e8cc]{width:100px;height:100px;border-radius:3px;cursor:pointer}.selected-pre-item .el-icon-close[data-v-ff48e8cc]{position:absolute;top:-10px;right:-10px;width:20px;height:20px;background-color:rgba(0,0,0,.8);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10}.add-file[data-v-ff48e8cc]{width:90px;height:90px;background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}.add-file i[data-v-ff48e8cc]{color:rgba(0,0,0,.4)}.add-file[data-v-ff48e8cc]:hover{border-color:#409eff;color:#409eff}.add-file:hover i[data-v-ff48e8cc]{color:#409eff!important}.upload-dialog-area[data-v-ff48e8cc] .el-dialog__header{border-bottom:1px solid #e8e8e8}.upload-dialog-area[data-v-ff48e8cc] .el-dialog__body{padding:0;background:#f6f6f6;color:#606266;font-size:14px;word-break:break-all}.upload-dialog-area[data-v-ff48e8cc] .el-tabs__content{overflow:hidden;position:relative;height:100%;background-color:#fff}.upload-dialog-area[data-v-ff48e8cc] .el-tabs--left .el-tabs__header.is-left{margin-right:0}.upload-dialog-area[data-v-ff48e8cc] .el-tabs__item.is-active{background-color:#fff}.upload-dialog-area[data-v-ff48e8cc] .el-tabs__item{line-height:40px;padding:0 10px;height:40px}.file-list[data-v-ff48e8cc]{padding:10px;height:380px}.file-list .file-item[data-v-ff48e8cc]{float:left;margin:10px;width:100px;height:100px;cursor:pointer;position:relative;font-size:12px}.file-list .file-item[data-v-ff48e8cc] .el-image img{border-radius:3px}.file-pagination[data-v-ff48e8cc] .el-pagination{background-color:#f9f9f9;display:flex;align-items:center;justify-content:center}.file-pagination[data-v-ff48e8cc] .el-pagination .el-pager{height:28px}.file-pagination[data-v-ff48e8cc] .el-pagination .btn-next,.file-pagination[data-v-ff48e8cc] .el-pagination .btn-prev,.file-pagination[data-v-ff48e8cc] .el-pagination .el-pager li,.file-pagination[data-v-ff48e8cc] .el-pagination .el-pager li.active{background-color:#f9f9f9}.dialog-file-footer[data-v-ff48e8cc]{padding:20px;display:flex;align-items:center;justify-content:flex-end}.dialog-file-footer .el-button[data-v-ff48e8cc]{margin-left:12px}.upload-pane[data-v-ff48e8cc]{padding:20px}.upload-pane[data-v-ff48e8cc] .el-upload--picture-card,.upload-pane[data-v-ff48e8cc] .el-upload-list--picture-card .el-upload-list__item{width:90px;height:90px;line-height:98px;background-size:cover;background-position:50% 50%}.upload-pane[data-v-ff48e8cc] .el-upload-list--picture-card .el-progress{display:flex;align-items:center;justify-content:center;width:90px;height:90px}.upload-pane[data-v-ff48e8cc] .el-upload-list--picture-card .el-progress .el-progress-circle{width:70px!important;height:70px!important}.upload-pane-tips[data-v-ff48e8cc]{padding:20px 0;font-size:12px;color:#999}.dialog-upload-footer[data-v-ff48e8cc]{position:absolute;bottom:28px;right:20px;display:flex;align-items:center;justify-content:flex-end}.dialog-upload-footer .el-button[data-v-ff48e8cc]{margin-left:12px}.selected[data-v-ff48e8cc]{display:none}.file-item.checked .selected[data-v-ff48e8cc]{position:absolute;right:0;top:0;width:100%;height:100%;border:3px solid #409eff;border-radius:3px;text-align:right;display:block}.file-item.checked .selected .icon[data-v-ff48e8cc]{background:#409eff;text-align:center;height:24px;width:24px;line-height:24px;display:inline-block;font-size:16px;color:#fff;border-radius:0 0 0 3px;position:absolute;right:0;top:0}.selected-pre-list[data-v-ff48e8cc]{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.selected-pre-list .selected-pre-item[data-v-ff48e8cc]{margin:0 16px 16px 0}.selected-pre-list .add-file[data-v-ff48e8cc]{margin:0 16px 36px 0}#render-canvas[data-v-1c63a53c],.setsand-page[data-v-1c63a53c]{width:100%;height:100%}.sand-panel[data-v-1c63a53c]{position:absolute;right:0;top:5px;width:220px;background-color:#1c2438;height:calc(100vh - 240px);padding:10px;z-index:100}.sand-panel .title[data-v-1c63a53c]{background-color:#fff;background-image:linear-gradient(90deg,#fff,#1c2438);height:40px;line-height:40px;padding:0 10px;font-weight:700;font-size:14px}.add-img-btn[data-v-1c63a53c]{padding:10px 0;text-align:right}.sand-img[data-v-1c63a53c]{position:relative}.sand-img .del-icon[data-v-1c63a53c]{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,.6);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#fff;cursor:pointer}.sand-img .del-icon[data-v-1c63a53c]:hover{background-color:#f56c6c}.sand-img .el-image[data-v-1c63a53c],[data-v-1c63a53c] .no-sand-img{width:200px;height:200px;background-color:#f5f7fa}[data-v-1c63a53c] .no-sand-img{display:flex;flex-direction:column;align-items:center;justify-content:center}[data-v-1c63a53c] .no-sand-img p{margin:0;padding:0;font-size:14px;line-height:1.4}.sand-preview[data-v-1c63a53c]{position:absolute;right:225px;top:5px;width:250px;height:auto;background-color:#1c2438;padding:10px;z-index:100}.sand-preview .preview-img .el-image[data-v-1c63a53c],.sand-preview .preview-img[data-v-1c63a53c]{width:100%;height:100%}.added-sand[data-v-1c63a53c]{height:calc(100% - 300px);position:relative}.added-sand .add-new-point[data-v-1c63a53c]{text-align:center;margin-top:10px}.sand-point-list .point-item[data-v-1c63a53c]{background-color:hsla(0,0%,100%,.1);padding:10px;margin:10px 0;position:relative;border-radius:4px 30px 30px 4px;height:36px;width:100%;cursor:pointer}.sand-point-list .point-item .point-title[data-v-1c63a53c]{color:#fff;font-size:13px;opacity:.5}.sand-point-list .point-item .point-del[data-v-1c63a53c]{position:absolute;right:2px;top:2px;opacity:.2}.sand-point-list .point-item:hover .point-del[data-v-1c63a53c],.sand-point-list .point-item:hover .point-title[data-v-1c63a53c]{opacity:1}.sand-point-list .point-item.active[data-v-1c63a53c]{background-color:#fff}.sand-point-list .point-item.active .point-title[data-v-1c63a53c]{color:#1c2438;opacity:1}.sand-point-list .point-item.active .point-del[data-v-1c63a53c]{opacity:1}.submit-sand[data-v-1c63a53c]{text-align:center;position:absolute;bottom:0;left:0;width:100%}.submit-sand .el-button[data-v-1c63a53c]{width:100%}[data-v-1c63a53c] .hot-point{width:10px;height:10px;border-radius:50%;background-color:red}.knob[data-v-1c63a53c]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.knob img[data-v-1c63a53c]{width:100%;height:100%}.knob .center[data-v-1c63a53c]{width:16px;height:16px;border-radius:50%;position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);cursor:-webkit-grab;cursor:grab}.knob .point[data-v-1c63a53c]{position:absolute;top:0;left:50%;transform:translateX(-50%);width:14px;height:14px;cursor:ew-resize;border-radius:50%}.knob-icon[data-v-1c63a53c]{width:100%;height:100%;border-radius:50%}.blue-point[data-v-1c63a53c]{width:15px;height:15px;border-radius:50%;background-color:#286efa;border:2px solid #fff}.no-add-camera-list[data-v-1c63a53c]{display:flex;flex-wrap:wrap}.no-add-camera-list .camera-item[data-v-1c63a53c]{width:120px;margin:10px;background-color:rgba(0,0,0,.1);cursor:pointer}.no-add-camera-list .camera-item .el-image[data-v-1c63a53c]{width:120px;height:120px}.no-add-camera-list .camera-item .title[data-v-1c63a53c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(0,0,0,.4);color:#fff;text-align:center;padding:6px;font-size:13px}.no-add-camera-list .active.camera-item .title[data-v-1c63a53c]{background-color:#e6a23c}.render-content[data-v-1c81e0e0]{width:100%;height:calc(100vh - 60px);overflow:hidden}