/public/header.html
<script src="/static/js/qrcode.min032.js"></script>
  <div class="main">
    <div style="margin-top: 10px;margin-bottom: 10px;">
      ../libs/web/ads/index.html
    </div>
    <div class="content">
      <div class="module module-info">
        <div class="module-main">
          <div class="module-info-poster">
            <div class="module-item-cover">
              <div class="module-item-pic">
                <a href="/vod/player.html?cate_id=371&id=764846&type_id=2" class="myci-vodlist__thumb picture v-thumb">
                  <img
                    class="ls-is-cached lazy lazyload"
                    data-original="/data/images/video/9cb64e13c8b2ba7b9431489208d9df3d_4vN1.jpeg"
                    src="/data/images/video/9cb64e13c8b2ba7b9431489208d9df3d_4vN1.jpeg"
                    alt="以爱为名"
                  />
                </a>
              </div>
            </div>
          </div>
          <div class="module-info-main">
            <div class="module-info-heading">
              <h1>以爱为名</h1>
              <div class="module-info-tag" style="text-align: center;">
                  <div class="module-info-tag-link">
                    <div
                      >2017</div
                    >
                  </div>
                  <div class="module-info-tag-link">
                    <div
                      >台湾</div>
                  </div>
              </div>
              <div class="module-mobile-play">
                <a href="/vod/player.html?cate_id=371&id=764846&type_id=2" class="main-btn">
                  立即播放
                </a>
              </div>
            </div>
            <div class="module-info-content">
              <div class="module-info-items">
                <div class="module-info-item module-info-introduction">
                  <div
                    class="module-info-introduction-content show-desc"
                    style="line-height: 20px"
                  >
                    <p>大陆女生慕容碧（王奕瑾饰）与香港男生凌志南（黄恺杰饰）在台湾南部海滨相逢产生恋情，却因为误会而分开。多年后，前途光明的慕容碧因为业务疏失，受迫必须在限期内成功推行专案。为此，她只得答应表姐袁晓慧（钱柏渝饰）的要求，在不违反社会道德规范之下，出卖三个东西：爱情、灵魂和身体。在此期间，凌志南因故来到北京，却意外与慕容碧不期而遇。两人是否会因为那幅载满记忆的《珍珠岛的天空》重燃爱恋，共同面对当初分手的真正答案呢？</p>
                  </div>
                </div>
                <div
                  style="
                    margin-top: -15px;
                    display: flex;
                    margin-bottom: 10px;
                    align-items: center;
                    justify-content: center;
                    font-size: 12px;
                    color: #f96b19;
                  "
                  class="is_mb open-more-desc"
                >
                  <span style="font-size: 14px; margin-right: 5px"
                    >展开内容</span
                  >
                  <i class="icon-arrow"></i>
                </div>
                <div
                  style="
                    margin-top: -15px;
                    display: none;
                    margin-bottom: 10px;
                    align-items: center;
                    justify-content: center;
                    font-size: 12px;
                    color: #f96b19;
                  "
                  class="is_mb close-more-desc"
                >
                  <span style="font-size: 14px; margin-right: 5px"
                    >收起内容</span
                  >
                  <i class="icon-top"></i>
                </div>
                <div class="module-info-item">
                  <span class="module-info-item-title">导演：</span>
                  <div class="module-info-item-content">
                      <a href="/search/index.html?keyword=%E7%8E%8B%E6%AF%93%E9%9B%85" >
                        王毓雅
                      </a>
                      <span class="slash">/</span>
                  </div>
                </div>
                <div class="module-info-item">
                  <span class="module-info-item-title">主演：</span>
                  <div class="module-info-item-content">
                      <a href="/search/index.html?keyword=%E5%8D%9E%E5%BA%86%E5%8D%8E" >
                        卞庆华
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E5%AD%99%E5%90%AF%E6%98%8E" >
                        孙启明
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E5%AE%89%E6%99%A8%E5%A6%A4" >
                        安晨妤
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E6%9E%97%E4%BA%88%E6%99%9E" >
                        林予晞
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E7%8E%8B%E5%A5%95%E7%91%BE" >
                        王奕瑾
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E8%8C%83%E9%80%B8%E8%87%A3" >
                        范逸臣
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E8%94%A1%E5%B0%9A%E7%94%AB" >
                        蔡尚甫
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E9%92%B1%E6%9F%8F%E6%B8%9D" >
                        钱柏渝
                      </a>
                      <span class="slash">/</span>
                      <a href="/search/index.html?keyword=%E9%BB%84%E6%81%BA%E6%9D%B0" >
                        黄恺杰
                      </a>
                      <span class="slash">/</span>
                  </div>
                </div>
                <div class="module-info-item">
                  <span class="module-info-item-title">更新：</span>
                    -
                </div>
                <div class="module-info-item">
                  <span class="module-info-item-title">集数：</span>
                    <div class="module-info-item-content">
                      1集
                    </div>
                </div>
                <div
                  class="module-info-item"
                  style="color: #007711; font-size: 16px; font-weight: bold"
                >
                  <span class="module-info-item-title">豆瓣：</span>
                  <a href="https://search.douban.com/movie/subject_search?search_text=%E4%BB%A5%E7%88%B1%E4%B8%BA%E5%90%8D" title="到豆瓣页面查看" target="_blank"><font color="#007711"
                      >0.0</font
                    ></a>
                </div>
              </div>
              <div class="module-info-footer">
                <div class="module-info-play">
                    <a href="/vod/player.html?cate_id=371&id=764846&type_id=2" class="main-btn"><i class="icon-play"></i>立即播放
                    </a>
                  <a href="javascript:void(0)" id="sharebtn" class="btn-large btn-collect btn-share" style="position: relative"><i class="icon-qrcode"></i>
                    <span
                      >分享
                      </span></a>
                </div>
              </div>
              <div
              id="desc_qrcode_main"
              style="
                position: absolute;
                padding: 10px;
                bottom: 70px;
                margin-left: 150px;
                background-color: #ffffff !important;
                z-index: 999999;
                box-shadow: 0 0 10px 0 rgb(130 205 232);
                border-radius: 10px;
                display: none;
              "
            >
              <div class="qrcode-box" style="background-color: #ffffff">
                <span id="desc_qrcode" class="img-responsive">
                  <img
                    id="desc_qrcode_img"
                    style="display: inline-block; width: 120px;"
                    src=""
                  />
                </span>
              </div>
              <div
                style="
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin-top: -5px;
                "
              >
              <div id="myQr" style="width: 110px;height: 100px;margin-left: 20px;margin-top: 10px;">
              </div>
            </div>
            <span style="font-size: 12px; color: gray;margin-left: 10px;"
              >扫一扫使用手机观看</span
            >
            </div>
            <script type="text/javascript">
              new QRCode("myQr", {
                render: "canvas",
                width: 92,
                height: 92,
                text: window.location.href
              }).makeImage()
            </script>
            <script>
               $(document).ready(function (params) {
                $('#sharebtn').click(function(){
                 $('#desc_qrcode_main').toggle()
                })
               });
            </script>
            </div>
          </div>
        </div>
      </div>
      <script>
        function getQr(vid) {
          if (!$("#desc_qrcode_img").attr("src")) {
            const url = "/555Code/qrcode.php?url=" + MAC.Url;
            $("#desc_qrcode_img").attr("src", url);
          }
          if ($("#desc_qrcode_main").css("display") == "none") {
            $("#desc_qrcode_main").show();
          } else {
            $("#desc_qrcode_main").hide();
          }
        }
        $(document).ready(function () {
          $(".open-more-desc").click(function () {
            $(".show-desc").removeClass("module-info-introduction-content");
            $(".open-more-desc").css("display", "none");
            $(".close-more-desc").css("display", "flex");
          });
          $(".close-more-desc").click(function () {
            $(".open-more-desc").css("display", "flex");
            $(".close-more-desc").css("display", "none");
            $(".show-desc").addClass("module-info-introduction-content");
          });
        });
      </script>
        <div class="module">
          <div class="module-heading player-heading">
            <h2 class="module-title" style="font-size: 25px;display: flex;justify-content: space-between;">
              选集播放<span style="margin-right: 15px;" class="sort-icon" onclick="reverse_f()">
                <img style="height: 19px;" src="/static/image/paixu.png" alt=""><span style="font-size: 14px;">排序</span></span>
              </h2>
            <div class="module-tab">
              <label class="module-tab-name"
                ><span id="y-first-name" class="module-tab-value"></span
                ><i class="icon-arrow"></i
              ></label>
              <div class="module-tab-items">
                <div class="module-tab-title">
                  选择播放源<span class="close-drop"
                    ><i class="icon-close"></i
                  ></span>
                </div>
                <div class="module-tab-items-box hisSwiper" id="y-playList">
                    <div
                      class="module-tab-item tab-item"
                      data-dropdown-value="B线"
                    >
                      <span>B线</span
                      >
                      <small>1</small>
                    </div>
                    <div
                      class="module-tab-item tab-item"
                      data-dropdown-value="E线"
                    >
                      <span>E线</span
                      >
                      <small>1</small>
                    </div>
                    <div
                      class="module-tab-item tab-item"
                      data-dropdown-value="B外"
                    >
                      <span>B外</span
                      >
                      <small>1</small>
                    </div>
                </div>
              </div>
            </div>
            <div class="shortcuts-mobile-overlay"></div>
          </div>
            <div
              class="module-list sort-list tab-list his-tab-list"
              id="panel1"
            >
              <div class="module-play-list">
                <div class="module-play-list-content module-play-list-base">
                    <a href="/vod/player.html?cate_id=371&id=764846&line_id=12969982&type_id=2" class="module-play-list-link" title="HD国语版" style="position: relative;"><span>HD国语版</span></a>
                </div>
              </div>
            </div>
            <div
              class="module-list sort-list tab-list his-tab-list"
              id="panel1"
            >
              <div class="module-play-list">
                <div class="module-play-list-content module-play-list-base">
                    <a href="/vod/player.html?cate_id=371&id=764846&line_id=15682518&type_id=2" class="module-play-list-link" title="HD中字" style="position: relative;"><span>HD中字</span></a>
                </div>
              </div>
            </div>
            <div
              class="module-list sort-list tab-list his-tab-list"
              id="panel1"
            >
              <div class="module-play-list">
                <div class="module-play-list-content module-play-list-base">
                    <a href="/vod/player.html?cate_id=371&id=764846&line_id=13590173&type_id=2" class="module-play-list-link" title="1" style="position: relative;"><span>1</span></a>
                </div>
              </div>
            </div>
        </div>
      <script type="text/javascript">
        $(".tab-item:first,.module-list:first").addClass("active");
        var addrNum = [];
        $(".module-play-list-content.module-play-list-base").each(function(i,t){
          addrNum.push($(this).children().length)
        })
        $(".module-tab-item.tab-item").each(function(i,t){
          $(".module-tab-item.tab-item small").eq(i).text(addrNum[i])
        })
        function reverse_f(node) {
                        $('.module-play-list-content').each(function (params) {
                            let fatherEle = $(this);
                            let episodesEle = $(this).children();
                            episodesEle.each(function (params) {
                                fatherEle.prepend($(this))
                            })
                        })
                    }
      </script>
          <div class="module">
            <div class="module-heading">
              <h2 class="module-title">相关推荐</h2>
            </div>
            <div class="module-main">
              <div class="module-items module-poster-items-base">
                /public/vodlist.html
              </div>
            </div>
          </div>
      <div style="margin-top: 10px;">
        ../libs/web/ads/index.html
      </div>
    </div>
  </div>
