.code{position:absolute;left:150px;height:100vh;width:calc(100vw - 160px);text-align:left}.code .code-container{background-color:#fff;margin:10px 12px;height:calc(100vh - 70px);padding:10px}.code .code-container .code-header{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding-bottom:10px;border-bottom:1px solid #ddd}.code .code-container .code-header .search-box{width:60%}.code .code-container .code-header .operation-box{width:30%;display:flex;flex-direction:row;justify-content:flex-end;padding:0 20px}.code .code-container .el-table .code-preview{width:50px;height:50px}.code .code-container .el-table .code-tag{display:flex;flex-direction:row;flex-wrap:wrap}.code .code-container .el-table .code-tag .el-tag{margin:2px 3px}.drawer-container{padding:20px;margin-bottom:20px;display:flex;flex-direction:row;justify-content:space-between;height:calc(100vh - 130px);overflow-y:scroll;overflow-x:hidden}.drawer-container .drawer-form-content{width:60%;padding:20px}.drawer-container .drawer-form-content .el-cascader{width:100%}.drawer-container .drawer-form-content .form-tag{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.drawer-container .drawer-form-content .form-tag .el-tag{margin:2px 3px}.drawer-container .drawer-form-content .welcome-content{display:flex;flex-direction:column;justify-content:center}.drawer-container .drawer-form-content .welcome-content .welcome-status{display:flex;flex-direction:row}.drawer-container .drawer-form-content .welcome-content .welcome-status .el-switch{margin-top:8px}.drawer-container .drawer-form-content .welcome-content .welcome-status .el-select{margin-left:15px}.drawer-container .drawer-form-content .welcome-content .welcome-status .el-switch.is-disabled{opacity:1!important}.drawer-container .drawer-form-content .welcome-content .welcome-status .el-switch.is-disabled .el-switch__core,.drawer-container .drawer-form-content .welcome-content .welcome-status .el-switch.is-disabled .el-switch__label{cursor:pointer!important}.drawer-container .drawer-form-content .welcome-content .welcome-config{margin-top:20px;border:1px solid #dcdfe6;border-radius:5px;padding:10px;position:relative}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-textarea .el-textarea__inner{border:none!important;height:250px}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-textarea .el-input__count{display:none!important}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-textarea .el-button{position:absolute;top:0;right:0;background-color:#ddd;padding:5px;color:#999;font-size:12px}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-other{margin-top:5px;display:flex;flex-direction:row;justify-content:flex-end;line-height:15px}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-other .el-link{margin:10px 0 10px 10px;border:1px solid #409eff;padding:5px;border-radius:5px;font-size:13px}.drawer-container .drawer-preview{width:40%;display:flex;flex-direction:column;align-items:center}.drawer-container .drawer-preview .business-card-template-preview-content{margin:0 20px 0 20px;width:316px;height:550px;background:url(../img/phone.55f3262c.png) no-repeat;background-size:316px 550px;transform:scale(.75);margin-top:-80px}.drawer-container .drawer-preview .business-card-template-preview-content .card-box{background-color:#2c3138;border-radius:10px;box-shadow:0 0 10px #999;display:flex;flex-direction:column;justify-content:space-between;padding:20px;margin:10px 10px 0 10px;transform:scale(.75);position:relative;top:30px;height:30%}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-base-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#f0d7b1}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-base-info .user-base-info-text{display:flex;flex-direction:column}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-base-info .user-base-info-text .name{font-size:24px;margin-bottom:10px}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-base-info .user-base-info-img{width:30%}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-base-info .user-base-info-img image{width:50px;height:50px}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-more-info{display:flex;flex-direction:column;justify-content:center;margin-top:10px}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-more-info .user-more-info-item{display:flex;flex-direction:row;justify-content:flex-start;color:#aeb7bd;padding:4px 0;font-size:9px}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-more-info .user-more-info-item i{margin-right:10px}.drawer-container .drawer-preview .business-card-template-preview-content .edit-box{position:fixed;top:160px;right:0;background-color:#fff;padding:10px;border-radius:20px 0 0 20px;display:none;flex-direction:row;align-items:center}.drawer-container .drawer-preview .business-card-template-preview-content .edit-box i{margin-right:5px}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 10px 0;padding:10px;background-color:#fff;height:5%;transform:scale(.75)}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .card-operation-item{display:flex;flex-direction:row;margin-left:10px;align-items:center}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .card-operation-item image{width:25px;height:25px;border-radius:50%;margin-left:-5px;z-index:2}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .card-operation-item .count{background-color:#e9e9eb;height:25px;line-height:25px;padding:0 10px;border-radius:0 10px 10px 0;margin-left:-5px;z-index:1;color:#b2b2b2}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .share{font-size:14px;color:#0f6eff}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .share button{border:#fff;background-color:#0f6eff;color:#fff;display:flex;flex-direction:row;align-items:center;font-size:14px;height:25px;border-radius:none}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .share button i{font-size:20px;margin-right:5px}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box{display:flex;flex-direction:column;z-index:999;padding:5px 20px 20px 20px;transform:scale(.75);height:100%;position:relative;top:-20px}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0 0 10px 0;border-bottom:1px solid #bcbec2}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content{margin:10px 0;height:100%;overflow-y:auto;overflow-x:hidden}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .message-box{display:flex;flex-direction:row;justify-content:flex-start;margin:10px 0}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .message-box .chatbot-message{background-color:#fff;padding:10px;border:1px solid #e9e9eb;border-radius:0 20px 20px 20px;max-width:280px}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .message-box .chatbot-message video{width:240px}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .message-box-user{display:flex;flex-direction:row;justify-content:flex-end}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .message-box-user .user-message{background-color:#0f6eff;color:#fff;padding:10px;border:1px solid #e9e9eb;border-radius:20px 0 20px 20px;max-width:70vw}.drawer-container .drawer-preview .code-preview-download{display:flex;flex-direction:column;align-items:center}.drawer-footer{position:absolute;bottom:0;width:100%;display:flex;flex-direction:row;justify-content:center;padding-bottom:20px;background-color:#fff}.drawer-footer .el-button{width:40%}.el-popper .add-other-content{display:flex;flex-direction:row;justify-content:space-between;padding:0 20px}.el-popper .add-other-content .add-other-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.el-popper .add-other-content .add-other-item em{font-size:28px}.drawer-container .material-box{width:100%!important}.drawer-container .material-box .material-content{padding:0!important}.drawer-container .material-box .material-content .article-box .article-box-content{margin-top:0!important}.drawer-container .welcome-config .welcome-config-textarea{border-bottom:1px solid #dcdfe6}.drawer-container .welcome-config .welcome-config-file{display:flex;align-items:center}.drawer-container .welcome-config .welcome-config-file .selected-name{margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bind-bot-self-tree-box{text-align:left;flex:auto;position:relative;line-height:28px;height:56px;padding:0}.bind-bot-self-tree-box .selected-box{border:1px solid #e4e7ed;height:56px;overflow-y:auto;display:flex;justify-content:space-between}.bind-bot-self-tree-box .selected-box .tag-box{height:56px;flex:auto}.bind-bot-self-tree-box .selected-box .tag-box .placeholder{height:56px;line-height:56px;color:#c0c4cc;margin-left:8px}.bind-bot-self-tree-box .selected-box .tag-box .el-tag{margin-left:6px}.bind-bot-self-tree-box .selected-box .handle-teg-box{flex:none;width:15px;margin-left:10px;line-height:100%;cursor:pointer;position:absolute;right:1px;top:20px}.bind-bot-self-tree-box .selected-box .handle-teg-box span{height:10px;flex:none}.dynamicCodeDialog .bind-bot-self-tree{max-height:calc(100vh - 370px);min-height:500px;overflow-y:scroll;overflow-x:hidden}.dynamicCodeDialog .bind-bot-self-tree .custom-tree-node{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-right:8px}.dynamicCodeDialog .warning-title{margin-top:12px}