kkc-go/file/static/BottomBar.tmpl

<div class="bottom-bar">
    <!--    合作伙伴-->
    <div class="partners">
        <div class="partners-line">
            <ul>
                <li>
                    <img style="transform: rotate(180deg);"
                         src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAAXNSR0IArs4c6QAAAhdJREFUSEulVU1rE1EUPdfEgBAIg27UjT+jS13pTpeKriMxRQxJ3hukBnc2ZUwiLUFGxRbbKqZ/Rve+2bswkSB13jDvygtJSZPJl5nlzJz7zr33nPNISlmL4/it53k/seJDQoh3RMRKqc1Op6NXwZOU8j6ABoATrfXLZrP5a9kCVC6Xr6TT6a8ANpj5Y6/Xe+b7frRMAbI/SSkLANoALG1Pa/16GQYDcLFYvJzNZr8DuAbgFMBxGIaVVqvVm8dgAM7n8xcdx3kDwDIAM4dE1FZKufOGOADbp1Kp3EylUkfD0+0rzczvoyh6MauFM3ChUHByudwxM98ZFWRm28JeEARbSQzOwMPBPQLwaaLP0Bizz8y1SSGdA5dKpUuZTOYHgKsTBf4C+KKUejzO4BzYAlzX3WXmJwAuTBQYrLHb7e74vv/bfpsCCyE2iOgzgBsJazq1QjLGCM/z/iSd7Bhjdono4Ywd2xYa/X7/1RTYAoQQ94hoH0BuVgFjzEkiWEp5F8DBPLA10jzaDxKGZonMpr3EwD4YY9zEgUkp94YaT1qV9f12vV6fXtVaIpFSJsnT6vswjuOtmfJ0XddhZiuO22PrsaJoB0HwfK4xhBC3iOhwZUuuFQbDGPoG4PoohrTWYlGOjQKwaE0/DMBGGIb1Rfk1cNVa0SuEsO7ZAXAURdH2IqrjRhldN7FS6unK1021Wq0x839ddP8AAxJAzJtS4CsAAAAASUVORK5CYII="/>
                </li>
                <!--          <li v-for="index in 9"><div><img src="/api/static/steam-partners.png" alt=""></div></li>-->
                <li>
                    <div><img src="/api/static/image/footer/footer-slider-steam.png" alt=""></div>
                </li>
                <li>
                    <div><img src="/api/static/image/footer/footer-slider-google.png" alt=""></div>
                </li>
                <li>
                    <div><img src="/api/static/image/footer/footer-slider-tencent.png" alt=""></div>
                </li>
                <li>
                    <div><img src="/api/static/image/footer/footer-slider-microsoft.png" alt=""></div>
                </li>
                <li>
                    <div><img src="/api/static/image/footer/footer-slider-garena.png" alt=""></div>
                </li>
                <li>
                    <div><img src="/api/static/image/footer/footer-slider-ea.png" alt=""></div>
                </li>
                <li>
                    <div><img src="/api/static/image/footer/footer-slider-riot.png" alt=""></div>
                </li>
                <li>
                    <div><img src="/api/static/image/footer/footer-slider-pubg.png" alt=""></div>
                </li>
                <li>
                    <div><img src="/api/static/image/footer/footer-slider-ubisoft.png" alt=""></div>
                </li>
                <li>
                    <img
                            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAAXNSR0IArs4c6QAAAhdJREFUSEulVU1rE1EUPdfEgBAIg27UjT+jS13pTpeKriMxRQxJ3hukBnc2ZUwiLUFGxRbbKqZ/Rve+2bswkSB13jDvygtJSZPJl5nlzJz7zr33nPNISlmL4/it53k/seJDQoh3RMRKqc1Op6NXwZOU8j6ABoATrfXLZrP5a9kCVC6Xr6TT6a8ANpj5Y6/Xe+b7frRMAbI/SSkLANoALG1Pa/16GQYDcLFYvJzNZr8DuAbgFMBxGIaVVqvVm8dgAM7n8xcdx3kDwDIAM4dE1FZKufOGOADbp1Kp3EylUkfD0+0rzczvoyh6MauFM3ChUHByudwxM98ZFWRm28JeEARbSQzOwMPBPQLwaaLP0Bizz8y1SSGdA5dKpUuZTOYHgKsTBf4C+KKUejzO4BzYAlzX3WXmJwAuTBQYrLHb7e74vv/bfpsCCyE2iOgzgBsJazq1QjLGCM/z/iSd7Bhjdono4Ywd2xYa/X7/1RTYAoQQ94hoH0BuVgFjzEkiWEp5F8DBPLA10jzaDxKGZonMpr3EwD4YY9zEgUkp94YaT1qV9f12vV6fXtVaIpFSJsnT6vswjuOtmfJ0XddhZiuO22PrsaJoB0HwfK4xhBC3iOhwZUuuFQbDGPoG4PoohrTWYlGOjQKwaE0/DMBGGIb1Rfk1cNVa0SuEsO7ZAXAURdH2IqrjRhldN7FS6unK1021Wq0x839ddP8AAxJAzJtS4CsAAAAASUVORK5CYII="/>
                </li>
            </ul>
        </div>

        <!--      服务支持-->
        <div class="partners-service-guarantee">
            <div class="service-guarantee">
                <div class="sg-icon" style="background: rgb(225, 222, 250);">
                    <img
                            class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
                            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA1hJREFUWEftl0FO21AQhv+ZOBWtVDXLgE1wd1BQ+wLquuYE0BM0nKBwg9yg9AZwgnKDuPsWLBVaujOJTdg1Wwj2VM9JIIQ4iVMhNn1ZxFLezHz+Z97MC+GRF/1LfKu46AhRLWz+mtrP1IYa3CquOGCpBecnU/sZa2jbqqCD+b7XGlRrHIBdVLZ/4fmjVB4LUJp7XQXxBuexPggxKgWmuawYRi3G5U4Ynu6lQYwFsAt24frZc5cpJ4MQlrXiSBTdqwEdPEf5mgid5fLiDFOvBzQWQG/UaYjacAkknJcbJSxLOYiuakHz540f01SKITWAxwbXvicCuIUQl8A3EBqsfdmuhM2TXb1HBzfYqEGiMzJGv3kmBXqbO0qQVmKvHh4mQftXyVS7ROyQEY+Uvd9mYgUGg9nmWxVTtAHEYAP7vj+62qcuwjTDeauslVAQaQGyEBPWg8Bzsza2oQqYs8vbnHuyAZGOP+psY1DrLDh8r581gP5uBEdO51lajcDb7KRJvoAY+qMVihM/AjB9bjS8g7EpmJ9b2iR+qrTx7WLto9XLfT9AyVqtxnLlBOGxk3TIuVdV5pl7YjBi1x9Qaeoa6KQArXpwtDkIkCUNUwOUzFUfhL16cFgtWaoqAqcReokCWdZUAPNzy3tExuZVdKkuLk79TrvOfQDR3ZYr5NfD7/ujgFIBdDslkY1+4xiRx8LbxHkHiLYa4UkSUNcM88x2r2J06ekeJ8A7SOzVQ6+c+RiWrPIBBEoIyTQjQInICyD6KpFUg4vjsUfONpWKiY5EZKsRekMHUqoCC1bZFZCrc9w7diTk1cPD7Sw5XrBWXUHs1gMv8TO4sgFAUh2lQS1YayIiO8Nad1fZ4aZDFcgIoJuSXBt/CFj3g29DU/agCuj7AiNf42t5mXYzyghwWxOT1EHS0pk/NcIfqXFSf+gOm7tF2FeUkwBY5vIuYqigeZLaoB4WYHbR1cc4PD+tZO4D9xQwlR6/fj08SnU2GMSaXWoJ4mrY/H3v8tLbm6pAyVo7gMgbIfH1WCaCAqgAiSpxJD7QTs0CMRcEqBAZ6+3oKmnXmRUoFhdtg7n7tt0mK6T/I3xMbpJ6xHfvCYlzPfN7ryPJz2eUk0oQnI7smFMNo0kKcNI9/wEeXYG/2/HLMDfFEZMAAAAASUVORK5CYII="
                            draggable="false">
                </div>
                <div class="sg-info">
                    <div>自动发货</div>
                    <div>提供最快发货</div>
                </div>
            </div>

            <div class="service-guarantee">
                <div class="sg-icon" style="background: rgb(234, 217, 247);">
                    <img
                            class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
                            src="/api/static/image/footer/footer-promise-2.png"
                            draggable="false">
                </div>
                <div class="sg-info">
                    <div>正版保障</div>
                    <div>官方正版采购,安全保障</div>
                </div>
            </div>

            <div class="service-guarantee">
                <div class="sg-icon" style="background: rgb(245, 221, 231);">
                    <img
                            class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
                            src="/api/static/image/footer/footer-promise-3.png"
                            draggable="false">
                </div>
                <div class="sg-info">
                    <div>客户服务</div>
                    <div>提供专业的客服咨询</div>
                </div>
            </div>

            <div class="service-guarantee">
                <div class="sg-icon" style="background: rgb(226, 235, 230);">
                    <img
                            class="webuff-image__StyledImagesContainer-sc-1seo15q-1 iptopt"
                            src="/api/static/image/footer/footer-promise-4.png"
                            draggable="false">
                </div>
                <div class="sg-info">
                    <div>100%满意度</div>
                    <div>给予您满意的购物体验</div>
                </div>
            </div>


        </div>
    </div>

    <div class="bottom-bar-about">
        <div class="bottom-bar-about-left">
            <div class="about-contact about-row">
                <div class="about-row-title">联系我们</div>
                <div class="about-row-item">平日 9:30 - 24:00</div>
                <div class="about-row-item">周末 9:30 - 24:00</div>
                <div class="about-row-imgs">
                    <img src="/api/static/image/footer/footer-about-1.png"/>
                    <img src="/api/static/image/footer/footer-about-2.png"/>
                    <img src="/api/static/image/footer/footer-about-3.png"/>
                    <img src="/api/static/image/footer/footer-about-4.png"/>
                </div>
            </div>

            <div class="about-me about-row">
                <div class="about-row-title">关于我们</div>
                <div class="about-row-item" onclick="JumpRouter('/info/abouts')" >关于我们</div>
                <div class="about-row-item" onclick="JumpRouter('/info/contact')">联系我们</div>
                <div class="about-row-item" onclick="JumpRouter('/info/terms')">条款与条件</div>
                <div class="about-row-item" onclick="JumpRouter('/info/cookies')">隐私和Cookie</div>
            </div>

            <div class="about-issue about-row">
                <div class="about-row-title">常见问题</div>
                <div class="about-row-item" onclick="JumpRouter('/info/help')">帮助中心</div>
                <div class="about-row-item" onclick="JumpRouter('/info/serve')">售后服务</div>
                <div class="about-row-item" onclick="JumpRouter('/info/refunds')">关于退款</div>
                <div class="about-row-item" onclick="JumpRouter('/info/shipping')">关于发货</div>
            </div>
        </div>

        <div class="bottom-bar-about-right">
            <div class="about-my-use about-row-title">
                我们使用
            </div>
            <div class="my-user-images">
                <img src="/api/static/image/footer/footer-myuse-0.png"/>
                <img src="/api/static/image/footer/footer-myuse-1.png"/>
                <img src="/api/static/image/footer/footer-myuse-2.png"/>
                <img src="/api/static/image/footer/footer-myuse-3.png"/>
                <img src="/api/static/image/footer/footer-myuse-4.png"/>
                <img src="/api/static/image/footer/footer-myuse-5.png"/>
                <img src="/api/static/image/footer/footer-myuse-6.png"/>
                <img src="/api/static/image/footer/footer-myuse-7.png"/>
                <img src="/api/static/image/footer/footer-myuse-8.png"/>
                <img src="/api/static/image/footer/footer-myuse-9.png"/>
                <img src="/api/static/image/footer/footer-myuse-10.png"/>
                <img src="/api/static/image/footer/footer-myuse-11.png"/>
                <img src="/api/static/image/footer/footer-myuse-12.png"/>
                <img src="/api/static/image/footer/footer-myuse-13.png"/>
                <img src="/api/static/image/footer/footer-myuse-14.png"/>
                <img src="/api/static/image/footer/footer-myuse-15.png"/>

            </div>
        </div>
    </div>
    <div class="bottom-bar-active">
        <img src="/api/static/image/footer/footer-active-0.png"/>
        <img src="/api/static/image/footer/footer-active-1.png"/>
        <img src="/api/static/image/footer/footer-active-2.png"/>
        <img src="/api/static/image/footer/footer-active-3.png"/>
        <img src="/api/static/image/footer/footer-active-4.png"/>
    </div>
    <div class="footer-about-box">
        <img src="/api/static/image/bottom-logo.png" width="130" height="80">
    </div>
    <div class="footer-about-app">
        <img src="/api/static/image/footer/footer-app-0.png"/>
        <img src="/api/static/image/footer/footer-app-1.png"/>
    </div>

    <!--    备案-->
    <div class="filing">
        <div class="filing-body">xxx省xxx市xxx区666号xxx公司</div>
    </div>

</div>