.common-img-view,.common-img-view .ant-image-img{display:none}.img-logic-container,.img-logic-container .up-image-container{display:flex;flex-direction:column;align-items:center}.img-logic-container .up-image-container{width:372px;border:2px dashed #ccc;border-radius:8px;height:160px;cursor:pointer;padding:16px;justify-content:center}.img-logic-container .up-image-container .up-img-ipt{visibility:hidden;height:0;width:0}.img-logic-container .up-image-container .up-desc{color:rgba(3,5,22,.6);text-indent:2em;text-align:center}.img-logic-container .up-image-container .ant-spin-nested-loading{width:100%}.img-logic-container .filter-panel{background-color:#fff;padding:0 16px;margin-top:10px;border-radius:8px;min-width:560px;width:100%;max-width:1000px;display:flex;align-items:center;flex-direction:column}.img-logic-container .filter-panel .filter-li{margin:16px 0}.img-logic-container .filter-panel .base-label{margin-right:10px;margin-left:24px}.img-logic-container .filter-panel .first-basic{margin-left:0}.img-logic-container .filter-panel .filter-format-li{padding-left:72px}.img-logic-container .filter-panel .filter-format-label{width:60px;margin-right:10px;float:left;margin-left:-72px}.img-logic-container .filter-panel .gif-param-desc{color:rgba(3,5,22,.6);margin-left:10px;font-size:12px}.img-logic-container .result-list{width:100%;max-width:1000px;min-height:10px;color:#030516;background-color:#fff;padding:10px;border-radius:8px;margin-top:16px;overflow:auto}.img-logic-container .result-list .result-itm{height:32px;line-height:32px;margin:8px 0;background-color:#f5f5f5;padding:0 6px;border-radius:4px;min-width:660px}.img-logic-container .result-list .itm-section{float:left;width:33.3333%}.img-logic-container .result-list .origin-sec{padding-right:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.img-logic-container .result-list .origin-sec .origin-size{color:#ff7b00;float:right;margin-left:8px;margin-right:-72px;width:72px}.img-logic-container .result-list .progress{padding-right:16px}.img-logic-container .result-list .result-sec .result-size{margin:0 8px;width:82px;float:left;color:#ff7b00}.img-logic-container .result-list .result-sec .down-btn{color:#1890ff;margin-right:18px;cursor:pointer;float:left}.img-logic-container .result-list .result-sec .had-down{opacity:.3}.img-logic-container .result-list .result-sec .result-preview{color:#1890ff;margin-right:8px;cursor:pointer;float:left}.img-logic-container .result-list .result-sec .result-right{float:right}.img-logic-container .result-list .result-sec .result-right .reduce-per{float:left;margin-right:8px;color:#ff7b00}.img-logic-container .result-list .result-sec .result-right .out-format{float:right}.image-tool-page{max-height:calc(100% - 0px);overflow:auto;height:100%;padding:0 16px 16px}.image-tool-page .desc-title{margin:16px 0;text-align:left}.image-tool-page .center-section{display:flex;align-items:center;flex-direction:column}.image-tool-page .img-logic-section{min-height:160px}.image-tool-page .desc-container{max-width:1000px;width:100%;text-align:center;padding:16px;color:#030516;background-color:#fff;margin-top:16px;border-radius:8px}.image-tool-page .desc-container .desc-itm{line-height:24px}