.guide-mask{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(5,20,51,0.6);text-align:center;z-index:9999;line-height:22px}.guide-mask:before{content:"";display:inline-block;height:100%;vertical-align:middle}.guide-mask .guide-panel{display:inline-block;vertical-align:middle;background:#fff;text-align:left;border-radius:4px;width:600px}.guide-mask .guide-header{display:flex;align-items:center;height:50px;padding-left:24px;padding-right:40px;border-radius:4px 4px 0 0;border-bottom:1px solid #ddd;box-sizing:border-box;position:relative}.guide-mask .guide-header-left{display:flex;align-items:center;overflow:hidden}.guide-mask .guide-header-left .panel-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.guide-mask .guide-header-left .guide-versions-text{margin-left:16px;padding:0 16px;line-height:26px;font-weight:600;border-radius:12px;background-color:#eaf1ff;color:#2e73ff;white-space:nowrap}.guide-mask .guide-header .close-btn{position:absolute;right:16px;font-size:12px;font-weight:bold;color:#333;cursor:pointer}.guide-mask .guide-header .close-btn:hover{color:#2e73ff}.guide-mask .guide-panel-content{padding:24px 24px 0;max-height:calc(100vh - 150px);overflow:auto}.guide-mask .guideimg{width:100%}.guide-mask .guide-src{margin-top:6px}.guide-mask .guide-details{margin-bottom:10px}.guide-btns{margin:24px 0;display:flex;justify-content:flex-end}.guide-mask .frbtn,.guide-mask .frbtn:active{margin:0;float:right}