.xm-header{height:50px;background:#fff;z-index:2;box-shadow:0 3px 10px 0 rgba(38,114,255,.05)}.xm-header,.xm-nav{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;line-height:1}.xm-nav{position:relative;padding:0 30px;color:#303133}.xm-nav .xm-nav-item{-ms-flex:1;flex:1}.xm-nav .right{white-space:nowrap}.preview-header .label{font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:#2672ff;line-height:50px}.preview-header .text-right{-ms-flex-pack:justify;justify-content:space-between;font-family:PingFangSC-Regular;font-weight:400;font-size:14px}.preview-header .text-right,.preview-header .text-right .right-tip{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.preview-header .text-right .right-tip{-ms-flex-pack:distribute;justify-content:space-around;color:#606266;width:236px;height:25px;background:#f7f8fb;border-radius:13px;padding:0 10px}.preview-header .text-right .right-tip img{width:16px;height:16px}.preview-header .xm-nav{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}.preview-header .xm-nav .xm-nav-item{height:100%;-ms-flex:1;flex:1}.preview-header .xm-nav .right{white-space:nowrap}.preview-header .xm-nav .center{-ms-flex:2;flex:2}.preview-header .back{padding:7px 15px;font-size:12px;border-radius:3px}.preview-layout.container{position:relative;text-align:center;background:#eff1f7;height:calc(100vh - 50px);min-height:742px;overflow:auto}.preview-layout.container .show-preview__container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.preview-layout.container .preview-qrcode{position:absolute;left:calc(50% + 190px);top:calc(50% - 360px);width:124px;background:#fff;border-radius:2px;border:1px solid #f1f1f1;text-align:center}.preview-layout.container .preview-qrcode .preview-qrcode-title{font-size:14px;line-height:1;margin:16px 0 8px;font-family:PingFangSC-Regular;font-weight:400;color:#484848}.preview-layout.container .preview-qrcode .preview-qrcode-img{height:100px;margin-bottom:8px;text-align:center}.preview-layout.container .preview-qrcode .preview-qrcode-img img{width:100px;height:100px}.preview-layout.container .preview-qrcode .preview-qrcode-tip{font-size:12px;font-family:PingFangSC-Regular;font-weight:400;color:#707070;line-height:1;padding-bottom:16px}.preview-layout.container .show-pc-preview,.preview-layout.container .show-pc-preview iframe{width:100%;height:100%}.preview-layout.container .preview-container{position:absolute;left:50%;transform:translateX(-50%);width:70%;height:500px}.select-view-preview{height:50px;line-height:50px}.select-view-preview .btn-wrapper{padding-top:12px;padding-bottom:4px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin:0 25px;color:#606266}.select-view-preview .btn-wrapper.active{border-bottom:2px solid #2672ff;color:#2672ff}.select-view-preview .btn-wrapper span{width:40px;line-height:1;font-size:14px;font-family:PingFangSC-Regular;font-weight:400}.select-view-preview .btn-wrapper .view-btn{width:20px;height:20px}