作业1:
<!DOCTYPE html>
<html>
<head>
<title>淘宝</title>
<style>
.container {
display: flex;
flex-direction: column;
align-items: center;
}
form {
margin-top: 20px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input[type="text"],
input[type="password"] {
padding: 10px;
border: #cad8d8;
border-radius: 5px;
margin-bottom: 20px;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
button[type="submit"] {
background-color: #e32918;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
button[type="submit"]:hover {
background-color: #3e8e41;
}
</style>
</head>
<body>
<div class="container">
<h1>登录</h1>
<form action="./2.3.9页面仿写.html" method="post">
<label for="username">账号名/邮箱/手机号:</label>
<input type="text" id="username" name="username">
<label for="password">请输入密码:</label>
<input type="password" id="password" name="password">
<button type="submit">登录</button>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>仿淘宝商品页面</title>
<style>
.box{
width: 100%;
}
.prod{
width: 234px;
height: 366px;
list-style: none;
border: 1px solid #f2f2f2;
display: inline-block;
line-height: 1.6;
margin-left: -5px;
}
.prod-href{
text-decoration: none;
}
.prod:hover{
border-color: red;
}
.prod-intoduce-span{
color: #9b9b9b;
font-size: 14px;
}
.prod-price{
font-size: 19px;
color: red;
}
.prod-boss{
color: #9b9b9b;
font-size: 12px;
}
.prod-sale{
color: #9b9b9b;
font-size: 12px;
border-top: 1px solid #f2f2f2;
text-align: right;
padding-top: 10px;
}
.prod-test-box{
width: 210px;
height: 340px;
margin: auto;
margin-top: 15px;
}
</style>
</head>
<body>
<div class="box">
<ul class="prods">
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
<li class="prod">
<a class="prod-href" href="https://click.simba.taobao.com/cc_im?spm=a2e0b.20350158.31919782.34&p=%25CA%25D6%25BB%25FA&s=879803411&clk1=1c201ccb53d108b34fc92e8a5e0954fc&k=1529&e=sF%2BhkORJl4PsqcipVOGMUONzpSykGmO4VjqqQJSWxLQ%2BCkmidNlfHQPKLzpi58pP%2BoVKWJEeu4FIcZgmjb9LcFKFxiJVGNFoEolJfBgV4Y3lQppdqhACbkcQ7sg0dXDD76EslZLazmWSkfxzUnt9lJHSbm5hSwt3HxrEv5DonBUxy6dcZNISIyDs4c202sle3XkgxeevgjLqyz0xR%2FlQ5MjHd%2BZC48474xotI8OIvsbMjP6bI6ADrNhZHN9yysgkaZdHK6Osw%2Bx3NOYkvFUEgWBM15knoeY0P2sIMffbDPU6DGaeo7la6mF6o0cIqp%2B4e8Exnd3ocP4HzcgYHWHqex4qxOoj8Y7Xp5sd95o2gjy6Zdk7BIdRbHjzuqfCDAGeIaMnKAaZjrJIl%2BUMJjZ0GVzl6zz%2BO%2FCHjznkU91UuJ2%2BUc0LNQ3aiPm5n2jubXyPUZpQgBOC7YJQPOrzt009jE7ZYAIlz5mKDrfgHmYZFVNl2Ck6dEBNzvySmotTNZtJNSqQw3%2B8%2F0YfostbXN148M9EYAm1dMjThXaGfp21dgdFG22JXzqZKuUPwdiykVYLCmTgrPOHIYHcC5SmZpz4bUEQtNL%2FX%2BY%2Fgh29oO6cv8XPSPwdpbxLLZ5Z6Q2RCe9SnMchmZtvd9sQWZ%2Fx478AqqoQTny9H4JSPEBeIQMK%2F%2BbuBetgMU5Ns59yyA8UgEzhzetELNc17tNiO1xz8Nf7pbKwXeKx0jXmPg6svp6f7RxuddpRnTh0WwreU1XJyFEkD1%2F5oG70B5mhiMqLP5QBXtKpQtj%2B8xXyRL0zPnUq7jFCr2pUPjwj3UV9nGFi2yOxi1RgjizisBfZw9QRU6YTDqQ4Y6%2FHniFzT8%2BUOUM%2FuEveNFKKOgHbl%2B4ONF8cMAnioHDRF6NTe6rblVwirRbsnLHsJro66DjcBJLv68eNM5%2BN%2BTXum%2BhH7IVZj%2FXPpfUBGY7mUTDXOOPGP6BchWjejg3XX8b3a8Od%2FuuE86LBwwlMWX12Ar5nMp%2B9Mm1%2B5l4%2BXEJ5NRFiTM3lvLpDO2h2IWtD0bOiE%2B9lLXaReetlyI63eo5Ju%2FhbQssuYpDgdTD3eRSlQ0efF67cxtXEK4VfkRwzdvRlJfvAnqKzYK0Dw1ZqwquF10q9LZMKyOo0OIQmfJWdPH5fMTfXXGfNgF2ju0iykybBrAIWw3uAzN8arKNzI4Ktia0ily4DF4UlvYjEogOn9cL696NwEJSeWBkex3Mjgq2JrSKXDC1wMMirhLl5pXBgOGRkJPmjwIzmfo8IrFKwjHFboVGeJ%2FXt8O4G%2Bg%2FsbD7wKoCqcHhRb7ASjmSltHdGpJl7u6jsc0PU0me2gvX%2FinVjAXw51M3BXhJ52FQDwkJ6Dv7t1eSy2k0hAB3CczA6QESed0gp3KItsdWn0xKMBbf%2Fsa%2ByjCBcaSKROylnYFCwPA7ZW2kQ43p2TwBRg3qJpBCUw9yC3rljnDzYkp5JIF1bNNPSfX4tX99IPd1Ne7PKkYYP6iq9oh4wn%2F4yTpdOPI003g%3D%3D&df=1&pid=mm_2898300158_3078300397_115665800437&union_lens=recoveryid%3A201_33.44.249.146_2123285_1721651840333%3Bprepvid%3A201_33.7.59.163_2122556_1721651863480">
<div class="prod-test-box">
<img class="prod-img" width="200px" height="200px" src="../2.5css动画/手机.jpg" alt="">
<div class="prod-introduce">
<span class="prod-intoduce-span">统一甄选批发价</span>
</div>
<div class="prod-price">¥4299</div>
<div class="prod-boss">iPhone甄选渠道仓</div>
<div class="prod-sale">月销2000+</div>
</div>
</a>
</li>
</ul>
</div>
</body>
</html>
作业2:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.topBox{
font-size: 16px;
padding: 0;
margin: 0;
outline: 0;
box-sizing: border-box;
width: 100%;
height: 100px;
background: #e2e0df;
min-width: 1280px;
}
.topContainer{
font-size: 16px;
padding: 0;
outline: 0;
box-sizing: border-box;
width: 1280px;
margin: auto;
padding-top: 15px;
position: relative;
height: 100px;
}
.head_left{
font-size: 16px;
padding: 0;
margin: 0;
outline: 0;
box-sizing: border-box;
float: left;
}
.hr_left{
font-size: 16px;
outline: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px;
list-style: none;
float: left;
width: 270px;
height: 36px;
margin-top: 10px;
}
.li1{
outline: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px;
list-style: none;
display: inline-block;
margin-left: 16px;
font-size: 14px;
line-height: 24px;
color: white;
}
.navBox{
font-size: 16px;
padding: 0;
margin: 0;
outline: 0;
box-sizing: border-box;
width: 100%;
height: 45px;
line-height: 45px;
min-width: 1280px;
}
.nav-menu{
font-size: 16px;
line-height: 45px;
padding: 0;
outline: 0;
box-sizing: border-box;
width: 1280px;
margin: 0 auto;
height: 45px;
}
.nav{
font-size: 16px;
outline: 0;
box-sizing: border-box;
padding: 0;
border: 0px;
list-style: none;
margin: auto;
height: 45px;
line-height: 45px;
display: inline-block;
width: 1200px;
position: relative;
left: 47px;
}
.li2{
font-size: 16px;
outline: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px;
list-style: none;
float: left;
width: 133px;
min-height: 45px;
line-height: 45px;
text-align: cent
<body>
<div class="topBox">
<div class="topContainer">
<div class="left">
<a href="" title="成都文理学院" class="logo">
<img src="./1.png" width="1000px" height="100px">
</a >
</div>
<div class="navBox">
<div class="nav-menu">
<a href=" ">
< img src="">
</a >
<ul class="nav">
<li style="display: none;" class="li2">
</li>
<li class="li2">
</li>
<li class="li2">
</li>
<li class="li2">
</li>
<li class="li2">
</li>
<li class="li2">
</li>
<li class="li2">
</li>
<li class="li2">
</li>
<li class="li2">
</li>
<li class="li2">
</li>
<li class="li2">
</li>
</ul>
</div>
</div>
<div class="banner">
<div class="js-silder">
<div class="silder-scroll">
<div class="silder-main" style="height: 400px;">
<div class="silder-main_img" style="left: -1380px;">
<a href=" " title=".">
< img src="https://www.cdcas.edu.cn/wp-content/uploads/sites/42/sites/42/2024/06/20231010102749-2.jpg" width="1380px" height="400px" alt="">
<p class="title" style="left: 52px; font-size: 20px; padding: 2px </body>
</html>