*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:12px}body{font-family:-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.1rem;line-height:1.7;position:relative;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation;background:#f6f5ee;color:#232323;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,h1,h2,h3,h4,html,p,ul,ul li{padding:0;margin:0}ul,ul li{list-style:none}a{text-decoration:none}img{display:block;border:0}.svgIcon{width:2em;height:2em;vertical-align:-.15em;fill:currentColor;overflow:hidden}button{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;line-height:1;padding:.45rem 1.2rem;background-color:#51748e;color:#fff;border-radius:3px;border-bottom:3px solid #00101b;letter-spacing:1px}button:not(.disable):hover{filter:brightness(1.2);-webkit-filter:brightness(1.2)}button .svgIcon{width:1.8rem;height:1.8rem;margin-right:.5rem}button.disable{background-color:#999!important;border-bottom-color:#333!important}h1{font-size:2rem}h2{font-size:1.6rem}.flex{display:flex;flex-direction:row;align-items:center;justify-content:space-between}header{width:100%;padding:0 3%;background:#afe2d3;border-bottom:1px solid #99d2c1}header .logo{height:2.5rem;width:auto}header .menuIcon{display:none}header .navs{padding-right:1rem}header .navs ul{font-size:1.2rem}header .navs ul li a{display:block;padding:.8rem 1rem;color:#232323;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}header .navs ul li a:hover{color:#df8d55}header .navs ul .actived a{color:#df8d55!important}header .navs ul .mlogo{display:none}header .lang{position:relative;padding:1.5rem 0}header .lang .btn{cursor:pointer}header .lang .btn span{padding-right:.2rem;font-size:1.2rem}header .lang .btn .svgIcon{width:1.1rem;height:1.1rem;transition:all .3s ease}header .lang ul{display:none}header .lang.show .svgIcon{transform:rotate(-180deg)}header .lang.show ul{display:block;background-color:hsla(0,0%,100%,.8);border:1px solid #4ab19a;border-radius:10px;padding:1rem 0;width:8rem;position:absolute;right:0;top:5.1rem}header .lang.show ul:before{display:block;content:"";width:0;height:0;position:absolute;border-bottom:7px solid #4ab19a;border-left:7px solid transparent;border-right:7px solid transparent;right:3.4rem;top:-7px}header .lang.show ul li a{line-height:1;display:block;padding:.5rem 1rem;color:#232323}header .lang.show ul .selected a,header .lang.show ul li a:hover{color:#df8d55}header.dark{background:#2f344a;color:#fff;border-bottom-color:transparent}header.dark .navs a{color:#fff}.uploader{cursor:pointer;width:90%;max-width:38rem;min-height:15rem;border:2px dashed #00223b;background:hsla(0,0%,100%,.7);border-radius:1rem;margin:0 auto;padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.uploader .svgIcon{width:4rem;height:4rem}.uploader .fileInput{display:none}.uploader .action{text-align:center;pointer-events:none;font-size:1.2rem}.uploader .action .tips{color:#555;font-size:1rem}.uploader.actived{border-color:#df8d55}.actionBtn{justify-content:center;padding:3rem 0}.actionBtn button{margin:0 1rem}.actionBtn .downloadBtn{background:#df8d55;border-bottom-color:#884314}.checkbox{font-size:1.2rem}.checkbox .wrapper label{display:block;height:1.8rem;position:relative;width:3.2rem}.checkbox .wrapper label input{display:none}.checkbox .wrapper .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.checkbox .wrapper .slider:before{background-color:#fff;bottom:.2rem;content:"";height:1.4rem;left:.2rem;position:absolute;transition:.4s;width:1.4rem}.checkbox input:checked+.slider{background-color:#4ab19a}.checkbox input:checked+.slider:before{transform:translateX(1.4rem)}.checkbox .slider{border-radius:2rem}.checkbox .slider:before{border-radius:50%}.progressList{width:90%;max-width:64rem;margin:4rem auto 0;background:#fff;border:1px solid #b6c0c6;padding:.5rem .8rem;border-radius:3px}.progressList ul li{background:#f0f0f0;margin:.4rem 0;border:1px solid #cfdbde;padding:0 1rem}.progressList ul .new,.progressList ul .origin,.progressList ul .progress{flex-shrink:0}.progressList ul .size{color:#018c89;flex-shrink:0}.progressList ul .progress{border:1px solid #cfdbde;width:35%;margin:-1px 0;text-align:center;border-radius:2rem;padding:.2rem;background:#fff;position:relative}.progressList ul .progress .bar{height:calc(100% - .4rem);max-width:calc(100% - .4rem);background:#018c89;border-radius:1rem;position:absolute;z-index:1;left:.2rem;top:.2rem}.progressList ul .progress .bar.error{background:#e20}.progressList ul .progress span{position:inherit;z-index:2}.progressList ul .origin{width:37%}.progressList ul .origin p{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}.progressList ul .origin .size{width:7rem;text-align:right;padding-right:1rem}.progressList ul .new{width:28%;padding-left:1rem}.progressList ul .new i{font-style:normal;color:#00223b;padding-left:.6rem}.progressList ul .new .download{cursor:pointer;text-decoration:underline}.compression{padding:10rem 0 25rem;background:url(/images/main-avatar.png),url(/images/sky.png);background-repeat:no-repeat,repeat;background-position:bottom,0 100%;background-size:80rem auto,110rem auto;color:#00223b}.homeContent{width:100%;max-width:85rem;padding:3rem 1.2rem;margin:0 auto}.homeContent h1,.homeContent h2{text-align:center;font-weight:400;line-height:2}.homeContent .cell{background:#fff;border-radius:3rem;overflow:hidden;margin-bottom:3rem;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.homeContent .cell h4{padding-top:2rem;padding-bottom:.5rem}.homeContent .cell p{padding:0 12% 1rem}.homeContent .cell img:not(.full){margin:0 auto;width:55%}.homeContent .cell img.full{width:100%}.homeContent .figure{padding:3rem 0;align-items:stretch}.homeContent .figure .big{width:60%;font-size:1.4rem}.homeContent .figure .small{width:35%;font-size:1.2rem}.homeContent .figure .full{font-size:1.3rem;border-radius:0;position:relative}.homeContent .figure .full:after,.homeContent .figure .full:before{display:block;content:"";width:1rem;height:1rem;background:#f6f5ee;position:absolute;top:0}.homeContent .figure .full:before{left:0}.homeContent .figure .full:after{right:0}.homeContent .figure .full p{padding:0 0 1rem}.homeContent .figure .full .corr{width:100%;position:absolute;bottom:0;left:0}.homeContent .figure .full .corr:after,.homeContent .figure .full .corr:before{display:block;content:"";width:1rem;height:1rem;background:#f6f5ee;position:absolute;bottom:0}.homeContent .figure .full .corr:after{right:0}.tabs{justify-content:center;border:1px solid #00223b;border-radius:.5rem;width:-moz-min-content;width:min-content;margin:0 auto;overflow:hidden}.tabs li{padding:.4rem 1.5rem;text-align:center;font-size:1rem}.tabs li:not(:last-child){border-right:1px solid #00223b}.tabs li.checked{background-color:#00223b;color:#fff}.converter{padding:10rem 0 25rem;background:url(/images/convert.png),url(/images/star.png);background-repeat:no-repeat,repeat;background-position:bottom,top;background-size:80rem auto,72rem auto;color:#00223b}.converter .uploader{border:1px solid #00223b;background:#fff}.converter .tlist{margin-top:.5rem}.converter .action{pointer-events:auto}.convertContent{width:100%;max-width:85rem;padding:3rem 1.2rem;margin:0 auto;min-height:50vh}.pixelate{padding:10rem 0 25rem;background:url(/images/pixel.png),url(/images/pixel-bg.png);background-repeat:no-repeat,repeat;background-position:bottom,top;background-size:80rem auto,72rem auto;color:#00223b}.pixelate .uploader{border-radius:0}.mask{position:fixed;width:100%;height:100dvh;background:rgba(0,0,0,.6);z-index:100;top:0;left:0;justify-content:center}.pixel.hidden{display:none}.pixel .container{background:#fff;padding:2rem;border-radius:.8rem;width:95%;max-width:80rem;align-items:stretch;position:relative;max-height:90%}.pixel .container .image{flex:1 1;margin-right:2rem;background:#f0f0f0;border-radius:.8rem;justify-content:center;min-height:40rem;max-height:60dvh}.pixel .container .image canvas{max-width:100%;max-height:100%}.pixel .container .control{width:25%;min-width:10rem;display:flex;flex-direction:column;justify-content:space-between}.pixel .container .control .blank{flex:1 1;padding:.5rem 0 1rem}.pixel .container .control .row{padding:.5rem 0;font-weight:700;font-size:1.2rem}.pixel .container .control .row input[type=number]{-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;background:transparent;width:6rem;height:2.1rem;border:1px solid #ccc;border-radius:.2rem;text-align:center;-moz-appearance:textfield}.pixel .container .control .row input[type=number]::-webkit-inner-spin-button,.pixel .container .control .row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;display:none}.pixel .container .control .row input[type=range]{width:100%;cursor:pointer}.pixel .container .close{position:absolute;right:-.9rem;top:-.9rem;padding:.3rem;background:#fff;cursor:pointer;border-radius:50%}.pixel .container .close:hover{background:#f0f0f0}.pixel .container .close svg{display:block;width:1.8rem;height:1.8rem}.palette{max-height:25rem;background:#f9f9f9}.palette .colors{padding:1rem .8rem;border-bottom:1px solid #eee;line-height:1;cursor:pointer}.palette .colors:last-child{border:none}.palette .colors:hover{background-color:#f0f0f0}.palette .colors .clist{justify-content:flex-start;flex-wrap:wrap}.palette .colors .clist div{width:1.4rem;height:1.4rem}.palette .colors p{padding-bottom:.3rem}.palette .colors.actived{background:#018c89;color:#fff}.terms{width:100%;max-width:85rem;margin:0 auto;padding:3rem 1rem 5rem;min-height:80vh}.terms p{font-size:1.2rem;padding-top:1rem}.terms h1{font-size:3rem}.terms h2{padding-top:1.5rem}.terms ul{margin-left:1em}.terms ul li{list-style:disc}footer{background:#2f344a;color:#fff;padding:3rem 0;text-align:center;line-height:2}footer .items{display:flex;justify-content:center;gap:1.5rem}footer a{color:#fff}footer a:hover{text-decoration:underline}.custom-scrollbar{overflow-y:auto;scroll-behavior:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.custom-scrollbar::-webkit-scrollbar{width:10px;height:10px}.custom-scrollbar::-webkit-scrollbar-track{background-color:none;box-shadow:inset 0 0 10px 10px transparent;border:2px solid transparent;width:10px}.custom-scrollbar::-webkit-resizer,.custom-scrollbar::-webkit-scrollbar-button{display:none}.custom-scrollbar::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:padding-box;background-color:hsla(0,0%,67%,.6);border-radius:6px}@supports(-moz-appearance:none){.custom-scrollbar{scrollbar-color:hsla(0,0%,67%,.6) var(--bg-color);scrollbar-width:thin}}@media(max-width:680px){header .logo{height:2.2rem}header .menus .navs{position:fixed;background:rgba(0,0,0,.6);width:100%;height:100%;top:0;left:0;z-index:1000}header .menus .navs ul{background:#fff;position:absolute;width:68%;right:0;top:0;height:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}header .menus .navs ul li{width:100%;border-bottom:1px solid #f0f0f0}header .menus .navs ul li a{color:#232323}header .menus .navs ul .mlogo{display:block;padding:1.3rem 0;background:#2f344a}header .menus .navs ul .mlogo img{height:2.2rem;margin:0 auto}header .menus .lang,header .menus:not(.show){display:none}header .menuIcon{display:block;padding:1.2rem 0;line-height:1}header .menuIcon svg{width:1.8rem;height:1.8rem}.progressList .size{display:none}.progressList .origin{width:30%!important}.progressList .progress{width:auto!important;flex:1 1}.progressList .new{width:auto!important;flex-shrink:0;justify-content:flex-end}.compression{background-size:50rem auto,80rem auto}.converter{padding:5rem 0 17rem;background-size:50rem auto,50rem auto}.homeContent h1,.homeContent h2{line-height:1.5}.homeContent .figure{padding-bottom:0;flex-wrap:wrap}.homeContent .figure .big,.homeContent .figure .small{width:100%;font-size:1.2rem}.pixel .container{display:block}.pixel .container .control,.pixel .container .image{width:100%;margin:0}.pixel .container .image{min-height:auto;max-height:none;height:40dvh}.pixel .container .control{margin-top:1.5rem;max-height:30dvh;overflow:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.pixel .container .control::-webkit-scrollbar{display:none}.palette{max-height:-moz-max-content;max-height:max-content}}