MIUI11 效率革新声色双全

效率革新
声色双全

<div class="preTitle conceal">交互设计</div>
          <div class="title conceal">精心设计的控件</div>
          <div class="introduction conceal">
            大屏触控交互时代的用心之作，放大交互面积，聚焦视觉核心，强化指示性，让指尖操控体验达到极致。
          </div>
          <div class="controls">
            <img class="control conceal lazy" style="top:5.8rem;left: 0.61rem;" data-src="assets4M/controllerPage/1-1a9c19e06d.png">
            <img class="control conceal lazy" style="top:5.8rem;left:5.13rem;" data-src="assets4M/controllerPage/2-a5a5cf96ba.png">
            <img class="control conceal lazy" style="top:6.88rem ;left:0.61rem;" data-src="assets4M/controllerPage/3-8bb1dcf5bc.png">
            <img class="control conceal lazy" style="top:8.45rem ;left:5.13rem;" data-src="assets4M/controllerPage/4-4c51204bc6.png">
            <img class="control conceal lazy" style="top:11rem ;left:5.13rem;" data-src="assets4M/controllerPage/5-56a61fe32f.png">
            <img class="control conceal lazy" style="top:11.4rem ;left:0.61rem;" data-src="assets4M/controllerPage/6-d9fe786de7.png">
            <img class="control conceal lazy" style="top:12rem ;left:5.13rem;" data-src="assets4M/controllerPage/7-d9a91806bf.png">
            <img class="control conceal lazy" style="top:15.17rem ;left:0.61rem;" data-src="assets4M/controllerPage/8-d1f14b6d2a.png">
            <img class="control conceal lazy" style="top:16.185rem ;left:0.61rem;" data-src="assets4M/controllerPage/9-06e9137205.png">
            <img class="control conceal lazy" style="top:17rem ;left:5.13rem;" data-src="assets4M/controllerPage/10-816ea48be3.png">
          </div>

<div class="bg">
            <img class="lazy" style="width: 100%;height: 100%;" data-src="assets4M/fontPage/bg-f44285f225.png">
            <div class="text" style="left:-5.9%; top:0%;"></div>
            <div class="text" style="left:11.8%; top:0%;"></div>
            <div class="text" style="left:29.4%; top:0%;"></div>
            <div class="text" style="left:47%;   top:0%;"></div>
            <div class="text" style="left:64.8%; top:0%;"></div>
            <div class="text" style="left:82.4%; top:0%;"></div>
            <div class="text" style="left:-5.9%; top:14.3%;"></div>
            <div class="text" style="left:-5.9%; top:28.6%;"></div>
            <div class="text" style="left:82.4%; top:28.6%;"></div>
            <div class="text" style="left:-5.9%; top:43%;"></div>
            <div class="text" style="left:82.4%; top:43%;"></div>
            <div class="text" style="left:-5.9%; top:57.2%;"></div>
            <div class="text" style="left:-5.8%; top:71.5%;"></div>
            <div class="text" style="left:11.8%; top:71.5%;"></div>
            <div class="text" style="left:29.4%; top:71.5%;"></div>
            <div class="text" style="left:47.1%; top:71.5%;"></div>
            <div class="text" style="left:65.1%; top:71.5%;"></div>
            <div class="text" style="left:82.9%; top:71.5%;"></div>
            <div class="text" style="left:-5.8%; top:85.8%;"></div>
            <div class="text" style="left:11.8%; top:85.8%;"></div>
            <div class="text" style="left:29.4%; top:85.8%;"></div>
            <div class="text" style="left:47.1%; top:85.8%;"></div>
            <div class="text" style="left:65.1%; top:85.8%;"></div>
            <div class="text" style="left:82.9%; top:85.8%;"></div>
          </div>
          <div class="preTitle conceal">字体设计</div>
          <div class="title conceal">
            中文系统字体<br>
            定制先驱的<br>
            又一次进化
          </div>
          <div class="introduction conceal">
            MIUI
            再一次重新定义了手机字体。我们调整了中文字体的字面，使文字更瘦更优美，还原中文字体的娟秀之美。<br>
            并且全新设计了西文字体，调整了视觉风格，使西文视觉更加平衡。<br>
            视觉美感进一步升级，让文字之美打动你的每一次阅读。
          </div>
          <div class="btn playVideo conceal" data-url="assets4M/video/0-a97f0a009d.mp4">
            <div class="shape"></div>
            <div class="text">播放视频</div>
          </div>

<div class="preTitle conceal">无级字重</div>
          <div class="title conceal">
            全球首创的无级字重<br>
            阅读极致再突破
          </div>
          <div class="introduction conceal">
            我们致力于让每个人都能找到合适的字重。我们首创的动态系统字体，可由你自定义文字的粗细，找到最舒适的阅读体验。
          </div>
          <div class="reddot">
            <img class="lazy conceal" style="width: 100%;height:100%;" data-src="assets4M/fontPage/reddot-712e12717f.png">
          </div>
          <div class="main">
            <img class="lazy phone" data-src="assets4M/fontPage/phone-5bfe98ce7b.png">
            <div class="infomation">星期四 上午08:16 | 207字</div>
            <div class="title">我是小米人</div>
            <div class="content">
              8年前，小米公司成立时就有一个宏大的理想：改变商业世界中普遍低下的运作效率。小米有勇气、有决心、有毅力推动一场深刻的商业效率革命：把每一份精力都专心投入做好产品，让用户付出的每一分钱都足有所值。在众多领域小米都以一流的品质、紧贴成本的定价彻底改变了行业面貌，大大加速了产品普及。“感动人心，价格厚道”这八个字是一体两面、密不可分的整体，远超用户预期的极致产品，还能做到“价格厚道”，才能真正“感动人心”。
            </div>
            <div class="touchBar">
              <div class="littleChar">A</div>
              <div class="touchArea">
                拖动以体验无级字重
                <div class="dot"></div>
              </div>
              <div class="largeChar">A</div>
            </div>
          </div>

