.top[data-v-3f784687]{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:30px;background:#fff;width:100%;position:sticky;top:0;z-index:999}.top .top-btn[data-v-3f784687]{width:120px;height:48px;background:#fff;border-radius:12px 12px 12px 12px;opacity:1;border:1px solid #ab7b72;text-align:center;line-height:48px;color:#ab7b72;cursor:pointer}.top span[data-v-3f784687]{font-size:16px;font-family:Microsoft YaHei UI-Bold,Microsoft YaHei UI;font-weight:700;color:#363636}.index.active .top[data-v-3f784687]{background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);opacity:1;position:absolute;width:100%;top:0;height:85px}.left[data-v-2e676fbc]{flex:1;padding:30px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:4px 4px 4px 4px;max-width:500px}.right-demo[data-v-2e676fbc]{flex:1;margin-left:20px;border:1px dashed #d9d9d9}.right-demo .right-demo-img[data-v-2e676fbc]{width:294px;height:460px;position:relative;margin:0 auto;padding:70px 0}.createText[data-v-2e676fbc]{display:flex}.createText .form[data-v-2e676fbc]{flex:1}.createText .result[data-v-2e676fbc]{flex:1;padding:0 20px}.createText .result .title[data-v-2e676fbc]{font-size:1.17em;margin-bottom:1em;font-weight:700}.createText .result .content[data-v-2e676fbc]{padding:20px;background-color:hsla(0,0%,92.5%,.5);min-height:600px;border-color:#efefef}.createText .result .content[data-v-2e676fbc]:focus{outline:none}.submitBtn[data-v-2e676fbc]{width:100%;max-width:500px;border-radius:12px}[data-v-2e676fbc] .el-form-item{margin-bottom:28px}[data-v-2e676fbc] .el-form-item__label{padding:0;line-height:0;margin-bottom:12px}[data-v-2e676fbc] .el-input__inner,[data-v-2e676fbc] .el-textarea__inner{border:1px solid #d9d9d9;border-radius:10px}[data-v-2e676fbc] .el-textarea__inner{resize:none;padding:20px}