MIUI 11 效率革新声色双全

效率革新
声色双全

MIUI动态字体系统
获得2019红点奖

<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="title conceal">
            中文字形优化和<br>
            全新西文设计
          </div>
          <div class="introduction conceal">
            中文系统字体定制先驱的又一次进化。全新小米兰亭 Pro，进一步优化中宫，充分还原汉字隽秀之美；全新设计的西文字体视觉更加平衡，中西文混排阅读也更为舒适，让文字之美浸润你的每一次阅读。
          </div>

<div class="reddot conceal">
            <img class="lazy conceal" style="width: 100%;height:100%;" data-src="assets4M/fontPage/reddot-712e12717f.png">
          </div>
          <div class="title conceal">
            全球首家<br>动态字体系统
          </div>
          <div class="introduction conceal">
            文字粗细无级调节，每个人都可找到适合自<br>
            己的字重。智能加粗还会根据内容层级和重<br>
            要性予以文字不同程度加粗，使阅读体验更<br>
            为极致。
          </div>
          <div class="btn playVideo conceal" data-url="assets4M/video/font-6d759bf3d0.mp4">
            <div class="shape"></div>
            <div class="text">播放视频</div>
          </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">
                优秀的公司赚的是利润，卓越的公司赢的是人心。小米是一家少见的拥有“粉丝文化”的高科技公司。对于小米而言，用户非上帝，用户应是朋友。为感谢米粉的一路相伴，每年4月初都会举办盛大“米粉节”与米粉狂欢；每年年底会邀请米粉回家吃“团圆饭”；小米员工还会自发地为米粉手写10万张明信片。这是小米不一样的地方，是小米人发自内心、一笔一画亲手表达的情感，这是对愿景的最好诠释，这是和米粉交朋友的实际行动。
            </div>
            <div class="preLoadFont">
            </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="title conceal">万象息屏<br>全面绽放</div>
          <div class="introduction conceal">
            MIUI 11 全新动态息屏，从体现光线之美的百变<br>
            万花筒，到表达数理韵律的波点表盘，原本静止<br>
            的图案都在息屏上绽放，精致得如同艺术品。
          </div>
          <div class="note conceal">
              *实际动画效果以各机型线上版本为准<br>
              *部分样式需后续 OTA 升级支持<br>            
            </div>
          <div class="btn playVideo conceal" data-url="assets4M/video/AOD-30d70aa480.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="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>

<div class="redotBg">
            <div class="bg"></div>
            <img class="redotLogo lazy conceal" data-src="assets4M/soundPage/redot-2f5ca21db4.png">
            <p class="redotText conceal">
              MIUI动态自然音效体系<br>
              自然惊艳 听觉盛宴
            </p>
          </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>
              </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>
              </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>
              </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>
              </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>
              </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>
              </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>
              </div>
            </div>
          </div>

<div class="preTitle conceal">效率革新<br>
          你工作和生活中<br>
          强大可靠的贴身利器</div>
          
          <div class="part">
            <div class="smallTitleCN">MIUI工作套件</div>
            <div class="smallTitleEN">Mi Work</div>
            <div class="row">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/01-bde9f03b53.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/02-486ca6969b.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/03-7cf40b7073.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/04-690ade996c.png">
            </div>
          </div>
          <div class="part">
            <div class="smallTitleCN">MIUI出行服务套件</div>
            <div class="smallTitleEN">Mi Go</div>
            <div class="row">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/05-e5398e0912.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/06-d2f75a70fb.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/07-96be5d67d4.png">
            </div>
          </div>
          <div class="part">
            
            <div class="smallTitleEN">AI相册</div>
            <div class="row">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/08-f0c0255108.png">
            </div>
          </div>
          <div class="part">
            <div class="smallTitleEN">家庭功能</div>
            <div class="row">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/09-7da492be5b.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/10-b428971782.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/11-11a56e021f.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/12-e6e6efec5a.png">
            </div>
          </div>

