body,html{height:100%;margin:0;padding:0;background-color:#fff;padding-right:0!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}#differences-list{position:absolute;display:inline-block;width:320px}#differences-list #top-bar{display:flex;height:48px;line-height:48px;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e3e4e5;border-left:1px solid #e3e4e5;padding:0 16px}#differences-list #top-bar #topbar-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;color:#303133;letter-spacing:0;line-height:48px;font-weight:500}#differences-list #list-container{position:absolute;width:320px;padding-left:16px;background:#fff}#differences-list #list-container .loading-mask{position:absolute;top:0;left:0;z-index:999;width:100%;margin-top:64px;height:calc(100vh - 113px)}#differences-list #list-container #list-filter{margin-top:16px}#differences-list #list-container #list-filter .el-radio-group label span{width:72px;height:32px;display:flex;justify-content:center}#differences-list #list-container #list{margin-top:16px;height:calc(100vh - 161px);overflow:auto}#differences-list #list-container #list .mask-list{position:relative}#differences-list #list-container #list .mask-list .mask-list-bg{position:absolute;width:100%;background-image:linear-gradient(180deg,hsla(0,0%,100%,.3),#fff);height:100%;z-index:3}#differences-list #list-container #list .mask-list .mask-item{width:288px;min-height:140px;margin-bottom:16px;border:1px solid #e3e4e5;border-radius:2px;position:relative}#differences-list #list-container #list .mask-list .mask-item:hover{cursor:pointer}#differences-list #list-container #list .mask-list .mask-item:last-child{margin-bottom:0}#differences-list #list-container #list .mask-list .cover-bg{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAABGCAYAAAAjIR2KAAAAAXNSR0IArs4c6QAAAsdJREFUeF7tnM9qE1EUh29SM100dmFB3fsafQJduBB0J4jgQwkiuFNw4cK+gD6G7psprTbGRSeaSLIrtHI7Zw7n3HO/7AJzz/39+SC5MyGjWdt+m0yaB4kXCdwwgeWy+z46+/FzPZ3u3XApl5NASovF7wRAkNA7AQDqHR0LNwkAEByIEgAgUXwsBiAYECUAQKL4WAxAMCBKIA+g5TKN371N46PP281WDx+l1fMXKU0m2/enp2e9RRwc3Om9loX2CWQBNH7zOu18eH9J7d+nz9Lq5SsAsu/QVEEWQLeePE6jxeKS0PV0mv58/ARApvXZbw5A9h0UrSALID7Ciu5YVXwWQIkv0aollDw8D6CSHaJdNQEAUo03/nAAit+xqkMAUo03/nAAit+xqkMAUo03/nAAit+xqkMAUo03/vAtQMezdt00TXy3OBw8ga7r0uj8fL7e3789+HAGxk9gPv8FQPFr1nMIQHrZVjEZgKqoWc8kAOllW8VkAKqiZj2TAKSXbRWTAaiKmvVMApBetlVMBqAqatYzCUB62VYxGYCqqFnPZBZAmyeuktd1f58nnSvRxNr8BP7394dZAB3P2vzdrrjy/r27V66XzhWJYnF2Atf1txkAQNkx1nshANXb/SDOAWiQGOsdAkD1dj+IczFA0tMSp7BBejQbIj6FmSlnY/cJZJ3C3LtAoFkCAGQWfYyNAShGj2YuAMgs+hgbA1CMHs1cAJBZ9DE2BqAYPZq5yAKIG4lm/bjYWHwjUfqzC37O4YKD3iLEjzIAqHf2IRYCUIga7UwAkF32IXYGoBA12pkQA8QpzK48DzuLT2EeTKDBZwJZ94F8SkeVhwQAyEMLBWsAoILL8yAdgDy0ULAGACq4PA/SAchDCwVrAKCCy/MgHYA8tFCwBgAquDwP0gHIQwsFa9gC1J6cfNltdg8L9oF0owQuuouv/wC3iWzaSAK+BwAAAABJRU5ErkJggg==) 100% 100% no-repeat;background-size:cover;border:0}#differences-list #list-container #list .mask-list .cover-bg .cover{position:absolute;margin-left:-1px;margin-top:-1px;width:288px;height:142px;padding-top:50px;display:flex;justify-content:center}#differences-list #list-container #list .mask-list .cover-bg .cover button{position:relative;z-index:999;width:200px;height:36px;padding:10px 0}#differences-list #list-container #list .mask-list .cover-bg .cover button span{line-height:16px}#differences-list #list-container #list .mask-list .cover-bg .cover button span img{margin-bottom:-2px}#differences-list #list-container #list .item{width:288px;min-height:140px;margin-bottom:16px;border:1px solid #e3e4e5;border-radius:2px;position:relative}#differences-list #list-container #list .item.removed.highlight{border:1px solid #ff423e}#differences-list #list-container #list .item.added.highlight{border:1px solid #59c128}#differences-list #list-container #list .item.changed.highlight{border:1px solid #ffab19}#differences-list #list-container #list .item:hover{cursor:pointer}#differences-list #list-container #list .item .cover{position:absolute;margin-left:-1px;margin-top:-1px;width:288px;height:142px;padding-top:50px;display:flex;justify-content:center}#differences-list #list-container #list .item .cover button{width:200px;height:36px;display:flex;justify-content:center;align-items:center}#differences-list #list-container #list .item .cover button img{margin-bottom:-3px}#differences-list #list-container #list .item .item-header{height:48px;padding-left:16px;line-height:48px;font-weight:500;font-size:16px;font-family:PingFangSC-Medium;background:#fafbfb;border-bottom:1px solid #e3e4e5;position:relative}#differences-list #list-container #list .item .item-header span{position:absolute;top:14px;right:8px;display:block;line-height:20px;color:#417ff9;text-align:center;font-size:12px;background-color:rgba(76,134,249,.2);width:40px;height:20px;border-radius:10px}#differences-list #list-container #list .item .item-header.removed{color:#ff423e}#differences-list #list-container #list .item .item-header.removed.highlight{background:rgba(255,66,62,.06);border-bottom:1px solid #ff423e}#differences-list #list-container #list .item .item-header.added{color:#59c128}#differences-list #list-container #list .item .item-header.added.highlight{background:rgba(89,193,40,.06);border-bottom:1px solid #59c128}#differences-list #list-container #list .item .item-header.changed{color:#ffab19}#differences-list #list-container #list .item .item-header.changed.highlight{background:rgba(255,184,63,.06);border-bottom:1px solid #ffab19}#differences-list #list-container #list .item .item-body{padding:20px 16px;font-family:PingFangSC-Medium;font-size:14px;color:#303133;line-height:22px;font-weight:500}#differences-list #list-container #list .item .item-body .item-body-target{margin-top:8px}#differences-list #list-container #list .item .item-body .item-body-origin,#differences-list #list-container #list .item .item-body .item-body-target{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#differences-list #list-container #list .item .item-body div span span{font-family:PingFangSC-Regular;font-weight:400}#differences-list #download-container{position:fixed;bottom:0;height:52px;width:320px;background:#fff;display:flex;justify-content:center;border-top:1.5px solid #ccc}#differences-list #download-container button{width:200px;height:36px;margin-top:3px;background:#0f87ff;display:flex;justify-content:center;padding:0;line-height:36px!important;text-align:center}#differences-list #download-container button:hover{background:#409eff}#differences-list #download-container button span{justify-content:center;align-items:center;display:flex;margin-left:4px!important}#differences-list #download-container button span img{margin-right:4px!important}#differences-list #download-container button .el-icon-loading{line-height:36px!important}#middle{background:#fff;width:calc(100vw - 340px);height:48px;border-bottom:1px solid #e3e4e5;display:flex;justify-content:space-between}#middle #middlebar-left{margin-left:30px}#middle #middlebar-left #go-back{height:48px}#middle #middlebar-left #go-back button{line-height:22px}#middle #middlebar-left #go-back button span{display:flex;font-family:PingFangSC-Medium;font-size:14px;color:#303133;text-align:left;line-height:22px;font-weight:500}#middle #middlebar-left #go-back button span img{margin-right:4px}#middle #middlebar-right{display:flex;margin-right:25px}#middle #middlebar-right div{display:inline-block}#middle #middlebar-right div .el-checkbox__label{padding-left:4px}#middle #middlebar-right div .el-checkbox__inner{top:1px}#middle #middlebar-right .config-text{font-family:PingFangSC-Medium;font-size:14px;color:#303133;line-height:22px;font-weight:500}#middle #middlebar-right #scroll-switch{margin-left:24px;padding-top:13px}#middle #middlebar-right #scroll-switch span{line-height:22px}#middle #middlebar-right #scroll-switch div{margin-left:6px;line-height:15px}#middle #middlebar-right #scroll-switch div span{width:32px!important;height:18px}#middle #middlebar-right #scroll-switch div span:after{width:14px;height:14px;left:16px;margin-left:-15px}#middle #middlebar-right #swap-switch{margin-left:24px;padding-top:13px}#middle #middlebar-right #swap-switch span{line-height:22px}#middle #middlebar-right #swap-switch div{margin-left:6px;line-height:15px}#middle #middlebar-right #swap-switch div span{width:32px!important;height:18px}#middle #middlebar-right #swap-switch div span:after{width:14px;height:14px;left:16px;margin-left:-15px}#similarity,.partialContainer{display:inline-block}#similarity{font-family:PingFangSC-Regular;font-size:14px;line-height:48px;color:#303133;text-align:right;font-weight:400}.preview-div i{font-size:70px}.preview-div .file-viewer{height:calc(100% - 32px);overflow-y:auto}.preview-div .file-viewer .page{margin:0 auto}.preview-div .file-viewer .page svg{z-index:101}.preview-div .file-viewer .page svg .rect:hover{cursor:pointer}.wrapper{display:flex;align-items:flex-start;box-sizing:border-box;overflow:auto}.wrapper #preview-container{width:calc(100vw - 340px);padding:12px 0 0 24px}.wrapper #preview-container #preview-topbar{height:48px;display:flex;justify-content:space-between;width:calc(100vw - 388px)}.wrapper #preview-container #preview-topbar .file-name-container{display:inline-block;font-family:PingFangSC-Medium;font-size:14px;color:#303133;text-align:left;line-height:48px;font-weight:500}.wrapper #preview-container #preview-topbar .file-name-container .file-name{margin-left:16px;font-family:PingFangSC-Regular;font-size:14px;color:#303133;text-align:left;line-height:22px;font-weight:400}.wrapper #preview-container #preview-topbar #topbar-right,.wrapper #preview-container #preview-topbar .file-name-container div{display:inline-block}.wrapper #preview-container #preview-content{display:flex;align-items:flex-start;box-sizing:border-box;overflow:auto}.wrapper #preview-container #preview-content .preview-div{background:#fff;height:calc(100vh - 70px);overflow:hidden}.wrapper #preview-container #preview-content #targetFile{margin-left:16px}.wrapper #preview-container #preview-content #line-svg{position:absolute;pointer-events:none;top:59px;width:1000px;height:500px}.wrapper #preview-container #preview-content #line-svg.hidden{display:none}.pageJumperContainer{background-color:#fafbfb;bottom:0;width:100%;height:32px;text-align:left}.pageJumperContainer .file-tile{padding-left:5px;flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:32px}canvas{image-rendering:optimizeQuality;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.pageJumper{display:flex;justify-content:space-between;align-items:center;width:inherit;text-align:center;line-height:32px;font-weight:500;padding-left:16px;background-color:#fafbfb;font-family:PingFangSC-Medium;color:#303133;font-size:12px;position:relative}.pageJumper #originPageUp .upDownBut,.pageJumper #targetPageUp .upDownBut{display:inline-block;vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}.pageJumper #originPageUp .upDownBut#upButOrigin,.pageJumper #originPageUp .upDownBut#upButTarget,.pageJumper #targetPageUp .upDownBut#upButOrigin,.pageJumper #targetPageUp .upDownBut#upButTarget{margin-left:3px}.pageJumper #originPageUp div,.pageJumper #targetPageUp div{margin:0 5px;display:inline-block}.pageJumper #originPageUp div input::-webkit-inner-spin-button,.pageJumper #originPageUp div input::-webkit-outer-spin-button,.pageJumper #targetPageUp div input::-webkit-inner-spin-button,.pageJumper #targetPageUp div input::-webkit-outer-spin-button{-webkit-appearance:none}.pageJumper #originPageUp div input[type=number],.pageJumper #targetPageUp div input[type=number]{-moz-appearance:textfield}.pageJumper #originPageUp div .pageInput,.pageJumper #targetPageUp div .pageInput{border:0;background-color:inherit;text-align:center;display:inline}.pageJumper #originPageUp div .pageInput input,.pageJumper #targetPageUp div .pageInput input{line-height:1;padding:4px;width:32px!important;height:20px!important;font-size:12px;text-align:center}.pageJumper #originPageUp div .pageInput:focus,.pageJumper #targetPageUp div .pageInput:focus{outline:none}.pageJumper #originPageUp div span,.pageJumper #targetPageUp div span{font-family:PingFangSC-Regular;font-size:12px;color:#303133;text-align:center;line-height:12px;font-weight:400;margin-left:5px}.pageJumper #originPageUp img,.pageJumper #targetPageUp img{margin-bottom:8px}.pageJumper .zoom-group{display:flex}.pageJumper .zoom-group img{font-size:16px;margin-left:12px}.pageJumper .zoom-group img:hover{cursor:pointer}.pageJumper .zoom-group img.disabled{cursor:not-allowed}.el-tooltip__popper{border-radius:2px;padding:9px 16px;font-size:14px;line-height:22px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#fff;text-align:left;font-weight:400}.contentLayer{margin:0 auto}div.is-checked span:after{left:100%!important}line{animation:dash 1000s linear}line.add{animation:reverse-dash 1000s linear}@keyframes dash{to{stroke-dashoffset:-25000}}@keyframes reverse-dash{to{stroke-dashoffset:25000}}