.container[data-v-126d85db]{width:100%;height:100%}.container .center[data-v-126d85db]{width:70%;height:100%;padding:0 100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-direction:column;background-color:#f5f5f5}.container .center .top .title[data-v-126d85db]{font-size:30px;font-weight:700;line-height:100px}.container .center .top .p1[data-v-126d85db],.container .center .top .p2[data-v-126d85db]{font-size:16px;line-height:40px;text-align:left;font-weight:600}.container .center .top .video-example[data-v-126d85db]{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;row-gap:20px;margin-top:20px}.container .center .top .video-example .videoitem[data-v-126d85db]{width:calc(50% - 20px);height:100px;background-color:#fff;border-radius:10px;padding:20px;cursor:pointer;transition:all .5s}.container .center .top .video-example .videoitem[data-v-126d85db]:hover{box-shadow:8px 8px 8px rgba(36,103,248,.1)}.container .center .top .video-example .videoitem p[data-v-126d85db]{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#666}.container .center .top .video-example .videoitem p img[data-v-126d85db]{width:30px;height:30px;vertical-align:middle}.container .center .top .video-example .videoitem p span[data-v-126d85db]{font-size:16px;font-weight:600;vertical-align:middle;margin-left:10px}.container .center .top .video-example .videoitem p[data-v-126d85db]:last-child{margin-top:10px}.container .center .bottom[data-v-126d85db]{width:100%;height:200px;padding:20px;border-radius:10px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}.container .center .bottom .myinput[data-v-126d85db]{max-height:90px}.container .center .bottom .myinput[data-v-126d85db](.el-textarea__inner){padding-right:70px}.container .center .bottom .title[data-v-126d85db]{text-align:left}.container .center .bottom p[data-v-126d85db]{font-size:14px;color:#999}.container .center .bottom .sending[data-v-126d85db]{position:absolute;right:28px;bottom:60px;font-size:30px;color:#3370ff;z-index:1;border-radius:50%;width:50px;height:50px;line-height:50px;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.1);transition:all .3s;cursor:pointer}.container .center .bottom .sending[data-v-126d85db]:hover{color:#4c85ff;box-shadow:0 0 5px rgba(36,103,248,.3)}.container .center .bottom .sending.disabled[data-v-126d85db]{color:#ccc;cursor:not-allowed;box-shadow:0 0 4px rgba(0,0,0,.1)!important}.ruleForm[data-v-e2ef6148]{margin-bottom:0!important}.ruleForm .formitem[data-v-e2ef6148]{display:inline-block;width:100%;margin-right:30px;vertical-align:top}.ruleForm .remaining[data-v-e2ef6148]{font-size:14px;font-weight:500;color:#1f232a;margin-bottom:20px}.dialog-footer[data-v-e2ef6148]{display:flex;justify-content:center;align-content:space-between;flex-wrap:wrap}.dialog-footer div[data-v-e2ef6148]{margin:0 10px}.delInfo[data-v-e2ef6148]{top:-68px;left:120px;width:538px}.del-btn[data-v-e2ef6148]{float:left;width:20px;height:30px;background:url(../img/del.14c08d4b.svg) no-repeat 50%;cursor:pointer}.file-box[data-v-e2ef6148]{display:flex}.file-box:hover .del-btn[data-v-e2ef6148]{background:url(../img/del-a.74f00362.svg) no-repeat 50%}.file-box:hover .filename[data-v-e2ef6148]{color:#3370ff}[data-v-e2ef6148] .el-form-item--small .el-form-item__content{line-height:30px}[data-v-e2ef6148] .vue-treeselect__control{height:30px}.container[data-v-377b8268]{width:100%;height:100%;display:flex}.container .left[data-v-377b8268]{width:380px;height:100%;background:#eaebf2;overflow:hidden;overflow-y:auto;padding:20px}.container .left .uploadbtn[data-v-377b8268]{position:fixed;bottom:20px;width:335px;box-shadow:0 0 30px rgba(51,112,255,.8)}.container .left .uploadbtn[data-v-377b8268] .el-upload.el-upload--text,.container .left .uploadbtn[data-v-377b8268] .el-upload.el-upload--text .el-button{width:100%}.container .left .title[data-v-377b8268]{text-align:left;font-size:14px;font-weight:600;line-height:40px}.container .left .video-example[data-v-377b8268]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;row-gap:20px}.container .left .video-example .videoitem[data-v-377b8268]{width:calc(50% - 10px);height:150px;background-color:#fff;padding:10px;border-radius:10px;transition:all .5s}.container .left .video-example .videoitem[data-v-377b8268]:hover{cursor:pointer;box-shadow:8px 8px 8px rgba(36,103,248,.1)}.container .left .video-example .videoitem video[data-v-377b8268]{background-color:#333}.container .left .video-example .videoitem p[data-v-377b8268]{font-size:12px;text-align:left;margin-top:10px;color:#999;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.container .right[data-v-377b8268]{width:calc(100% - 380px);height:100%;background:#fff;overflow:hidden;padding:0 20px;position:relative}.container .right .top[data-v-377b8268]{width:100%;line-height:40px;background-image:radial-gradient(transparent 1px,#fff 0);background-size:4px 4px;-webkit-backdrop-filter:saturate(50%) blur(4px);backdrop-filter:saturate(50%) blur(4px);display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:1}.container .right .top .chattitle[data-v-377b8268]{background-color:#fff;padding:0 16px;border-radius:20px;box-shadow:0 0 50px rgba(0,0,0,.1);height:30px;line-height:30px;margin-top:5px;margin-bottom:5px;display:flex;align-items:center;justify-content:center}.container .right .chatcont[data-v-377b8268]{width:100%;height:calc(100% - 140px);overflow:hidden;overflow-y:auto}.container .right .chatcont .chatitem[data-v-377b8268]{position:relative;width:100%;display:flex}.container .right .chatcont .chatitem.leftl .chathead[data-v-377b8268]{left:0;top:0}.container .right .chatcont .chatitem.leftl .chatbody[data-v-377b8268]{text-align:left;margin-left:50px}.container .right .chatcont .chatitem.rightr[data-v-377b8268]{justify-content:flex-end}.container .right .chatcont .chatitem.rightr .chathead[data-v-377b8268]{right:0;top:0}.container .right .chatcont .chatitem.rightr .chatbody[data-v-377b8268]{text-align:right;margin-right:50px}.container .right .chatcont .chatitem .chathead[data-v-377b8268]{position:absolute;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;background-color:#f8f8f8;padding:4px}.container .right .chatcont .chatitem .chathead img[data-v-377b8268]{width:100%;height:100%}.container .right .chatcont .chatitem .chatbody[data-v-377b8268]{max-width:70%;background-color:#f8f8f8;padding:20px;border-radius:10px;margin-bottom:20px;font-size:16px}.container .right .chatcont .chatitem .chatbody p[data-v-377b8268]{line-height:24px}.container .right .chatcont .chatitem .chatbody .imgcont[data-v-377b8268]{display:flex;flex-wrap:wrap;row-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-top:10px}.container .right .chatcont .chatitem .chatbody .imgcont .el-image[data-v-377b8268]{border-radius:10px;width:100px;height:100px}.container .right .chatcont .chatitem .chatfoot[data-v-377b8268]{position:absolute;text-align:left;left:50px;bottom:-10px}.container .right .bottom[data-v-377b8268]{width:100%;height:140px;border-radius:10px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}.container .right .bottom .myinput[data-v-377b8268]{max-height:90px}.container .right .bottom .myinput[data-v-377b8268](.el-textarea__inner){padding-right:70px}.container .right .bottom .title[data-v-377b8268]{text-align:left}.container .right .bottom p[data-v-377b8268]{font-size:14px;color:#999}.container .right .bottom .sending[data-v-377b8268]{position:absolute;right:12px;bottom:40px;font-size:30px;color:#3370ff;z-index:1;border-radius:50%;width:50px;height:50px;line-height:50px;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.1);transition:all .3s;cursor:pointer}.container .right .bottom .sending[data-v-377b8268]:hover{color:#4c85ff;box-shadow:0 0 5px rgba(36,103,248,.3)}.container .right .bottom .sending.disabled[data-v-377b8268]{color:#ccc;cursor:not-allowed;box-shadow:0 0 4px rgba(0,0,0,.1)!important}.customer-service[data-v-377b8268]{position:fixed;right:20px;bottom:200px;z-index:1000;box-sizing:border-box;width:50px;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);height:50px}.customer-service .edit[data-v-377b8268]{width:50px;height:50px;background:url(../img/edit.fe62fae9.svg) no-repeat 50%;cursor:pointer;margin-bottom:15px}.customer-service .edit[data-v-377b8268]:hover{background:url(../img/edit-a.ebc3a680.svg) no-repeat 50%}