.questionnaire-publish__details{padding:0 15px 0 15px}.questionnaire-publish__details .opts{z-index:2;position:sticky;top:0;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0}.questionnaire-publish__details .opts .item{margin-right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.questionnaire-publish__details .opts .item span{white-space:nowrap}.questionnaire-publish__details .opts .item span+div{width:100%}.questionnaire-publish__details .opts .item.but{display:-webkit-box;display:-ms-flexbox;display:flex}.questionnaire-publish__details .opts .item:last-of-type{margin-right:0}.questionnaire-publish__details .opts .el-input{width:auto}.questionnaire-publish__details .data .order-status{border-style:solid;border-width:1px;border-radius:3px;text-align:center;display:inline-block;padding:0 6px}.questionnaire-publish__details .data .warning{background-color:rgba(252,204,18,.25);border-color:#fccc12;color:#fccc12}.questionnaire-publish__details .data .success{background-color:rgba(70,188,21,.25);border-color:#46bc15;color:#46bc15}.questionnaire-publish__details .data .fail{background-color:rgba(255,48,0,.25);border-color:#ff3000;color:#ff3000}.questionnaire-publish__details .el-pagination{margin:20px 0 0;padding:0}.questionnaire-publish__details .el-pagination .btn-prev{margin-left:0}.questionnaire-publish__details-footer{padding:15px;background:#fff;z-index:2;position:sticky;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sms-preview-link{color:#409eff;margin-left:8px;text-decoration:none}.sms-preview-link:hover{color:#66b1ff}.sms-preview-dialog{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:10px}.sms-preview-dialog .preview-page-mobile{width:310px;height:609px;position:relative;text-align:center}.sms-preview-dialog .preview-page-mobile .mobile_preview_header{display:block;position:absolute;top:0;left:0;height:32px;width:306px;background:#eeeff2;text-align:center;line-height:32px;border-top-right-radius:40px;border-top-left-radius:40px}.sms-preview-dialog .preview-page-mobile .mobile_preview_header .mobile_preview_header_icon{display:inline-block;width:52px;height:8px;background:#c8c9cc;border-radius:8px;vertical-align:middle;margin-top:12px}.sms-preview-dialog .preview-page-mobile .mobile_preview_frame{width:294px;height:529px;top:32px;left:0;border:6px solid #eeeff2;position:relative;background:#f5f6fa;display:block;overflow:hidden}.sms-preview-dialog .preview-page-mobile .mobile_preview_footer{display:block;position:absolute;bottom:0;left:0;height:42px;width:306px;background:#eeeff2;text-align:center;line-height:36px;border-bottom-right-radius:40px;border-bottom-left-radius:40px}.sms-preview-dialog .preview-page-mobile .mobile_preview_footer .mobile_preview_footer_icon{display:inline-block;width:32px;height:32px;background:#c8c9cc;border-radius:50%;vertical-align:middle}.sms-preview-dialog .sms-preview-screen{height:100%;padding:0 16px;text-align:left;background:-webkit-gradient(linear,left top,left bottom,from(#eef1f7),to(#f7f8fb));background:linear-gradient(180deg,#eef1f7,#f7f8fb);-webkit-box-sizing:border-box;box-sizing:border-box}.sms-preview-dialog .sms-preview-status{height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;color:#333}.sms-preview-dialog .sms-preview-title{height:52px;line-height:52px;text-align:center;font-size:16px;font-weight:600;color:#222}.sms-preview-dialog .sms-preview-bubble{margin-top:16px;padding:14px 16px;background:#fff;border-radius:18px;-webkit-box-shadow:0 6px 18px rgba(0,0,0,.08);box-shadow:0 6px 18px rgba(0,0,0,.08);color:#333;font-size:15px;line-height:24px;word-break:break-word}