<div class="preTitle conceal">息屏显示</div>
          <div class="title conceal">幻彩世界<br>浮于屏面</div>
          <div class="introduction conceal">
            动态表盘，让你每一次查看时间，都仿佛置身繁花之中。24小时动态息屏，更可随时间变化呈现不同模样，日升月落，与时俱进，让你每一次轻瞥手机，都怦然心动。
          </div>
          <div class="btn playVideo conceal" data-url="assets4M/video/0-a97f0a009d.mp4">
            <div class="shape"></div>
            <div class="text">播放视频</div>
          </div>
          <div class="thumbnailGroup">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_0-a570445f37.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_1-70b7e0915d.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_2-f5757913ff.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_3-af7b2e039d.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_4-b9f3934007.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_5-30aa486038.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_6-0ac4e1a25a.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_7-f785a0f3f3.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_8-800ce89644.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_9-d0950b2f3d.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_10-47300e58d7.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_11-433c854c2d.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_12-bf4903d3ff.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_13-3f4a567cda.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_14-806b60321b.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_15-1e303d9fff.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_16-19f6b1f718.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_17-9ff6f880a7.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_18-cac7117684.png">
          </div>
          <div class="thumbnailGroup">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_19-c3c2543ef7.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_20-16261380aa.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_21-8975ced78c.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_22-46993dbb89.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_23-8a4da2544e.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_24-a6d97984d7.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_25-68baa098f6.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_26-ff0ac5724e.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_27-d68307ca01.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_28-d181096748.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_29-654d9d2ec8.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_30-ece04026dc.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_31-2ee62fc2ef.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_32-ffc871a432.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_33-ae8b4cd79d.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_34-9dc0d715d8.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_35-2f9ffb12aa.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_36-255d9e1d01.png">
            <img class="thumbnail lazy" data-src="assets4M/aodPage/thumbnail_37-2dc4b1a642.png">
          </div>

<div class="preTitle conceal">自定义息屏文字</div>
          <div class="title conceal">要变化万千<br>更要随心所欲</div>
          <div class="introduction conceal">
            你可以把喜欢的文字写入息屏显示，还可选择炫彩配色，让你的息屏炫起来。我们还提供息屏呼吸灯、时间表盘等多种自定义方式，让你的息屏显示从此变化万千。
          </div>
          <div class="personalizedSignatureSlider">
            <img id="personalizedSignature1" class="personalizedSignature" src="assets4M/aodPage/autograph_0-943c3064ec.png">
            <img id="personalizedSignature2" class="personalizedSignature" src="assets4M/aodPage/autograph_1-b2fde138cb.png">
            <img id="personalizedSignature3" class="personalizedSignature" src="assets4M/aodPage/autograph_2-45bf3d3d60.png">
            <img id="personalizedSignature4" class="personalizedSignature" src="assets4M/aodPage/autograph_3-488022312a.png">
            <img id="personalizedSignature5" class="personalizedSignature" src="assets4M/aodPage/autograph_4-d8db4cdf5d.png">
          </div>
          <div class="aodText-bar-wrapper">
            <div class="aodText-bar"><div id="aodText-bar-1" class="aodText-bar-progress"></div></div>
            <div class="aodText-bar"><div id="aodText-bar-2" class="aodText-bar-progress"></div></div>
            <div class="aodText-bar"><div id="aodText-bar-3" class="aodText-bar-progress"></div></div>
            <div class="aodText-bar"><div id="aodText-bar-4" class="aodText-bar-progress"></div></div>
            <div class="aodText-bar"><div id="aodText-bar-5" class="aodText-bar-progress"></div></div>
          </div>

<img class="redotLogo lazy conceal" data-src="assets4M/soundPage/redot-2f5ca21db4.png">
          <p class="redotText conceal">
            MIUI 动态自然音效<br>荣获2019年度<span style="color: rgb(222,0,0)">红点奖</span>
          </p>
          <div class="preTitle conceal">星期闹钟</div>
          <div class="title conceal">自然的声音<br>天天不同</div>
          <div class="introduction conceal">
            我们从大地汲取灵感，采集大自然的声音，让生灵与环境融入手机的闹钟，把自然界的美妙声音带给每一个清晨。
          </div>
          <div id="weekSoundSlider" class="slider">
            <div class="slider__item" data-day="monday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_1-37388dd5af.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>星期一</p>
                <p>MONDAY</p>
              </div>
            </div>
            <div class="slider__item" data-day="tuesday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_2-3ca2161937.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>星期二</p>
                <p>TUESDAY</p>
              </div>
            </div>
            <div class="slider__item" data-day="wednesday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_3-659c2f32a7.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>星期三</p>
                <p>WEDNESDAY</p>
              </div>
            </div>
            <div class="slider__item" data-day="thursday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_4-e49e55774d.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>星期四</p>
                <p>THURSDAY</p>
              </div>
            </div>
            <div class="slider__item" data-day="friday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_5-3c190101f6.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>星期五</p>
                <p>FRIDAY</p>
              </div>
            </div>
            <div class="slider__item" data-day="saturday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_6-3f9d92fa09.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>星期六</p>
                <p>SATURDAY</p>
              </div>
            </div>
            <div class="slider__item" data-day="sunday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_7-aaadc33da6.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>星期日</p>
                <p>SUNDAY</p>
              </div>
            </div>
          </div>