<div class="preTitle conceal">超级文档</div>
          <div class="title conceal">MIUI 11 <br>专业文档查看器</div>
          <div class="introduction conceal">
            系统自带功能强大的文档查看器，充分满足常用文档查看需求。
          </div>
          <div class="note conceal">
            *小米Note2、小米MIX、红米5 Plus需前往小米应用商店下载并安装文档查看器，预计十月上旬开放下载
          </div>
          <div class="fileSlider">
            <img id="fileSliderPhone1" class="fileSliderPhone" src="assets4M/filePage/slider0-e513ea14ce.png">
            <img class="fileSliderPhone" src="assets4M/filePage/slider1-30e8c2c3b8.png">
            <img class="fileSliderPhone" src="assets4M/filePage/slider2-0e221e6bec.png">
            <img class="fileSliderPhone" src="assets4M/filePage/slider3-6ecce11d67.png">
          </div>
          <div class="fileSlider-bar-wrapper">
            <div class="fileSlider-tab" id="fileSlider-tab-1">
              <div class="fileSlider-bar-text" id="fileSlider-bar-text-0">.pdf</div>
              <div class="fileSlider-bar"><div id="fileSlider-bar-1" class="fileSlider-bar-progress"></div></div>
            </div>
            <div class="fileSlider-tab" id="fileSlider-tab-2">
              <div class="fileSlider-bar-text" id="fileSlider-bar-text-1">.doc</div>
              <div class="fileSlider-bar"><div id="fileSlider-bar-2" class="fileSlider-bar-progress"></div></div>
            </div>
            <div class="fileSlider-tab" id="fileSlider-tab-3">
              <div class="fileSlider-bar-text" id="fileSlider-bar-text-2">.ppt</div>
              <div class="fileSlider-bar"><div id="fileSlider-bar-3" class="fileSlider-bar-progress"></div></div>
            </div>
            <div class="fileSlider-tab" id="fileSlider-tab-4">
              <div class="fileSlider-bar-text" id="fileSlider-bar-text-3">.xls</div>
              <div class="fileSlider-bar"><div id="fileSlider-bar-4" class="fileSlider-bar-progress"></div></div>
            </div>
          </div>

<div class="preTitle conceal">全能投屏</div>
          <div class="title conceal">全能投屏<br>真的什么都能投</div>
          <div class="introduction conceal">
            MIUI 专业文档投屏，手机就是你的翻页器、提<br>
            词器和激光笔，是你职场的贴身利器。忘掉各<br>
            种转接头，MIUI 全能投屏支持超过300款电<br>
            视，文档、视频、游戏、应用，均可轻松投屏。
          </div>
          <div class="note conceal">*该功能仅支持Android P及以上版本手机，与部分Android O版本手机<br>
          *该功能仅支持部分小米电视，并需要升级电视端「无线显示」至最新版本<br>
          *非小米电视由乐播投屏提供技术支持<br>
          *部分电视需要手动打开Miracast功能，以完成投屏<br>
          *投应用内容由 Keep App提供
        </div>
          <div class="throwingScreen-phone"></div>
          <div class="pic1-wrap">
            <div class="throwingScreen-pic1">
              <img src="./assets4M/throwingScreenPage/phone4-4c06b6c0fb.png" alt="miracast">
              <img src="./assets4M/throwingScreenPage/phone1-0e371c554c.png" alt="miracast">
              <img src="./assets4M/throwingScreenPage/phone2-08afa8ecfd.png" alt="miracast">
              <img src="./assets4M/throwingScreenPage/phone3-1d3d0fb015.png" alt="miracast">
              <img src="./assets4M/throwingScreenPage/phone4-4c06b6c0fb.png" alt="miracast">
              <img src="./assets4M/throwingScreenPage/phone1-0e371c554c.png" alt="miracast">
            </div>
          </div>

<div class="preTitle conceal">无线打印</div>
          <div class="title conceal">打印<br>不必非得用电脑</div>
          <div class="introduction conceal">
            无需安装应用，MIUI 11 中你可以用手机无线打<br>
            印照片和文档，还有贴心的打印设置和异常提<br>
            醒，并已支持市场上超过 2000 款打印机。
          </div>
          <div class="note conceal">*米家打印机需后续升级固件支持<br>
          *打印能力由 Mopria Alliance 提供技术支持<br>
          *支持打印常见图片格式以及 PDF 文档<br>
          *仅支持Android P及以上版本手机<br>
          *支持的品牌和机型请参考功能使用帮助</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>

智能出行

你的贴心出行助手

从机票、火车票出票开始，MIUI就为你关注全程所需：了解当地天气、查看目的地攻略、购买境外流量、查询实时汇率、联系当地领馆等。一站式服务，为你的旅程省点心。

行程信息桌面可见

*使用出行助手需升级智能助理至3.0.662及以上版本
*图中航班信息仅为示例，不代表真实信息

异常天气提前报

当地攻略提前看

*数据由穷游提供

中国使领馆信息随时可查

无需换卡，全球网络任你用

*境外流量可在MIUI全球上网APP中可随时购买
*图中价格数据仅作为示例，实际价格以全球上网APP为准

汇率换算，边买边算不吃亏

