.water-mark-mask{position:fixed;top:0;left:0;height:100vh;font-family:PingFang SC;color:#212930;width:100vw;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:9}.water-mark-mask .water-mark-dialog{padding:24px;box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 8px 20px 0 rgba(0,0,0,.1);border-radius:4px;position:relative}.water-mark-mask .water-mark-dialog .water-mark-header{width:100%;display:flex;align-items:center;justify-content:space-between}.water-mark-mask .water-mark-dialog .water-mark-header .water-mark-title{font-size:17px}.water-mark-mask .water-mark-dialog .water-mark-header .water-mark-close{cursor:pointer}.water-mark-mask .water-mark-dialog .water-mark-main{margin-top:30px;display:flex}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-left{display:flex;align-items:center;justify-content:center;width:382px;cursor:grab;height:460px;border-radius:4px;border:1px solid #e9edf2;background-color:#f3f5f9;user-select:none;position:relative;overflow:hidden;flex-shrink:0;z-index:1}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-left svg{background-color:#fff}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-left .water-mark-size{position:absolute;bottom:14px;left:276px;height:32px;line-height:32px;border-radius:4px;background:#fff;box-shadow:0 4px 10px 0 rgba(0,0,0,.10196078);z-index:3;padding:4px 8px;display:flex;gap:8px;align-items:center;box-sizing:border-box}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-left .water-mark-size .icons{cursor:pointer}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right{margin-left:24px;width:316px;display:flex;gap:12px;flex-direction:column}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .water-mark-sub{color:#6c7d8f;font-size:13px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .export-type{display:flex}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .export-type .w_m_f_type_item{color:#212930;user-select:none;font-size:13px;border-radius:4px;border:1px solid #e9edf2;line-height:30px;height:30px;padding:0 8px;box-sizing:border-box;margin-right:12px;display:flex;white-space:nowrap;align-items:center;position:relative;justify-content:center;width:76px;cursor:pointer}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .export-type .w_m_f_type_item .w_m_type_arrow{position:absolute;bottom:-1px;right:0;display:none}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .export-type .type_active{border-color:#067bef}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .export-type .type_active .w_m_type_arrow{display:inline-block}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .export-qua{font-size:13px;display:flex;gap:14px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .export-qua .export-qua-item{display:flex;align-items:center;cursor:pointer;font-size:13px;line-height:22px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .export-qua .export-qua-item label{cursor:pointer}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .export-qua .export-qua-item input{margin:0 3px 0 5px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .export-qua .export-qua-item img{border-radius:2px;width:25px;height:14px;margin-left:2px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-set{font-size:13px;display:flex;gap:14px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-set .mark-set-item{display:flex;align-items:center;cursor:pointer;font-size:13px;line-height:22px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-set .mark-set-item label{cursor:pointer}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-set .mark-set-item input{margin:0 3px 0 5px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-set .mark-set-item img{border-radius:2px;width:25px;height:14px;margin-left:2px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-text{color:#212930;background-color:#fff;border:1px solid #e9edf2;height:30px;width:290px;font-size:13px;width:316px;padding:6px 12px;box-sizing:border-box;border-radius:2px;margin-top:-4px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-text[readonly]{background:#f6f7f8;border:1px solid #e9edf2;color:#9aa5b8}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-style .mark-style-list{margin-top:12px;display:flex;flex-wrap:wrap;gap:12px}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-style .mark-style-list .mark-style-item{width:95px;height:48px;font-size:12px;line-height:48px;display:flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid #e9edf2;background:#fff;position:relative;cursor:pointer}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-style .mark-style-list .mark-style-item .w_m_type_arrow{position:absolute;bottom:-1px;right:0;display:none}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-style .mark-style-list .active{border-color:#067bef}.water-mark-mask .water-mark-dialog .water-mark-main .water-mark-right .mark-style .mark-style-list .active .w_m_type_arrow{display:inline-block}.water-mark-mask .water-mark-dialog .water-mark-btn{position:absolute;bottom:24px;right:24px;display:flex}.water-mark-mask .water-mark-dialog .water-mark-btn .copy{font-size:13px;width:92px;height:32px;line-height:32px;margin-left:16px;cursor:pointer;text-align:center;border-radius:4px;border:1px solid #067bef;color:#067bef}.water-mark-mask .water-mark-dialog .water-mark-btn .export{border-radius:4px;background:#067bef;color:#fff;font-size:13px;width:92px;height:32px;line-height:32px;margin-left:16px;cursor:pointer;text-align:center}