.page-content[data-v-ab6bdc3c]{display:flex;align-items:flex-start;justify-content:space-around}.page-content .left[data-v-ab6bdc3c]{width:320px}.page-content .right[data-v-ab6bdc3c]{flex:1;max-width:420px}.step-content[data-v-ab6bdc3c]{margin-left:auto;margin-right:auto;background-color:hsla(0,0%,100%,.5);position:relative;margin-top:20px}.step-content .form-content[data-v-ab6bdc3c]{height:calc(100vh - 471px);overflow-y:auto;padding:20px;box-sizing:border-box}.step-content .form-content[data-v-ab6bdc3c]::-webkit-scrollbar{width:7px;height:7px;background-color:#d3dce6}.step-content .form-content[data-v-ab6bdc3c]::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(64,158,255,.3);-webkit-box-shadow:inset 0 0 6px rgba(64,158,255,.3);border-radius:10px;background-color:#f5f5f5}.step-content .form-content[data-v-ab6bdc3c]::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(64,158,255,.1);-webkit-box-shadow:inset 0 0 6px rgba(64,158,255,.1);background-color:#13ce66}.step-content .step-btn-area[data-v-ab6bdc3c]{position:sticky;bottom:0;left:0;width:100%;background-color:#fff;text-align:center;padding:14px;margin-bottom:0}[data-v-ab6bdc3c] .el-step__title{font-size:13px}.page-content .left .preview-panel[data-v-ab6bdc3c]{background-color:rgba(0,0,0,.1);height:calc(100vh - 324px);position:relative;background-size:cover}.page-content .left .preview-panel .header-area img[data-v-ab6bdc3c]{width:100%}.page-content .left .preview-panel .header-area div[data-v-ab6bdc3c]{padding:20px;word-break:break-all}.page-content .left .preview-panel .copyright[data-v-ab6bdc3c]{position:absolute;bottom:0;left:0;width:100%;padding:20px;word-break:break-all}.page-content .left .preview-panel .music[data-v-ab6bdc3c]{position:absolute;top:14px;right:14px;width:40px;height:40px}.page-content .left .preview-panel .music img[data-v-ab6bdc3c]{width:100%;height:100%}.music[data-v-ab6bdc3c]{position:fixed;top:20px;right:20px;width:30px;height:30px;z-index:200;border-radius:15px}.rotating[data-v-ab6bdc3c]{-webkit-animation:rotating-ab6bdc3c 1.2s linear infinite;animation:rotating-ab6bdc3c 1.2s linear infinite}.music .bgm-btn[data-v-ab6bdc3c]{width:100%;height:100%;background-image:url(../img/music.ddc0d5bd.png);background-size:contain;background-repeat:no-repeat;border-radius:15px}@-webkit-keyframes rotating-ab6bdc3c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotating-ab6bdc3c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}