<div class="footer">
	<div class="content">
	  <div class="footer-content">
		<div class="foot-logo">
			 <div>看客</div>
		</div>
		<div class="foot-copyright">
		  <p>
			本站内容均从互联网收集而来，仅供交流学习使用，版权归原创者所有如有侵犯了您的权益，尽请通知我们，本站将及时删除侵权内容。
		  <br/>
			Copyright @ 2023 看客 版权所有
		  </p>
		</div>
	  </div>
	</div>
  </div>
</div>
<link rel="stylesheet" href="/libs/member/css/layui.min.css" />
<link rel="stylesheet" href="/libs/member/css/layuicus.css" />
<link rel="stylesheet" href="/libs/member/css/index.min.css" />
<script src="/libs/member/js/layui.min.js"></script>
<script src="/libs/commJs/md5.js"></script>
<script src="/libs/commJs/axios.js"></script>
<script src="/libs/commJs/http.js"></script>
<script src="/libs/member/js/index.js"></script>
<div id="cmstem_login">
    <img onclick="closeTemLogin()" class="cmstem_log_close_img" src="/iyplayer/default/images/layui/close.svg">
    <div class="layuicms-tab layuicms-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layuicms-tab-title" id="tem_log_res_tit">
            <li>账号<span class="cmstem_acc_log">登录</span><span class="cmstem_acc_res">注册</span>
            </li>
        </ul>
        <div class="layuicms-tab-content" id="tem_log_res_cont">
            <div class="layuicms-tab-item">
                <form class="layuicms-form" lay-filter="formAccBox">
                    <div class="layuicms-form-item">
                        <div class="layuicms-input-block">
                            <input type="text" name="userName" required placeholder="请输入账号" lay-verify="username"
                                lay-verType="tips" autocomplete="off" class="layuicms-input">
                            <i class="cmstem_inp_requ">*</i>
                            <img class="tem_inp_icon" src="/libs/commIcon/account.svg" alt="">
                        </div>
                    </div>
                    <div class="layuicms-form-item">
                        <div class="layuicms-input-block">
                            <input type="password" name="password" required placeholder="请输入密码" lay-verify="password"
                                lay-verType="tips" autocomplete="off" class="layuicms-input">
                            <i class="cmstem_inp_requ">*</i>
                            <img class="tem_inp_icon" src="/libs/commIcon/pass.svg" alt="">
                        </div>
                    </div>
                    <div class="cmstem_acc_res_firpass">
                    </div>
                    <button class="tem_login_btn layuicms-btn" lay-submit lay-filter="temLoginformAcc">
                        <i class="layuicms-icon layuicms-anim layuicms-anim-rotate layuicms-anim-loop layuicms-icon-loading"
                            style="display: none;"></i><span class="cmstem_acc_log">登录</span><span
                            class="cmstem_acc_res">注册</span></button>
                    <div class="layuicms-form-item cmstem_user_agreement">
                        <div class="layuicms-input-block ">
                            <input lay-filter="temCheckAgree" type="radio" name="agreement" value="true"
                                title="同意《个人信息保护政策》《服务政策》">
                        </div>
                    </div>
                    <p class="cmstem_login_noacc">
                        还没有账号？去 <span class="cmstem_go_fra cmstem_acc_log" onclick="temGoRes()">注册</span> <span
                            class="cmstem_go_fra cmstem_acc_res" onclick="temGoLog()">登录</span>
                    </p>
                </form>
            </div>
        </div>
    </div>
