.the-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 0;background:#fff}.preview-design-left[data-v-71122ca4]{float:left;width:300px;-webkit-box-shadow:1px 0 5px #999;box-shadow:1px 0 5px #999}.preview-design-left img[data-v-71122ca4]{width:300px}.preview-section-qrcode-design[data-v-71122ca4]{float:right;width:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;margin-top:50px}.preview-section-qrcode-design .qrcode-img[data-v-71122ca4]{padding:10px;border-radius:7px;border:1px solid #eee;margin-right:20px}.preview-section-qrcode-design .qrcode-text p[data-v-71122ca4]{margin:10px 0;border-bottom:1px solid #eee}.preview-section-qrcode-design .new-window[data-v-71122ca4]{color:#ff6a3c}.preview-section-qrcode-design .effective-p[data-v-71122ca4]{margin-right:20px;word-wrap:break-word;white-space:normal;word-break:break-all}.my-iframe[data-v-71122ca4]{width:431px;height:736px;border:none;-webkit-box-shadow:1px 0 5px #999;box-shadow:1px 0 5px #999;margin:10px auto 20px;display:block}.preview-styles[data-v-71122ca4]{pointer-events:none}.preview-styles[data-v-71122ca4].el-dialog__wrapper{right:250px;left:inherit}.preview-styles[data-v-71122ca4].el-dialog__wrapper .el-dialog{border:1px solid #ddd}