master

分支 (1)

管理

管理

master

smart-alarm-clock-app
/
智能闹钟可交互原型.html

<!DOCTYPE html>
<html>
  <head>
    <title>智能闹钟可交互原型</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/智能闹钟可交互原型/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/智能闹钟可交互原型/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (动态面板) -->
      <div id="u0" class="ax_default">
        <div id="u0_state0" class="panel_state" data-label="State1" style="">
          <div id="u0_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u1" class="ax_default image">
              <img id="u1_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u1_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2" class="ax_default box_3">
              <div id="u2_div" class=""></div>
              <div id="u2_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u3" class="ax_default image">
              <img id="u3_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u3_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u4" class="ax_default _一级标题">
              <div id="u4_div" class=""></div>
              <div id="u4_text" class="text ">
                <p><span>早上好</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5" class="ax_default label">
              <div id="u5_div" class=""></div>
              <div id="u5_text" class="text ">
                <p><span>人生最好的状态，是每天醒来，面朝阳</span></p><p><span>光，嘴角上扬。</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u6" class="ax_default line">
              <img id="u6_img" class="img " src="images/智能闹钟可交互原型/u6.svg"/>
              <div id="u6_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u7" class="ax_default icon">
              <img id="u7_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u7_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u8" class="ax_default label">
              <div id="u8_div" class=""></div>
              <div id="u8_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u9" class="ax_default icon">
              <img id="u9_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u9_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u10" class="ax_default label">
              <div id="u10_div" class=""></div>
              <div id="u10_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u11" class="ax_default image">
              <img id="u11_img" class="img " src="images/智能闹钟可交互原型/u11.png"/>
              <div id="u11_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u12" class="ax_default label">
              <div id="u12_div" class=""></div>
              <div id="u12_text" class="text ">
                <p><span>28℃</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u13" class="ax_default image">
              <img id="u13_img" class="img " src="images/智能闹钟可交互原型/u13.png"/>
              <div id="u13_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u14" class="ax_default image">
              <img id="u14_img" class="img " src="images/智能闹钟可交互原型/u14.png"/>
              <div id="u14_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u15" class="ax_default image">
              <img id="u15_img" class="img " src="images/智能闹钟可交互原型/u15.png"/>
              <div id="u15_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u16" class="ax_default" data-left="62" data-top="564" data-width="60" data-height="60">

              <!-- Unnamed (圆形) -->
              <div id="u17" class="ax_default ellipse">
                <img id="u17_img" class="img " src="images/智能闹钟可交互原型/u17.svg"/>
                <div id="u17_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u18" class="ax_default image">
                <img id="u18_img" class="img " src="images/智能闹钟可交互原型/u18.png"/>
                <div id="u18_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u19" class="ax_default" data-left="133" data-top="564" data-width="60" data-height="60">

              <!-- Unnamed (圆形) -->
              <div id="u20" class="ax_default ellipse">
                <img id="u20_img" class="img " src="images/智能闹钟可交互原型/u17.svg"/>
                <div id="u20_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u21" class="ax_default image">
                <img id="u21_img" class="img " src="images/智能闹钟可交互原型/u21.png"/>
                <div id="u21_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u22" class="ax_default" data-left="205" data-top="564" data-width="60" data-height="60">

              <!-- Unnamed (圆形) -->
              <div id="u23" class="ax_default ellipse">
                <img id="u23_img" class="img " src="images/智能闹钟可交互原型/u17.svg"/>
                <div id="u23_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u24" class="ax_default image">
                <img id="u24_img" class="img " src="images/智能闹钟可交互原型/u24.png"/>
                <div id="u24_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u25" class="ax_default" data-left="276" data-top="564" data-width="60" data-height="60">

              <!-- Unnamed (圆形) -->
              <div id="u26" class="ax_default ellipse">
                <img id="u26_img" class="img " src="images/智能闹钟可交互原型/u17.svg"/>
                <div id="u26_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u27" class="ax_default image">
                <img id="u27_img" class="img " src="images/智能闹钟可交互原型/u27.png"/>
                <div id="u27_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u28" class="ax_default label">
              <div id="u28_div" class=""></div>
              <div id="u28_text" class="text ">
                <p><span>睡眠</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u29" class="ax_default label">
              <div id="u29_div" class=""></div>
              <div id="u29_text" class="text ">
                <p><span>小睡</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u30" class="ax_default label">
              <div id="u30_div" class=""></div>
              <div id="u30_text" class="text ">
                <p><span>呼吸</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u31" class="ax_default label">
              <div id="u31_div" class=""></div>
              <div id="u31_text" class="text ">
                <p><span>秒表</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state1" class="panel_state" data-label="sleep" style="visibility: hidden;">
          <div id="u0_state1_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u32" class="ax_default image">
              <img id="u32_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u32_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u33" class="ax_default box_3">
              <div id="u33_div" class=""></div>
              <div id="u33_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u34" class="ax_default image">
              <img id="u34_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u34_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u35" class="ax_default icon">
              <img id="u35_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u35_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u36" class="ax_default label">
              <div id="u36_div" class=""></div>
              <div id="u36_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u37" class="ax_default icon">
              <img id="u37_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u37_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u38" class="ax_default label">
              <div id="u38_div" class=""></div>
              <div id="u38_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u39" class="ax_default" data-left="112" data-top="633" data-width="32" data-height="60">

              <!-- Unnamed (图片 ) -->
              <div id="u40" class="ax_default image">
                <img id="u40_img" class="img " src="images/智能闹钟可交互原型/u40.png"/>
                <div id="u40_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u41" class="ax_default label">
                <div id="u41_div" class=""></div>
                <div id="u41_text" class="text ">
                  <p><span>闹钟</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u42" class="ax_default" data-left="242" data-top="633" data-width="56" data-height="60">

              <!-- Unnamed (图片 ) -->
              <div id="u43" class="ax_default image">
                <img id="u43_img" class="img " src="images/智能闹钟可交互原型/u43.png"/>
                <div id="u43_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u44" class="ax_default label">
                <div id="u44_div" class=""></div>
                <div id="u44_text" class="text ">
                  <p><span>音乐场景</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u45" class="ax_default" data-left="169" data-top="270" data-width="60" data-height="60">

              <!-- Unnamed (圆形) -->
              <div id="u46" class="ax_default ellipse">
                <img id="u46_img" class="img " src="images/智能闹钟可交互原型/u46.svg"/>
                <div id="u46_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u47" class="ax_default icon">
                <img id="u47_img" class="img " src="images/智能闹钟可交互原型/u47.svg"/>
                <div id="u47_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u48" class="ax_default label">
              <div id="u48_div" class=""></div>
              <div id="u48_text" class="text ">
                <p><span>开始睡眠</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u49" class="ax_default label">
              <div id="u49_div" class=""></div>
              <div id="u49_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state2" class="panel_state" data-label="sleeping" style="visibility: hidden;">
          <div id="u0_state2_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u50" class="ax_default image">
              <img id="u50_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u50_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u51" class="ax_default box_3">
              <div id="u51_div" class=""></div>
              <div id="u51_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u52" class="ax_default image">
              <img id="u52_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u52_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u53" class="ax_default icon">
              <img id="u53_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u53_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u54" class="ax_default label">
              <div id="u54_div" class=""></div>
              <div id="u54_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u55" class="ax_default icon">
              <img id="u55_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u55_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u56" class="ax_default label">
              <div id="u56_div" class=""></div>
              <div id="u56_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u57" class="ax_default" data-left="112" data-top="633" data-width="32" data-height="60">

              <!-- Unnamed (图片 ) -->
              <div id="u58" class="ax_default image">
                <img id="u58_img" class="img " src="images/智能闹钟可交互原型/u40.png"/>
                <div id="u58_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u59" class="ax_default label">
                <div id="u59_div" class=""></div>
                <div id="u59_text" class="text ">
                  <p><span>闹钟</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u60" class="ax_default" data-left="242" data-top="633" data-width="56" data-height="60">

              <!-- Unnamed (图片 ) -->
              <div id="u61" class="ax_default image">
                <img id="u61_img" class="img " src="images/智能闹钟可交互原型/u43.png"/>
                <div id="u61_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u62" class="ax_default label">
                <div id="u62_div" class=""></div>
                <div id="u62_text" class="text ">
                  <p><span>音乐场景</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u63" class="ax_default" data-left="169" data-top="270" data-width="60" data-height="60">

              <!-- Unnamed (圆形) -->
              <div id="u64" class="ax_default ellipse">
                <img id="u64_img" class="img " src="images/智能闹钟可交互原型/u64.svg"/>
                <div id="u64_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u65" class="ax_default icon">
                <img id="u65_img" class="img " src="images/智能闹钟可交互原型/u65.svg"/>
                <div id="u65_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u66" class="ax_default label">
              <div id="u66_div" class=""></div>
              <div id="u66_text" class="text ">
                <p><span>正在睡眠中</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u67" class="ax_default label">
              <div id="u67_div" class=""></div>
              <div id="u67_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state3" class="panel_state" data-label="naozhong" style="visibility: hidden;">
          <div id="u0_state3_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u68" class="ax_default image">
              <img id="u68_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u68_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u69" class="ax_default box_3">
              <div id="u69_div" class=""></div>
              <div id="u69_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u70" class="ax_default box_3">
              <div id="u70_div" class=""></div>
              <div id="u70_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u71" class="ax_default image">
              <img id="u71_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u71_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u72" class="ax_default icon">
              <img id="u72_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u72_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u73" class="ax_default label">
              <div id="u73_div" class=""></div>
              <div id="u73_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u74" class="ax_default icon">
              <img id="u74_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u74_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u75" class="ax_default label">
              <div id="u75_div" class=""></div>
              <div id="u75_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u76" class="ax_default label">
              <div id="u76_div" class=""></div>
              <div id="u76_text" class="text ">
                <p><span>闹钟设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u77" class="ax_default label">
              <div id="u77_div" class=""></div>
              <div id="u77_text" class="text ">
                <p><span>完成</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u78" class="ax_default box_2">
              <img id="u78_img" class="img " src="images/智能闹钟可交互原型/u78.svg"/>
              <div id="u78_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u79" class="ax_default label">
              <div id="u79_div" class=""></div>
              <div id="u79_text" class="text ">
                <p><span>12：00</span></p>
              </div>
            </div>

            <!-- Unnamed (树) -->
            <div id="u80" class="ax_default tree_node treeroot">
              <div id="u80_children" class="u80_children">

                <!-- Unnamed (节点) -->
                <div id="u81" class="ax_default tree_node treenode">

                  <!-- Unnamed (图片 ) -->
                  <div id="u82" class="ax_default image">
                    <img id="u82_img" class="img " src="images/智能闹钟可交互原型/u82_selected.png"/>
                    <div id="u82_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                  <!-- Unnamed (矩形) -->
                  <div id="u83" class="" selectiongroup="u80_tree_group">
                    <div id="u83_div" class=""></div>
                    <div id="u83_text" class="text ">
                      <p><span>闹铃模式</span></p>
                    </div>
                  </div>
                  <div id="u81_children" class="u81_children">

                    <!-- Unnamed (节点) -->
                    <div id="u84" class="ax_default tree_node treenode">
                      <!-- Unnamed (矩形) -->
                      <div id="u85" class="" selectiongroup="u80_tree_group">
                        <div id="u85_div" class=""></div>
                        <div id="u85_text" class="text ">
                          <p><span>响铃模式</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (节点) -->
                    <div id="u86" class="ax_default tree_node treenode">
                      <!-- Unnamed (矩形) -->
                      <div id="u87" class="" selectiongroup="u80_tree_group">
                        <div id="u87_div" class=""></div>
                        <div id="u87_text" class="text ">
                          <p><span>震动模式</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (节点) -->
                    <div id="u88" class="ax_default tree_node treenode">
                      <!-- Unnamed (矩形) -->
                      <div id="u89" class="" selectiongroup="u80_tree_group">
                        <div id="u89_div" class=""></div>
                        <div id="u89_text" class="text ">
                          <p><span>响铃+震动模式</span></p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (树) -->
            <div id="u90" class="ax_default tree_node treeroot">
              <div id="u90_children" class="u90_children">

                <!-- Unnamed (节点) -->
                <div id="u91" class="ax_default tree_node treenode">

                  <!-- Unnamed (图片 ) -->
                  <div id="u92" class="ax_default image">
                    <img id="u92_img" class="img " src="images/智能闹钟可交互原型/u82_selected.png"/>
                    <div id="u92_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                  <!-- Unnamed (矩形) -->
                  <div id="u93" class="" selectiongroup="u90_tree_group">
                    <div id="u93_div" class=""></div>
                    <div id="u93_text" class="text ">
                      <p><span>铃声</span></p>
                    </div>
                  </div>
                  <div id="u91_children" class="u91_children">

                    <!-- Unnamed (节点) -->
                    <div id="u94" class="ax_default tree_node treenode">
                      <!-- Unnamed (矩形) -->
                      <div id="u95" class="" selectiongroup="u90_tree_group">
                        <div id="u95_div" class=""></div>
                        <div id="u95_text" class="text ">
                          <p><span>默认铃声1</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (节点) -->
                    <div id="u96" class="ax_default tree_node treenode">
                      <!-- Unnamed (矩形) -->
                      <div id="u97" class="" selectiongroup="u90_tree_group">
                        <div id="u97_div" class=""></div>
                        <div id="u97_text" class="text ">
                          <p><span>默认铃声2</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (节点) -->
                    <div id="u98" class="ax_default tree_node treenode">
                      <!-- Unnamed (矩形) -->
                      <div id="u99" class="" selectiongroup="u90_tree_group">
                        <div id="u99_div" class=""></div>
                        <div id="u99_text" class="text ">
                          <p><span>添加更多</span></p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u100" class="ax_default line">
              <img id="u100_img" class="img " src="images/智能闹钟可交互原型/u100.svg"/>
              <div id="u100_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (文本域) -->
            <div id="u101" class="ax_default text_area">
              <img id="u101_img" class="img " src="images/智能闹钟可交互原型/u101.svg"/>
              <textarea id="u101_input" class="u101_input"></textarea>
            </div>

            <!-- Unnamed (文本域) -->
            <div id="u102" class="ax_default text_area">
              <img id="u102_img" class="img " src="images/智能闹钟可交互原型/u101.svg"/>
              <textarea id="u102_input" class="u102_input"></textarea>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u103" class="ax_default label">
              <div id="u103_div" class=""></div>
              <div id="u103_text" class="text ">
                <p><span>闹钟设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u104" class="ax_default label">
              <div id="u104_div" class=""></div>
              <div id="u104_text" class="text ">
                <p><span>重复</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u105" class="ax_default label">
              <div id="u105_div" class=""></div>
              <div id="u105_text" class="text ">
                <p><span>周一</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u106" class="ax_default label">
              <div id="u106_div" class=""></div>
              <div id="u106_text" class="text ">
                <p><span>周二</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u107" class="ax_default label">
              <div id="u107_div" class=""></div>
              <div id="u107_text" class="text ">
                <p><span>周三</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u108" class="ax_default label">
              <div id="u108_div" class=""></div>
              <div id="u108_text" class="text ">
                <p><span>周四</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u109" class="ax_default label">
              <div id="u109_div" class=""></div>
              <div id="u109_text" class="text ">
                <p><span>周五</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u110" class="ax_default label">
              <div id="u110_div" class=""></div>
              <div id="u110_text" class="text ">
                <p><span>周六</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u111" class="ax_default label">
              <div id="u111_div" class=""></div>
              <div id="u111_text" class="text ">
                <p><span>周日</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u112" class="ax_default label">
              <div id="u112_div" class=""></div>
              <div id="u112_text" class="text ">
                <p><span>闹钟音量</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u113" class="ax_default line">
              <img id="u113_img" class="img " src="images/智能闹钟可交互原型/u113.svg"/>
              <div id="u113_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u114" class="ax_default line">
              <img id="u114_img" class="img " src="images/智能闹钟可交互原型/u114.svg"/>
              <div id="u114_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u115" class="ax_default icon">
              <img id="u115_img" class="img " src="images/智能闹钟可交互原型/u115.svg"/>
              <div id="u115_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u116" class="ax_default line">
              <img id="u116_img" class="img " src="images/智能闹钟可交互原型/u100.svg"/>
              <div id="u116_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u117" class="ax_default label">
              <div id="u117_div" class=""></div>
              <div id="u117_text" class="text ">
                <p><span>高级设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u118" class="ax_default label">
              <div id="u118_div" class=""></div>
              <div id="u118_text" class="text ">
                <p><span>再睡一会</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u119" class="ax_default" data-left="277" data-top="593" data-width="68" data-height="23">

              <!-- Unnamed (矩形) -->
              <div id="u120" class="ax_default box_1">
                <img id="u120_img" class="img " src="images/智能闹钟可交互原型/u120.svg"/>
                <div id="u120_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (三角形) -->
              <div id="u121" class="ax_default flow_shape">
                <img id="u121_img" class="img " src="images/智能闹钟可交互原型/u121.svg"/>
                <div id="u121_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u122" class="ax_default label">
                <div id="u122_div" class=""></div>
                <div id="u122_text" class="text ">
                  <p><span>5分钟</span></p>
                </div>
              </div>
            </div>

            <!-- minmenu (动态面板) -->
            <div id="u123" class="ax_default ax_default_hidden" data-label="minmenu" style="display:none; visibility: hidden">
              <div id="u123_state0" class="panel_state" data-label="State1" style="">
                <div id="u123_state0_content" class="panel_state_content">

                  <!-- Unnamed (组合) -->
                  <div id="u124" class="ax_default" data-left="0" data-top="0" data-width="68" data-height="23">

                    <!-- Unnamed (矩形) -->
                    <div id="u125" class="ax_default box_1">
                      <img id="u125_img" class="img " src="images/智能闹钟可交互原型/u120.svg"/>
                      <div id="u125_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u126" class="ax_default label">
                      <div id="u126_div" class=""></div>
                      <div id="u126_text" class="text ">
                        <p><span>10分钟</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u127" class="ax_default" data-left="0" data-top="17" data-width="68" data-height="23">

                    <!-- Unnamed (矩形) -->
                    <div id="u128" class="ax_default box_1">
                      <img id="u128_img" class="img " src="images/智能闹钟可交互原型/u120.svg"/>
                      <div id="u128_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u129" class="ax_default label">
                      <div id="u129_div" class=""></div>
                      <div id="u129_text" class="text ">
                        <p><span>15分钟</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u130" class="ax_default" data-left="0" data-top="34" data-width="68" data-height="23">

                    <!-- Unnamed (矩形) -->
                    <div id="u131" class="ax_default box_1">
                      <img id="u131_img" class="img " src="images/智能闹钟可交互原型/u120.svg"/>
                      <div id="u131_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u132" class="ax_default label">
                      <div id="u132_div" class=""></div>
                      <div id="u132_text" class="text ">
                        <p><span>20分钟</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state4" class="panel_state" data-label="little" style="visibility: hidden;">
          <div id="u0_state4_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u133" class="ax_default image">
              <img id="u133_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u133_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u134" class="ax_default box_3">
              <div id="u134_div" class=""></div>
              <div id="u134_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u135" class="ax_default image">
              <img id="u135_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u135_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u136" class="ax_default icon">
              <img id="u136_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u136_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u137" class="ax_default label">
              <div id="u137_div" class=""></div>
              <div id="u137_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u138" class="ax_default icon">
              <img id="u138_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u138_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u139" class="ax_default label">
              <div id="u139_div" class=""></div>
              <div id="u139_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u140" class="ax_default" data-left="112" data-top="633" data-width="32" data-height="60">

              <!-- Unnamed (图片 ) -->
              <div id="u141" class="ax_default image">
                <img id="u141_img" class="img " src="images/智能闹钟可交互原型/u40.png"/>
                <div id="u141_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u142" class="ax_default label">
                <div id="u142_div" class=""></div>
                <div id="u142_text" class="text ">
                  <p><span>闹钟</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u143" class="ax_default" data-left="242" data-top="633" data-width="56" data-height="60">

              <!-- Unnamed (图片 ) -->
              <div id="u144" class="ax_default image">
                <img id="u144_img" class="img " src="images/智能闹钟可交互原型/u43.png"/>
                <div id="u144_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u145" class="ax_default label">
                <div id="u145_div" class=""></div>
                <div id="u145_text" class="text ">
                  <p><span>音乐场景</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u146" class="ax_default label">
              <div id="u146_div" class=""></div>
              <div id="u146_text" class="text ">
                <p><span>精致的一天也要小睡哦！</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u147" class="ax_default label">
              <div id="u147_div" class=""></div>
              <div id="u147_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u148" class="ax_default" data-left="169" data-top="485" data-width="60" data-height="60">

              <!-- Unnamed (组合) -->
              <div id="u149" class="ax_default" data-left="169" data-top="485" data-width="60" data-height="60">

                <!-- Unnamed (圆形) -->
                <div id="u150" class="ax_default ellipse">
                  <img id="u150_img" class="img " src="images/智能闹钟可交互原型/u46.svg"/>
                  <div id="u150_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u151" class="ax_default icon">
                <img id="u151_img" class="img " src="images/智能闹钟可交互原型/u151.svg"/>
                <div id="u151_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u152" class="ax_default image">
              <img id="u152_img" class="img " src="images/智能闹钟可交互原型/u152.png"/>
              <div id="u152_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u153" class="ax_default label">
              <div id="u153_div" class=""></div>
              <div id="u153_text" class="text ">
                <p><span>分钟</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u154" class="ax_default label">
              <div id="u154_div" class=""></div>
              <div id="u154_text" class="text ">
                <p><span>5</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u155" class="ax_default label">
              <div id="u155_div" class=""></div>
              <div id="u155_text" class="text ">
                <p><span>10</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u156" class="ax_default label">
              <div id="u156_div" class=""></div>
              <div id="u156_text" class="text ">
                <p><span>15</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state5" class="panel_state" data-label="little2" style="visibility: hidden;">
          <div id="u0_state5_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u157" class="ax_default image">
              <img id="u157_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u157_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u158" class="ax_default box_3">
              <div id="u158_div" class=""></div>
              <div id="u158_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u159" class="ax_default image">
              <img id="u159_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u159_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u160" class="ax_default icon">
              <img id="u160_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u160_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u161" class="ax_default label">
              <div id="u161_div" class=""></div>
              <div id="u161_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u162" class="ax_default icon">
              <img id="u162_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u162_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u163" class="ax_default label">
              <div id="u163_div" class=""></div>
              <div id="u163_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u164" class="ax_default" data-left="242" data-top="633" data-width="56" data-height="60">

              <!-- Unnamed (图片 ) -->
              <div id="u165" class="ax_default image">
                <img id="u165_img" class="img " src="images/智能闹钟可交互原型/u43.png"/>
                <div id="u165_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u166" class="ax_default label">
                <div id="u166_div" class=""></div>
                <div id="u166_text" class="text ">
                  <p><span>音乐场景</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u167" class="ax_default label">
              <div id="u167_div" class=""></div>
              <div id="u167_text" class="text ">
                <p><span>小睡已经开始了</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u168" class="ax_default label">
              <div id="u168_div" class=""></div>
              <div id="u168_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u169" class="ax_default" data-left="169" data-top="485" data-width="60" data-height="60">

              <!-- Unnamed (组合) -->
              <div id="u170" class="ax_default" data-left="169" data-top="485" data-width="60" data-height="60">

                <!-- Unnamed (圆形) -->
                <div id="u171" class="ax_default ellipse">
                  <img id="u171_img" class="img " src="images/智能闹钟可交互原型/u64.svg"/>
                  <div id="u171_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u172" class="ax_default icon">
                <img id="u172_img" class="img " src="images/智能闹钟可交互原型/u172.svg"/>
                <div id="u172_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u173" class="ax_default label">
              <div id="u173_div" class=""></div>
              <div id="u173_text" class="text ">
                <p><span>分钟</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u174" class="ax_default label">
              <div id="u174_div" class=""></div>
              <div id="u174_text" class="text ">
                <p><span>5</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u175" class="ax_default label">
              <div id="u175_div" class=""></div>
              <div id="u175_text" class="text ">
                <p><span>小睡还有</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u176" class="ax_default" data-left="112" data-top="633" data-width="32" data-height="60">

              <!-- Unnamed (图片 ) -->
              <div id="u177" class="ax_default image">
                <img id="u177_img" class="img " src="images/智能闹钟可交互原型/u40.png"/>
                <div id="u177_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u178" class="ax_default label">
                <div id="u178_div" class=""></div>
                <div id="u178_text" class="text ">
                  <p><span>闹钟</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state6" class="panel_state" data-label="huxi" style="visibility: hidden;">
          <div id="u0_state6_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u179" class="ax_default image">
              <img id="u179_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u179_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u180" class="ax_default box_3">
              <div id="u180_div" class=""></div>
              <div id="u180_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u181" class="ax_default image">
              <img id="u181_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u181_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u182" class="ax_default icon">
              <img id="u182_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u182_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u183" class="ax_default label">
              <div id="u183_div" class=""></div>
              <div id="u183_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u184" class="ax_default icon">
              <img id="u184_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u184_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u185" class="ax_default label">
              <div id="u185_div" class=""></div>
              <div id="u185_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u186" class="ax_default label">
              <div id="u186_div" class=""></div>
              <div id="u186_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u187" class="ax_default ellipse">
              <img id="u187_img" class="img " src="images/智能闹钟可交互原型/u187.svg"/>
              <div id="u187_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u188" class="ax_default label">
              <div id="u188_div" class=""></div>
              <div id="u188_text" class="text ">
                <p><span>分钟</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u189" class="ax_default label">
              <div id="u189_div" class=""></div>
              <div id="u189_text" class="text ">
                <p><span>1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u190" class="ax_default label">
              <div id="u190_div" class=""></div>
              <div id="u190_text" class="text ">
                <p><span>2</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u191" class="ax_default label">
              <div id="u191_div" class=""></div>
              <div id="u191_text" class="text ">
                <p><span>3</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u192" class="ax_default button">
              <img id="u192_img" class="img " src="images/智能闹钟可交互原型/u192.svg"/>
              <div id="u192_text" class="text ">
                <p><span>开始呼吸</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u193" class="ax_default label">
              <div id="u193_div" class=""></div>
              <div id="u193_text" class="text ">
                <p><span>7次呼吸</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state7" class="panel_state" data-label="huxiing" style="visibility: hidden;">
          <div id="u0_state7_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u194" class="ax_default image">
              <img id="u194_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u194_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u195" class="ax_default box_3">
              <div id="u195_div" class=""></div>
              <div id="u195_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u196" class="ax_default image">
              <img id="u196_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u196_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u197" class="ax_default icon">
              <img id="u197_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u197_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u198" class="ax_default label">
              <div id="u198_div" class=""></div>
              <div id="u198_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u199" class="ax_default icon">
              <img id="u199_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u199_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u200" class="ax_default label">
              <div id="u200_div" class=""></div>
              <div id="u200_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u201" class="ax_default label">
              <div id="u201_div" class=""></div>
              <div id="u201_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u202" class="ax_default ellipse">
              <img id="u202_img" class="img " src="images/智能闹钟可交互原型/u187.svg"/>
              <div id="u202_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u203" class="ax_default button">
              <img id="u203_img" class="img " src="images/智能闹钟可交互原型/u203.svg"/>
              <div id="u203_text" class="text ">
                <p><span>结束</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u204" class="ax_default label">
              <div id="u204_div" class=""></div>
              <div id="u204_text" class="text ">
                <p><span>正在呼吸</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u205" class="ax_default label">
              <div id="u205_div" class=""></div>
              <div id="u205_text" class="text ">
                <p><span>吸气</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state8" class="panel_state" data-label="miaobiao" style="visibility: hidden;">
          <div id="u0_state8_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u206" class="ax_default image">
              <img id="u206_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u206_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u207" class="ax_default box_3">
              <div id="u207_div" class=""></div>
              <div id="u207_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u208" class="ax_default image">
              <img id="u208_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u208_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u209" class="ax_default icon">
              <img id="u209_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u209_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u210" class="ax_default label">
              <div id="u210_div" class=""></div>
              <div id="u210_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u211" class="ax_default icon">
              <img id="u211_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u211_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u212" class="ax_default label">
              <div id="u212_div" class=""></div>
              <div id="u212_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u213" class="ax_default label">
              <div id="u213_div" class=""></div>
              <div id="u213_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u214" class="ax_default line">
              <img id="u214_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u214_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u215" class="ax_default line">
              <img id="u215_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u215_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u216" class="ax_default line">
              <img id="u216_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u216_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u217" class="ax_default line">
              <img id="u217_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u217_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u218" class="ax_default line">
              <img id="u218_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u218_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u219" class="ax_default line">
              <img id="u219_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u219_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u220" class="ax_default line">
              <img id="u220_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u220_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u221" class="ax_default line">
              <img id="u221_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u221_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u222" class="ax_default _一级标题">
              <div id="u222_div" class=""></div>
              <div id="u222_text" class="text ">
                <p><span>00:00:00</span></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u223" class="ax_default ellipse">
              <img id="u223_img" class="img " src="images/智能闹钟可交互原型/u223.svg"/>
              <div id="u223_text" class="text ">
                <p><span>计次</span></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u224" class="ax_default ellipse">
              <img id="u224_img" class="img " src="images/智能闹钟可交互原型/u224.svg"/>
              <div id="u224_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u225" class="ax_default" data-left="264" data-top="332" data-width="74" data-height="74">

              <!-- Unnamed (圆形) -->
              <div id="u226" class="ax_default ellipse">
                <img id="u226_img" class="img " src="images/智能闹钟可交互原型/u226.svg"/>
                <div id="u226_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (圆形) -->
              <div id="u227" class="ax_default ellipse">
                <img id="u227_img" class="img " src="images/智能闹钟可交互原型/u227.svg"/>
                <div id="u227_text" class="text ">
                  <p><span>启动</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state9" class="panel_state" data-label="miaobiao2" style="visibility: hidden;">
          <div id="u0_state9_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u228" class="ax_default image">
              <img id="u228_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u228_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u229" class="ax_default box_3">
              <div id="u229_div" class=""></div>
              <div id="u229_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u230" class="ax_default image">
              <img id="u230_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u230_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u231" class="ax_default icon">
              <img id="u231_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u231_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u232" class="ax_default label">
              <div id="u232_div" class=""></div>
              <div id="u232_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u233" class="ax_default icon">
              <img id="u233_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u233_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u234" class="ax_default label">
              <div id="u234_div" class=""></div>
              <div id="u234_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u235" class="ax_default label">
              <div id="u235_div" class=""></div>
              <div id="u235_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u236" class="ax_default line">
              <img id="u236_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u236_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u237" class="ax_default line">
              <img id="u237_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u237_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u238" class="ax_default line">
              <img id="u238_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u238_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u239" class="ax_default line">
              <img id="u239_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u239_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u240" class="ax_default line">
              <img id="u240_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u240_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u241" class="ax_default line">
              <img id="u241_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u241_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u242" class="ax_default line">
              <img id="u242_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u242_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u243" class="ax_default line">
              <img id="u243_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u243_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u244" class="ax_default _一级标题">
              <div id="u244_div" class=""></div>
              <div id="u244_text" class="text ">
                <p><span>00:00:00</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u245" class="ax_default" data-left="61" data-top="332" data-width="74" data-height="74">

              <!-- Unnamed (圆形) -->
              <div id="u246" class="ax_default ellipse">
                <img id="u246_img" class="img " src="images/智能闹钟可交互原型/u223.svg"/>
                <div id="u246_text" class="text ">
                  <p><span>计次</span></p>
                </div>
              </div>

              <!-- Unnamed (圆形) -->
              <div id="u247" class="ax_default ellipse">
                <img id="u247_img" class="img " src="images/智能闹钟可交互原型/u224.svg"/>
                <div id="u247_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u248" class="ax_default" data-left="264" data-top="332" data-width="74" data-height="74">

              <!-- Unnamed (圆形) -->
              <div id="u249" class="ax_default ellipse">
                <img id="u249_img" class="img " src="images/智能闹钟可交互原型/u249.svg"/>
                <div id="u249_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (圆形) -->
              <div id="u250" class="ax_default ellipse">
                <img id="u250_img" class="img " src="images/智能闹钟可交互原型/u250.svg"/>
                <div id="u250_text" class="text ">
                  <p><span>停止</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state10" class="panel_state" data-label="miaobiao3" style="visibility: hidden;">
          <div id="u0_state10_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u251" class="ax_default image">
              <img id="u251_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u251_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u252" class="ax_default box_3">
              <div id="u252_div" class=""></div>
              <div id="u252_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u253" class="ax_default image">
              <img id="u253_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u253_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u254" class="ax_default icon">
              <img id="u254_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u254_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u255" class="ax_default label">
              <div id="u255_div" class=""></div>
              <div id="u255_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u256" class="ax_default icon">
              <img id="u256_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u256_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u257" class="ax_default label">
              <div id="u257_div" class=""></div>
              <div id="u257_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u258" class="ax_default label">
              <div id="u258_div" class=""></div>
              <div id="u258_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u259" class="ax_default line">
              <img id="u259_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u259_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u260" class="ax_default line">
              <img id="u260_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u260_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u261" class="ax_default line">
              <img id="u261_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u261_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u262" class="ax_default line">
              <img id="u262_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u262_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u263" class="ax_default line">
              <img id="u263_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u263_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u264" class="ax_default line">
              <img id="u264_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u264_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u265" class="ax_default line">
              <img id="u265_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u265_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u266" class="ax_default line">
              <img id="u266_img" class="img " src="images/智能闹钟可交互原型/u214.svg"/>
              <div id="u266_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u267" class="ax_default _一级标题">
              <div id="u267_div" class=""></div>
              <div id="u267_text" class="text ">
                <p><span>00:00:00</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u268" class="ax_default" data-left="61" data-top="332" data-width="74" data-height="74">

              <!-- Unnamed (圆形) -->
              <div id="u269" class="ax_default ellipse">
                <img id="u269_img" class="img " src="images/智能闹钟可交互原型/u223.svg"/>
                <div id="u269_text" class="text ">
                  <p><span>复位</span></p>
                </div>
              </div>

              <!-- Unnamed (圆形) -->
              <div id="u270" class="ax_default ellipse">
                <img id="u270_img" class="img " src="images/智能闹钟可交互原型/u224.svg"/>
                <div id="u270_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u271" class="ax_default label">
              <div id="u271_div" class=""></div>
              <div id="u271_text" class="text ">
                <p><span>计次1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u272" class="ax_default label">
              <div id="u272_div" class=""></div>
              <div id="u272_text" class="text ">
                <p><span>00：00：00</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u273" class="ax_default" data-left="264" data-top="332" data-width="74" data-height="74">

              <!-- Unnamed (圆形) -->
              <div id="u274" class="ax_default ellipse">
                <img id="u274_img" class="img " src="images/智能闹钟可交互原型/u226.svg"/>
                <div id="u274_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (圆形) -->
              <div id="u275" class="ax_default ellipse">
                <img id="u275_img" class="img " src="images/智能闹钟可交互原型/u227.svg"/>
                <div id="u275_text" class="text ">
                  <p><span>启动</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state11" class="panel_state" data-label="changjing" style="visibility: hidden;">
          <div id="u0_state11_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u276" class="ax_default image">
              <img id="u276_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u276_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u277" class="ax_default box_3">
              <div id="u277_div" class=""></div>
              <div id="u277_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u278" class="ax_default box_3">
              <div id="u278_div" class=""></div>
              <div id="u278_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u279" class="ax_default image">
              <img id="u279_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u279_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u280" class="ax_default icon">
              <img id="u280_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u280_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u281" class="ax_default label">
              <div id="u281_div" class=""></div>
              <div id="u281_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u282" class="ax_default icon">
              <img id="u282_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u282_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u283" class="ax_default label">
              <div id="u283_div" class=""></div>
              <div id="u283_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u284" class="ax_default label">
              <div id="u284_div" class=""></div>
              <div id="u284_text" class="text ">
                <p><span>声音场景设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u285" class="ax_default label">
              <div id="u285_div" class=""></div>
              <div id="u285_text" class="text ">
                <p><span>完成</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u286" class="ax_default label">
              <div id="u286_div" class=""></div>
              <div id="u286_text" class="text ">
                <p><span>场景音频</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u287" class="ax_default label">
              <div id="u287_div" class=""></div>
              <div id="u287_text" class="text ">
                <p><span>场景音量</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u288" class="ax_default line">
              <img id="u288_img" class="img " src="images/智能闹钟可交互原型/u113.svg"/>
              <div id="u288_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u289" class="ax_default line">
              <img id="u289_img" class="img " src="images/智能闹钟可交互原型/u289.svg"/>
              <div id="u289_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u290" class="ax_default icon">
              <img id="u290_img" class="img " src="images/智能闹钟可交互原型/u115.svg"/>
              <div id="u290_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u291" class="ax_default line">
              <img id="u291_img" class="img " src="images/智能闹钟可交互原型/u100.svg"/>
              <div id="u291_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u292" class="ax_default button">
              <img id="u292_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u292_text" class="text ">
                <p><span>封面图1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u293" class="ax_default label">
              <div id="u293_div" class=""></div>
              <div id="u293_text" class="text ">
                <p><span>海浪专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u294" class="ax_default label">
              <div id="u294_div" class=""></div>
              <div id="u294_text" class="text ">
                <p><span>已下载</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u295" class="ax_default button">
              <img id="u295_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u295_text" class="text ">
                <p><span>封面图2</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u296" class="ax_default label">
              <div id="u296_div" class=""></div>
              <div id="u296_text" class="text ">
                <p><span>雨声专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u297" class="ax_default button">
              <img id="u297_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u297_text" class="text ">
                <p><span>封面图3</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u298" class="ax_default label">
              <div id="u298_div" class=""></div>
              <div id="u298_text" class="text ">
                <p><span>森林专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u299" class="ax_default button">
              <img id="u299_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u299_text" class="text ">
                <p><span>封面图4</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u300" class="ax_default label">
              <div id="u300_div" class=""></div>
              <div id="u300_text" class="text ">
                <p><span>鸟鸣专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u301" class="ax_default button">
              <img id="u301_img" class="img " src="images/智能闹钟可交互原型/u301.svg"/>
              <div id="u301_text" class="text ">
                <p><span>查看更多</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state12" class="panel_state" data-label="changjing2" style="visibility: hidden;">
          <div id="u0_state12_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u302" class="ax_default image">
              <img id="u302_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u302_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u303" class="ax_default box_3">
              <div id="u303_div" class=""></div>
              <div id="u303_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u304" class="ax_default box_3">
              <div id="u304_div" class=""></div>
              <div id="u304_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u305" class="ax_default image">
              <img id="u305_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u305_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u306" class="ax_default icon">
              <img id="u306_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u306_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u307" class="ax_default label">
              <div id="u307_div" class=""></div>
              <div id="u307_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u308" class="ax_default icon">
              <img id="u308_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u308_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u309" class="ax_default label">
              <div id="u309_div" class=""></div>
              <div id="u309_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u310" class="ax_default label">
              <div id="u310_div" class=""></div>
              <div id="u310_text" class="text ">
                <p><span>声音场景设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u311" class="ax_default label">
              <div id="u311_div" class=""></div>
              <div id="u311_text" class="text ">
                <p><span>完成</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u312" class="ax_default label">
              <div id="u312_div" class=""></div>
              <div id="u312_text" class="text ">
                <p><span>闹钟音频</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u313" class="ax_default label">
              <div id="u313_div" class=""></div>
              <div id="u313_text" class="text ">
                <p><span>闹钟音量</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u314" class="ax_default line">
              <img id="u314_img" class="img " src="images/智能闹钟可交互原型/u113.svg"/>
              <div id="u314_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u315" class="ax_default line">
              <img id="u315_img" class="img " src="images/智能闹钟可交互原型/u289.svg"/>
              <div id="u315_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u316" class="ax_default icon">
              <img id="u316_img" class="img " src="images/智能闹钟可交互原型/u115.svg"/>
              <div id="u316_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u317" class="ax_default line">
              <img id="u317_img" class="img " src="images/智能闹钟可交互原型/u100.svg"/>
              <div id="u317_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u318" class="ax_default button">
              <img id="u318_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u318_text" class="text ">
                <p><span>封面图1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u319" class="ax_default label">
              <div id="u319_div" class=""></div>
              <div id="u319_text" class="text ">
                <p><span>海浪专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u320" class="ax_default button">
              <img id="u320_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u320_text" class="text ">
                <p><span>封面图2</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u321" class="ax_default label">
              <div id="u321_div" class=""></div>
              <div id="u321_text" class="text ">
                <p><span>雨声专区</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u322" class="ax_default line">
              <img id="u322_img" class="img " src="images/智能闹钟可交互原型/u100.svg"/>
              <div id="u322_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u323" class="ax_default label">
              <div id="u323_div" class=""></div>
              <div id="u323_text" class="text ">
                <p><span>更多音频&gt;&gt;&gt;</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u324" class="ax_default label">
              <div id="u324_div" class=""></div>
              <div id="u324_text" class="text ">
                <p><span>场景音频</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u325" class="ax_default button">
              <img id="u325_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u325_text" class="text ">
                <p><span>封面图1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u326" class="ax_default label">
              <div id="u326_div" class=""></div>
              <div id="u326_text" class="text ">
                <p><span>海浪专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u327" class="ax_default button">
              <img id="u327_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u327_text" class="text ">
                <p><span>封面图2</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u328" class="ax_default label">
              <div id="u328_div" class=""></div>
              <div id="u328_text" class="text ">
                <p><span>雨声专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u329" class="ax_default label">
              <div id="u329_div" class=""></div>
              <div id="u329_text" class="text ">
                <p><span>更多音频&gt;&gt;&gt;</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u330" class="ax_default label">
              <div id="u330_div" class=""></div>
              <div id="u330_text" class="text ">
                <p><span>场景音量</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u331" class="ax_default line">
              <img id="u331_img" class="img " src="images/智能闹钟可交互原型/u113.svg"/>
              <div id="u331_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u332" class="ax_default line">
              <img id="u332_img" class="img " src="images/智能闹钟可交互原型/u289.svg"/>
              <div id="u332_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u333" class="ax_default icon">
              <img id="u333_img" class="img " src="images/智能闹钟可交互原型/u115.svg"/>
              <div id="u333_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state13" class="panel_state" data-label="changjing3" style="visibility: hidden;">
          <div id="u0_state13_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u334" class="ax_default image">
              <img id="u334_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u334_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u335" class="ax_default box_3">
              <div id="u335_div" class=""></div>
              <div id="u335_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u336" class="ax_default box_3">
              <div id="u336_div" class=""></div>
              <div id="u336_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u337" class="ax_default image">
              <img id="u337_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u337_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u338" class="ax_default icon">
              <img id="u338_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u338_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u339" class="ax_default label">
              <div id="u339_div" class=""></div>
              <div id="u339_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u340" class="ax_default icon">
              <img id="u340_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u340_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u341" class="ax_default label">
              <div id="u341_div" class=""></div>
              <div id="u341_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u342" class="ax_default image">
              <img id="u342_img" class="img " src="images/智能闹钟可交互原型/u1.png"/>
              <div id="u342_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u343" class="ax_default box_3">
              <div id="u343_div" class=""></div>
              <div id="u343_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u344" class="ax_default box_3">
              <div id="u344_div" class=""></div>
              <div id="u344_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u345" class="ax_default image">
              <img id="u345_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u345_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u346" class="ax_default icon">
              <img id="u346_img" class="img " src="images/智能闹钟可交互原型/u7.svg"/>
              <div id="u346_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u347" class="ax_default label">
              <div id="u347_div" class=""></div>
              <div id="u347_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u348" class="ax_default icon">
              <img id="u348_img" class="img " src="images/智能闹钟可交互原型/u9.svg"/>
              <div id="u348_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u349" class="ax_default label">
              <div id="u349_div" class=""></div>
              <div id="u349_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u350" class="ax_default label">
              <div id="u350_div" class=""></div>
              <div id="u350_text" class="text ">
                <p><span>声音场景设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u351" class="ax_default label">
              <div id="u351_div" class=""></div>
              <div id="u351_text" class="text ">
                <p><span>完成</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u352" class="ax_default label">
              <div id="u352_div" class=""></div>
              <div id="u352_text" class="text ">
                <p><span>闹钟音频</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u353" class="ax_default label">
              <div id="u353_div" class=""></div>
              <div id="u353_text" class="text ">
                <p><span>闹钟音量</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u354" class="ax_default line">
              <img id="u354_img" class="img " src="images/智能闹钟可交互原型/u113.svg"/>
              <div id="u354_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u355" class="ax_default line">
              <img id="u355_img" class="img " src="images/智能闹钟可交互原型/u289.svg"/>
              <div id="u355_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u356" class="ax_default icon">
              <img id="u356_img" class="img " src="images/智能闹钟可交互原型/u115.svg"/>
              <div id="u356_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u357" class="ax_default line">
              <img id="u357_img" class="img " src="images/智能闹钟可交互原型/u100.svg"/>
              <div id="u357_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u358" class="ax_default button">
              <img id="u358_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u358_text" class="text ">
                <p><span>封面图1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u359" class="ax_default label">
              <div id="u359_div" class=""></div>
              <div id="u359_text" class="text ">
                <p><span>海浪专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u360" class="ax_default button">
              <img id="u360_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u360_text" class="text ">
                <p><span>封面图2</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u361" class="ax_default label">
              <div id="u361_div" class=""></div>
              <div id="u361_text" class="text ">
                <p><span>雨声专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u362" class="ax_default button">
              <img id="u362_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u362_text" class="text ">
                <p><span>封面图1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u363" class="ax_default label">
              <div id="u363_div" class=""></div>
              <div id="u363_text" class="text ">
                <p><span>海浪专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u364" class="ax_default button">
              <img id="u364_img" class="img " src="images/智能闹钟可交互原型/u292.svg"/>
              <div id="u364_text" class="text ">
                <p><span>封面图2</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u365" class="ax_default label">
              <div id="u365_div" class=""></div>
              <div id="u365_text" class="text ">
                <p><span>雨声专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u366" class="ax_default label">
              <div id="u366_div" class=""></div>
              <div id="u366_text" class="text ">
                <p><span>场景音量</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u367" class="ax_default line">
              <img id="u367_img" class="img " src="images/智能闹钟可交互原型/u113.svg"/>
              <div id="u367_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u368" class="ax_default line">
              <img id="u368_img" class="img " src="images/智能闹钟可交互原型/u289.svg"/>
              <div id="u368_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u369" class="ax_default icon">
              <img id="u369_img" class="img " src="images/智能闹钟可交互原型/u115.svg"/>
              <div id="u369_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u370" class="ax_default line">
              <img id="u370_img" class="img " src="images/智能闹钟可交互原型/u100.svg"/>
              <div id="u370_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u371" class="ax_default label">
              <div id="u371_div" class=""></div>
              <div id="u371_text" class="text ">
                <p><span>更多音频&gt;&gt;&gt;</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u372" class="ax_default label">
              <div id="u372_div" class=""></div>
              <div id="u372_text" class="text ">
                <p><span>场景音频</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u373" class="ax_default label">
              <div id="u373_div" class=""></div>
              <div id="u373_text" class="text ">
                <p><span>更多音频&gt;&gt;&gt;</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state14" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u0_state14_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u374" class="ax_default button">
              <div id="u374_div" class=""></div>
              <div id="u374_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u375" class="ax_default button">
              <div id="u375_div" class=""></div>
              <div id="u375_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u376" class="ax_default button">
              <div id="u376_div" class=""></div>
              <div id="u376_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u377" class="ax_default _一级标题">
              <div id="u377_div" class=""></div>
              <div id="u377_text" class="text ">
                <p><span>工作前</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u378" class="ax_default button">
              <div id="u378_div" class=""></div>
              <div id="u378_text" class="text ">
                <p><span>封面图1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u379" class="ax_default button">
              <div id="u379_div" class=""></div>
              <div id="u379_text" class="text ">
                <p><span>封面图2</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u380" class="ax_default label">
              <div id="u380_div" class=""></div>
              <div id="u380_text" class="text ">
                <p><span>咖啡时光</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u381" class="ax_default label">
              <div id="u381_div" class=""></div>
              <div id="u381_text" class="text ">
                <p><span>专注系列</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u382" class="ax_default line">
              <img id="u382_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u382_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u383" class="ax_default image">
              <img id="u383_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u383_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u384" class="ax_default line">
              <img id="u384_img" class="img " src="images/智能闹钟可交互原型/u384.svg"/>
              <div id="u384_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u385" class="ax_default icon">
              <img id="u385_img" class="img " src="images/智能闹钟可交互原型/u385.svg"/>
              <div id="u385_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u386" class="ax_default label">
              <div id="u386_div" class=""></div>
              <div id="u386_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u387" class="ax_default image">
              <img id="u387_img" class="img " src="images/智能闹钟可交互原型/u387.png"/>
              <div id="u387_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u388" class="ax_default image">
              <img id="u388_img" class="img " src="images/智能闹钟可交互原型/u14_selected.png"/>
              <div id="u388_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u389" class="ax_default image">
              <img id="u389_img" class="img " src="images/智能闹钟可交互原型/u15.png"/>
              <div id="u389_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u390" class="ax_default _一级标题">
              <div id="u390_div" class=""></div>
              <div id="u390_text" class="text ">
                <p><span>音乐</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u391" class="ax_default _一级标题">
              <div id="u391_div" class=""></div>
              <div id="u391_text" class="text ">
                <p><span>睡前音乐</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u392" class="ax_default button">
              <div id="u392_div" class=""></div>
              <div id="u392_text" class="text ">
                <p><span>封面图1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u393" class="ax_default button">
              <div id="u393_div" class=""></div>
              <div id="u393_text" class="text ">
                <p><span>封面图2</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u394" class="ax_default label">
              <div id="u394_div" class=""></div>
              <div id="u394_text" class="text ">
                <p><span>海浪专区</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u395" class="ax_default label">
              <div id="u395_div" class=""></div>
              <div id="u395_text" class="text ">
                <p><span>雨声专区</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u396" class="ax_default line">
              <img id="u396_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u396_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u397" class="ax_default _一级标题">
              <div id="u397_div" class=""></div>
              <div id="u397_text" class="text ">
                <p><span>学习前</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u398" class="ax_default button">
              <div id="u398_div" class=""></div>
              <div id="u398_text" class="text ">
                <p><span>封面图1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u399" class="ax_default button">
              <div id="u399_div" class=""></div>
              <div id="u399_text" class="text ">
                <p><span>封面图2</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u400" class="ax_default line">
              <img id="u400_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u400_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u401" class="ax_default label">
              <div id="u401_div" class=""></div>
              <div id="u401_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u402" class="ax_default icon">
              <img id="u402_img" class="img " src="images/智能闹钟可交互原型/u402.svg"/>
              <div id="u402_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state15" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u0_state15_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u403" class="ax_default image">
              <img id="u403_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u403_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u404" class="ax_default line">
              <img id="u404_img" class="img " src="images/智能闹钟可交互原型/u384.svg"/>
              <div id="u404_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u405" class="ax_default icon">
              <img id="u405_img" class="img " src="images/智能闹钟可交互原型/u385.svg"/>
              <div id="u405_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u406" class="ax_default label">
              <div id="u406_div" class=""></div>
              <div id="u406_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u407" class="ax_default image">
              <img id="u407_img" class="img " src="images/智能闹钟可交互原型/u387.png"/>
              <div id="u407_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u408" class="ax_default image">
              <img id="u408_img" class="img " src="images/智能闹钟可交互原型/u14.png"/>
              <div id="u408_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u409" class="ax_default image">
              <img id="u409_img" class="img " src="images/智能闹钟可交互原型/u15_selected.png"/>
              <div id="u409_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u410" class="ax_default line">
              <img id="u410_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u410_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u411" class="ax_default _一级标题">
              <div id="u411_div" class=""></div>
              <div id="u411_text" class="text ">
                <p><span>用户123</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u412" class="ax_default label">
              <div id="u412_div" class=""></div>
              <div id="u412_text" class="text ">
                <p><span>使用智能闹钟的第n天</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u413" class="ax_default label">
              <div id="u413_div" class=""></div>
              <div id="u413_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u414" class="ax_default icon">
              <img id="u414_img" class="img " src="images/智能闹钟可交互原型/u402.svg"/>
              <div id="u414_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u415" class="ax_default ellipse">
              <img id="u415_img" class="img " src="images/智能闹钟可交互原型/u415.svg"/>
              <div id="u415_text" class="text ">
                <p><span>头像</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u416" class="ax_default image">
              <img id="u416_img" class="img " src="images/智能闹钟可交互原型/u416.png"/>
              <div id="u416_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u417" class="ax_default box_2">
              <div id="u417_div" class=""></div>
              <div id="u417_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u418" class="ax_default _二级标题">
              <div id="u418_div" class=""></div>
              <div id="u418_text" class="text ">
                <p><span>智能灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u419" class="ax_default label">
              <div id="u419_div" class=""></div>
              <div id="u419_text" class="text ">
                <p><span>您已醒来，已为您开启：卧室内灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u420" class="ax_default" data-left="292" data-top="217" data-width="41" data-height="26">

              <!-- Unnamed (形状) -->
              <div id="u421" class="ax_default icon">
                <img id="u421_img" class="img " src="images/智能闹钟可交互原型/u421.svg"/>
                <div id="u421_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u422" class="ax_default icon">
                <img id="u422_img" class="img " src="images/智能闹钟可交互原型/u422.svg"/>
                <div id="u422_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (圆形) -->
              <div id="u423" class="ax_default ellipse">
                <img id="u423_img" class="img " src="images/智能闹钟可交互原型/u423.svg"/>
                <div id="u423_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u424" class="ax_default _一级标题">
              <div id="u424_div" class=""></div>
              <div id="u424_text" class="text ">
                <p><span>今日睡眠数据</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u425" class="ax_default box_3">
              <div id="u425_div" class=""></div>
              <div id="u425_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u426" class="ax_default line">
              <img id="u426_img" class="img " src="images/智能闹钟可交互原型/u426.svg"/>
              <div id="u426_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u427" class="ax_default box_3">
              <div id="u427_div" class=""></div>
              <div id="u427_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u428" class="ax_default box_3">
              <div id="u428_div" class=""></div>
              <div id="u428_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u429" class="ax_default box_3">
              <div id="u429_div" class=""></div>
              <div id="u429_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u430" class="ax_default box_3">
              <div id="u430_div" class=""></div>
              <div id="u430_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u431" class="ax_default box_3">
              <div id="u431_div" class=""></div>
              <div id="u431_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u432" class="ax_default box_3">
              <div id="u432_div" class=""></div>
              <div id="u432_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u433" class="ax_default box_3">
              <div id="u433_div" class=""></div>
              <div id="u433_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u434" class="ax_default box_3">
              <div id="u434_div" class=""></div>
              <div id="u434_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u435" class="ax_default box_3">
              <div id="u435_div" class=""></div>
              <div id="u435_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u436" class="ax_default box_3">
              <div id="u436_div" class=""></div>
              <div id="u436_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u437" class="ax_default box_3">
              <div id="u437_div" class=""></div>
              <div id="u437_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u438" class="ax_default box_3">
              <div id="u438_div" class=""></div>
              <div id="u438_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u439" class="ax_default box_3">
              <div id="u439_div" class=""></div>
              <div id="u439_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u440" class="ax_default box_3">
              <div id="u440_div" class=""></div>
              <div id="u440_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u441" class="ax_default box_3">
              <div id="u441_div" class=""></div>
              <div id="u441_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u442" class="ax_default box_3">
              <div id="u442_div" class=""></div>
              <div id="u442_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u443" class="ax_default label">
              <div id="u443_div" class=""></div>
              <div id="u443_text" class="text ">
                <p><span>睡眠市场8小时15分钟，睡眠分数：82分</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u444" class="ax_default label">
              <div id="u444_div" class=""></div>
              <div id="u444_text" class="text ">
                <p><span>点击查看您的详细报告&gt;&gt;&gt;</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u445" class="ax_default line">
              <img id="u445_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u445_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u446" class="ax_default _一级标题">
              <div id="u446_div" class=""></div>
              <div id="u446_text" class="text ">
                <p><span>小睡数据</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u447" class="ax_default label">
              <div id="u447_div" class=""></div>
              <div id="u447_text" class="text ">
                <p><span>今日还未小睡，暂无数据哦~</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u448" class="ax_default line">
              <img id="u448_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u448_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u449" class="ax_default _一级标题">
              <div id="u449_div" class=""></div>
              <div id="u449_text" class="text ">
                <p><span>体脂记录</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u450" class="ax_default label">
              <div id="u450_div" class=""></div>
              <div id="u450_text" class="text ">
                <p><span>去更新</span></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u451" class="ax_default ellipse">
              <img id="u451_img" class="img " src="images/智能闹钟可交互原型/u451.svg"/>
              <div id="u451_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u452" class="ax_default label">
              <div id="u452_div" class=""></div>
              <div id="u452_text" class="text ">
                <p><span style="text-decoration:underline ;">灯泡设置</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state16" class="panel_state" data-label="dengpao" style="visibility: hidden;">
          <div id="u0_state16_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u453" class="ax_default image">
              <img id="u453_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u453_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u454" class="ax_default icon">
              <img id="u454_img" class="img " src="images/智能闹钟可交互原型/u385.svg"/>
              <div id="u454_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u455" class="ax_default label">
              <div id="u455_div" class=""></div>
              <div id="u455_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u456" class="ax_default line">
              <img id="u456_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u456_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u457" class="ax_default label">
              <div id="u457_div" class=""></div>
              <div id="u457_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u458" class="ax_default icon">
              <img id="u458_img" class="img " src="images/智能闹钟可交互原型/u402.svg"/>
              <div id="u458_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u459" class="ax_default label">
              <div id="u459_div" class=""></div>
              <div id="u459_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u460" class="ax_default _三级标题">
              <div id="u460_div" class=""></div>
              <div id="u460_text" class="text ">
                <p><span>智能灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u461" class="ax_default line">
              <img id="u461_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u461_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u462" class="ax_default _三级标题">
              <div id="u462_div" class=""></div>
              <div id="u462_text" class="text ">
                <p><span>智能灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u463" class="ax_default" data-left="295" data-top="141" data-width="41" data-height="26">

              <!-- Unnamed (形状) -->
              <div id="u464" class="ax_default icon">
                <img id="u464_img" class="img " src="images/智能闹钟可交互原型/u421.svg"/>
                <div id="u464_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u465" class="ax_default icon">
                <img id="u465_img" class="img " src="images/智能闹钟可交互原型/u422.svg"/>
                <div id="u465_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (圆形) -->
              <div id="u466" class="ax_default ellipse">
                <img id="u466_img" class="img " src="images/智能闹钟可交互原型/u423.svg"/>
                <div id="u466_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u467" class="ax_default _三级标题">
              <div id="u467_div" class=""></div>
              <div id="u467_text" class="text ">
                <p><span>已连接的设备</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u468" class="ax_default _三级标题">
              <div id="u468_div" class=""></div>
              <div id="u468_text" class="text ">
                <p><span>卧室内灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u469" class="ax_default icon">
              <img id="u469_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u469_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u470" class="ax_default line">
              <img id="u470_img" class="img " src="images/智能闹钟可交互原型/u470.svg"/>
              <div id="u470_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u471" class="ax_default _三级标题">
              <div id="u471_div" class=""></div>
              <div id="u471_text" class="text ">
                <p><span>可连接的设备</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u472" class="ax_default _三级标题">
              <div id="u472_div" class=""></div>
              <div id="u472_text" class="text ">
                <p><span>KDA989898</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u473" class="ax_default icon">
              <img id="u473_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u473_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u474" class="ax_default _三级标题">
              <div id="u474_div" class=""></div>
              <div id="u474_text" class="text ">
                <p><span>KDA123467</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u475" class="ax_default icon">
              <img id="u475_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u475_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u476" class="ax_default line">
              <img id="u476_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u476_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u477" class="ax_default _三级标题">
              <div id="u477_div" class=""></div>
              <div id="u477_text" class="text ">
                <p><span>已连接设备设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u478" class="ax_default _三级标题">
              <div id="u478_div" class=""></div>
              <div id="u478_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u479" class="ax_default _三级标题">
              <div id="u479_div" class=""></div>
              <div id="u479_text" class="text ">
                <p><span>颜色跟随当地天气改变</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u480" class="ax_default _三级标题">
              <div id="u480_div" class=""></div>
              <div id="u480_text" class="text ">
                <p><span>已开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u481" class="ax_default _三级标题">
              <div id="u481_div" class=""></div>
              <div id="u481_text" class="text ">
                <p><span>闹钟停止即开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u482" class="ax_default _三级标题">
              <div id="u482_div" class=""></div>
              <div id="u482_text" class="text ">
                <p><span>已开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u483" class="ax_default _三级标题">
              <div id="u483_div" class=""></div>
              <div id="u483_text" class="text ">
                <p><span>距离内自动连接</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u484" class="ax_default _三级标题">
              <div id="u484_div" class=""></div>
              <div id="u484_text" class="text ">
                <p><span>10m</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u485" class="ax_default _三级标题">
              <div id="u485_div" class=""></div>
              <div id="u485_text" class="text ">
                <p><span>自定义灯泡颜色</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u486" class="ax_default image">
              <img id="u486_img" class="img " src="images/智能闹钟可交互原型/u486.png"/>
              <div id="u486_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u487" class="ax_default ellipse">
              <img id="u487_img" class="img " src="images/智能闹钟可交互原型/u487.svg"/>
              <div id="u487_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state17" class="panel_state" data-label="dengpao2" style="visibility: hidden;">
          <div id="u0_state17_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u488" class="ax_default image">
              <img id="u488_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u488_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u489" class="ax_default icon">
              <img id="u489_img" class="img " src="images/智能闹钟可交互原型/u385.svg"/>
              <div id="u489_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u490" class="ax_default label">
              <div id="u490_div" class=""></div>
              <div id="u490_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u491" class="ax_default line">
              <img id="u491_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u491_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u492" class="ax_default label">
              <div id="u492_div" class=""></div>
              <div id="u492_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u493" class="ax_default icon">
              <img id="u493_img" class="img " src="images/智能闹钟可交互原型/u402.svg"/>
              <div id="u493_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u494" class="ax_default label">
              <div id="u494_div" class=""></div>
              <div id="u494_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u495" class="ax_default _三级标题">
              <div id="u495_div" class=""></div>
              <div id="u495_text" class="text ">
                <p><span>智能灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u496" class="ax_default line">
              <img id="u496_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u496_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u497" class="ax_default _三级标题">
              <div id="u497_div" class=""></div>
              <div id="u497_text" class="text ">
                <p><span>智能灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u498" class="ax_default _三级标题">
              <div id="u498_div" class=""></div>
              <div id="u498_text" class="text ">
                <p><span>已连接的设备</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u499" class="ax_default _三级标题">
              <div id="u499_div" class=""></div>
              <div id="u499_text" class="text ">
                <p><span>卧室内灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u500" class="ax_default icon">
              <img id="u500_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u500_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u501" class="ax_default line">
              <img id="u501_img" class="img " src="images/智能闹钟可交互原型/u470.svg"/>
              <div id="u501_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u502" class="ax_default _三级标题">
              <div id="u502_div" class=""></div>
              <div id="u502_text" class="text ">
                <p><span>可连接的设备</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u503" class="ax_default _三级标题">
              <div id="u503_div" class=""></div>
              <div id="u503_text" class="text ">
                <p><span>KDA989898</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u504" class="ax_default icon">
              <img id="u504_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u504_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u505" class="ax_default _三级标题">
              <div id="u505_div" class=""></div>
              <div id="u505_text" class="text ">
                <p><span>KDA123467</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u506" class="ax_default icon">
              <img id="u506_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u506_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u507" class="ax_default line">
              <img id="u507_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u507_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u508" class="ax_default _三级标题">
              <div id="u508_div" class=""></div>
              <div id="u508_text" class="text ">
                <p><span>已连接设备设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u509" class="ax_default _三级标题">
              <div id="u509_div" class=""></div>
              <div id="u509_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u510" class="ax_default _三级标题">
              <div id="u510_div" class=""></div>
              <div id="u510_text" class="text ">
                <p><span>颜色跟随当地天气改变</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u511" class="ax_default _三级标题">
              <div id="u511_div" class=""></div>
              <div id="u511_text" class="text ">
                <p><span>已开启</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u512" class="ax_default" data-left="295" data-top="141" data-width="41" data-height="26">

              <!-- Unnamed (形状) -->
              <div id="u513" class="ax_default icon">
                <img id="u513_img" class="img " src="images/智能闹钟可交互原型/u421.svg"/>
                <div id="u513_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u514" class="ax_default icon">
                <img id="u514_img" class="img " src="images/智能闹钟可交互原型/u514.svg"/>
                <div id="u514_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u515" class="ax_default ellipse">
                <img id="u515_img" class="img " src="images/智能闹钟可交互原型/u515.svg"/>
                <div id="u515_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u516" class="ax_default _三级标题">
              <div id="u516_div" class=""></div>
              <div id="u516_text" class="text ">
                <p><span>闹钟停止即开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u517" class="ax_default _三级标题">
              <div id="u517_div" class=""></div>
              <div id="u517_text" class="text ">
                <p><span>已开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u518" class="ax_default _三级标题">
              <div id="u518_div" class=""></div>
              <div id="u518_text" class="text ">
                <p><span>距离内自动连接</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u519" class="ax_default _三级标题">
              <div id="u519_div" class=""></div>
              <div id="u519_text" class="text ">
                <p><span>10m</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u520" class="ax_default _三级标题">
              <div id="u520_div" class=""></div>
              <div id="u520_text" class="text ">
                <p><span>自定义灯泡颜色</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u521" class="ax_default image">
              <img id="u521_img" class="img " src="images/智能闹钟可交互原型/u486.png"/>
              <div id="u521_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u522" class="ax_default ellipse">
              <img id="u522_img" class="img " src="images/智能闹钟可交互原型/u487.svg"/>
              <div id="u522_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state18" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u0_state18_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u523" class="ax_default image">
              <img id="u523_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u523_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u524" class="ax_default line">
              <img id="u524_img" class="img " src="images/智能闹钟可交互原型/u384.svg"/>
              <div id="u524_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u525" class="ax_default icon">
              <img id="u525_img" class="img " src="images/智能闹钟可交互原型/u385.svg"/>
              <div id="u525_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u526" class="ax_default label">
              <div id="u526_div" class=""></div>
              <div id="u526_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u527" class="ax_default image">
              <img id="u527_img" class="img " src="images/智能闹钟可交互原型/u387.png"/>
              <div id="u527_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u528" class="ax_default image">
              <img id="u528_img" class="img " src="images/智能闹钟可交互原型/u14.png"/>
              <div id="u528_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u529" class="ax_default image">
              <img id="u529_img" class="img " src="images/智能闹钟可交互原型/u15_selected.png"/>
              <div id="u529_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u530" class="ax_default line">
              <img id="u530_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u530_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u531" class="ax_default _一级标题">
              <div id="u531_div" class=""></div>
              <div id="u531_text" class="text ">
                <p><span>用户123</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u532" class="ax_default label">
              <div id="u532_div" class=""></div>
              <div id="u532_text" class="text ">
                <p><span>使用智能闹钟的第n天</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u533" class="ax_default label">
              <div id="u533_div" class=""></div>
              <div id="u533_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u534" class="ax_default icon">
              <img id="u534_img" class="img " src="images/智能闹钟可交互原型/u402.svg"/>
              <div id="u534_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u535" class="ax_default ellipse">
              <img id="u535_img" class="img " src="images/智能闹钟可交互原型/u415.svg"/>
              <div id="u535_text" class="text ">
                <p><span>头像</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u536" class="ax_default image">
              <img id="u536_img" class="img " src="images/智能闹钟可交互原型/u416.png"/>
              <div id="u536_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u537" class="ax_default box_2">
              <div id="u537_div" class=""></div>
              <div id="u537_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u538" class="ax_default _二级标题">
              <div id="u538_div" class=""></div>
              <div id="u538_text" class="text ">
                <p><span>智能灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u539" class="ax_default label">
              <div id="u539_div" class=""></div>
              <div id="u539_text" class="text ">
                <p><span>您的卧室内灯泡已全部关闭</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u540" class="ax_default" data-left="292" data-top="217" data-width="41" data-height="26">

              <!-- Unnamed (形状) -->
              <div id="u541" class="ax_default icon">
                <img id="u541_img" class="img " src="images/智能闹钟可交互原型/u421.svg"/>
                <div id="u541_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u542" class="ax_default icon">
                <img id="u542_img" class="img " src="images/智能闹钟可交互原型/u514.svg"/>
                <div id="u542_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u543" class="ax_default ellipse">
                <img id="u543_img" class="img " src="images/智能闹钟可交互原型/u515.svg"/>
                <div id="u543_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u544" class="ax_default _一级标题">
              <div id="u544_div" class=""></div>
              <div id="u544_text" class="text ">
                <p><span>今日睡眠数据</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u545" class="ax_default box_3">
              <div id="u545_div" class=""></div>
              <div id="u545_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u546" class="ax_default line">
              <img id="u546_img" class="img " src="images/智能闹钟可交互原型/u426.svg"/>
              <div id="u546_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u547" class="ax_default box_3">
              <div id="u547_div" class=""></div>
              <div id="u547_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u548" class="ax_default box_3">
              <div id="u548_div" class=""></div>
              <div id="u548_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u549" class="ax_default box_3">
              <div id="u549_div" class=""></div>
              <div id="u549_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u550" class="ax_default box_3">
              <div id="u550_div" class=""></div>
              <div id="u550_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u551" class="ax_default box_3">
              <div id="u551_div" class=""></div>
              <div id="u551_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u552" class="ax_default box_3">
              <div id="u552_div" class=""></div>
              <div id="u552_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u553" class="ax_default box_3">
              <div id="u553_div" class=""></div>
              <div id="u553_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u554" class="ax_default box_3">
              <div id="u554_div" class=""></div>
              <div id="u554_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u555" class="ax_default box_3">
              <div id="u555_div" class=""></div>
              <div id="u555_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u556" class="ax_default box_3">
              <div id="u556_div" class=""></div>
              <div id="u556_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u557" class="ax_default box_3">
              <div id="u557_div" class=""></div>
              <div id="u557_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u558" class="ax_default box_3">
              <div id="u558_div" class=""></div>
              <div id="u558_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u559" class="ax_default box_3">
              <div id="u559_div" class=""></div>
              <div id="u559_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u560" class="ax_default box_3">
              <div id="u560_div" class=""></div>
              <div id="u560_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u561" class="ax_default box_3">
              <div id="u561_div" class=""></div>
              <div id="u561_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u562" class="ax_default box_3">
              <div id="u562_div" class=""></div>
              <div id="u562_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u563" class="ax_default label">
              <div id="u563_div" class=""></div>
              <div id="u563_text" class="text ">
                <p><span>点击查看您的详细报告&gt;&gt;&gt;</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u564" class="ax_default line">
              <img id="u564_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u564_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u565" class="ax_default _一级标题">
              <div id="u565_div" class=""></div>
              <div id="u565_text" class="text ">
                <p><span>小睡数据</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u566" class="ax_default label">
              <div id="u566_div" class=""></div>
              <div id="u566_text" class="text ">
                <p><span>今日还未小睡，暂无数据哦~</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u567" class="ax_default line">
              <img id="u567_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u567_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u568" class="ax_default _一级标题">
              <div id="u568_div" class=""></div>
              <div id="u568_text" class="text ">
                <p><span>体脂记录</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u569" class="ax_default label">
              <div id="u569_div" class=""></div>
              <div id="u569_text" class="text ">
                <p><span>去更新</span></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u570" class="ax_default ellipse">
              <img id="u570_img" class="img " src="images/智能闹钟可交互原型/u451.svg"/>
              <div id="u570_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u571" class="ax_default label">
              <div id="u571_div" class=""></div>
              <div id="u571_text" class="text ">
                <p><span>睡眠市场8小时15分钟，睡眠分数：82分</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u572" class="ax_default label">
              <div id="u572_div" class=""></div>
              <div id="u572_text" class="text ">
                <p><span style="text-decoration:underline ;">灯泡设置</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state19" class="panel_state" data-label="dengpao3" style="visibility: hidden;">
          <div id="u0_state19_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u573" class="ax_default image">
              <img id="u573_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u573_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u574" class="ax_default icon">
              <img id="u574_img" class="img " src="images/智能闹钟可交互原型/u385.svg"/>
              <div id="u574_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u575" class="ax_default label">
              <div id="u575_div" class=""></div>
              <div id="u575_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u576" class="ax_default line">
              <img id="u576_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u576_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u577" class="ax_default label">
              <div id="u577_div" class=""></div>
              <div id="u577_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u578" class="ax_default icon">
              <img id="u578_img" class="img " src="images/智能闹钟可交互原型/u402.svg"/>
              <div id="u578_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u579" class="ax_default label">
              <div id="u579_div" class=""></div>
              <div id="u579_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u580" class="ax_default _三级标题">
              <div id="u580_div" class=""></div>
              <div id="u580_text" class="text ">
                <p><span>智能灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u581" class="ax_default line">
              <img id="u581_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u581_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u582" class="ax_default _三级标题">
              <div id="u582_div" class=""></div>
              <div id="u582_text" class="text ">
                <p><span>智能灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u583" class="ax_default" data-left="295" data-top="141" data-width="41" data-height="26">

              <!-- Unnamed (形状) -->
              <div id="u584" class="ax_default icon">
                <img id="u584_img" class="img " src="images/智能闹钟可交互原型/u421.svg"/>
                <div id="u584_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u585" class="ax_default icon">
                <img id="u585_img" class="img " src="images/智能闹钟可交互原型/u422.svg"/>
                <div id="u585_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (圆形) -->
              <div id="u586" class="ax_default ellipse">
                <img id="u586_img" class="img " src="images/智能闹钟可交互原型/u423.svg"/>
                <div id="u586_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u587" class="ax_default _三级标题">
              <div id="u587_div" class=""></div>
              <div id="u587_text" class="text ">
                <p><span>已连接的设备</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u588" class="ax_default _三级标题">
              <div id="u588_div" class=""></div>
              <div id="u588_text" class="text ">
                <p><span>卧室内灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u589" class="ax_default icon">
              <img id="u589_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u589_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u590" class="ax_default line">
              <img id="u590_img" class="img " src="images/智能闹钟可交互原型/u470.svg"/>
              <div id="u590_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u591" class="ax_default _三级标题">
              <div id="u591_div" class=""></div>
              <div id="u591_text" class="text ">
                <p><span>可连接的设备</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u592" class="ax_default _三级标题">
              <div id="u592_div" class=""></div>
              <div id="u592_text" class="text ">
                <p><span>KDA989898</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u593" class="ax_default icon">
              <img id="u593_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u593_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u594" class="ax_default _三级标题">
              <div id="u594_div" class=""></div>
              <div id="u594_text" class="text ">
                <p><span>KDA123467</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u595" class="ax_default icon">
              <img id="u595_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u595_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u596" class="ax_default line">
              <img id="u596_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u596_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u597" class="ax_default _三级标题">
              <div id="u597_div" class=""></div>
              <div id="u597_text" class="text ">
                <p><span>已连接设备设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u598" class="ax_default _三级标题">
              <div id="u598_div" class=""></div>
              <div id="u598_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u599" class="ax_default _三级标题">
              <div id="u599_div" class=""></div>
              <div id="u599_text" class="text ">
                <p><span>颜色跟随当地天气改变</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u600" class="ax_default _三级标题">
              <div id="u600_div" class=""></div>
              <div id="u600_text" class="text ">
                <p><span>已开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u601" class="ax_default _三级标题">
              <div id="u601_div" class=""></div>
              <div id="u601_text" class="text ">
                <p><span>闹钟停止即开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u602" class="ax_default _三级标题">
              <div id="u602_div" class=""></div>
              <div id="u602_text" class="text ">
                <p><span>已开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u603" class="ax_default _三级标题">
              <div id="u603_div" class=""></div>
              <div id="u603_text" class="text ">
                <p><span>距离内自动连接</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u604" class="ax_default _三级标题">
              <div id="u604_div" class=""></div>
              <div id="u604_text" class="text ">
                <p><span>10m</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u605" class="ax_default _三级标题">
              <div id="u605_div" class=""></div>
              <div id="u605_text" class="text ">
                <p><span>自定义灯泡颜色</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u606" class="ax_default image">
              <img id="u606_img" class="img " src="images/智能闹钟可交互原型/u486.png"/>
              <div id="u606_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u607" class="ax_default ellipse">
              <img id="u607_img" class="img " src="images/智能闹钟可交互原型/u487.svg"/>
              <div id="u607_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u0_state20" class="panel_state" data-label="dengpao4" style="visibility: hidden;">
          <div id="u0_state20_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u608" class="ax_default image">
              <img id="u608_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
              <div id="u608_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u609" class="ax_default icon">
              <img id="u609_img" class="img " src="images/智能闹钟可交互原型/u385.svg"/>
              <div id="u609_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u610" class="ax_default label">
              <div id="u610_div" class=""></div>
              <div id="u610_text" class="text ">
                <p><span>08:00</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u611" class="ax_default line">
              <img id="u611_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u611_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u612" class="ax_default label">
              <div id="u612_div" class=""></div>
              <div id="u612_text" class="text ">
                <p><span>5G</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u613" class="ax_default icon">
              <img id="u613_img" class="img " src="images/智能闹钟可交互原型/u402.svg"/>
              <div id="u613_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u614" class="ax_default label">
              <div id="u614_div" class=""></div>
              <div id="u614_text" class="text ">
                <p><span>×</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u615" class="ax_default _三级标题">
              <div id="u615_div" class=""></div>
              <div id="u615_text" class="text ">
                <p><span>智能灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u616" class="ax_default line">
              <img id="u616_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u616_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u617" class="ax_default _三级标题">
              <div id="u617_div" class=""></div>
              <div id="u617_text" class="text ">
                <p><span>智能灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u618" class="ax_default" data-left="295" data-top="141" data-width="41" data-height="26">

              <!-- Unnamed (形状) -->
              <div id="u619" class="ax_default icon">
                <img id="u619_img" class="img " src="images/智能闹钟可交互原型/u421.svg"/>
                <div id="u619_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u620" class="ax_default icon">
                <img id="u620_img" class="img " src="images/智能闹钟可交互原型/u422.svg"/>
                <div id="u620_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (圆形) -->
              <div id="u621" class="ax_default ellipse">
                <img id="u621_img" class="img " src="images/智能闹钟可交互原型/u423.svg"/>
                <div id="u621_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u622" class="ax_default _三级标题">
              <div id="u622_div" class=""></div>
              <div id="u622_text" class="text ">
                <p><span>已连接的设备</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u623" class="ax_default _三级标题">
              <div id="u623_div" class=""></div>
              <div id="u623_text" class="text ">
                <p><span>卧室内灯泡</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u624" class="ax_default icon">
              <img id="u624_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u624_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u625" class="ax_default line">
              <img id="u625_img" class="img " src="images/智能闹钟可交互原型/u470.svg"/>
              <div id="u625_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u626" class="ax_default _三级标题">
              <div id="u626_div" class=""></div>
              <div id="u626_text" class="text ">
                <p><span>可连接的设备</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u627" class="ax_default _三级标题">
              <div id="u627_div" class=""></div>
              <div id="u627_text" class="text ">
                <p><span>KDA989898</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u628" class="ax_default icon">
              <img id="u628_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u628_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u629" class="ax_default _三级标题">
              <div id="u629_div" class=""></div>
              <div id="u629_text" class="text ">
                <p><span>KDA123467</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u630" class="ax_default icon">
              <img id="u630_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
              <div id="u630_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u631" class="ax_default line">
              <img id="u631_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
              <div id="u631_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u632" class="ax_default _三级标题">
              <div id="u632_div" class=""></div>
              <div id="u632_text" class="text ">
                <p><span>已连接设备设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u633" class="ax_default _三级标题">
              <div id="u633_div" class=""></div>
              <div id="u633_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u634" class="ax_default _三级标题">
              <div id="u634_div" class=""></div>
              <div id="u634_text" class="text ">
                <p><span>颜色跟随当地天气改变</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u635" class="ax_default _三级标题">
              <div id="u635_div" class=""></div>
              <div id="u635_text" class="text ">
                <p><span>已开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u636" class="ax_default _三级标题">
              <div id="u636_div" class=""></div>
              <div id="u636_text" class="text ">
                <p><span>闹钟停止即开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u637" class="ax_default _三级标题">
              <div id="u637_div" class=""></div>
              <div id="u637_text" class="text ">
                <p><span>已开启</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u638" class="ax_default _三级标题">
              <div id="u638_div" class=""></div>
              <div id="u638_text" class="text ">
                <p><span>距离内自动连接</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u639" class="ax_default _三级标题">
              <div id="u639_div" class=""></div>
              <div id="u639_text" class="text ">
                <p><span>10m</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u640" class="ax_default _三级标题">
              <div id="u640_div" class=""></div>
              <div id="u640_text" class="text ">
                <p><span>自定义灯泡颜色</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u641" class="ax_default line">
              <img id="u641_img" class="img " src="images/智能闹钟可交互原型/u641.svg"/>
              <div id="u641_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u642" class="ax_default image">
              <img id="u642_img" class="img " src="images/智能闹钟可交互原型/u486.png"/>
              <div id="u642_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u643" class="ax_default ellipse">
              <img id="u643_img" class="img " src="images/智能闹钟可交互原型/u487.svg"/>
              <div id="u643_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>