</div>
            <script>
                if (sessionStorage.getItem('tem_mem_no_log') === '1') {
                    temRemoveToken()
                    sessionStorage.removeItem('tem_mem_no_log')
                } else if (temGetCookie("Token")) {
                    sessionStorage.setItem('tem_mem_no_log', 1)
                }
            </script>
        <style>
            .cms_charging_mode_div_vip,
            .cms_charging_mode_div_gold,
            .cms_charging_lin_div_vip,
            .cms_charging_lin_div_gold {
                display: block;
            }
        </style>
<link rel="stylesheet" href="/libs/plugins/css/index.css">
<script src="/libs/commJs/jquery.qrcode.min.js"></script>
<ul class="stui-extra clearfix" id="cms_app_downloads">
        <li class="cms_util_li" id="cms_service_ku">
            <a class="">
                <svg style="width: 18px;height: 18px;" class="tem_side_svg tem_kefu_svg" aria-hidden="true">
                    <use xlink:href="#icon-kefu-mianxing"></use>
                </svg>
                <p class="cms_util_text">客服</p>
            </a>
        </li>
    <div id="cms_go_top" style="display: none;">
        <li class="cms_util_li">
            <a class="" href="javascript:;">
                <svg style="width: 18px;height: 18px;" class="tem_side_svg tem_jiantou_svg" aria-hidden="true">
                    <use xlink:href="#icon-arrow-up"></use>
                </svg>
            </a>
        </li>
    </div>
