.layui-input:hover,.layui-input:focus{border-color:#ccc !important}.black .main-div .layui-input:hover,.black .main-div .layui-input:focus{border-color:#2f2f2f !important}#copy,#clear{width:30px;padding:0;margin-left:5px}.drop-area{border:2px dashed #ccc;border-radius:10px;background-color:#f5f5f5;height:110px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:16px}.black .drop-area{border-color:#888;background-color:#282828}.drop-area:hover{cursor:pointer}.drop-area.highlight{background-color:#e9ecef}.black .drop-area.highlight{background-color:#404040}.label{height:30px;line-height:30px;margin-top:10px;margin-bottom:10px}.output{white-space:pre-wrap;word-wrap:break-word;word-break:break-all;height:100px;border:1px solid #ccc;border-radius:2px}.black .output{background-color:#222 !important}.show-img-div{background:#f5f5f5;min-height:100px;padding:10px}.black .show-img-div{background-color:#282828}.img-wh,.img-size,.img-type{color:#888}.img-wh,.img-size{margin-right:5px}.base64-tips,.img-tips{display:inline-block;float:right;color:#888;font-size:13px}.base64-tips .gg-copy{color:#2888ff;margin-left:0 !important}