<div class="preTitle conceal">效率革新</div>
          <div class="introduction conceal">你工作和生活中强大可靠的贴身利器</div>
          <div class="icons">
            <div class="row">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/1-d09ff4a418.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/2-03a2d90460.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/3-a1bd39b307.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/4-5765d44ffe.png">
            </div>
            <div class="row">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/5-ccd70bc152.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/6-8497e72554.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/7-ce187a660a.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/8-6582499a26.png">
            </div>
            <div class="row">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/9-0873766ca4.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/10-0c597b365f.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/11-c6fabfe915.png">
            </div>
          </div>

<div class="preTitle conceal">投屏</div>
          <div class="title conceal">手机上的一切<br>大屏上见</div>
          <div class="introduction conceal">
            MIUI全能投屏支持将手机上的内容直接投屏至超过300款电视上。投视频、投游戏、投文档、投应用完全没有问题。投屏至小米电视，甚至无需网络。在我们首创的隐私剥离技术下，你也完全无需担心敏感信息泄露。
          </div>
          
          <div class="throwingScreen-phone"></div>
          <div class="pic1-wrap">
            <div class="throwingScreen-pic1">
              <img src="./assets4M/throwingScreenPage/phone3-d2154d42b9.png" alt="miracast">
              <img src="./assets4M/throwingScreenPage/phone1-d7aaaf96c6.png" alt="miracast">
              <img src="./assets4M/throwingScreenPage/phone2-2feacbb800.png" alt="miracast">
              <img src="./assets4M/throwingScreenPage/phone3-d2154d42b9.png" alt="miracast">
              <img src="./assets4M/throwingScreenPage/phone1-d7aaaf96c6.png" alt="miracast">
            </div>
          </div>

<div class="preTitle conceal">打印</div>
          <div class="title conceal">打印<br>不必非得用电脑</div>
          <div class="introduction conceal">
            手机一键打印，无需安装任何应用就可轻松打印照片和文档，还有贴心的打印异常提醒。支持连接市场上几近3000种打印机，让你想打什么打什么。
          </div>
          <div class="btn look conceal">
            <div class="text">查看支持的打印机</div>
          </div>
          <img class="bg lazy conceal" data-src="assets4M/printPage/bg-926f7ba903.png">
          <div class="dialogContainer" style="visibility: hidden">
            <div class="logos">
              <img class="logo lazy" data-src="assets4M/printPage/logo1-2198f3f4bf.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo2-3c4e753977.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo3-8c1400501e.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo4-7cec356e58.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo5-600fe28fb9.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo6-f2757fb7d8.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo7-ec42202bae.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo8-70204edcaf.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo9-fe32ced75a.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo10-4e578bd862.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo11-f47bd06a88.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo12-818ca3c1f7.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo13-4389fa2799.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo14-842ec433a8.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo15-264f3feed0.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo16-b19c475188.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo17-2c579e1acc.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo18-22df0cb044.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo19-c8c8b2d7be.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo20-e68b573ec4.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo21-c1c2d1654a.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo22-6aced5c4cf.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo23-d12e520216.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo24-eba724e41e.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo25-9fb609b92e.png">
            </div>
            <div class="btn close"></div>
          </div>

<div class="preTitle conceal">智能出行</div>
          <div class="cards">
            <div class="singleCard">
              <div class="title conceal">贴心为你<br>方便出行</div>
              <div class="introduction conceal">
                当你预定好行程后，系统会自动识别你的订票短信信息，并为你开启行程规划，在负一屏中即可查看。
              </div>
              <img class="card lazy conceal" data-src="assets4M/travelPage/card1-d83f41d2fb.png">
            </div>
            <div class="singleCard">
              <div class="title conceal">贴心为你<br>方便出行</div>
              <div class="introduction conceal">
                使领馆简介使领馆简介使领馆简介使领馆简介使领馆简介使领馆简介使领馆简介使领馆简介使领馆简介
              </div>
              <img class="card lazy conceal" data-src="assets4M/travelPage/card2-0c02290b70.png">
            </div>
            <div class="singleCard">
              <div class="title conceal">贴心为你<br>方便出行</div>
              <div class="introduction conceal">
                天气卡片简介天气卡片简介天气卡片简介天气卡片简介天气卡片简介天气卡片简介天气卡片简介天气卡片简介
              </div>
              <img class="card lazy conceal" data-src="assets4M/travelPage/card3-5a82ed9e8a.png">
            </div>
            <div class="singleCard">
              <div class="title conceal">贴心为你<br>方便出行</div>
              <div class="introduction conceal">
                出行锦囊简介出行锦囊简介出行锦囊简介出行锦囊简介出行锦囊简介出行锦囊简介出行锦囊简介出行锦囊简介
              </div>
              <img class="card lazy conceal" data-src="assets4M/travelPage/card4-1e022843da.png">
            </div>
          </div>

