.fi {
    display: inline-block;
    height: 16px;
    position: relative;
    width: 21px;
    line-height: 16px;
    margin-right: 5px;
}

.fi-cn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyBpZD0nZmxhZy1pY29ucy1jbicgdmlld0JveD0nMCAwIDY0MCA0ODAnPjxkZWZzPjxwYXRoIGlkPSdjbi1hJyBmaWxsPScjZmYwJyBkPSdNLS42LjggMC0xIC42LjgtMS0uM2gyeicvPjwvZGVmcz48cGF0aCBmaWxsPScjZWUxYzI1JyBkPSdNMCAwaDY0MHY0ODBIMHonLz48dXNlIHhsaW5rOmhyZWY9JyNjbi1hJyB3aWR0aD0nMzAnIGhlaWdodD0nMjAnIHRyYW5zZm9ybT0nbWF0cml4KDcxLjk5OTEgMCAwIDcyIDEyMCAxMjApJy8+PHVzZSB4bGluazpocmVmPScjY24tYScgd2lkdGg9JzMwJyBoZWlnaHQ9JzIwJyB0cmFuc2Zvcm09J21hdHJpeCgtMTIuMzM1NjIgLTIwLjU4NzEgMjAuNTg2ODQgLTEyLjMzNTc3IDI0MC4zIDQ4KScvPjx1c2UgeGxpbms6aHJlZj0nI2NuLWEnIHdpZHRoPSczMCcgaGVpZ2h0PScyMCcgdHJhbnNmb3JtPSdtYXRyaXgoLTMuMzg1NzMgLTIzLjc1OTk4IDIzLjc1OTY4IC0zLjM4NTc4IDI4OCA5NS44KScvPjx1c2UgeGxpbms6aHJlZj0nI2NuLWEnIHdpZHRoPSczMCcgaGVpZ2h0PScyMCcgdHJhbnNmb3JtPSdtYXRyaXgoNi41OTkxIC0yMy4wNzQ5IDIzLjA3NDYgNi41OTkxOSAyODggMTY4KScvPjx1c2UgeGxpbms6aHJlZj0nI2NuLWEnIHdpZHRoPSczMCcgaGVpZ2h0PScyMCcgdHJhbnNmb3JtPSdtYXRyaXgoMTQuOTk5MSAtMTguNzM1NTcgMTguNzM1MzMgMTQuOTk5MjkgMjQwIDIxNiknLz48L3N2Zz4=);
}

.fi-gb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGlkPSdmbGFnLWljb25zLWdiJyB2aWV3Qm94PScwIDAgNjQwIDQ4MCc+PHBhdGggZmlsbD0nIzAxMjE2OScgZD0nTTAgMGg2NDB2NDgwSDB6Jy8+PHBhdGggZmlsbD0nI0ZGRicgZD0nbTc1IDAgMjQ0IDE4MUw1NjIgMGg3OHY2Mkw0MDAgMjQxbDI0MCAxNzh2NjFoLTgwTDMyMCAzMDEgODEgNDgwSDB2LTYwbDIzOS0xNzhMMCA2NFYwaDc1eicvPjxwYXRoIGZpbGw9JyNDODEwMkUnIGQ9J200MjQgMjgxIDIxNiAxNTl2NDBMMzY5IDI4MWg1NXptLTE4NCAyMCA2IDM1TDU0IDQ4MEgwbDI0MC0xNzl6TTY0MCAwdjNMMzkxIDE5MWwyLTQ0TDU5MCAwaDUwek0wIDBsMjM5IDE3NmgtNjBMMCA0MlYweicvPjxwYXRoIGZpbGw9JyNGRkYnIGQ9J00yNDEgMHY0ODBoMTYwVjBIMjQxek0wIDE2MHYxNjBoNjQwVjE2MEgweicvPjxwYXRoIGZpbGw9JyNDODEwMkUnIGQ9J00wIDE5M3Y5Nmg2NDB2LTk2SDB6TTI3MyAwdjQ4MGg5NlYwaC05NnonLz48L3N2Zz4=);
}