.my-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    min-width: 5px;
    min-height: 5px;
    vertical-align: middle;
    /* 修复基线对齐 */
    -webkit-mask: var(--svg) no-repeat center / contain;
    mask: var(--svg) no-repeat center / contain;
    background-color: currentColor;
    pointer-events: none;
} 
.icon--arrows-right {
    --svg: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAQAAAD9sOO8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfpBxUSIBC/6diPAAAAbUlEQVRYw+3YwQ2AIBQE0YWKLMFSsCJL0E7HixqPaNiDyc6dl09CQkDqjgZA61/xIq4cPBh5tvDhw4cPH348f167jlqB4Ru4qz5aqlps9lIkiXkQt2p60PvAQY1HMXTo0KFD/4N2P3J99JePhQOT0VxQBLZRpgAAAABJRU5ErkJggg==")
} 
.icon--down {
    --svg: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAVCAQAAACa5rSoAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfpBxUSIji4ahL3AAAA2ElEQVQ4y63VWxGFIBCA4Y1ABCMQwQhGMIIRbEAEIhjBCEYgAhH+8+DRQRm56b65OJ8su6qgcXiMfBAYPA4tOPawqFegwv4lJ3iO2NpZFNvpeMFAwHZNZBeQMIsIU5Dw6GpSB9XCdKTHC9tXkf2FHMuW0mR6Ow9FpMn8wV06CDZL2uDu58m5scvziKFYisjy59fWFLPRSaGrSZGop/pGNs1JzA5nfmgmn3aUqqCcdeEbzRxcuSZSJOpy+Qhl2TUi13df3h22F7J0hLKsOclPfjsHO+LxpSP0A2ckBqhAczGdAAAAAElFTkSuQmCC")
} 
.icon--email {
    --svg: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABTCAQAAADZqIpEAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfpBxYRNQcbfKrrAAADTklEQVR42u2c7XWiQBhG73C2AFLB0kFIBYsd0EFiB5aQDkwHmAosQbYCSAWxA0kF7/7Q1cgMEGBg0MPzK4FxeC9zz4B8qNAiESE+j/iAT8i0klMABR8U5CqtbSuRbOXWspXIDBPIznVtnbOT4D+HOuGE7PBd29QjBQuVn4EkILtpnCPSk9qDB0By8zjgkwB4IBGR62qsJJLoOELPriuxlmdQIIca4Ta8u65SK/qlcl2hHpDQNLPL4fT3QWLXBN8j8bfKTEfNEIn1hZJd/b92jXHGWV/VlRkGI0ZeS4sOkmjNssuByxlMUNrNIiKJfJaWvJap5Tyk5aWxU5y4sq7rrGlxwuNMPW2nV2enA20NQ+tQPaNql3q2ZSBP6+GDBZuK3kOycdWTmKzyC8yGBR/lhToQqlBLlhTGTny246kna7YVx8iCpVoqQ42euSu1YUFesZ3VGOpJIBmripU5C7Uxr6oAApW7VK9JteNXBfNHyxPfy9Xal4rpctBZr2ZWO2j1lYL2kajUeTjurNcwq5VGTaLWQCC+4dzhssdiqzhxjRGJ+Fr7LkCnoR1BvZ+r1htoePXaqWYBaFj12qpmBQiGUq+9ataA7KvXTTWLQHbV66qaVSCwpV531awD9Vevn2oDAPVTr69qgwBBV/X6qzYYUKN6Yd/2owM1qre6aruyo9qgQNCg3u643yWsuSDTUrXBgRpUEska1oYdtzocUIN6demg2ihA0KCeRdVGA2pUz5Jq1UBevw71qFw98fajpm/qqeZiR2dGyyN06jXSLqNf59PadoZW7rwpv+Z8YN19GnAGBCCBJKVJ4iCJzStFOtAve53rUXuWLL/dlE4bHmWxkEGBTlgpg2NcYn2Wc50ZaOqZgaaeGWjqmYGmnhlo6pmBpp4ZaOqZgaaeOwQqSksC1yW1ilatpz1EdttA6R0qd2eZgaYeHei365JaRav23ma53OPrroC+DCPk/sWNn0YC0wjttXbW7t4MjOOjP6uyr3rDK2d/egw/dV14KREAjwSG57oL9aBAkpqXwG4rG7X0YHJv2XXPO3hj35AaMKlK7/VNY7VnUfF6za2kYKH2cD71UTlPNyxeivkRjnv4PQVlwiLE5w8w3V+8gL/mX7z4B+FjZK/mZ4T9AAAAAElFTkSuQmCC")
} 
.icon--facebook {
    --svg: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfpBxYRNDckvqsGAAAETElEQVR42u2c4XmbMBCGP/FkAHWCkAmqTGCygTco2aAjpBM4nSDtBMkGJhOYTmBnArPB9YeBgAvmJJ0Eafv9ypPHOt3LCdCdhBRERRoGBtcw0DADPyhRocQbSlXI9qzEADKskA06P6YSBV5RqEoWyRmBcnomHz1TTnpeiIyevBC6eqJsHoicdmIQjXaUx4bYi0M02keCoYy2wSAabQMPM9KC98SUnoI9AGhNx2gYRERHWoeIxSYqRKONaFwoDfCE4mpHqRSGiTykznUkM+1lMomRYwfJ8NpLw//9QvmssejKB2VBGD4oC8NwRVkgxkWUkXyEDHYeYzKkblXJBqE06JOqwrkrKVKL1rfqwAIhja1VpsfTAS/4hXL4etZJcooUK2QTlkrcsbJK8cnIkTY2b2eGxQ3HzFoYIrcNHcvuesqIFp2OOE35mBfosmXBfMMhFhYgl4cXZYIYxg2DDUIXskjBJDZj++0Osh0zIPcu/+qOYQEy9p4Xq4xs7Rz3ANmHjYeJBjIUE7Fk9skPwxLkfEYo+LzKooK0/TWp7hff7msdpJcLJtX1nLRYPB78PbPuUwPAFQBgLXZ9XqxcNsigser989W6zzV+NAafpQLCRtD0IPa4f343KiXmG4SMcDVfn272TGRQAfgj8xvGSLG1yAg5yk4gK187rd5Yv9qIp9GrGSJCqeCjpVF2AjHihi8pD2DTkE5E14Yqxm/kBnIPJZGMx1iFpN9lKJDrIIbHpYNYvRaNyIwyycxrH1LSij+tmJZi7GyR7K+ryRWrj6L/IEvTPw9SqAFxGqoJ8WbQciDhZP4KEPeZ38JA3OcZSwNxnvklrjdXIBnHdmXCyiHiKXNsVy0qIh4bmsqEWTCII+Pc8m1REfEAKZPoRedL+uwBAmZZLYqMK4aqEgDF3P63Sh3bFacXon39O4g8ClOvJ5BiboRaxrllAVwBqqIX6zKmGaq8q7vphhcq9qkjxku7V0hqRZfTq+hywkk5UO/XIo2j49XoR2SeKsonVdWzX1W1i1cfTz9OA6uZxv+c2x9n1Z63g4F2/sXTGYZWqW5Pf7wnVt9FO4il1uvONaS978pe9Igc1E3zZzfV/SbYRRx1PO5dQ9r6rSdGjkjRfQH3iw8fKyY9b3sgqsDj3N6x9djPpM4GA2ns3Zd+Ig6tCjf93dhndS1V4V6ko9C6Z2wqd99SzvFAZJrI2VIOkHbdFhgJZDe0C1v0s4so98jIZxeDtV91ACNFmkl3QxijRWxVLvSmv2ftrujLPm9kWfVR7ohvixIYxBXDHiUoiA+GLUpAEF8MwOaj40AgHt+inHfO/Aw8CIjcZ+C1A5tZQGQ/zK9dmDwqQRgkxFEJtRMTByaIgoSIRc+RC8eJiIGEPk6kdWbkgBcRkFgHvHRgduIgsY/caZ06OwTJC2SuQ5BaxzrHUjmCzH8sVQ9nzUtAewNpQ2spBKETzyyQt2GObvsNdAt8qjpg1a4AAAAASUVORK5CYII=")
} 
.icon--whatsapp {
    --svg: url("data:img/png;base64,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")
} 
.icon--Instagram {
    --svg: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfpBxYRNB5mDDNqAAACn0lEQVR42u2c4XXaMBDH/+JlAI+gTFBvgJmg6QSYCcIGoROkmcB0gjoThEyAOwHeAG9w/VD6wGDrZEJ9Z0e/bzzp4H7Ils6ynwEAAFnKaE9DY08ZWRyhVDqjD5GOQ+OgYshih+FzP8GTdA434cnQHpF0FjegMkTSOdyGiXQCQSSIKCeIaOOTiZRY4N4YY4zBDGvppBvxKMmWFzGWttJ14jncyl5hZooG/QgZHqQH4RROZGHWLSMZYQsrnb6vyMbM2hspwZt0+kfcJ/uL8z/YoJBO31PE5Ez0q3T6fiIbNrqQTt9PhKeSTt9PJGKjrXT6fiIxcSpfpNP3EwG75HHtakScOyy0HMqhBVh6btWIlW0k+eziNUSpKxv56TejX7WNYgCUYotYegjq+O5rrfGOEgCQYK7p3Ogqop5Pdqk7AIKINu6Ef79Egd8nn6ew182JnMh3R9sUSaf+9UqgxAtyU152I4sE84bvduNeL52Rq479j+ya64Va74TeuqzsEiIZe3nwL2Lpf8u8fxF2LGoxsa9K37NW6z5ZM6bAN7+e/Yr86KYBAGbjnECO9HhoXX0/n3a6Dq3Z1ZEeY9KjSNOa4Rm5Bhs7lBIlH4vIz5GImILb1RQpGinCA6aH4rDEO3JTsUEFU331N/2exJ2v1nuP2mvlzrT3EaEMl0lHyAjMYlm6v7fnc4RWDRp/eWZKSU0iFOGxtTHC0hlcKRJB6rxVMXeFNt1blhP56my1vtcp8iIJ0x4PQuR8B7kBvocGEY80ByLyXwki2ggi2ggi2ggi2ggi2ggi2ggi2ggi2ggi2ggi2ggi2ggi2hiNSHjKVBtBRBtBRBtBRBsjEqmkU7gJ1YR/pGsQ5ON5CZIpsZDO4sMsDs9LDvwNW+mJ0vBf3fYHWkV1D7BZpNgAAAAASUVORK5CYII=")
} 
.icon--menu {
    --svg: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABPCAQAAABCfiOaAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfpBxgONRhh0TRgAAABTElEQVR42u3cwW3CQBBG4TdbgUswHdgdOBXEdBB3QAtUQAmkA0gFcQe4A1yCO9gcMMkhRzYaMfm/G7c3QrKQZxcAIHf5lJ/bKXf8yAfvnkIO94F23iUF7cByxZWKKBY2iT7QQFDRJ2rvisLq5F1QXsCRLDdcvCOKapNNjN4VBY02GeSaS5Cn3kJrcwKbaUN8UyOtzWD3z7mh9256yNkm7wQRERERERER+Q/W1ym54o1X75iHfPBuy/dIuecY4E3ewmBnMMgdn941xbzYaJCvgRYys21S7gMNBHXuE413RWFNwP1SyJEm74TCpohPPGDw7ihogAQ2smXxbilgYWtjyN94IiIiIiIiIiJ/KeAJ5NvKrOZI5930sJFhPSce8DR/iKXmTcUx5s2YJ38o/NaH3C+Fk5i9EwqbI96rtYW9d0dB+3UhE+6OOsT6J4EvArss8j7zJaUAAAAASUVORK5CYII=")
}
.icon--x {
    --svg: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAQAAAAko+iWAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfpBxgONTktuCQ+AAAC1UlEQVRo3sXaP3LTQBTH8a+kCxidwJnZA5gTBLp0OB2l3ZGSI3CD3MCmoiQu6UhHFx1gZ5KSSogOOgobj5VI2n1v//h1lnc9n1lrrXk/b8GhzIIlAE/c2Y4zlFmyAKCxd/srBYCZs+HNcVTHJ3ubHbZhdnz5xLVtoAAz5+HkjX1t7TojbcXm2aWOt7YpoWf+Xyuz8fnYRDSY8RUKs+BhZFaW1Ruk7Wtd1R9O7rZ+Lep5uzsbDSgn5yb+cqdpzErH/IQ8Bw0oeToPz02jKcyMx4Hd2q/oW8ODBq+r9k/9lyvHsMhbw4t2az9X0P6o54cHRxaeF21rb6ACaHf5eJ60NRxw+XgS2hGXhyejneDS86S0Hi4tT057hkvH09Be4NLwdLQBXHyeljaIi8vT00Zw8XghtFFcHF4YbQIXzgulTeLCeOE0B07Pi0Fz4nS8ODQPnJwXi+aFk/Hi0Txx/rz6VTzaIcjxK7Nh5T86nOa9cuC5ehFpIlwEnrDFFOECeeLuV4gL4CkaczFOyVNlBgqcgqeMM1Q4IU+dtChxAl5ACOTK56bqPmCuV6lXzusZCkFtuBLnTQviqXAiWgBPgRPT1DwxTkVT8oQ4NU3FE+GCaAqeABdME/O8cX69AU3MCMgT59u2xE2ovHCSjiomzwMnbfbi8Zw4TR8ai+fAaVvkOLxJXEj3HoM3gQsNFsJ5o7gYmUcobwQXK44J4w3iYiZFIbwBXExaGO8FLjYthPcMl4Km5/VwqWha3gkuJU3HO+JS0zS8Kh9Nzqty0qS8CsySL7loAl7Rfi/A/DrDcSGfZP6iMive56Z5rt7vknl+GoBds3UMuXTlcwmPRrp507jEpzYdvK6kORfNybsvwDwO3nfZTgqP7NyOixK4pjsfbXT1PtqugvZn/Y2r3m/drb3JRQNod3XROxDccWO3x780zYwl75gBDZ9tk5N2EMxZcQnAju3+6P4/DGi65AR35ngAAAAASUVORK5CYII=")
} 
.icon--check {
    --svg: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAABUCAMAAADJafuKAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAhJSkhJSkhJSkhJSkhJSkhJSkhJSkhJSkhJSkhJSkhJSkhJSkhJSkhJSkhJSkhJSn///+AkYjLAAAAEHRSTlMAQGCAv99wMI/PnxCvUO8gHWLSMgAAAAFiS0dEEeK1PboAAAAHdElNRQfpBxkRDCWY+3bjAAACwElEQVRYw62Z69qDIAiAO2gr7eD9X+23tk9FBQUXv/a0fENBEByGlozTrJR2t2il5mVsjqjLa1auFDW/uoGrdpTotQc7KVeXbZIStWuLkRBHDvEtM5todx7xPX0u8ji5SOcKsy7ThSBXZOj59stblEq/l+lpP2Zdi3lvxfzWw8IXjjW+MqNjl0z3zDh6waZyLRpRM6ijU2Q6NUVvw9EoNeHIdJVTpBJtbLhoFFIfEmKCVOAxXEtju5EORALw+BRu5QQJxgK/PIUxh0IewCOlYczgSBvts8mWkkSC59KJk8jxeSSwuTR4k8gp+uVTyCF4uxbah0ZGP5JtyApyCBlSPYa8wh/XU8i4K2UGqiGjhUQBs4p8hU35GHKYe9y9joxWF/hmAzl0OFILGcIH//DTQg4LbXVrTuxESCPtovb7SfDOErmhXksjv4n3HdO9iUpP8g5hSGT2Oe2femZpog0bWkEGywSzlybCBleQLKYqh9eQLOZRAOYaEmEi4TjXaqoiESYWlFJoA8maewbdG8j4zTozgTaQcbUbTBRK5IPIpH2eglIpxi/OVtmbBJTMWlE7OobgUDoR+jfWWqzDoDQy5LWFFZMNA5ko53/WcodpI4OJ3MDMcaaJtB5zG5uXiyeVF275C9FEvWeGQkIE/xy0+842mQTNvhVs5xksFQOnDs+K3W2jktF7pgWy54gYbIVn7yCxFgq+0V0j/EssqWOPob+W+cpaqvlLzZWqBFshP9SGSX8i8fAfalhQUu/UH8JaGzQEzmxkb0/gAj2GwhP7ehew14P4TE+PZQJILKwlvaCds6gWJqoTHSHtWR1QCWq9RL21Mek30yYQ9ADTDnbNqrJeJdNRZD1V7i6R9H7//bLtI5Ie9f09Vhzn99K5jvyxKrPn77QkfbPuJrT4xuPxO5Rbnr/r+WKfvpPyBhPfnf0BAr6SA/fiZlgAAAAASUVORK5CYII=")
}