.apaas-preview-video{height:100%;width:100%}.xgplayer-rotate{margin-right:20px}.wrapper[data-v-8a3cb87c]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.wrapper img[data-v-8a3cb87c]{max-height:100%;max-width:100%;transition:transform .8s}.drag[data-v-8a3cb87c]{cursor:grab}.apaas-preview[data-v-5c3b8f3f]{background:rgba(23,24,34,.9);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9000}.apaas-preview-header[data-v-5c3b8f3f]{align-items:center;background:rgba(0,0,0,.9);box-sizing:border-box;color:#fff;display:flex;height:64px;justify-content:space-between;padding:24px 40px;position:relative;z-index:10}.apaas-preview-header-title[data-v-5c3b8f3f]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.apaas-preview-header-utils[data-v-5c3b8f3f]{align-items:center;display:flex}.apaas-preview-header-utils .icon-public[data-v-5c3b8f3f]{display:flex}.apaas-preview-header-utils .icon-public div[data-v-5c3b8f3f]{margin-right:24px;position:relative}.apaas-preview-header-utils .icon-public div:hover div[data-v-5c3b8f3f]{height:30px;overflow:visible}.apaas-preview-header-utils .icon-public div svg[data-v-5c3b8f3f]{cursor:pointer}.apaas-preview-header-utils .icon-public div div[data-v-5c3b8f3f]{background:#636363;border-radius:4px;display:block;font-size:12px;height:0;left:50%;line-height:30px;overflow:hidden;padding:0 8px;position:absolute;top:120%;transform:translate(-50%);transition:height .2s;white-space:nowrap}.apaas-preview-header-utils .icon-public div div[data-v-5c3b8f3f]:before{border:6px solid transparent;border-bottom-color:#636363;content:" ";height:0;left:50%;overflow:hidden;position:absolute;top:-12px;transform:translate(-50%);width:0}.apaas-preview-header-utils-pic[data-v-5c3b8f3f]{border-right:1px solid #fff;display:flex;margin-right:24px}.apaas-preview-header-utils-pic div[data-v-5c3b8f3f]{margin-right:24px;position:relative}.apaas-preview-header-utils-pic div:hover div[data-v-5c3b8f3f]{height:30px;overflow:visible}.apaas-preview-header-utils-pic div svg[data-v-5c3b8f3f]{cursor:pointer}.apaas-preview-header-utils-pic div div[data-v-5c3b8f3f]{background:#636363;border-radius:4px;display:block;font-size:12px;height:0;left:50%;line-height:30px;overflow:hidden;padding:0 8px;position:absolute;top:120%;transform:translate(-50%);transition:height .2s;white-space:nowrap}.apaas-preview-header-utils-pic div div[data-v-5c3b8f3f]:before{border:6px solid transparent;border-bottom-color:#636363;content:" ";height:0;left:50%;overflow:hidden;position:absolute;top:-12px;transform:translate(-50%);width:0}.apaas-preview-header-utils-pic-span[data-v-5c3b8f3f]{margin-right:24px;text-align:center;width:40px}.apaas-preview-header-utils-common[data-v-5c3b8f3f]{display:flex}.apaas-preview-header-utils-common div[data-v-5c3b8f3f]{margin-right:24px;position:relative}.apaas-preview-header-utils-common div:hover div[data-v-5c3b8f3f]{height:30px;overflow:visible}.apaas-preview-header-utils-common div svg[data-v-5c3b8f3f]{cursor:pointer}.apaas-preview-header-utils-common div div[data-v-5c3b8f3f]{background:#636363;border-radius:4px;display:block;font-size:12px;height:0;left:50%;line-height:30px;overflow:hidden;padding:0 8px;position:absolute;top:120%;transform:translate(-50%);transition:height .2s;white-space:nowrap}.apaas-preview-header-utils-common div div[data-v-5c3b8f3f]:before{border:6px solid transparent;border-bottom-color:#636363;content:" ";height:0;left:50%;overflow:hidden;position:absolute;top:-12px;transform:translate(-50%);width:0}.apaas-preview-header-close[data-v-5c3b8f3f]{align-items:center;background:#636363;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.apaas-preview-header-close svg[data-v-5c3b8f3f]{height:16px;width:16px}.apaas-preview-header-close[data-v-5c3b8f3f]:hover{background:var(--main-color2)}.apaas-preview-container[data-v-5c3b8f3f]{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.apaas-preview-wrapper[data-v-5c3b8f3f]{align-items:center;display:flex;justify-content:center}.apaas-preview-wrapper-video[data-v-5c3b8f3f]{display:block;height:70vh;width:70%}.apaas-preview-wrapper-image[data-v-5c3b8f3f]{height:70vh;overflow:hidden;width:70%}.arrow[data-v-5c3b8f3f]{height:100vh;overflow:hidden;position:absolute}.arrow span[data-v-5c3b8f3f],.arrow[data-v-5c3b8f3f]{align-items:center;display:flex;justify-content:center}.arrow span[data-v-5c3b8f3f]{background:#636363;border-radius:50%;color:#fff;height:40px;width:40px}.arrow span[data-v-5c3b8f3f]:hover{background:var(--main-color2);cursor:pointer}.apaas-preview-left-arrow[data-v-5c3b8f3f]{align-items:center;display:flex;height:100vh;justify-content:center;left:0;margin-left:20px;overflow:hidden;position:absolute}.apaas-preview-left-arrow span[data-v-5c3b8f3f]{align-items:center;background:#636363;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.apaas-preview-left-arrow span[data-v-5c3b8f3f]:hover{background:var(--main-color2);cursor:pointer}.apaas-preview-right-arrow[data-v-5c3b8f3f]{align-items:center;display:flex;height:100vh;justify-content:center;margin-right:20px;overflow:hidden;position:absolute;right:0}.apaas-preview-right-arrow span[data-v-5c3b8f3f]{align-items:center;background:#636363;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.apaas-preview-right-arrow span[data-v-5c3b8f3f]:hover{background:var(--main-color2);cursor:pointer}.apaas-preview-footer[data-v-5c3b8f3f]{align-items:center;display:flex;height:80px;justify-content:center}.apaas-preview-footer ul[data-v-5c3b8f3f]{display:flex}.apaas-preview-footer ul .selected[data-v-5c3b8f3f]{border-radius:2px;box-shadow:0 0 0 2px #fff}.apaas-preview-footer ul li[data-v-5c3b8f3f]{align-items:center;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:16px;opacity:1;width:40px}.apaas-preview-footer ul li>div[data-v-5c3b8f3f]{height:100%;width:100%}.apaas-preview-footer ul li>div img[data-v-5c3b8f3f]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.apaas-preview-footer ul li>div .icon[data-v-5c3b8f3f]{fill:currentColor;height:100%;margin-right:10px;overflow:hidden;vertical-align:-.15em;width:100%}@media only screen and (max-width:700px){.apaas-preview-wrapper-image[data-v-5c3b8f3f],.apaas-preview-wrapper-video[data-v-5c3b8f3f]{width:100%}.apaas-preview-header[data-v-5c3b8f3f]{background:var(--main-color2);height:44px}.apaas-preview-header-close[data-v-5c3b8f3f]{background:var(--main-color2);left:10px;position:absolute}.apaas-preview-header-utils[data-v-5c3b8f3f]{position:absolute;right:10px}.apaas-preview-header-utils-pic[data-v-5c3b8f3f]{align-items:center;background:#636363;border:none;border-radius:50%;display:flex;height:32px;justify-content:center;margin:0;position:absolute;right:10px;top:60px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px}.apaas-preview-header-utils-pic div[data-v-5c3b8f3f]{margin:0}.apaas-preview-header-utils-pic div div[data-v-5c3b8f3f]{display:none}.apaas-preview-header-utils-common[data-v-5c3b8f3f]{background:#1f2d3d;border-radius:4px;box-sizing:content-box;display:flex;flex-direction:column;padding:8px 20px;position:absolute;right:-6px;top:30px;width:140px}.apaas-preview-header-utils-common[data-v-5c3b8f3f]:before{border:6px solid transparent;border-bottom-color:#1f2d3d;content:" ";height:0;overflow:hidden;position:absolute;right:8px;top:-12px;width:0}.apaas-preview-header-utils-common div[data-v-5c3b8f3f]{align-items:center;display:flex;font-size:14px;margin:0;overflow:visible;padding:0;position:static;width:140px}.apaas-preview-header-utils-common div div[data-v-5c3b8f3f]{background:transparent;display:block;height:30px;overflow:visible;position:static;transform:translate(0)}.apaas-preview-header-utils-common div div[data-v-5c3b8f3f]:before{content:none}}.approval-comment-dialog .text-btn{color:var(--theme-color)}.approval-comment-dialog .comment-header{align-items:center;display:flex;margin-bottom:10px}.approval-comment-dialog .comment-header .el-select,.approval-comment-dialog .comment-header>div{margin-right:10px}.approval-comment-dialog .sign-qrcode-container{justify-content:center}.approval-comment-dialog .last-sign-container,.approval-comment-dialog .sign-qrcode-container{align-items:center;display:flex;flex-direction:column}.approval-comment-dialog .last-sign-container .last-sign-image{height:125px;margin-bottom:20px;width:220px}.approval-comment-dialog .sign-show-container{align-items:center;border:1px solid #e6e6e6;border-radius:4px;display:flex;height:200px;justify-content:center;position:relative;width:100%}.approval-comment-dialog .sign-show-container .el-image{height:auto;width:300px}.approval-comment-dialog .sign-show-container .el-button{color:red;position:absolute;right:20px}.custom-comment-dialog .container{margin-bottom:10px;max-height:500px;overflow:auto}.custom-comment-dialog .container::-webkit-scrollbar{height:6px;width:6px}.custom-comment-dialog .container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:8px;box-shadow:inset 6px rgba(0,0,0,.2)}.custom-comment-dialog .container .el-input__inner{border-radius:0}.custom-comment-dialog .container .el-button{border-radius:0;width:100%}.custom-comment-dialog .tips{color:#5e6d82;line-height:24px}.api-data-setting-container .el-form-item__label{color:#000;font-weight:500}.api-data-setting-container .select-relation-dropdown{color:#2db7f5;cursor:pointer}.api-data-setting-container .select-relation-dropdown .el-dropdown-link{line-height:44px}.api-data-setting-container .delete-button{color:red;height:40px;padding-top:15px}.api-data-setting-container .add-match-btn{margin-bottom:20px}.api-data-setting-container .el-input .el-input__inner{border:#f0f8ff;border-bottom:1px solid #3fb27e;border-radius:0}.api-data-setting-container .item-container{align-items:center;display:flex}.api-data-setting-container .item-container .result-alias-input,.api-data-setting-container .item-container .result-alias-input .el-input__inner{width:120px}.api-data-setting-container .item-container .json-path-input,.api-data-setting-container .item-container .json-path-input .el-input__inner{width:200px}.api-data-setting-container .item-container .select-field{margin-right:10px;width:200px}.api-data-setting-container .item-container .select-field .el-input{width:200px}.api-data-setting-container .item-container .select-param,.api-data-setting-container .item-container .select-param .el-input{width:140px}.select-relation-active{color:#2db7f5}.check-json-path-dialog .check-json-path-container{display:flex}.check-json-path-dialog .check-json-path-container .title{font-size:16px;font-weight:500}.check-json-path-dialog .check-json-path-container .json-path-container{width:400px}.check-json-path-dialog .check-json-path-container .json-path-container .el-textarea__inner{height:500px}.check-json-path-dialog .check-json-path-container .result-container{margin-left:20px;width:400px}.check-json-path-dialog .check-json-path-container .result-container .el-textarea__inner{height:400px}