.compress .box{display:flex;justify-content:space-between;align-items:center}.compress .box .drag{height:220px;display:flex;flex:1;justify-content:center;align-items:center;flex-direction:column;padding:30px;margin:0 0 0 20px}.compress .pressresult{background-image:linear-gradient(to right,var(--main),var(--second));border-top-left-radius:10px;border-top-right-radius:10px;margin-top:20px;padding:20px;display:none}.compress .pressresult .minus{color:#fff;display:none}.compress .pressresult .minus .help{padding-bottom:10px;font-size:16px}.compress .pressresult .minus .help .reduction{font-size:24px;padding:0 5px}.compress .pressresult .minus .data span{font-weight:700}.compress .pressresult .minus .data .numb{padding-right:5px;font-size:16px}.compress .pressresult .minus .data .size{padding-left:5px;font-size:16px}.compress .pressresult .downall{background:#fff;height:50px;padding:0 20px;border-radius:50px;color:var(--main);cursor:pointer;display:none}.compress .pressresult .downall:hover{background:#f2f2f2}.compress .pressresult .downall .icon{color:var(--main)}.compress .down-small{background-image:linear-gradient(to right,#fe6f26,#fe8926);color:#fff!important;border:none;outline:none;padding:15px 24px;font-size:14px;cursor:pointer;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:none}.compress .down-small:hover{background-image:linear-gradient(to right,#fd7a39,#fc9846)}.compress .imglist{padding:20px;display:none}.compress .imglist .imginfo{margin-bottom:10px}.compress .imglist .list{border-bottom:1px #eee solid;padding-bottom:10px;margin-bottom:20px}.compress .imglist .list:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.compress .imglist .list .imgbox{width:50px;height:50px;margin-right:20px;overflow:hidden;border-radius:10px}.compress .imglist .list .imgbox img{max-width:50px}.compress .imglist .list .img{background-size:cover}.compress .imglist .list .img{width:50px}.compress .imglist .list .fileinfo .name{color:var(--text-two);font-size:16px;padding-bottom:6px}.compress .imglist .list .fileinfo .suffix{padding:2px 10px;border-radius:4px;background:#cfb53d;color:#fff;margin-right:4px;font-size:12px}.compress .imglist .list .fileinfo .size{font-weight:lighter}.compress .imglist .list .compress{align-items:flex-end}.compress .imglist .list .compress .ratio{font-size:14px;font-weight:700;color:var(--text-two)}.compress .imglist .list .compress .size{margin-top:6px;font-weight:lighter}.compress .imglist .list .down{margin-left:20px;background:#ffefe2;padding:5px 10px;border-radius:5px;cursor:pointer;display:none}.compress .imglist .list .down:hover{background:#fee5d0}.compress .imglist .list .down .icon{color:var(--main)}.compress .imglist .list .error{color:var(--main);display:none}.compress .layui-progress{height:2px;background:#fff}.compress .layui-progress-bar{height:2px;background-color:var(--main)}.compress .progress{font-size:14px;color:#fff}@media screen and (max-width:1050px){.compress .box .drag{width:100%;height:auto;margin-left:0}}@media screen and (max-width:750px){.compress .box .drag{padding:10px}.compress .drag .layui-icon{font-size:50px}.compress .drag p{font-size:12px;line-height:24px}.compress .pressresult{margin-top:10px;padding:10px}.compress .pressresult .minus .help{font-size:14px}.compress .pressresult .minus .help .reduction{font-size:18px}.compress .pressresult .minus .data{font-size:12px}.compress .pressresult .minus .data .size,.compress .pressresult .minus .data .numb{font-size:14px}.compress .pressresult .downall{height:40px;padding:0 15px;font-size:12px}.compress .pressresult .downall .icon{margin-right:4px}.compress .imglist{padding:10px}.compress .imglist .list .imgbox{border-radius:5px}.compress .imglist .list .fileinfo{width:calc(100% - 60px)}.compress .imglist .list .fileinfo .name{font-size:14px}.compress .imglist .list .fileinfo .suffix{font-size:10px}.compress .imglist .list .imgbox{margin-right:10px}.compress .imglist .list .size{font-size:12px}.compress .imglist .list .down{margin-left:10px;font-size:12px}.compress .imglist .list .down .icon{margin-right:2px}.compress .imglist .imginfo .file{width:65%}.compress .imglist .imginfo .operate{width:35%}.compress .down-small{padding:15px 20px;font-size:12px}.compress .down-small .icon{margin-right:4px}}