*{margin:0;padding:0}.skeleton{font-size:14px;font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,WenQuanYi Micro Hei,Heiti SC,Segoe UI,sans-serif;height:100vh}.skeleton-header{display:flex;align-items:center;height:60px;background-color:#fff;border-bottom:1px solid #eef2f8}.skeleton-header .back-box{width:38px;height:28px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABUklEQVRYR+2WPU7EMBCF38YdixEHoOEMiVPxkyrSLrdFAtrwU8XKLaBMgeStUGw0UiKtItDazmRDQVpbel/evBnPCgt/q4X18Q/A6kBRFKdU0qqqjG9p2QCUUjfW2nsAX1LKS18IFoBe/BHAGsCnlPLiaAAj8V2SJFut9ctRSjAWF0Js6rp+9RWne9ElUErdWmsfett3MeLRACNxI4TYhv754FKwA5ziwQ5wiwcBjMUBbJqmeQsJ3E93vUqQZVnhnKPAnQCgKcci7uUAjVdjzIdz7oxb3AugLMt127bvAM4B0KC501o/T7U+qAvSNL0C8ASAHhtWCK8MEO1cEN4Ac0EEAcwBEQxAEHmeX3ddR8/vkImgF3A/wFEAnBDRAHsQ1B20iATvAl5z4FC/9+WIhpjkwAC36Eo2glhmKR0gFl3LD2Xlt3OWDMSKs3TBFPE/AfANKOnFIbb2/rQAAAAASUVORK5CYII=") no-repeat 50%/16px auto;background-color:#f5f5f5;border-radius:3px;margin:0 5px 0 15px}.skeleton-header .back-url-box{width:28px;height:28px;border-radius:3px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAvElEQVRYR+2UMQrDMAxFf4ynHiWrET5O05O1PY4xWnuUTMYUDYES0lZODFmkxYv5fjx9PODkGU5+HwZgBsyAGTADagMhhAeAq/LrfjLzpLnbAnABkAGMf4JfAIiZ564AEhZjHEspAiEwWzN77ymlJBCqURtY0ohoqrXet9Kdc7ecs6xKPc0AkvylD+q9f9LtBVj3oWnvhwFWfUDr3rsASIj0Qc7WvXcDUDftx8VdHejx8JJhAGbADJgBM/AGjkMzITtqvs4AAAAASUVORK5CYII=") no-repeat 50%/16px auto;background-color:#f5f5f5}.skeleton-header .header-file{margin-left:30px}.skeleton-header .fontBoth{margin:0 25px;display:inline-block;height:20px;border-left:1px solid #ddd}.skeleton-header .new-tem{font-size:14px;color:#333;font-weight:400;padding-left:17px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAxElEQVRIS+2UoQ4CMRBEZxweyWe05/BIFA5NgiJIzEl+BofEI0i6ng9AgiS4G9LkEhIQXRIEotWzO9m3OyWcr2matuu6BYC1me2cZaBXGGN8SBqQPKaUxt46t0EIQX1TM7NYDT4IVETFo/hfRDmhkjY5RMUxnAKSN0nLnHiGEC4ARs5at4zkPqU0zQYzkivHBKHvfgdwLjjdALRmdqpfRXEnFVFF9CIQY7xKGgI4mNmkyKYXfHNFOfFzSduc0J8beBu+655Dso8ZuRmCEQAAAABJRU5ErkJggg==) no-repeat 0/12px auto}.skeleton-undo{margin:0 15px 0 5px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAA/1BMVEUAAAAA//8AgIAAVVUAM2YAKlUAEkkAEVUAIFAAFk4AFUoAFFIAFE4AE0wAGFAAE0sAEkkAEkkAEksAEUkAEUgAE0gAEkkAEUoAEUoAEEkAEEoAEkkAEkgAEUsAEUoAEEoAEkkAEkkAEUkAEEkAEEgAEkkAD0gAEUkAEUkAEEgAEEkAEUkAEEkAEEgAEEkAEUkAEUkAEUgAEEkAEEkAEEkAEEgAEEgAEEcAEEgAEEgAD0gAD0kAEEgAEEgAEEcAEEkAEEgAEEkAEEkAEEcAEEgAEEgAEUgAEEgAEEkAEUgAEEkAEUgAD0cAD0gAEUgAEEgAEEkAEEgAEEkAEEkAEEhEC8qrAAAAVHRSTlMAAQIDBQYODxAXGBkaGyApKjg6OzxRV1laXmBiY2lrbnN0dn1/gYaIiZKTl6GipKWztMDR097f5eXm5+fr7u/v8PHy8/P09PX19fb29/f3+fn6+/2TnKJOAAABFElEQVQoz42Ta1OCQBSG1bS7BWZpRRdpqexqdzMTDUiKEFfe//9b+iKwZ2eZ8fm2PDP77nnPUCgsSuNkKU9Vbmzc57iNJz+Gpna1AQ/fttTuyIf3uKqOu/Xwc1lSus3ncTzeVV+5Y/NJd1vtDv4wfb2w5rSaWjFz+yBEI6dnriRyj0PG6+uJPf5F9HLO5rQ7gQugnj5owCfdrJuyYc8Q6tkofuwJo1SDGfppbuWOlrAGeCap71uoz3DREyaqffLwPS2+HMDRpJUFy8mpg1GTLnuIs+TQRtSiRRrXpXwpIF8rIj+IBtBRCFWblEBYJ/XRvENwQJc/W5ZlXT0ELhDWZccUy6Zy+uV8mKo8xhg7bWjFhf66f6v6PP7UORUGAAAAAElFTkSuQmCC") no-repeat 0/14px auto}.skeleton-do,.skeleton-undo{padding-left:20px;opacity:.5}.skeleton-do{margin:0 15px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAABCFBMVEUAAAAA//8AgIAAVVUAM2YAKlUAEVUAIFAAFUoAFFIAFE4AE0wAEkkAGFAAF0sAE0sAEkkAEk0AEkkAEksAEUkAEUgAE0gAEkkAEUgAEUoAEUoAEEoAEkkAEkgAEUsAEUoAEEoAEkkAEkkAEUkAEEkAEEgAEkkAD0gAEUkAEUkAEEgAEEkAEUkAEEkAEEgAEEkAEUkAEUkAEUgAEEkAEEkAEEkAEEgAEEgAEEcAEEgAEEgAD0gAD0kAEEgAEEgAEEcAEEkAEEgAEEgAEEkAEEkAEEcAEEgAEEgAEUgAEEgAEEkAEUgAEEkAEUgAD0cAD0gAEUgAEEgAEEkAEEgAEEkAEEgAEEkAEEgxAuH8AAAAV3RSTlMAAQIDBQYPEBgZGhscICIpKis4Ojs8UVdYWVpgYmNpa25zdHZ+f4GGiImSk5ehoqSks7TA0dPe3+Xl5ufn6+7v7/Dx8fLz8/T09fX19vb39/f5+fr7/P3kvTHfAAABG0lEQVQoz42Ta1eCQBCGoZLsTpaVpZkRdLGbdrOSpBI2KUJZ4v3//6QPAS7knOP7ac4+Z3Zm3tmVpKk1e7BDw2u8XhQoqCJybxcoutLxeW+DovM3DO4+RWdOP8EuycJbg2hwt0jRtc6QW5viiazuHhqxTh4CfO+lSNGe7fcRMjqKWclkyItv/7EyAMdrnemxju9H+KrHeT5CqzY39ulxyHtxQ4oJ7i0Jo7DITUfRGFDMmnCVmCB34VQF+z5E+1QbXlpv/cnnL4LxlT7aSbz6k1tZI0AziVv5ZYuwcF7L2ixe+/9piA3llR0lL43BWqagYiL0ihQtAeFblapb9gHHazcNwzAm5I6XPYEqWtfuBwSUJFmtNHRd16f+dL9trT7beobfigAAAABJRU5ErkJggg==") no-repeat 0/14px auto}.skeleton-solid{flex:1}.skeleton-tool{display:flex}.skeleton-tool .item{width:140px;height:60px;line-height:60px;text-align:center}.skeleton-tool .item span{padding-left:25px}.skeleton-tool .share span{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAB+1BMVEUAAAAA//8AgIAAVVUAQIAAM2YAKlUAJEkAIGAAHFUAGk0AF10AFVUAFE4AHFUAG1EAGEkAF1EAFk4AFUoAFFIAFE4AEkkAEUwAEEoAGFAAF00AFkkAFU4AFUwAFE4AE00AE0sAEkkAEk0AEUsAEUoAEUgAFUoAFEwAFEoAE0gAEkwAEksAEUgAEEoAEEkAE0sAEkoAEkkAEksAEkoAEUsAEUoAEUkAEEsAEEoAE0kAE0gAEkoAEkoAEUoAEUgAEEoAEEkAEEgAE0oAEkkAEkoAEkkAEUoAEUkAEUgAEUoAEEkAEEoAEEoAEkkAEkgAEkkAEkkAEUoAEUkAEUgAEUkAEEkAEkoAEkkAEkkAEkgAEUkAEUkAEUgAEUkAEUgAEUkAEEgAEEoAEEkAEkgAEUkAEUoAEUkAEUgAEUkAEUkAEEgAEEoAEEgAEUkAEUkAEUgAEUgAEEkAEEgAEEkAEUgAEUkAEUkAEUgAEUgAEUkAEEkAEEgAEEkAEEkAEUkAEUgAEUkAEUgAEUgAEEgAEEkAEEkAEEgAEEkAEUkAEUkAEUgAEUkAEEkAEEkAEEkAEEkAEEgAEUkAEUkAEUgAEUkAEUgAEUkAEEgAEEkAEEkAEEgAEUgAEUkAEUgAEUgAEUkAEUkAEUgAEEkAEEkAEEgAEEgAEEkAEEgAEEhRI8anAAAAqHRSTlMAAQIDBAUGBwgJCgsMDRITFRYXGBkaHB4fICEjJCUnKCkqKywtLjAyNDU5Ojw+P0RFRkdIS0xNTk9QUVNWWlxdXl9gYmRlZ2lqa21ub3Bxc3R1dnh7fYCBgoOEhYaIiouNjo+Rk5WXmJmam5yfoaipqqutrrCys7S3ubq7vL3BwsTFxsnKy8zP0tPU1dna3N3f4OHi4+Xn6err7PDx8/T19vf4+fr7/P4qrIdJAAAB90lEQVQYGbXB91+MAQDH8W/XaWiQJDKSlk1GaFhRZHMiW0Io65BCZFZKmaVxcaU+f6bnufU8V3f84OX91j9IzkiP118419e/9GAYbF2p6FJPDRJSpGgcB0eweBMVxdwXBA188/JMUSz7hGn8bklukhSzKEc+S/tux8suaxDDkCtd4arBHStLcgeGdws1VcYANMYoxI3hVoLsMrZUHHW5HgBnFFSCoUk2cYffEzIeJz9HF/AqXpa8XmyGHPLbAfxaLEv+d5hoO72ntLj4JrBbAe3ADVliO+BJtkwFXjimgNQJmMyUZT80z5BPLZxTUDnwRjadjMyRX+5zl0IagBpZsuGSInkIbJblAKxRJK+BFbJcZ9ypSPqABbK00SMb57qNm1bL1AnkydJLi2zmAZ9lagGKZOnnnmwKgbcyNQL7ZPHQJJutwGOZjgCPZPFyWTb1QJ1MS4AfMxVS250vm15gg3x6gGpFsRYYTZDPWaA/SZG1A275zRoGLiiiUmCyUAEnMZQpguxh4L6Ckr8Ao6s0zeweYCxHIct/At6dmqLgI4a9sinH1JAmG2fVKIarCnNiEoOnNksBKbs+YGp2KlypB5+uukNl2yprno7hc9GhqfK7mcazXRE4K78SxnslTZElVrWOEdR1PlN/kFJyvO6O+1pNxXz9b78BXNANZBd9QZIAAAAASUVORK5CYII=") no-repeat 0/20px auto}.skeleton-tool .save{color:#001048;background-color:#f3f4f9}.skeleton-tool .save span{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAHlBMVEUAAAAAEkkAEUgAEUgAEEgAEEgGFk0MHFF6g6D///9CC6g3AAAABXRSTlMAHKbm7dPOBesAAABsSURBVCjPY2AgATAqhyIDIwGQoEgoKnAECaqiCQaBBE3RBINBgqGhIDwTBCBMgoLtnVgEUzOxCIZGEiuIVTtWi4hzpynCiwhBVURgIARFEMGGEIQGNCiAEYJIYEQJYk02WBMY1qSINdFSHQAAGal/809cYGUAAAAASUVORK5CYII=") no-repeat 0/20px auto}.skeleton-tool .download{color:#fff;background-color:#14cfa6}.skeleton-tool .download span{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABOFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8CSeP7AAAAZ3RSTlMAAQIEBQYHCAkKCwwNDg8QERITFBUYGx0gJSguMDQ3PkJGSkxRVVxiZ2hrdnl+goyPlJidnqKkpq6vsra3uLm6u72/wcLExcbHyMnKzM3P0NLT1dvd4OLj5+nr7fHy8/b3+Pn7/P3+yK4f0gAAAQVJREFUGBntwYc6wmEYxuEnK+Ivyd57Zu89siJkZWbzO/8z8HLlIuJzAO5b/7JrP0226Q/qb+BUbt4RkJTbNKZLTv2YUTk1PwDxArlUngGXNXLJjQLPbXIawgzKqQOzlCOX2isgGZZLUQK4b9JnXiTi6asJTJ8yLMBBhTL1YqaU6RpIhPVZ4x1wGFCmccx+uT6EToBUnb4omMfshfTON4fp1Df+RcxumdIGMMPKwr+MiQf1pvUJ2MhTNoUrmJ1SmeoL4LxK2RWtYmKelB8DHlv0k0AUs1WiEUxEPwusYTZ6MLM+/aJ4nbTjoH5Vssmb2wY5eDFedcupdBsY0x8EZ1KTfv1LewGMu07DQYA/agAAAABJRU5ErkJggg==") no-repeat 0/20px auto}.skeleton-body{position:absolute;left:0;right:0;top:60px;bottom:0;display:flex;overflow:hidden}.skeleton-body .stage{height:100%;background:url(../image/loading_gif.gif) 50% no-repeat #f5f5f5;background-size:38px 38px;flex:1;position:relative}.skeleton-body .right-tool{width:352px;height:100%;background-color:#fff}.pace{left:0;top:0;height:10px;overflow:hidden}.pace,.pace-progress{position:absolute;width:100%}.pace-progress{right:100%;background:#14cfa6;height:2px;box-shadow:0 0 2px 0 rgba(20,207,166,.6)}