<div class="preTitle conceal">屏幕时间管理</div>
          <div class="title conceal">健康使用手机<br>了解屏幕使用时长</div>
          <div class="introduction conceal">
            在屏幕使用时间里，你可以查看手机及各APP每天的使用时长、每天手机解锁的次数，同时可以自定义每天APP的限制可用时长，帮助你更好地管控手机使用时间。
          </div>
          <div class="mobileGroup">
            <div class="move">
              <div class="mobile show">
                <img class="phone lazy" data-src="assets4M/timeManagerPage/phone1-95f09e985e.png">
                <div class="card">
                  <img class="lazy" data-src="assets4M/timeManagerPage/card1-80537ebaa5.png">
                </div>
              </div>
              <div class="mobile">
                <img class="phone lazy" data-src="assets4M/timeManagerPage/phone2-6c0fb95391.png">
                <div class="card">
                  <img class="lazy" data-src="assets4M/timeManagerPage/card2-5a6dd326f6.png">
                  <img class="lazy" data-src="assets4M/timeManagerPage/card3-a7214eb520.png">
                </div>
              </div>
            </div>
          </div>

<div class="close_button"></div>
          <div class="more_modal" id="more-modal-1">
            
            <div class="more_modal_content_wrapper">
              <video id="xiaoai_video" poster="assets4M/morePage/xiaoai_poster-11d0f5ee05.jpg" playsinline>
                <source src="video/xiaoai540-51b26c59fc.mp4" type="video/mp4">
                Sorry, your browser doesn't support embedded videos.
              </video>
              <div class="more_modal_title">连续对话</div>
              <div class="more_modal_slogan">
                连续对话，小爱一直在
              </div>
              <div class="more_modal_content">
                基于全双工技术的全新小爱同学，唤醒一次，就能持续<br>
                对话。并支持随时打断对话、在说话过程中稍作停顿，<br>
                让对话更自然流畅。
              </div>
              <div id="xiaoai_play_icon" class="modal_play">
                <div id="xiaoai_play_pause_icon" class="modal_play_icon"></div>
                <div id="xiaoai_play_pause_text" class="modal_play_text">马上观看</div>
              </div>
              <div class="more_modal_tips">
                *该功能目前默认关闭，可在小爱同学App的设置中，开启连续对话功能。目<br>
                前小米9S系列机型支持对话打断和停顿，更多机型正在适配中。
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img xiaoai_img_1"></div>
              <div class="more_modal_title">沉浸体验</div>
              <div class="more_modal_slogan">
                沉浸体验，动口不动手
              </div>
              <div class="more_modal_content">
                全新小爱同学支持全屏浏览，无论是查百科、找菜谱，<br>
                还是听音乐、看视频，都能有更沉浸的内容阅读体验。<br>
                更支持用语音指令代替传统屏幕点击，例如在音乐功<br>
                能界面，对小爱说“第三首”“收藏”“我想听张国荣<br>
                的”或“我想听live版”就能直接控制。能动口，就不<br>
                动手！
              </div>
              <div class="more_modal_tips">
                *语音指令代替传统屏幕点击功能，当前支持音乐、麦当劳订餐、电台、视<br>
                频、菜谱等场景，更多场景持续覆盖中。
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img xiaoai_img_2"></div>
              <div class="more_modal_title">美团语音订餐</div>
              <div class="more_modal_slogan">
                一句话，美食送到家
              </div>
              <div class="more_modal_content">
                对小爱说“我要吃汉堡”，就能购买大汉堡、脆薯条、<br>
                冰可乐！此外，小爱还支持查询外卖订单进度哟！
              </div>
              <div class="more_modal_tips">
                *来源：图片来自美团
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img xiaoai_img_3"></div>
              <div class="more_modal_title">小爱捷径2.0</div>
              <div class="more_modal_slogan">
                全新捷径，更快更高效
              </div>
              <div class="more_modal_content">
                全新设计风格，错落有致、形意相合的布局与样式，寻<br>
                找卡片一目了然。关键信息封面展现，随时随地一键触<br>
                达你想关注的信息。
              </div>
              <div class="more_modal_tips">
                *目前可通过小米9、小米9透明探索版、小米MIX3的AI键唤起小爱捷径。
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_slide_wrapper">
                <div class="xiaoai_img xiaoai_img_4_3"></div>
                <div class="xiaoai_img xiaoai_img_4_2"></div>
                <div class="xiaoai_img xiaoai_img_4_1"></div>
              </div>
              <div class="more_modal_title">小爱智能语音输入</div>
              <div class="more_modal_slogan">
                最in AI 输入，猜你所想
              </div>
              <div class="more_modal_content">
                各种实用信息，随时整合随时调用。<br>
                做你的智能输入助理，一句话帮你键入收件信息、当前<br>
                位置、毒鸡汤、祝福语......
              </div>
            </div>
            <div class="jumpWrapper">
              <div class="jumpButton" data-id="1" data-direction="pre">
                <div class="pre"></div>
                小米社区
              </div>
              <div class="jumpButton" data-id="1" data-direction="next">
                游戏模式
                <div class="next"></div>
              </div>
            </div>
          </div>

