.code{position:absolute;left:150px;height:100vh;width:calc(100vw - 160px);text-align:left}.code .header{padding:8px 16px;background:#f5f8fb;box-shadow:0 2px 10px -5px #d1dfec;border-bottom:1px solid #d1dfec;height:44px;display:flex;flex-direction:row;justify-content:space-between;width:calc(100vw - 180px)}.code .header .leftInfo{height:38px;line-height:38px}.code .header .leftInfo .headerName{font-size:16px;color:#303133;margin-left:16px}.code .header .rightButton{margin-right:40px}.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}.code .code-container .el-table .qun-list{display:flex;flex-direction:row;flex-wrap:wrap}.code .code-container .el-table .qun-list .qun-item{margin-bottom:5px;padding:0 5px;border-radius:5px;background-color:#ddd;display:flex;flex-direction:row}.code .code-container .el-table .qun-list .qun-item span{margin:0 3px}.drawer-container{padding:20px;display:flex;flex-direction:row;justify-content:space-between}.drawer-container .drawer-form-content{width:60%;height:100%;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 .add-qun{cursor:pointer;color:#409eff}.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-config{margin-top:20px;border:1px solid #dcdfe6;border-radius:5px;padding:10px}.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-other{margin-top:5px;border-top:1px solid #dcdfe6}.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:66%;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:70vw}.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:20px;width:100%;display:flex;flex-direction:row;justify-content:center}.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}.select-qun-box{padding:10px 0;display:flex;flex-direction:row;justify-content:space-between}.select-qun-box .qun-list{padding:0 20px;width:49%;border-right:1px solid #ddd}.select-qun-box .qun-list .search-box{display:flex;flex-direction:row}.select-qun-box .qun-list .search-box .el-button{margin-left:10px}.select-qun-box .qun-list .qun-content{margin:10px 0;display:flex;flex-direction:column}.select-qun-box .qun-list .qun-content .qun-item{padding:8px 0;display:flex;flex-direction:row;justify-content:space-between}.select-qun-box .qun-list .qun-content .qun-item-header{color:#cecece!important}.select-qun-box .selected-qun-list{width:49%;padding:0 20px;display:flex;flex-direction:column;justify-content:space-between}.select-qun-box .selected-qun-list .qun-content{margin:10px 0;display:flex;flex-direction:column}.select-qun-box .selected-qun-list .qun-content .qun-item{padding:8px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.select-qun-box .selected-qun-list .qun-content .qun-item em{color:#cd5c5c;cursor:pointer}.select-qun-box .selected-qun-list .qun-content .qun-item-header{color:#cecece!important}