</ul>
<script>
    $(document).ready(function () {
        let apkUrl = '';
        const temAppAndr = "";
        if (temAppAndr.startsWith("http")) {
            apkUrl = temAppAndr
        } else {
            apkUrl = location.origin + temAppAndr;
        }
        const iosUrl = location.origin + "/libs/ios/downloads.html"
        if ($("#cms_qrcode_apk").length > 0) {
            $("#cms_qrcode_apk").qrcode({
                render: "canvas",
                width: 160,
                height: 160,
                text: temUtf16to8(apkUrl),
                typeNumber: -1,
                correctLevel: 2,
                background: "#ffffff",
                foreground: "#000000"
            });
        }
        if ($("#cms_qrcode_ios").length > 0) {
            $("#cms_qrcode_ios").qrcode({
                render: "canvas",
                width: 160,
                height: 160,
                text: iosUrl,
                typeNumber: -1,
                correctLevel: 2,
                background: "#ffffff",
                foreground: "#000000"
            });
        }
        function isH5() {
            var ua = navigator.userAgent;
            if (ua.indexOf("Mobile") > -1 || ua.indexOf("Android") > -1 || ua.indexOf("iPhone") > -1 || ua.indexOf("iPad") > -1) {
                return true;
            } else {
                return false;
            }
        }
        const pcState = isH5()
        $(".cms_apk_download").click(() => {
            if (isH5()) {
                window.location.href = ""
            } else {
            }
        })
        $(".cms_ios_download").click(() => {
            if (isH5()) {
                window.location.href = "/libs/ios/downloads.html"
            } else {
            }
        })
        $(window).scroll(function () {
            if ($(window).scrollTop() >= 500) {
                $('#cms_go_top').css('display', 'block');
            } else {
                $('#cms_go_top').css('display', 'none');
            }
        });
        $('#cms_go_top').click(function () {
            $('html,body').animate({ 'scrollTop': 0 });
        })
        $(".cms_app_hover").mousemove(function () {
            const index = $(".cms_app_hover").index(this)
            if (!pcState) {
                $(".cms_sideslip").eq(index).show()
            }
        })
        $(".cms_app_hover").mouseleave(function () {
            const index = $(".cms_app_hover").index(this)
            if (!pcState) {
                $(".cms_sideslip").eq(index).hide()
            }
        })
    })
    $(document).ready(() => {
        $('#cms_go_top').hide()
    })
    $(document).ready(() => {
        if (window.self !== window.top) {
            $(".cms_app_hover")?.hide();
        }
    });
</script>
    <script>
        var scriptElement1 = document.createElement("script");
        let sym1 = location.origin
        scriptElement1.src = (sym1) + "/api/v1/assets/layer/ai_service_diy_1.js";
        scriptElement1.id = "service_js";
        scriptElement1.charset = "UTF-8";
        if (temUserInfo.info?.id) {
            scriptElement1.setAttribute('data-source', '2')
            $('#cms_service_ku').click(function (params) {
                serCtr.open(temUserInfo.info.id);
            })
        } else {
            scriptElement1.setAttribute('data-source', '3')
            scriptElement1.setAttribute('data-eventid', 'cms_service_ku')
        }
        scriptElement1.setAttribute('data-title', '在线客服')
        scriptElement1.setAttribute('data-adicon', '')
        document.head.appendChild(scriptElement1);
    </script>
<style>
    :root {
        --tem--base--color: #e50914;
        --tem--base--conf--color: #e50914;
		--cms--notice--button:#e50914;
    }
</style>
<script src="/static/js/swiperbanner032.js"></script>
</body>
</html>