<div class="more_modal" id="more-modal-2">
            
            <div class="more_modal_content_wrapper">
              <div class="game_mode_img_1"></div>
              <div class="more_modal_title">游戏盒子</div>
              <div class="more_modal_slogan">
                一键变身游戏掌机<br>
                战力瞬间爆表
              </div>
              <div class="more_modal_content">
                沉浸式游戏空间，搭配电竞式风格和酷炫游戏音效，让<br>
                你瞬间身临其境；专业的GameTurbo加速、游戏防误<br>
                触及性能增强模式，让你的“掌机”进入最佳战斗状态。
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="game_mode_img_2"></div>
              <div class="more_modal_title">游戏工具箱2.0</div>
              <div class="more_modal_slogan">
                呼之即出的高能助手<br>
                竞力超群加速度
              </div>
              <div class="more_modal_content">
                悬浮dock，专为游戏而生。网络切换、消息屏蔽、息屏<br>
                挂机等强力buff，畅快游戏不掉线；一键投屏、快速录<br>
                屏、消息快捷回复，分享乐趣就现在；更有画面色彩增<br>
                强、语音变声，带来更多游戏新体验。
              </div>
            </div>
            <div class="jumpWrapper">
              <div class="jumpButton" data-id="2" data-direction="pre">
                <div class="pre"></div>
                小爱同学
              </div>
              <div class="jumpButton" data-id="2" data-direction="next">
                快捷回复
                <div class="next"></div>
              </div>
            </div>
          </div>

<div class="more_modal" id="more-modal-3">
            
            <div class="more_modal_content_wrapper">
              <div class="quick_reply_img_1"></div>
              <div class="more_modal_title">快捷回复</div>
              <div class="more_modal_slogan">
                在使用任意应用时<br>
                都能和朋友聊天
              </div>
              <div class="more_modal_content">
                快捷回复小窗功能现已支持更多场景和应用。一边玩<br>
                游戏也可以一边打电话，一边煲剧也可以一边跟朋友<br>
                聊微信。任意应用中，想聊就聊。
              </div>
            </div>
            <div class="jumpWrapper">
              <div class="jumpButton" data-id="3" data-direction="pre">
                <div class="pre"></div>
                游戏模式
              </div>
              <div class="jumpButton" data-id="3" data-direction="next">
                手机管家
                <div class="next"></div>
              </div>
            </div>
          </div>

<div class="more_modal" id="more-modal-4">
            
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img phone_keeper_1"></div>
              <div class="more_modal_title">手机管家</div>
              <div class="more_modal_slogan">
                你需要的系统功能<br>
                都在这里
              </div>
              <div class="more_modal_content">
                “安全中心”现已全新升级，“手机管家”为你提供更<br>
                加全面的系统级服务。系统工具、手机清理、应用管<br>
                理、电量管理等全方位服务均可一键触达，快捷高效。
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img phone_keeper_2"></div>
              <div class="more_modal_title">安全中心</div>
              <div class="more_modal_slogan">
                始终安全，为你保护到底
              </div>
              <div class="more_modal_content">
                安全中心深度清理、微信专清、省电优化等已全面升<br>
                级，更彻底，更深度，始终为你保护多一点。
              </div>
            </div>
            <div class="jumpWrapper">
              <div class="jumpButton" data-id="4" data-direction="pre">
                <div class="pre"></div>
                快捷回复
              </div>
              <div class="jumpButton" data-id="4" data-direction="next">
                智能密码
                <div class="next"></div>
              </div>
            </div>
          </div>

<div class="more_modal" id="more-modal-5">
            
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img smart_account_1"></div>
              <div class="more_modal_title">密码自动填充</div>
              <div class="more_modal_slogan">
                选择账号，直接登录
              </div>
              <div class="more_modal_content">
                轻点一下，自动识别要登录的应用，且自动填充账户和<br>
                密码，在各种应用中都可以轻松取用。
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img smart_account_2"></div>
              <div class="more_modal_title">智能密码管理</div>
              <div class="more_modal_slogan">
                各种账户和密码<br>
                都交给系统来管理
              </div>
              <div class="more_modal_content">
                80%常用应用均支持将账户和密码直接保存在系统<br>
                的”智能密码管理“中，只需一处即可集中管理你的几<br>
                乎所有账户和密码；一个应用还可保存多个账户。密码<br>
                更新了也可以自动保存。
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img smart_account_3"></div>
              <div class="more_modal_title">安全保护</div>
              <div class="more_modal_slogan">
                只有你自己能使用<br>
                和访问这些账户和密码
              </div>
              <div class="more_modal_content">
                每次使用、查看均需要进行安全验证，而且只能在你已<br>
                登录小米账号的设备上访问；我们也会将其进行加密<br>
                存储，并仅存在你的手机里。连小米也看不到。
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img smart_account_4"></div>
              <div class="more_modal_title">自动填充验证码</div>
              <div class="more_modal_slogan">
                收到短信验证码<br>
                点一下，填进去
              </div>
              <div class="more_modal_content">
                80%系统会自动识别和提取短信中的一次性验证码，并自<br>
                动弹出小气泡，你只需轻轻一点即可载入。
              </div>
            </div>
            <div class="jumpWrapper">
              <div class="jumpButton" data-id="5" data-direction="pre">
                <div class="pre"></div>
                手机管家
              </div>
              <div class="jumpButton" data-id="5" data-direction="next">
                日历
                <div class="next"></div>
              </div>
            </div>
          </div>

