Files
2024-09-27 02:06:13 +08:00

523 lines
30 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小米商城</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2622901_kl3e9hjw79j.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="header">
<div class="header_menu">
<div class="container hidden">
<ul class="left left_menu">
<li>
<a href="">小米商城</a>
</li>
<li>
<a href="">MIUI</a>
</li>
<li>
<a href="">IoT</a>
</li>
<li>
<a href="">云服务</a>
</li>
</ul>
<ul class="right right_menu">
<li>
<a href="">登录</a>
</li>
<li>
<a href="">注册</a>
</li>
<li>
<a href="">消息通知</a>
</li>
<li>
<a href="">
<i class="iconfont icon-gouwuche"></i>
<span>购物车(0)</span>
</a>
</li>
</ul>
</div>
</div>
<div class="header_logo">
<div class="container">
<img class="logo left" src="https://s02.mifile.cn/assets/static/image/logo-mi2.png" alt="">
<ul class="menu left">
<li>
<a href="">小米手机</a>
<div class="down_menu">
<div class="container hidden">
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/85e44ea2405ff8414148bbde7446b137.png?thumb=1&w=280&h=193&f=webp&q=90" alt="">
<p class="title">小米MIX FOLD</p>
<p class="price">9999元起</p>
</div>
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/85e44ea2405ff8414148bbde7446b137.png?thumb=1&w=280&h=193&f=webp&q=90" alt="">
<p class="title">小米MIX FOLD</p>
<p class="price">9999元起</p>
</div>
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/85e44ea2405ff8414148bbde7446b137.png?thumb=1&w=280&h=193&f=webp&q=90" alt="">
<p class="title">小米MIX FOLD</p>
<p class="price">9999元起</p>
</div>
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/85e44ea2405ff8414148bbde7446b137.png?thumb=1&w=280&h=193&f=webp&q=90" alt="">
<p class="title">小米MIX FOLD</p>
<p class="price">9999元起</p>
</div>
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/85e44ea2405ff8414148bbde7446b137.png?thumb=1&w=280&h=193&f=webp&q=90" alt="">
<p class="title">小米MIX FOLD</p>
<p class="price">9999元起</p>
</div>
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/85e44ea2405ff8414148bbde7446b137.png?thumb=1&w=280&h=193&f=webp&q=90" alt="">
<p class="title">小米MIX FOLD</p>
<p class="price">9999元起</p>
</div>
</div>
</div>
</li>
<li>
<a href="">Redmi 红米</a>
</li>
<li>
<a href="">电视</a>
</li>
<li>
<a href="">小米手机</a>
</li>
<li>
<a href="">Redmi 红米</a>
</li>
<li>
<a href="">电视</a>
</li>
<li>
<a href="">小米手机</a>
</li>
<li>
<a href="">Redmi 红米</a>
</li>
<li>
<a href="">电视</a>
</li>
</ul>
<div class="search right">
<input type="text" placeholder="最新搜索">
<ul class="dropmenu">
<li>
<a href="">全部商品</a>
</li>
<li>
<a href="">全部商品</a>
</li>
<li>
<a href="">全部商品</a>
</li>
<li>
<a href="">全部商品</a>
</li>
<li>
<a href="">全部商品</a>
</li>
<li>
<a href="">全部商品</a>
</li>
</ul>
<i class="iconfont icon-ziyuan"></i>
</div>
</div>
</div>
</div>
<div class="content">
<div class="banner">
<div class="container banner_center">
<ul class="banner_menu">
<li>
<a href="">
<span>手机 电话卡</span>
<i class="iconfont icon-zhankai"></i>
</a>
<div class="comparison_muen">
<div class="item1">
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
</div>
<div class="item2">
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
</div>
<div class="item3">
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
</div>
<div class="item4">
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
<div class="comparison_muen_ltem">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
<p class="introduction">小米MIX FOLD</p>
</div>
</div>
</div>
</li>
<li>
<a href="">
<span>手机 电话卡</span>
<i class="iconfont icon-zhankai"></i>
</a>
</li>
<li>
<a href="">
<span>手机 电话卡</span>
<i class="iconfont icon-zhankai"></i>
</a>
</li>
<li>
<a href="">
<span>手机 电话卡</span>
<i class="iconfont icon-zhankai"></i>
</a>
</li>
<li>
<a href="">
<span>手机 电话卡</span>
<i class="iconfont icon-zhankai"></i>
</a>
</li>
<li>
<a href="">
<span>手机 电话卡</span>
<i class="iconfont icon-zhankai"></i>
</a>
</li>
<li>
<a href="">
<span>手机 电话卡</span>
<i class="iconfont icon-zhankai"></i>
</a>
</li>
<li>
<a href="">
<span>手机 电话卡</span>
<i class="iconfont icon-zhankai"></i>
</a>
</li>
<li>
<a href="">
<span>手机 电话卡</span>
<i class="iconfont icon-zhankai"></i>
</a>
</li>
<li>
<a href="">
<span>手机 电话卡</span>
<i class="iconfont icon-zhankai"></i>
</a>
</li>
</ul>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/268aadece1368da98fcf5553b657cdb3.jpg?w=2452&h=920" alt="">
</div>
</div>
<ul class="banner_bottom hidden">
<div class="container">
<li>
<div class="bottom_list">
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
<p>小米秒杀</p>
</div>
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
<p>小米秒杀</p>
</div>
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
<p>小米秒杀</p>
</div>
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
<p>小米秒杀</p>
</div>
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
<p>小米秒杀</p>
</div>
<div class="item">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
<p>小米秒杀</p>
</div>
</div>
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d4298059889417157e8492750328492.jpg?w=632&h=340" alt="">
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d4298059889417157e8492750328492.jpg?w=632&h=340" alt="">
</li>
<li>
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d4298059889417157e8492750328492.jpg?w=632&h=340" alt="">
</li>
</div>
</ul>
<div class="shouji page_main hidden">
<div class="container">
<div class="shouji_top">
<h2 class="shouji_left left">手机</h2>
<ul class="shouji_right right">
<li class="left">
<span>查看更多</span>
</li>
<li class="left">
<i class="iconfont icon-zhankai"></i>
</li>
</ul>
</div>
<div class="shouji_bottom left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c583f2edc613f1be20fa415910b13ce3.jpg?thumb=1&w=263&h=691&f=webp&q=90" alt="">
</div>
<ul class="shouji_bottom_left">
<li class="shouji_title left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61454401f855cf5ed64747a6ac04bae5.jpg?thumb=1&w=225&h=225&f=webp&q=90" alt="">
<p class="shouji_name">Note 10 Pro</p>
<p class="shouji_introduce">天玑1100年度旗舰芯VC液冷散热</p>
<p class="shouji_money">1699元起</p>
</li>
<li class="shouji_title left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61454401f855cf5ed64747a6ac04bae5.jpg?thumb=1&w=225&h=225&f=webp&q=90" alt="">
<p class="shouji_name">Note 10 Pro</p>
<p class="shouji_introduce">天玑1100年度旗舰芯VC液冷散热</p>
<p class="shouji_money">1699元起</p>
</li>
<li class="shouji_title left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61454401f855cf5ed64747a6ac04bae5.jpg?thumb=1&w=225&h=225&f=webp&q=90" alt="">
<p class="shouji_name">Note 10 Pro</p>
<p class="shouji_introduce">天玑1100年度旗舰芯VC液冷散热</p>
<p class="shouji_money">1699元起</p>
</li>
<li class="shouji_title left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61454401f855cf5ed64747a6ac04bae5.jpg?thumb=1&w=225&h=225&f=webp&q=90" alt="">
<p class="shouji_name">Note 10 Pro</p>
<p class="shouji_introduce">天玑1100年度旗舰芯VC液冷散热</p>
<p class="shouji_money">1699元起</p>
</li>
<li class="shouji_title left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61454401f855cf5ed64747a6ac04bae5.jpg?thumb=1&w=225&h=225&f=webp&q=90" alt="">
<p class="shouji_name">Note 10 Pro</p>
<p class="shouji_introduce">天玑1100年度旗舰芯VC液冷散热</p>
<p class="shouji_money">1699元起</p>
</li>
<li class="shouji_title left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61454401f855cf5ed64747a6ac04bae5.jpg?thumb=1&w=225&h=225&f=webp&q=90" alt="">
<p class="shouji_name">Note 10 Pro</p>
<p class="shouji_introduce">天玑1100年度旗舰芯VC液冷散热</p>
<p class="shouji_money">1699元起</p>
</li>
<li class="shouji_title left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61454401f855cf5ed64747a6ac04bae5.jpg?thumb=1&w=225&h=225&f=webp&q=90" alt="">
<p class="shouji_name">Note 10 Pro</p>
<p class="shouji_introduce">天玑1100年度旗舰芯VC液冷散热</p>
<p class="shouji_money">1699元起</p>
</li>
<li class="shouji_title left">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61454401f855cf5ed64747a6ac04bae5.jpg?thumb=1&w=225&h=225&f=webp&q=90" alt="">
<p class="shouji_name">Note 10 Pro</p>
<p class="shouji_introduce">天玑1100年度旗舰芯VC液冷散热</p>
<p class="shouji_money">1699元起</p>
</li>
</ul>
</div>
</div>
<div class="guanggao page_main">
<div class="container">
<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/41d16e66381cfeda7b6b39ab67678d5e.jpg?thumb=1&w=1073&h=105&f=webp&q=90" alt="">
</div>
</div>
<div class="jadian page_main">
<div class="container">
<div class="jiadian_top hidden">
<h2 class="left">家电</h2>
<ul class="jiadian_top_right right">
<li class="active left">热门</li>
<li class="left">电视影音</li>
</ul>
</div>
<ul class="jiadian_bottom hidden">
<li>
<img class="dute" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/116fc43816b87192be4e67cf762e8da5.jpeg?thumb=1&w=205&h=263&f=webp&q=90" alt="">
</li>
<li>
<img class="budute" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=175&h=175&f=webp&q=90" alt="">
<p class="jiadian_name">小米全面屏电视65英寸 E65X</p>
<p class="jiadian_introduce">全面屏设计</p>
<span class="jiadian_money_new">2999元</span>
<del class="jiadian_money_oid">3299元</del>
</li>
<li>
<img class="budute" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=175&h=175&f=webp&q=90" alt="">
<p class="jiadian_name">小米全面屏电视65英寸 E65X</p>
<p class="jiadian_introduce">全面屏设计</p>
<span class="jiadian_money_new">2999元</span>
<del class="jiadian_money_oid">3299元</del>
</li>
<li>
<img class="budute" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=175&h=175&f=webp&q=90" alt="">
<p class="jiadian_name">小米全面屏电视65英寸 E65X</p>
<p class="jiadian_introduce">全面屏设计</p>
<span class="jiadian_money_new">2999元</span>
<del class="jiadian_money_oid">3299元</del>
</li>
<li>
<img class="budute" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=175&h=175&f=webp&q=90" alt="">
<p class="jiadian_name">小米全面屏电视65英寸 E65X</p>
<p class="jiadian_introduce">全面屏设计</p>
<span class="jiadian_money_new">2999元</span>
<del class="jiadian_money_oid">3299元</del>
</li>
<li>
<img class="dute" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/116fc43816b87192be4e67cf762e8da5.jpeg?thumb=1&w=205&h=263&f=webp&q=90" alt="">
</li>
<li>
<img class="budute" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=175&h=175&f=webp&q=90" alt="">
<p class="jiadian_name">小米全面屏电视65英寸 E65X</p>
<p class="jiadian_introduce">全面屏设计</p>
<span class="jiadian_money_new">2999元</span>
<del class="jiadian_money_oid">3299元</del>
</li>
<li>
<img class="budute" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=175&h=175&f=webp&q=90" alt="">
<p class="jiadian_name">小米全面屏电视65英寸 E65X</p>
<p class="jiadian_introduce">全面屏设计</p>
<span class="jiadian_money_new">2999元</span>
<del class="jiadian_money_oid">3299元</del>
</li>
<li>
<img class="budute" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=175&h=175&f=webp&q=90" alt="">
<p class="jiadian_name">小米全面屏电视65英寸 E65X</p>
<p class="jiadian_introduce">全面屏设计</p>
<span class="jiadian_money_new">2999元</span>
<del class="jiadian_money_oid">3299元</del>
</li>
<li>
<div class="top">
<div class="text left">
<p>小米米家空气净化器 2S</p>
<span>699元</span>
</div>
<img class="left" src="https://i8.mifile.cn/v1/a1/d5a39c5e-28e7-f4c1-57fd-59933f26032b!175x175.jpg" alt="">
</div>
<div class="bottom">
<div class="text left">
<p>浏览更多</p>
<span>热门</span>
</div>
<img class="left" src="./right.png" alt="">
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="footer"></div>
</body>
</html>