.codePanelMask{width:100vw;height:100vh;display:flex;position:fixed;z-index:200000;justify-content:center;align-items:center;top:0;left:0}.codePanelMask .fullScreen{width:100%;height:100%}.codePanelMask .fullScreen .toggleSize{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTczNC44MTUgNjkxLjQwM2gxNDkuNjEzVjc3Ljg4OUgyNTguMTQ0djIwNi4yMTJoMzYuODRWMTE4Ljg0OGg1NTIuNjA1djUzMS41OTVINzM0LjgxNXoiLz48cGF0aCBkPSJNMTA4LjUzIDI4NC4xaDYyNi4yODV2NjEzLjUxNkgxMDguNTNWMjg0LjF6bTM2Ljg0IDQwLjk2djUzMS41OTZoNTUyLjYwNlYzMjUuMDZIMTQ1LjM3eiIvPjwvc3ZnPg==)!important}.codePanelMask .fullScreen .codePanelBody{height:100%!important;width:100%!important}.codePanelMask .codePanelDialog{background-color:#fff;display:flex;flex-direction:column;box-shadow:0 8px 8px hsla(0,0%,68%,.3);position:relative}.codePanelMask .codePanelDialog .codePanelDialogHead{height:24px;line-height:24px}.codePanelMask .codePanelDialog .codePanelDialogHead .tools{height:24px;float:right;margin-right:20px;display:flex}.codePanelMask .codePanelDialog .codePanelDialogHead .tools .toggleSize{height:24px;width:24px;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTgzMiA4MzJIMTkyVjE5Mmg2NDB2NjQwem0tNTk3LjMzMy00Mi42NjdoNTU0LjY2NlYyMzQuNjY3SDIzNC42Njd2NTU0LjY2NnoiIGZpbGw9IiM1MTUxNTEiLz48L3N2Zz4=);cursor:pointer;background-size:100%}.codePanelMask .codePanelDialog .footer{height:40px;display:flex;align-items:center;justify-content:flex-end}.codePanelMask .codePanelDialog .footer button{line-height:28px;padding:0 15px;margin-right:15px;cursor:pointer}.codePanelMask .codePanelDialog .loading_mask{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.codePanelMask .codePanelDialog .loading_mask i{width:40px;height:40px;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTUxMi4wMzIgMjM3LjEwNWEyOS4zMSAyOS4zMSAwIDAxLTI5LjMxLTI5LjI0NlYyOS4zMWEyOS4zMSAyOS4zMSAwIDAxNTguNjIgMFYyMDcuODZhMjkuMzEgMjkuMzEgMCAwMS0yOS4zMSAyOS4yNDZ6bTAgNzg2Ljg5NWEyOS4zMSAyOS4zMSAwIDAxLTI5LjMxLTI5LjMxVjgxNi4yMDVhMjkuMzEgMjkuMzEgMCAxMTU4LjYyIDB2MTc4LjU0OWEyOS4zMSAyOS4zMSAwIDAxLTI5LjMxIDI5LjI0NnpNOTk0LjY5IDU0MS4zNDJIODE2LjIwNWEyOS4zMSAyOS4zMSAwIDExMC01OC42MmgxNzguNTQ5YTI5LjMxIDI5LjMxIDAgMTEwIDU4LjYyem0tNzg2LjgzMSAwSDI5LjMxYTI5LjMxIDI5LjMxIDAgMDEwLTU4LjYySDIwNy44NmEyOS4zMSAyOS4zMSAwIDAxMCA1OC42MnptNTE5LjI2NC0yMTUuMDlhMjkuMTgyIDI5LjE4MiAwIDAxLTIwLjczNS00OS45ODFsMTI2LjI2NC0xMjYuMjY0YTI5LjMxIDI5LjMxIDAgMTE0MS40MDUgNDEuNDA1TDc0Ny43OTMgMzE3LjY3NmEyOS4xODIgMjkuMTgyIDAgMDEtMjAuNjcgOC41NzZ6TTE3MC43NCA4ODIuNTY5YTI5LjE4MiAyOS4xODIgMCAwMS0yMC43MzQtNDkuOTgxTDI3Ni4yNyA3MDYuMzI0YTI5LjI0NiAyOS4yNDYgMCAxMTQxLjQwNSA0MS40MDVMMTkxLjQxMiA4NzQuMDU3YTI5LjE4MiAyOS4xODIgMCAwMS0yMC42NyA4LjU3NnptNjgyLjU4MiAwYTI5LjE4MiAyOS4xODIgMCAwMS0yMC42NzEtOC41NzZMNzA2LjM4OCA3NDcuNzNhMjkuMzEgMjkuMzEgMCAxMTQxLjQwNS00MS40MDVsMTI2LjI2NCAxMjYuMjY0YTI5LjMxIDI5LjMxIDAgMDEtMjAuNzM0IDQ5LjkxN3pNMjk3LjAwNSAzMjYuMjUyYTI5LjE4MiAyOS4xODIgMCAwMS0yMC42Ny04LjU3NkwxNTAuMDA3IDE5MS40MTJhMjkuMzEgMjkuMzEgMCAxMTQxLjQwNS00MS40MDVMMzE3LjY3NiAyNzYuMjdhMjkuMzEgMjkuMzEgMCAwMS0yMC43MzUgNDkuOTE3eiIgZmlsbD0iI2JmYmZiZiIvPjwvc3ZnPg==);background-size:100% 100%;transform-origin:center;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pagination-wrap{display:flex}.pagination-wrap .btn{cursor:pointer;width:28px;height:28px;color:#606266;background-color:#f4f4f4;margin:0 5px;font-size:14px;line-height:28px;text-align:center;border:none;font-family:tahome;border-radius:2px}.pagination-wrap .page-number-active{color:#fff;background-color:#409eff}.templet-lib{width:1324px;height:702px;display:none;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100001;box-shadow:3px 3px 5px rgba(0,0,0,.2)}.templet-lib .templet-lib-tools{height:51px;box-sizing:border-box;border-bottom:1px solid #ddd;display:flex;align-items:center;padding-left:20px}.templet-lib .templet-lib-list{height:600px;overflow-y:auto;padding-left:20px;padding-top:20px;padding-bottom:40px;box-sizing:border-box}.templet-lib .templet-lib-list ul{display:flex;flex-wrap:wrap}.templet-lib .templet-lib-list ul li{height:300px;width:240px;box-sizing:border-box;border:1px solid #ddd;margin-right:20px;margin-bottom:10px;display:flex;align-items:center;position:relative;cursor:pointer;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.15)}.templet-lib .templet-lib-list ul li .templet-hover-div{position:absolute;display:none;flex-direction:column;justify-content:space-between;width:240px;height:300px;background:linear-gradient(180deg,rgba(255,254,250,.95),rgba(255,254,250,.88) 33%,rgba(255,254,250,.65))}.templet-lib .templet-lib-list ul li .templet-hover-div .templet-hover-div-name{text-align:start;margin:15px 20px 0;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.templet-lib .templet-lib-list ul li .templet-hover-div .templet-hover-div-desc{height:150px;width:200px;line-height:15px;text-align:start;margin:0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;word-break:break-all}.templet-lib .templet-lib-list ul li .templet-hover-div .templet-hover-div-time{text-align:start;margin:0 20px 15px}.templet-lib .templet-lib-list ul li i{position:absolute;width:20px;height:20px;border-radius:2px;border:1px solid #d9d9d9;top:-10px;right:-10px;box-sizing:border-box;display:none;background-color:#fff}.templet-lib .templet-lib-list ul li:hover .templet-hover-div{display:flex}.templet-lib .templet-lib-list ul li:hover i{display:block}.templet-lib .templet-lib-list ul li:hover i:hover{border-color:#1890ff}.templet-lib .templet-lib-list ul li img{max-width:100%;max-height:100%}.templet-lib .templet-lib-list ul li span{width:100%;text-align:center}.templet-lib .templet-lib-list ul .active i{display:block;background-color:#1890ff;border-color:#1890ff}.templet-lib .templet-lib-list ul .active i:after{position:absolute;content:"";transform:rotate(45deg) scale(1) translate(-50%,-50%);border:2px solid #fff;border-top:none;border-left:none;width:7px;height:14px;top:6px;left:2px}.templet-lib .templet-lib-footer{height:51px;box-sizing:border-box;border-top:1px solid #ddd;display:flex;align-items:center;justify-content:flex-end}.templet-lib .templet-lib-footer button{margin-right:15px}.templet-lib .templet-lib-search{display:flex;flex-direction:row;margin-bottom:15px}.templet-lib .templet-lib-search .templet-lib-searchInput{width:60%}