<div class="more_modal" id="more-modal-6">
            
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img calendar_1"></div>
              <div class="more_modal_title">日历效率视图</div>
              <div class="more_modal_slogan">
                每一天该做的事情<br>
                都心中有数
              </div>
              <div class="more_modal_content">
                在日历月视图中，下拉页面即可清晰、直观地查看到当<br>
                月每天的日程安排；在新增的年视图模式下，你还可以<br>
                看到一整年的大致安排。
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img calendar_2"></div>
              <div class="more_modal_title">经期助手</div>
              <div class="more_modal_slogan">
                关心健康，关心你的<br>
                每一个“日子”
              </div>
              <div class="more_modal_content">
                在日历中标记经期的开始和结束日期，我们将在日历<br>
                页面顶部为你预测生理周期，给予你温馨的提示；经期<br>
                相关的历史也可以记录下来，方便你了解、推测相关的<br>
                信息。
              </div>
            </div>
            <div class="jumpWrapper">
              <div class="jumpButton" data-id="6" data-direction="pre">
                <div class="pre"></div>
                智能密码
              </div>
              <div class="jumpButton" data-id="6" data-direction="next">
                个性主题
                <div class="next"></div>
              </div>
            </div>
          </div>

<div class="more_modal" id="more-modal-7">
            
            <div class="more_modal_content_wrapper">
              <div class="theme_imgs">
                <div class="xiaoai_img personal_theme_1"></div>
                <div class="xiaoai_img personal_theme_2"></div>
                <div class="xiaoai_img personal_theme_3"></div>
                <div class="xiaoai_img personal_theme_4"></div>
              </div>
              <div class="more_modal_title">个性主题</div>
              <div class="more_modal_slogan">
                开启手机主题<br>
                全免费时代
              </div>
              <div class="more_modal_content">
                万套主题现已全部免费，感谢所有米粉一直以来的支<br>
                持。全免后，小米主题商店仍将持续推出更多优质主<br>
                题，初心不改，质量不变。欢迎持续关注我们。
              </div>
              <div class="more_modal_tips">
                *小部分版权主题不能免费。
              </div>
            </div>
            <div class="jumpWrapper">
              <div class="jumpButton" data-id="7" data-direction="pre">
                <div class="pre"></div>
                日历
              </div>
              <div class="jumpButton" data-id="7" data-direction="next">
                小米社区
                <div class="next"></div>
              </div>
            </div>
          </div>

<div class="more_modal" id="more-modal-8">
            
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img community_1"></div>
              <div class="more_modal_title">小米内容</div>
              <div class="more_modal_slogan">
                关注小米，新动态<br>
                早知道
              </div>
              <div class="more_modal_content">
                小米全系产品入驻小米社区，从手机、电视、小爱到牙<br>
                刷等，都能在小米社区了解到使用方式及最新消息。最<br>
                in最新鲜的小米智能产品消息，来这里，就知道。
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img community_2"></div>
              <div class="more_modal_title">参与小米活动</div>
              <div class="more_modal_slogan">
                参与官方活动<br>
                和千万米粉交朋友
              </div>
              <div class="more_modal_content">
                深受米粉喜爱的爆米花、橙色跑、小米家宴、同城会、<br>
                品鉴会等各种线上、线下活动都将在小米社区发布，常<br>
                常关注我们，超多有趣的活动，都来小米社区参加吧！
              </div>
            </div>
            <div class="more_modal_content_wrapper">
              <div class="xiaoai_img community_3"></div>
              <div class="more_modal_title">参与内测</div>
              <div class="more_modal_slogan">
                参与内测<br>
                新鲜功能提前用
              </div>
              <div class="more_modal_content">
                开发版内测、APP功能内测、产品提前众测，来小米社<br>
                区，尝鲜最新的功能，体验最新的产品。与我们共同打<br>
                造激动人心的产品，就是现在！
              </div>
            </div>
            <div class="jumpWrapper">
              <div class="jumpButton" data-id="8" data-direction="pre">
                <div class="pre"></div>
                个性主题
              </div>
              <div class="jumpButton" data-id="8" data-direction="next">
                小爱同学
                <div class="next"></div>
              </div>
            </div>
          </div>

<div class="preTitle conceal">More</div>
          <div class="title conceal">往下看，更多变化</div>
          <div class="changes">
            <div class="change conceal more_icon" data-id="1">
              <img class="icon lazy" data-src="assets4M/morePage/w1-5cc947ccae.png">
              <div class="name">小爱3.0</div>
              <div class="content">小爱同学，新新模样，<br>能力开挂升级</div>
            </div>
            <div class="change conceal more_icon" data-id="2">
              <img class="icon lazy" data-src="assets4M/morePage/w2-239dd9eef1.png">
              <div class="name">游戏模式</div>
              <div class="content">系统级游戏加速，<br>畅快随时在线</div>
            </div>
            <div class="change conceal more_icon" data-id="3">
              <img class="icon lazy" data-src="assets4M/morePage/w3-34d76bd569.png">
              <div class="name">快捷回复</div>
              <div class="content">在使用任意应用时，<br>都能和朋友聊天</div>
            </div>
            <div class="change conceal more_icon" data-id="4">
              <img class="icon lazy" data-src="assets4M/morePage/w4-a723ce6804.png">
              <div class="name">手机管家</div>
              <div class="content">全面服务，不止安全</div>
            </div>
            <div class="change conceal more_icon" data-id="5">
              <img class="icon lazy" data-src="assets4M/morePage/w5-0d706126dd.png">
              <div class="name">智能密码填充</div>
              <div class="content">便捷使用和安全存储各种账户和密码</div>
            </div>
            <div class="change conceal more_icon" data-id="6">
              <img class="icon lazy" data-src="assets4M/morePage/w6-60bca8e420.png">
              <div class="name">日历</div>
              <div class="content">每一天，<br>都安排得明明白白</div>
            </div>
            <div class="change conceal more_icon" data-id="7">
              <img class="icon lazy" data-src="assets4M/morePage/w7-ba6e54f51d.png">
              <div class="name">个性主题</div>
              <div class="content">开启手机主题<br>全免费时代</div>
            </div>
            <div class="change conceal more_icon" data-id="8">
              <img class="icon lazy" data-src="assets4M/morePage/w8-ca67929b26.png">
              <div class="name">新小米社区</div>
              <div class="content">和我们在<br>新小米社区见面</div>
            </div>
          </div>

