liyongli
/
jugou


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
    />
    <title>图标</title>
    <link rel="stylesheet" href="css/style_pc.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/calendar.css" />
  </head>

  <body>
    <!--头部-->
    <nav class="navbar navbar-default">
      <div class="container">
        <div class="container-fluid">
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div
            class="collapse navbar-collapse"
            id="bs-example-navbar-collapse-1"
          >
            <ul class="nav navbar-nav">
              <li class="dropdown">
                <a
                  href="#"
                  class="dropdown-toggle"
                  data-toggle="dropdown"
                  role="button"
                  aria-haspopup="true"
                  aria-expanded="false"
                >
                  <span id="locationName">地区</span> <span class="caret"></span
                ></a>
                <ul class="dropdown-menu" id="LocationUl"></ul>
              </li>

              <li class="dropdown">
                <a
                  href="#"
                  class="dropdown-toggle"
                  data-toggle="dropdown"
                  role="button"
                  aria-haspopup="true"
                  aria-expanded="false"
                  ><span id="channelName">频道</span> <span class="caret"></span
                ></a>
                <ul class="dropdown-menu" id="channelUl">
                  <li><a href="#">请先选择地区</a></li>
                </ul>
              </li>

              <li class="dropdown">
                <a
                  href="#"
                  class="dropdown-toggle"
                  data-toggle="dropdown"
                  role="button"
                  aria-haspopup="true"
                  aria-expanded="false"
                  ><span id="typeName">类型</span><span class="caret"></span
                ></a>
                <ul class="dropdown-menu" id="typeUl"></ul>
              </li>
              <li class="calendarbox">
                <!--<a href="#" id="calendarbtn">日期<span class="caret"></span></a>-->
                <!--<div id="calendarboxes">
                                <div id="calendar" class="calendar"></div>
                            </div>-->
                <a
                  href="#"
                  class="dropdown-toggle"
                  id="timeName"
                  data-toggle="dropdown"
                  role="button"
                  aria-haspopup="true"
                  aria-expanded="false"
                  >日期<span class="caret"></span
                ></a>
                <ul
                  class="dropdown-menu"
                  style="border: none; box-shadow: none"
                >
                  <li>
                    <div id="calendar" class="calendar"></div>
                  </li>
                </ul>
              </li>
              <li class="dropdown">
                <a
                  href="#"
                  class="dropdown-toggle"
                  data-toggle="dropdown"
                  role="button"
                  aria-haspopup="true"
                  aria-expanded="false"
                  ><span id="programName">节目</span><span class="caret"></span
                ></a>
                <ul class="dropdown-menu" id="programUl"></ul>
              </li>
            </ul>
          </div>
          <!--<div class="selectbox" id="selectbox">
                    <select id="s_province" name="s_province"></select>
                    <select id="s_city" name="s_city"></select>
                    <select id="s_county" name="s_county"></select>
                    <div id="show"></div>
                </div>-->
          <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
      </div>
    </nav>
    <!--头部结束-->

    <div class="body">
      <div class="left">
        <div class="videobox">
          <video
            class="video"
            width="536px"
            height="300px"
            src="https://media.w3.org/2010/05/sintel/trailer.mp4"
            controls
          ></video>
        </div>
        <div class="echarsbox">
          <div class="echarsbox">
            <div id="main"></div>
            <div id="line">
              <div class="timebox">
                当前播放到第：<span class="time">20.33</span>s
              </div>
              <!--<div id="Popup">
                            <div>央视频道：<span id="ys"></span></div>
                            <div>卫视频道：<span id="ws"></span></div>
                            <div>省级频道：<span id="sj"></span></div>
                            <div>地面频道：<span id="dm"></span></div>
                            <div>其他频道：<span id="qt"></span></div>
                        </div>
                        <div id="Popup2">
                            <div>No1: <span id="no1"></span></div>
                            <div>No2: <span id="no2"></span></div>
                            <div>No3: <span id="no3"></span></div>
                            <div>No4: <span id="no4"></span></div>
                            <div>No5: <span id="no5"></span></div>
                        </div>-->
            </div>
          </div>
        </div>
      </div>
      <div class="rightbox">
        <div class="top">
          <p>2017年6月1日，cctv中文国际，00:00-00:24</p>
          <h2>节目收视情况一览表</h2>
        </div>
        <div class="rightbox-bot">
          <p class="bot-name">
            <span>时间</span>
            <span>节目</span>
            <span>收视率%</span>
          </p>
          <ul>
            <li class="bot-name">
              <span>17:00</span>
              <span>记住乡愁-片段展播-59</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 45%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.8147</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>17:15</span>
              <span>远方的家</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 20%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.175</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>18:00</span>
              <span>中国新闻</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 60%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.173</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>18:15</span>
              <span>中国文艺</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 80%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.1029</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>18:45</span>
              <span>国宝档案-2017-96</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 30%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.0991</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>19:00</span>
              <span>中国新闻</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 40%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.173</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>19:30</span>
              <span>今日亚洲</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 90%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.1847</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>20:00</span>
              <span>国家记忆2017-26</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 10%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.2498</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>17:00</span>
              <span>记住乡愁-片段展播-59</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 20%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.8147</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>17:15</span>
              <span>远方的家</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 50%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.1751</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>18:00</span>
              <span>中国新闻</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 30%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.173</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>18:15</span>
              <span>中国文艺</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 90%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.1029</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>18:45</span>
              <span>国宝档案-2017-96</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 100%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.0991</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>19:00</span>
              <span>中国新闻</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 30%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.173</span>
                </div>
              </div>
            </li>
            <li class="bot-name">
              <span>19:30</span>
              <span>今日亚洲</span>
              <div class="linner">
                <div class="progress">
                  <div
                    class="progress-bar progress-bar-striped active"
                    role="progressbar"
                    aria-valuenow="45"
                    aria-valuemin="0"
                    aria-valuemax="100"
                    style="width: 20%"
                  >
                    <span class="sr-only">45% Complete</span>
                  </div>
                  <span>0.1847</span>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
    <script src="./js/jquery-2.1.0.js"></script>
    <script src="./js/calendar.js"></script>
    <script src="./js/area.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/echarts.min.modify.js"></script>
    <script src="./js/main.1.js"></script>
  </body>
</html>