console
<!DOCTYPE html>
<html>
<head>
<svg t="1606121540386" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2698" width="48" height="48">
<animate attributeName="opacity" to="0" begin="0s" dur="2s" repeatCount="indefinite" />
<path d="M768 85.333333c64.8 0 117.333333 52.533333 117.333333 117.333334v618.666666c0 64.8-52.533333 117.333333-117.333333 117.333334H256c-64.8 0-117.333333-52.533333-117.333333-117.333334V202.666667c0-64.8 52.533333-117.333333 117.333333-117.333334h512z m0 64H256a53.333333 53.333333 0 0 0-53.333333 53.333334v618.666666a53.333333 53.333333 0 0 0 53.333333 53.333334h512a53.333333 53.333333 0 0 0 53.333333-53.333334V202.666667a53.333333 53.333333 0 0 0-53.333333-53.333334zM608 725.333333a32 32 0 0 1 0 64H416a32 32 0 0 1 0-64z m74.666667-512a74.666667 74.666667 0 0 1 74.666666 74.666667v277.333333a74.666667 74.666667 0 0 1-74.666666 74.666667H341.333333a74.666667 74.666667 0 0 1-74.666666-74.666667V288a74.666667 74.666667 0 0 1 74.666666-74.666667h341.333334z m0 64H341.333333a10.666667 10.666667 0 0 0-10.666666 10.666667v277.333333a10.666667 10.666667 0 0 0 10.666666 10.666667h341.333334a10.666667 10.666667 0 0 0 10.666666-10.666667V288a10.666667 10.666667 0 0 0-10.666666-10.666667z" p-id="2699" fill="#fe0208">
</path>
<i class="icon" color:"red"></i>
</svg>
<svg t="1606121540386" class="icon2" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2698" width="64" height="64">
<path d="M768 85.333333c64.8 0 117.333333 52.533333 117.333333 117.333334v618.666666c0 64.8-52.533333 117.333333-117.333333 117.333334H256c-64.8 0-117.333333-52.533333-117.333333-117.333334V202.666667c0-64.8 52.533333-117.333333 117.333333-117.333334h512z m0 64H256a53.333333 53.333333 0 0 0-53.333333 53.333334v618.666666a53.333333 53.333333 0 0 0 53.333333 53.333334h512a53.333333 53.333333 0 0 0 53.333333-53.333334V202.666667a53.333333 53.333333 0 0 0-53.333333-53.333334zM608 725.333333a32 32 0 0 1 0 64H416a32 32 0 0 1 0-64z m74.666667-512a74.666667 74.666667 0 0 1 74.666666 74.666667v277.333333a74.666667 74.666667 0 0 1-74.666666 74.666667H341.333333a74.666667 74.666667 0 0 1-74.666666-74.666667V288a74.666667 74.666667 0 0 1 74.666666-74.666667h341.333334z m0 64H341.333333a10.666667 10.666667 0 0 0-10.666666 10.666667v277.333333a10.666667 10.666667 0 0 0 10.666666 10.666667h341.333334a10.666667 10.666667 0 0 0 10.666666-10.666667V288a10.666667 10.666667 0 0 0-10.666666-10.666667z" p-id="2699" fill="#13227a">
</path>
</svg>
<svg t="1606121540386" class="icon3" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2698" width="96" height="96">
<path d="M768 85.333333c64.8 0 117.333333 52.533333 117.333333 117.333334v618.666666c0 64.8-52.533333 117.333333-117.333333 117.333334H256c-64.8 0-117.333333-52.533333-117.333333-117.333334V202.666667c0-64.8 52.533333-117.333333 117.333333-117.333334h512z m0 64H256a53.333333 53.333333 0 0 0-53.333333 53.333334v618.666666a53.333333 53.333333 0 0 0 53.333333 53.333334h512a53.333333 53.333333 0 0 0 53.333333-53.333334V202.666667a53.333333 53.333333 0 0 0-53.333333-53.333334zM608 725.333333a32 32 0 0 1 0 64H416a32 32 0 0 1 0-64z m74.666667-512a74.666667 74.666667 0 0 1 74.666666 74.666667v277.333333a74.666667 74.666667 0 0 1-74.666666 74.666667H341.333333a74.666667 74.666667 0 0 1-74.666666-74.666667V288a74.666667 74.666667 0 0 1 74.666666-74.666667h341.333334z m0 64H341.333333a10.666667 10.666667 0 0 0-10.666666 10.666667v277.333333a10.666667 10.666667 0 0 0 10.666666 10.666667h341.333334a10.666667 10.666667 0 0 0 10.666666-10.666667V288a10.666667 10.666667 0 0 0-10.666666-10.666667z" p-id="2699" fill="#13227a">
</path>
</svg>
<svg height="70" xmlns="http://www.w3.org/2000/svg">
<g>
<text font-family="microsoft yahei" font-size="20" y="30" x="30">
你的话费余额不足
<animate attributeName="x" to="60" begin="0s" dur="2s" repeatCount="indefinite" />
</text>
</g>
</svg>
</head>
<body>
</body>
</html>