<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
.box {
width: 1100px;
height: 600px;
/* border: 1px solid #000; */
text-align: center;
color: #333333;
}
.let {
width: 200px;
height: 590px;
/* border: 1px solid #000; */
display: inline-block;
vertical-align: top;
}
.right {
width: 890px;
height: 600px;
/* border: 1px solid #000; */
display: inline-block;
vertical-align: top;
}
li {
width: 215px;
height: 295px;
/* border: 1px solid #000; */
display: inline-block;
vertical-align: top;
text-align: center;
color: #FFFFFF;
}
li img{
width: 200px;
height: 200px;
}
.let img{
width: 200px;
height: 590px;
}
.p1{
color: #333333;
}
.p2{
color: #B0B0B0;
}
.p3{
font-family: "楷体";
color: #ff6700;
}
</style>
</head>
<body>
<div class="box">
<div class="let">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/dcf9ed8c01a7c3d0bf3ecbca3f22537c.png?thumb=1&w=468&h=1228&f=webp&q=90">
</div>
<div class="right">
<div>
<li>
<img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1708570847.01997341.png" alt="">
<p class="p1">小米13</p>
<p class="p2">旋风性能 席卷而来</p>
<p class="p3">1999起</p>
</li>
<li>
<img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1712668034.26024108.png">
<p class="p1">小米13</p>
<p class="p2">旋风性能 席卷而来</p>
<p class="p3">1999起</p>
</li>
<li>
<img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1701682195.37843551.jpg">
<p class="p1">小米13</p>
<p class="p2">旋风性能 席卷而来</p>
<p class="p3">1999起</p>
</li>
<li>
<img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1710919699.65877551.png">
<p class="p1">小米13</p>
<p class="p2">旋风性能 席卷而来</p>
<p class="p3">1999起</p>
</li>
<li>
<img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1701682022.1651733.png">
<p class="p1">小米13</p>
<p class="p2">旋风性能 席卷而来</p>
<p class="p3">1999起</p>
</li>
<li>
<img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1701682280.67146844.png">
<p class="p1">小米13</p>
<p class="p2">旋风性能 席卷而来</p>
<p class="p3">1999起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202310251928_35fb2880108e9aa56fdcf7f894249f26.png?thumb=1&w=400&h=400&f=webp&q=90">
<p class="p1">小米13</p>
<p class="p2">旋风性能 席卷而来</p>
<p class="p3">1999起</p>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202310251937_a4ac1ae382a402426beb915f401e50e5.png?thumb=1&w=400&h=400&f=webp&q=90">
<p class="p1">小米13</p>
<p class="p2">旋风性能 席卷而来</p>
<p class="p3">1999起</p>
</li>
</div>
</div>
</div>
</body>
</html>