*{margin:0;padding:0;list-style:none}#app{display:flex;flex-direction:column;align-items:center;padding:12px}#app .header{display:flex;align-items:center;margin-bottom:28px}.operation{display:flex;flex-direction:column;justify-content:center}.operation #file_wrap{display:flex;align-items:center}.operation #file_wrap .file_btn{display:flex;justify-content:center;align-items:center;padding:8px 24px;font-size:14px;color:#fff;border-radius:8px;background-color:#409eff;border:1px solid #2e90f5;cursor:pointer}.operation #file_wrap .file_name{margin-left:12px;width:300px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation #file{display:none}.operation canvas{width:100px;height:100px}.operation .preview{display:flex;align-items:center;margin:12px 0;font-size:20px}.operation .preview #canvas{margin-left:12px}.converter_text{padding-top:12px;font-size:20px;border-top:1px solid #ccc}.down_list{margin:20px 0 0;padding:0;display:flex;flex-direction:column;background-color:#d9ecff;border-radius:8px;overflow:hidden}.down_list li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.down_list li:hover{background-color:#a0cfff}