.integration[data-v-a004f4d4]{width:100%;height:100%;display:flex;box-sizing:border-box;padding:20px}.integration .content[data-v-a004f4d4]{flex:1;border:1px solid #ccc;display:flex;flex-flow:column}.integration .content .content-title[data-v-a004f4d4]{height:40px;background:#fcfcfc;display:flex;justify-content:center;border-bottom:1px solid #f3f3f3}.integration .content .content-title .tag[data-v-a004f4d4]{width:150px;height:100%;line-height:40px;text-align:center;font-size:14px}.integration .content .content-title .tag.current[data-v-a004f4d4]{font-weight:600;color:#004e9c;background-color:#fff;border-right:1px solid #f3f3f3;border-left:1px solid #f3f3f3}.integration .content .content-title .tag[data-v-a004f4d4]:last-child{border:none}.integration .content .content-body[data-v-a004f4d4]{flex:1;padding:30px}.integration .content .content-body .tip-div[data-v-a004f4d4]{width:100%;border:2px solid #004e9c;border-radius:4px;font-size:14px;display:flex;flex-flow:column;padding:20px;background-color:#f2f6fa;color:#042d57}.integration .content .content-body .tip-div .tip-title[data-v-a004f4d4]{color:#004e9c}.integration .content .content-body .code-div[data-v-a004f4d4]{margin-top:40px;border:1px solid #d9d9d9;padding:20px 30px;font-size:14px}.integration .content .content-body .code-div .code-title[data-v-a004f4d4]{color:#004e9c}.integration .content .content-body .code-div .code[data-v-a004f4d4]{margin-top:20px;color:grey}.nav[data-v-a004f4d4]{height:40px;background:#fcfcfc;border:1px solid #f3f3f3;display:flex;justify-content:center}.nav-content span[data-v-a004f4d4]{padding:10px 30px;line-height:40px;font-size:14px;font-weight:400;color:grey}.nav-content .active[data-v-a004f4d4]{border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;font-weight:600;color:#004e9c;background:#fff}.code-content[data-v-a004f4d4]{width:100%;height:100%;border-radius:4px;border:1px solid #d7d7d7;display:flex;flex-direction:column}.code-head[data-v-a004f4d4]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:50px;border-bottom:1px solid #d7d7d7}.code-title[data-v-a004f4d4]{font-size:18px;font-weight:900;color:#696969}.copy-btn[data-v-a004f4d4]{padding:5px 16px;border-radius:20px;border:1px solid #d7d7d7;cursor:pointer}.show-code[data-v-a004f4d4]{flex:1;overflow:auto}.my-editor[data-v-a004f4d4]{background-color:#f5f2f0}