(function(){
        const currentElement = document.currentScript,
            div = document.createElement('div');
        div.id = "tongjiniao-tool"
        div.innerHTML = `

<div class="tongjiniao-tool-title-box">
    <span class="tongjiniao-tool-title">统计鸟流量概况</span>
        <span class="title-icon-text">统计鸟</span>
    </div>
<ul class="tongjiniao-tool-list">
        <li >
        <span >近15分钟在线访客数</span>
        <span >0</span>
    </li>
        <li >
        <span >今日IP数</span>
        <span >0</span>
    </li>
        <li >
        <span >今日访客数</span>
        <span >0</span>
    </li>
        <li >
        <span >今日浏览量</span>
        <span >0</span>
    </li>
        <li >
        <span >今日新访客数</span>
        <span >0</span>
    </li>
        <li >
        <span >昨日IP数</span>
        <span >0</span>
    </li>
        <li >
        <span >昨日访客数</span>
        <span >0</span>
    </li>
        <li >
        <span >昨日浏览量</span>
        <span >0</span>
    </li>
        <li >
        <span >昨日新访客数</span>
        <span >0</span>
    </li>
        <li >
        <span >总访浏览量</span>
        <span >667</span>
    </li>
        <li >
        <span >总访客数</span>
        <span >531</span>
    </li>
        <li >
        <span >本月IP数</span>
        <span >0</span>
    </li>
        <li >
        <span >本月访客数</span>
        <span >0</span>
    </li>
        <li >
        <span >本月浏览量</span>
        <span >0</span>
    </li>
        <li >
        <span >总IP数</span>
        <span >572</span>
    </li>
    </ul>


<style>
    #tongjiniao-tool .tongjiniao-tool-list span,#tongjiniao-tool .tongjiniao-tool-title-box span{
        font-size: 12px;
    }
    #tongjiniao-tool .tongjiniao-tool-title-box span{
        color: #FFFFFF;
    }
    #tongjiniao-tool .log-svg{
        fill: #FFFFFF;
        height: 13px;
    }

    #tongjiniao-tool{
        font-family: PingFang SC, PingFang SC-Bold;
        border: 1px solid #d4d7de;
        border-radius: 4px;
        width: auto;
        height: auto;
        background-color: #FFFFFF;
                min-width:100px;
                padding:10px;
        padding-bottom: 0px;
    }
    #tongjiniao-tool ul,#tongjiniao-tool li{
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    #tongjiniao-tool .tongjiniao-tool-title-box{
        background: #3D6CFC;
        border-radius: 4px;
        padding: 7px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    #tongjiniao-tool .tongjiniao-tool-title-box span{
        font-weight: 700;
    }
    #tongjiniao-tool img{
        height: 14.4px;
    }

    #tongjiniao-tool .tongjiniao-tool-list{
        display: flex;
        flex-direction: column;
    }
    #tongjiniao-tool .tongjiniao-tool-list li{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    #tongjiniao-tool .tongjiniao-tool-list li span:nth-child(odd){
        color: #646464;
    }
    #tongjiniao-tool .tongjiniao-tool-list li span:nth-child(even){
        color: #242424;
    }
</style>

`
        console.log(currentElement);

        currentElement.insertAdjacentElement('afterend', div);
            })()