*图中汇率数据仅作为示例，真实汇率以实时汇率为准

<div class="preTitle conceal">屏幕时间管理</div>
          <div class="title conceal">健康使用手机<br>
            从了解自己花费的<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-7e24157d35.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-a668c522c8.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">
              <div class="xiaomi_video_container">
                  
              </div>
              <div class="more_modal_title">连续对话</div>
              <div class="more_modal_slogan">
                唤醒一次，小爱将一直陪伴
              </div>
              <div class="more_modal_content">
                小爱同学只需唤醒一次，就能一直对话。还支持对话<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>
                MI 9 Pro 5G版、MI 9支持打断功能，更多机型持续覆盖中
              </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>
                做得更多。

</div>
              <div class="more_modal_tips">
                *能点击的，动动嘴都能控制：当前支持音乐、美团语音订餐、电台、视频、<br>
                菜谱功能，持续覆盖中
              </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">
                *当前支持小米MIX3、小米9、小米9透明探索版，更多机型覆盖中。
              </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">
                所有答案，随时问小爱
              </div>
              <div class="more_modal_content">
                小爱变身你的智能输入助理，一句话帮你输入各种常用信息；<br>
                人工智能时代最in的输入方式，AI让你在人前无所不知。
              </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>
                你瞬间身临其境；专业的Game Turbo加速、游戏防误<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">
                全能游戏工具箱 ，专为游戏而生。网络切换、消息屏蔽、<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>
                看资讯都可以轻松回复聊天消息。和朋友，想聊就聊。
              </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>进行加密存储，并仅存在你的手机里。连小米也看不到。
              </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">
                系统会自动识别和提取短信中的一次性验证码，并自<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>
                刷等，都能在小米社区了解最新消息。最in最新鲜的小<br>
                米智能产品消息，来这里，就知道。
              </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-5074dcb1b6.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 11 的体验，并帮助我们做得更好；每位内测用户都是勇敢的开发者，加入我们的参与式构建，使MIUI 11 成为史上最快发布稳定版的系统
          </div>
          <div class="note">*感谢8月1日-9月20日间升级开发版的用户</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="https://web.vip.miui.com/page/info/mio/mio/topic?topicId=5651185">立即参与<span class="arrow-icon"></span></a>
              </div>
            </div>
            <div class="th-poster-preload" style="display: none;">
              <img crossorigin="anonymous" src="img/thanks/mobile-link-86c98e3f8f.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>小米9 SE</li>
              <li>小米8 </li>
              <li>小米8 SE</li>
              <li>小米MIX 3</li>
              <li>Redmi Note 7 Pro</li>
              <li>Redmi 7</li>        
            </ul>
            <ul>
              <li>小米9</li>
              <li>Redmi K20 Pro</li>
              <li>小米8青春版</li>
              <li>小米MIX 2S</li>
              <li>小米Max 3</li>
              <li>小米8UD</li>
              <li>小米8 屏幕指纹版</li>
              <li>小米8 透明探索版</li>
              <li>Redmi Note 7</li>     
            </ul>
          </div>
          <div class="batch">
            <div class="number">第二批</div>
            
            <div class="time" style="height: 0.41rem;"> </div>
            <ul>
              <li>小米9 Pro 5G版</li>
              <li>小米CC 9</li>
              <li>红米6 Pro</li>
              <li>红米Note 5</li>
              <li>红米6</li>
              <li>小米6</li>
              <li>小米MIX 2</li>
            </ul>
            <ul>
              <li>小米CC 9 美图定制版</li>
              <li>小米CC 9e</li>
              <li>Redmi 7A</li>
              <li>小米6X</li>
              <li>红米6A</li>
              <li>红米S2</li>
              <li>小米Note 3</li>
              <li> </li>
            </ul>
          </div>
          <div class="batch">
            <div class="number">第三批</div>
            
            <div class="time" style="height: 0.41rem;"></div>
            <ul>
              <li>Redmi Note 8</li>
              <li>小米5s</li>
              <li>小米Note 2</li>
              <li>小米Play</li>
              <li>小米5X</li>
              <li>红米手机5A</li>
              <li>红米手机4X</li>
              <li>红米Note 5A 标配版</li>
              
            </ul>
            <ul>
              <li>Redmi Note 8 Pro</li>
              <li>小米5s Plus</li>
              <li>小米MIX</li>
              <li>红米5 Plus</li>
              <li>红米5</li>
              <li>小米Max 2</li>
              
              <li>红米Note 5A 高配版</li>
              <li>小米5C</li>
            </ul>
          </div>