<div class="preTitle conceal">感谢有你</div>
          <div class="title conceal">与我们一同打造<br>MIUI 11的你们</div>
          <div class="introduction conceal">
            感谢百万MIUI论坛米粉提前参与了MIUI
            11的体验，并帮助我们做得更好，使MIUI
            11成为史上最快发布稳定版的小米系统。
          </div>
          <div class="th-search conceal">
            <div class="th-search-box">
              <input class="th-search-input" placeholder="输入 MIUI 论坛昵称，找找自己" type="text">
              <div class="icon-search"></div>
              <div class="icon-clear"></div>
              <button class="th-search-btn active">在完整名单中找到自己</button>
            </div>
            <div class="th-search-result">
              <div class="fail">
                <p>
                  /(ToT)/--没找到呢，<br>不过现在开始参与MIUI 12是个不错的选择
                </p>
                <a href="/">立即参与<span class="arrow-icon"></span></a>
              </div>
            </div>
            <div class="th-poster-preload" style="display: none;">
              <img crossorigin="anonymous" src="img/thanks/mobile-link-386d2d3567.png" class="mobile-link_200">
            </div>
          </div>
          <div class="barrageGroup">
            <div class="barrage" style="top: 0;left: 3.41rem;background: linear-gradient(270deg, rgba(255,193,211,0.00) 0%, #FF8EA8 67%);">fPan4520</div>
            <div class="barrage" style="top: 0.5rem;left: -0.25rem;background: linear-gradient(270deg, rgba(153,126,255,0.00) 0%, #997EFF 67%);">坟场KTV</div>
            <div class="barrage" style="top: 0.75rem;left: 5.97rem;background: linear-gradient(270deg, rgba(69,151,255,0.00) 0%, #4597FF 67%);">小哥，喔</div>
            <div class="barrage" style="top: 1.25rem;left: 1.63rem;background: linear-gradient(270deg, rgba(69,151,255,0.00) 0%, #4597FF 67%);">风精</div>
            <div class="barrage" style="top: 2.25rem;left: -2rem;background: linear-gradient(270deg, rgba(255,193,211,0.00) 0%, #FF8EA8 67%);">冷酷舞曲</div>
            <div class="barrage" style="top: 3rem;left: 2.4rem;background: linear-gradient(270deg, rgba(255,193,211,0.00) 0%, #FF8EA8 67%);">张路易</div>
            <div class="barrage" style="top: 2.6rem;left: 5.7rem;background: linear-gradient(270deg, rgba(255,189,45,0.00) 0%, #FFBD2D 67%);">墨羽清轩</div>
            <div class="barrage" style="top: 4rem;left: -0.5rem;background: linear-gradient(270deg, rgba(255,189,45,0.00) 0%, #FFBD2D 67%);">zhe147</div>
            <div class="barrage" style="top: 4.5rem;left: 6.7rem;background: linear-gradient(270deg, rgba(153,126,255,0.00) 0%, #997EFF 67%);">ygy98</div>
            <div class="barrage" style="top: 5.1rem;left: 3.3rem;background: linear-gradient(270deg, rgba(69,151,255,0.00) 0%, #4597FF 67%);">leonrambo</div>
            <div class="barrage" style="top: 5.3rem;left: -1.2rem;background: linear-gradient(270deg, rgba(255,193,211,0.00) 0%, #FF8EA8 67%);">野草～</div>
            <div class="barrage" style="top: 6.4rem;left: 1.2rem;background: linear-gradient(270deg, rgba(153,126,255,0.00) 0%, #997EFF 67%);">TiTANS0086</div>
            <div class="barrage" style="top: 5.86rem;left: 8rem;background: linear-gradient(270deg, rgba(255,189,45,0.00) 0%, #FFBD2D 67%);">猪八戒他二舅</div>
            <div class="barrage" style="top: 7rem;left: 5.6rem;background: linear-gradient(270deg, rgba(255,193,211,0.00) 0%, #FF8EA8 67%);">网拉拉</div>   
            <div class="barrage" style="top: 2.35rem;left: 9remrem;background: linear-gradient(270deg, rgba(153,126,255,0.00) 0%, #997EFF 67%);">失败注定</div>
            <div class="barrage" style="top: 4.6rem;left: 9.6rem;background: linear-gradient(270deg, rgba(255,189,45,0.00) 0%, #FFBD2D 67%);">可爱皮哥8</div>
            
          </div>

