.save-template-dialog .content-area .name{margin:0 0 15px 0}.template-wrap{position:relative;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.template-wrap .component{padding:0 10px 0 0;position:absolute;color:#000}.template-wrap .component .QrCodeUi{max-width:100%;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none}#nav-warp{width:100%;height:32px;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 20px;box-shadow:0 1px 4px rgba(0,21,41,.08);position:relative;-ms-flex-pack:justify;justify-content:space-between;z-index:100}#nav-warp .logo-area{color:#198fff;font-weight:500;font-size:18px}#nav-warp .handle-area{padding:10px 0}#nav-warp .handle-area,#nav-warp .handle-area .preview-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}#nav-warp .handle-area .preview-btn{font-size:14px;color:#606266;cursor:pointer;margin-right:15px;padding-right:15px;border-right:1px solid #e4e7ed}#nav-warp .handle-area .preview-btn:last-of-type{margin-right:0}#nav-warp .handle-area .preview-btn:hover{text-decoration:underline;color:#198fff}#nav-warp .handle-area .preview-btn i{margin-right:5px}