网页临摹12.08

页面效果图：

代码部分：

html

图片轮播

<div class="leader">
                    <ul class="leader-list">
                        <li class="m-tag-a " data-target="_blank" data-src="op/content?id=r9509d039c0bc6bc4">
                            <img class="" src="img/mi.jpg" alt="">
                        </li>
                        <li class="m-tag-a " data-target="_blank" data-src="https://home.mi.com/app/shop/content?id=s8939d03918810635">
                            <img class="" src="img/jia.jpg" >
                        </li>
                        <li class="m-tag-a " data-target="_blank" data-src="https://home.mi.com/app/shop/content?id=Vcec75039f10ed7b3">
                            <img class="" src="img/can.jpg" alt="">
                        </li>
                        <li class="m-tag-a " data-target="_blank" data-src="https://home.mi.com/app/shop/content?id=p6058d0391d0c44b2&amp;source=shop">
                            <img class="" src="img/pai.jpg" alt="">
                        </li>
                        <li class="m-tag-a no-mr" data-target="_blank" data-src="https://home.mi.com/app/shop/content?id=rd7a5503942d69884">
                            <img class="" src="img/zhen.jpg" alt