<div class="preTitle conceal">挑一个</div>
          <div class="title conceal">支持MIUI 11的手机</div>
          <ul id="chooseSlider" class="slider">
            <li class="slider__item">
                <img src="assets4M/choosePage/MI9-bc371484b0.jpg" alt="">
                <p>小米9</p>
                <a href="https://m.mi.com/#/product/view?product_id=1193200040&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/MI9se-c6da3e584e.jpg" alt="">
                <p>小米9 SE</p>
                <a href="https://m.mi.com/#/product/view?product_id=1190800045&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/MIcc9-ddca0fa176.jpg" alt="">
                <p>小米CC9</p>
                <a href="https://m.mi.com/#/product/view?product_id=1192500029&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/MIcc9e-b58834cb1c.jpg" alt="">
                <p>小米CC9e</p>
                <a href="https://m.mi.com/#/product/view?product_id=1192600019&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/MIcc9meitu-c20a3232cf.jpg" alt="">
                <p>小米CC9美图定制版</p>
                <a href="https://m.mi.com/#/product/view?product_id=1192500039&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/RMnote8-554cc7ebec.jpg" alt="">
                <p>Redmi Note 8</p>
                <a href="https://m.mi.com/#/product/view?product_id=1193400024&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/RMnote8pro-5fd5d16b76.jpg" alt="">
                <p>Redmi Note 8 Pro</p>
                <a href="https://m.mi.com/#/product/view?product_id=1193400019&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/RMk20-e36c27af99.jpg" alt="">
                <p>Redmi K20</p>
                <a href="https://m.mi.com/#/product/view?product_id=1191900032&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/RMk20pro-9bef733281.jpg" alt="">
                <p>Redmi K20 Pro</p>
                <a href="https://m.mi.com/#/product/view?product_id=1191900048&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/RMnote7-81f94e4eb5.jpg" alt="">
                <p>红米Note 7</p>
                <a href="https://m.mi.com/#/product/view?product_id=1192900001&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/RMnote7pro-74668c587d.jpg" alt="">
                <p>红米Note 7 Pro</p>
                <a href="https://m.mi.com/#/product/view?product_id=1192900002&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/MIX3-25e1188a02.jpg" alt="">
                <p>小米MIX3</p>
                <a href="https://m.mi.com/#/product/view?product_id=1184200014&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/MI8-82fc00202a.jpg" alt="">
                <p>小米8</p>
                <a href="https://m.mi.com/#/product/view?product_id=1182100044&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/MI8young-cafdc538f6.jpg" alt="">
                <p>小米8青春版</p>
                <a href="https://m.mi.com/#/product/view?product_id=1183600016&client_id=180100031058&masid=20029.00001">前往了解</a>
              </li>
              <li class="slider__item">
                <img src="assets4M/choosePage/MI9transparent-28528b8c2d.jpg" alt="">
                <p>小米9透明尊享版</p>
                <a href="https://m.mi.com/#/product/view?product_id=1191200005&client_id=180100031058&masid=20029.00001">前往了解</a>
            </li>
          </ul>

<div class="title">MIUI 11升级计划</div>
          <div class="note">
            *发布计划可能会有调整，以实际情况为准。
          </div>
          <div class="batch">
            <div class="number">第一批</div>
            <div class="time">十月上旬</div>
            <ul>
              <li>小米9</li>
              <li>红米Redmi K20 Pro</li>
              <li>红米Redmi K20</li>
              <li>小米8</li>
              <li>小米8青春版</li>
              <li>小米8SE</li>
              <li>小米MIX2S</li>
              <li>小米MIX3</li>
            </ul>
            <ul>
              <li>小米9SE</li>
              <li>小米MAX3</li>
              <li>小米8透明探索版</li>
              <li>小米8UD</li>
              <li>红米Note7</li>
              <li>红米Note7 Pro</li>
              <li>红米Redmi7</li>
            </ul>
          </div>
          <div class="batch">
            <div class="number">第二批</div>
            <div class="time">十月中旬</div>
            <ul>
              <li>红米Redmi 7A</li>
              <li>红米6Pro</li>
              <li>小米6X</li>
              <li>红米Note5</li>
              <li>红米手机6A</li>
            </ul>
            <ul>
              <li>红米手机6</li>
              <li>红米S2</li>
              <li>小米手机6</li>
              <li>小米Note3</li>
              <li>小米MIX2</li>
            </ul>
          </div>
          <div class="batch">
            <div class="number">第三批</div>
            <div class="time">十月下旬</div>
            <ul>
              <li>小米CC9</li>
              <li>小米CC9 美图定制版</li>
              <li>小米CC 9e</li>
              <li>红米Note5A高配版</li>
              <li>小米手机5S</li>
              <li>小米手机5SPlus</li>
              <li>小米note2</li>
              <li>小米5C</li>
              <li>小米MIX</li>
            </ul>
            <ul>
              <li>小米Play</li>
              <li>红米5Plus</li>
              <li>红米手机4X</li>
              <li>小米手机5X</li>
              <li>红米5</li>
              <li>红米手机5A</li>
              <li>小米Max2</li>
              <li>红米note4X</li>
              <li>红米Note5A 标准版</li>
            </ul>
          </div>