官网

.idea/.gitignore

@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/template.iml" filepath="$PROJECT_DIR$/.idea/template.iml" />
+    </modules>
+  </component>
+</project>

.idea/template.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

acp/abouts/run.htm

@@ -0,0 +1,221 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=abouts&a=add"
+              class="pageForm required-validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr>
+                        <td><label>中文联系我们：</label></td>
+                        <td>
+                            <textarea class="lSize required" rows="10" name="cn_contact"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_contact']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>英文联系我们：</label></td>
+                        <td>
+                            <textarea class="lSize required" rows="10" name="en_contact"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_contact']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>中文商务合作：</label></td>
+                        <td>
+                            <textarea class="lSize required" rows="10" name="cn_business"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_business']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>英文商务合作：</label></td>
+                        <td>
+                            <textarea class="lSize required" rows="10" name="en_business"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_business']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>中文客户服务中心：</label></td>
+                        <td>
+                            <textarea class="lSize required" rows="10" name="cn_client"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_client']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>英文客户服务中心：</label></td>
+                        <td>
+                            <textarea class="lSize required" rows="10" name="en_client"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_client']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr id="postr">
+                        <td><label>公司位置：</label></td>
+                        <td>
+                            <input name="position_count" class="mSize required" type="text" id="posCount"
+                                   value="<!--{echo $data['position_count'];}-->" readonly="true"/>
+                            <div class="button">
+                                <div class="buttonContent">
+                                    <button id='posButton' type="button">添加</button>
+                                </div>
+                            </div>
+                            <font color="red">(百度地图API地理位置)</font>
+                        </td>
+                    </tr>
+
+                    <!--{ if($data && !empty($data['position'])){ $i = count($data['position']); }-->
+                    <!--{foreach ($data['position'] as $key => $row){ }-->
+                    <tr class="pos_<!--{echo $i;}-->">
+                        <td><label>中文地址名：</label></td>
+                        <td><input name="cn_pos_title[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['cn_pos_title'];}-->"/></td>
+                    </tr>
+                    <tr class="pos_<!--{echo $i;}-->">
+                        <td><label>英文地址名：</label></td>
+                        <td><input name="en_pos_title[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['en_pos_title'];}-->"/></td>
+                    </tr>
+                    <tr class="pos_<!--{echo $i;}-->">
+                        <td><label>经度：</label></td>
+                        <td><input name="long[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['long'];}-->"/></td>
+                    </tr>
+                    <tr class="pos_<!--{echo $i;}-->">
+                        <td><label>纬度：</label></td>
+                        <td><input name="lat[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['lat'];}-->"/>
+                            <a class="posDel" name="<!--{echo $i; }-->" style="background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除<!--{echo $i; }--></a></td></tr></td>
+                    </tr>
+                    <!--{ $i--; }}-->
+                    <!--{ }}-->
+
+                    <!--<tr id="protr">-->
+                        <!--<td><label>招聘岗位数量：</label></td>-->
+                        <!--<td>-->
+                            <!--<input name="count" class="mSize required" type="text" id="proCount"-->
+                                   <!--value="&lt;!&ndash;{echo $data['count'];}&ndash;&gt;" readonly="true"/>-->
+                            <!--<div class="button">-->
+                                <!--<div class="buttonContent">-->
+                                    <!--<button id='proButton' type="button">添加</button>-->
+                                <!--</div>-->
+                            <!--</div>-->
+                            <!--<font color="red">(权重数字越高排名越前,不可重复)</font>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--&lt;!&ndash;{ if($data && !empty($data['offer'])){ $i = count($data['offer']); }&ndash;&gt;-->
+                    <!--&lt;!&ndash;{foreach ($data['offer'] as $key => $row){ }&ndash;&gt;-->
+                    <!--<tr class="pro_&lt;!&ndash;{echo $i;}&ndash;&gt;">-->
+                        <!--<td><label>中文岗位：</label></td>-->
+                        <!--<td><input name="cn_post[]" class="mSize required" type="text"-->
+                                   <!--value="&lt;!&ndash;{echo $row['cn_post'];}&ndash;&gt;"/></td>-->
+                    <!--</tr>-->
+                    <!--<tr class="pro_&lt;!&ndash;{echo $i;}&ndash;&gt;">-->
+                        <!--<td><label>英文岗位：</label></td>-->
+                        <!--<td><input name="en_post[]" class="mSize required" type="text"-->
+                                   <!--value="&lt;!&ndash;{echo $row['en_post'];}&ndash;&gt;"/></td>-->
+                    <!--</tr>-->
+                    <!--<tr class="pro_&lt;!&ndash;{echo $i;}&ndash;&gt;">-->
+                        <!--<td><label>中文岗位职责：</label></td>-->
+                        <!--<td><textarea class="lSize required" rows="10" name="cn_response[]">&lt;!&ndash;{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_response']));}&ndash;&gt;</textarea>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr class="pro_&lt;!&ndash;{echo $i;}&ndash;&gt;">-->
+                        <!--<td><label>英文岗位职责：</label></td>-->
+                        <!--<td><textarea class="lSize required" rows="10" name="en_response[]">&lt;!&ndash;{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_response']));}&ndash;&gt;</textarea>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr class="pro_&lt;!&ndash;{echo $i;}&ndash;&gt;">-->
+                        <!--<td><label>中文任职要求：</label></td>-->
+                        <!--<td><textarea class="lSize required" rows="10" name="cn_request[]">&lt;!&ndash;{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_request']));}&ndash;&gt;</textarea>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr class="pro_&lt;!&ndash;{echo $i;}&ndash;&gt;">-->
+                        <!--<td><label>英文任职要求：</label></td>-->
+                        <!--<td><textarea class="lSize required" rows="10" name="en_request[]">&lt;!&ndash;{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_request']));}&ndash;&gt;</textarea>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr class="pro_&lt;!&ndash;{echo $i;}&ndash;&gt;">-->
+                        <!--<td><label>权重：</label></td>-->
+                        <!--<td><input name="power[]" class="mSize required" type="text" value="&lt;!&ndash;{echo $key;}&ndash;&gt;"/><a-->
+                                <!--class="proDel" name="&lt;!&ndash;{echo $i; }&ndash;&gt;"-->
+                                <!--style="background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除-->
+                            <!--&lt;!&ndash;{echo $i; }&ndash;&gt;</a></td>-->
+                    <!--</tr>-->
+                    <!--&lt;!&ndash;{ $i&#45;&#45;; }}&ndash;&gt;-->
+                    <!--&lt;!&ndash;{ }}&ndash;&gt;-->
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>
+<script>
+    $(document).ready(function () {
+//        $("#proButton").bind("click",
+//            function () {
+//                var i = $.trim($("#proCount").val());
+//                $("#proCount").val(++i);
+//                $("#protr").after("<tr class=\"pro_" + i + "\"><td><label>中文岗位：</label></td>" +
+//                    "<td><input name=\"cn_post[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
+//                    "<tr class=\"pro_" + i + "\"><td><label>英文岗位：</label></td>" +
+//                    "<td><input name=\"en_post[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
+//                    "<tr class=\"pro_" + i + "\"><td><label>中文岗位职责：</label></td>" +
+//                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"cn_response[]\"></textarea></td></tr>" +
+//                    "<tr class=\"pro_" + i + "\"><td><label>英文岗位职责：</label></td>" +
+//                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"en_response[]\"></textarea></td></tr>" +
+//                    "<tr class=\"pro_" + i + "\"><td><label>中文任职要求：</label></td>" +
+//                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"cn_request[]\"></textarea></td></tr>" +
+//                    "<tr class=\"pro_" + i + "\"><td><label>英文任职要求：</label></td>" +
+//                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"en_request[]\"></textarea></td></tr>" +
+//                    "<tr class=\"pro_" + i + "\"><td><label>权重：</label></td>" +
+//                    "<td><input name=\"power[]\" class=\"mSize required\" type=\"text\"/><a class=\"proDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>");
+//                $("a.proDel[name=" + i + "]").click(function (e) {
+//                    $.trim($("#proCount").val($.trim($("#proCount").val()) - 1))
+//                    $(".pro_" + $(e.target).attr("name")).remove();
+//                });
+//        });
+        $("#posButton").bind("click",
+            function () {
+                var i = $.trim($("#posCount").val());
+                $("#posCount").val(++i);
+                $("#postr").after("<tr class=\"pos_"+i+"\"><td><label>中文地址名：</label></td>"+
+                "<td><input name=\"cn_pos_title[]\" class=\"mSize required\" type=\"text\" /></td>"+
+                "</tr><tr class=\"pos_"+i+"\"> <td><label>英文地址名：</label></td>"+
+                "<td><input name=\"en_pos_title[]\" class=\"mSize required\" type=\"text\"/></td>"+
+                "</tr><tr class=\"pos_"+i+"\"><td><label>经度：</label></td>"+
+                "<td><input name=\"long[]\" class=\"mSize required\" type=\"text\"/></td>"+
+                "</tr><tr class=\"pos_"+i+"\"><td><label>纬度：</label></td><td><input name=\"lat[]\" class=\"mSize required\" type=\"text\"/>"+
+                "<a class=\"posDel\" name=\""+i+"\" style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除"+i+"</a></td></tr></td></tr>");
+                $("a.posDel[name=" + i + "]").click(function (e) {
+                    $.trim($("#posCount").val($.trim($("#posCount").val()) - 1))
+                    $(".pos_" + $(e.target).attr("name")).remove();
+                });
+        });
+//        $("a.proDel").click(function (e) {
+//            $.trim($("#proCount").val($.trim($("#proCount").val()) - 1))
+//            $(".pro_" + $(e.target).attr("name")).remove();
+//        });
+        $("a.posDel").click(function (e) {
+            $.trim($("#posCount").val($.trim($("#posCount").val()) - 1))
+            $(".pos_" + $(e.target).attr("name")).remove();
+        });
+    });
+</script>

acp/account/add.htm

@@ -0,0 +1,66 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+    -->
+</style>
+<div class="pageHeader">账号管理 &raquo; 创建账号</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=add" class="pageForm required-validate"
+          onsubmit="return validateCallback(this, dialogAjaxDone);" id="accountAddForm" method="post">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>账号：</label></td>
+                    <td>
+                        <input name="username" class="mSize required" type="text"/>
+                        <span class="info">字母数字下划线组合、手机号或邮箱,系统唯一</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>密码：</label></td>
+                    <td>
+                        <input id="gl_pwd" minlength="6" maxlength="20" name="password" class="mSize required" type="password"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>确认密码：</label></td>
+                    <td>
+                        <input name="password_confirm" equalto="#gl_pwd" class="mSize required" type="password"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>管理员：</label></td>
+                    <td>
+                        <input name="is_admin"  type="hidden" value="0"/>
+                        <input name="is_admin" type="checkbox" value="1"/>是
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>
+<script type="text/javascript">
+    $("#username_type").change(function(){
+        alert($(this).val());
+    });
+</script>

acp/account/bind.htm

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>绑定用户</title>
+    <link href="<!--{ echo $domain_prefix}-->/static/css/bootstrap.css" rel="stylesheet">
+    <link href="<!--{ echo $domain_prefix}-->/static/css/signin.css" rel="stylesheet">
+</head>
+
+<body>
+
+<div class="container">
+    <iframe name="hidden_iframe" style="display: none;"></iframe>
+    <form action="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=account&a=bind" class="form-signin" role="form"
+          method="post" target="hidden_iframe">
+        <h2 class="form-signin-heading">系统账号与个人绑定</h2>
+        <input type="text" class="form-control" name="username" placeholder="个人账号,没有请先注册" required
+               autofocus>
+        <input type="password" class="form-control" name="password" placeholder="个人账号密码" required>
+        <input type="password" class="form-control" name="sys_password" placeholder="系统账号密码" required>
+        <button class="btn btn-lg btn-primary btn-block" name="login_btn" type="submit">确定</button>
+    </form>
+    <div class="footer" style="text-align: center;margin-top: 200px;">
+        Copyright &copy; <!--{echo date('Y', time()) == '2014' ? '2014' : '2014-' . date('Y', time()) }-->
+    </div>
+</div>
+</body>
+</html>

acp/account/edit.htm

@@ -0,0 +1,69 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+    -->
+</style>
+<div class="pageHeader">账号管理 &raquo; 编辑账号</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=edit" class="pageForm required-validate"
+          onsubmit="return validateCallback(this, dialogAjaxDone);" id="accountAddForm" method="post">
+        <input type="hidden" name="id" value="<!--{echo $data['id'];}-->">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>账号：</label></td>
+                    <td>
+                        <input name="username" class="mSize required" value="<!--{echo $data['username'];}-->" type="text"/>
+                        <span class="info">字母数字下划线组合、手机号或邮箱,系统唯一</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>密码：</label></td>
+                    <td>
+                        <input id="gl_pwd" minlength="6" maxlength="20" name="password" class="mSize required" type="password"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>确认密码：</label></td>
+                    <td>
+                        <input name="password_confirm" equalto="#gl_pwd" class="mSize required" type="password"/>
+                    </td>
+                </tr>
+                <!--{if(!$data['is_founder']){}-->
+                <tr>
+                    <td><label>管理员：</label></td>
+                    <td>
+                        <input name="is_admin"  type="hidden" value="0"/>
+                        <input name="is_admin" type="checkbox" <!--{echo $data['is_admin'] ? 'checked="checked"':'';}-->  value="1"/>是
+                    </td>
+                </tr>
+                <!--{}}-->
+            </table>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>
+<script type="text/javascript">
+    $("#username_type").change(function(){
+        alert($(this).val());
+    });
+</script>

acp/account/lists.htm

@@ -0,0 +1,139 @@
+<style type="text/css">
+    .grid .gridTbody .user_avatar div,.user_avatar .gridCol{
+        width: auto;
+        height: auto;
+        text-align: center;
+    }
+    .grid .gridTbody td div img{
+        width: 50px;
+        height: 50px;
+    }
+</style>
+<div class="pageHeader" style="border:1px #B8D0D6 solid">
+    <form id="pagerForm" onsubmit="return divSearch(this, 'account_jbsxBox');" action="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=lists&agent_id=<!--{echo $agent_id}-->"
+          method="post">
+        <input type="hidden" name="pageNum" value="1"/>
+        <input type="hidden" name="numPerPage" value="<!--{echo $limit}-->"/>
+        <input type="hidden" name="orderField" value="<!--{echo $order}-->"/>
+        <input type="hidden" name="orderDirection" value="<!--{echo $direction=='desc'?'asc':'desc';}-->"/>
+        <div class="searchBar">
+            <table class="searchContent">
+                <tr>
+                    <td class="dateRange">
+                        注册日期:
+                        <input type="text" value="<!--{echo $from?$from:'';}-->" readonly="readonly" class="date" name="from">
+                        <span class="limit">-</span>
+                        <input type="text" value="<!--{echo $end?$end:'';}-->" readonly="readonly" class="date" name="end">
+                    </td>
+                    <td>
+                        状态：
+                        <input type="radio" name="status" value="0" <!--{echo  $status==0?'checked':''}--> />全部
+                        <input type="radio" name="status" value="-1" <!--{echo $status==-1?'checked':''}--> />冻结
+                        <input type="radio" name="status" value="1" <!--{echo $status==1?'checked':''}--> />正常
+                    </td>
+                    <td>
+                        用户名或昵称：<input type="text" name="keyword" value="<!--{echo $keyword;}-->"/>
+                    </td>
+                    <td>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">筛选</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+            </table>
+        </div>
+    </form>
+</div>
+<div class="pageContent" style="border-left:1px #B8D0D6 solid;border-right:1px #B8D0D6 solid">
+    <div class="panelBar">
+        <ul class="toolBar">
+            <li>
+                <a class="add" height="300" width="600" href="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=add" target="dialog" mask="true"><span>创建账号</span></a>
+            </li>
+            <li class="line">line</li>
+            <li>
+                <a href="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=delete" title="确定要删除这些账号吗?" target="selectedTodo" rel="ids" postType="string" class="delete">
+                    <span>批量删除</span>
+                </a>
+            </li>
+            <li class="line">line</li>
+            <li>
+                <a href="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=disable" title="确定要冻结这些账号吗?" target="selectedTodo" rel="ids" postType="string" class="delete">
+                    <span>批量冻结</span>
+                </a>
+            </li>
+            <li class="line">line</li>
+            <li>
+                <a href="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=enable" title="确定要解冻这些账号吗?" target="selectedTodo" rel="ids" postType="string" class="delete">
+                    <span>批量解冻</span>
+                </a>
+            </li>
+        </ul>
+    </div>
+    <table class="table" width="100%" layoutH="120" rel="account_jbsxBox">
+        <thead>
+        <tr>
+            <th width="5"><input type="checkbox" group="ids" class="checkboxCtrl"></th>
+            <th width="10%">ID</th>
+            <!--{if($agent_id==1){}-->
+            <th width="15%">用户名</th>
+            <!--{}else{}-->
+            <th width="15%">OpenID</th>
+            <!--{}}-->
+            <th width="10%">昵称</th>
+            <th width="10%" class="user_avatar">头像</th>
+            <th width="10%">性别</th>
+            <th width="10%" orderField="created" class="<!--{echo $direction=='desc'?'asc':'desc'}-->">注册日期</th>
+            <th width="10">状态</th>
+            <th width="20">操作</th>
+        </tr>
+        </thead>
+        <tbody>
+        <!--{if(!empty($data)){}-->
+        <!--{foreach ($data as $k => $v){}-->
+            <tr target="user_id" rel="<!--{echo $v['id'];}-->">
+                <td><input name="ids" value="<!--{echo $v['id'];}-->" type="checkbox"></td>
+                <td><!--{echo $v['id'];}--></td>
+                <td><!--{echo $v['username']?$v['username']:($v['phone']?$v['phone']:$v['email']);}--></td>
+                <td><!--{echo $v['nickname'];}--></td>
+                <td class="user_avatar">
+                    <!--{if(!empty($v['avatar'])){}-->
+                    <img src="<!--{echo $v['avatar'];}-->" />
+                    <!--{}}-->
+                </td>
+                <td><!--{echo $v['gender']==0?'':($v['gender']==1?'男':'女');}--></td>
+                <td><!--{echo date('Y-m-d',strtotime($v['created']));}--></td>
+                <td><!--{echo $v['is_public']==-1?'冻结':($v['is_public']==1?'正常':'锁定');}--></td>
+                <td>
+                    <a title="编辑" target="dialog" rel="account_edit" mask="true" height="600" width="600" href="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=edit&id=<!--{echo $v['id'];}-->" class="btnEdit">
+                        编辑
+                    </a>
+                    <a title="查看" target="dialog" rel="account_show" mask="true" height="600" width="600" href="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=show&id=<!--{echo $v['id'];}-->" class="btnView">
+                        查看
+                    </a>
+                </td>
+            </tr>
+        <!--{}}-->
+        <!--{}}-->
+        </tbody>
+    </table>
+    <div class="panelBar">
+        <div class="pages">
+            <span>显示</span>
+            <select class="combox" name="numPerPage"
+                    onchange="navTabPageBreak({numPerPage:this.value}, 'account_jbsxBox')">
+                <option value="10" <!--{echo $limit==10?'selected':''}-->>10</option>
+                <option value="20" <!--{echo $limit==20?'selected':''}-->>20</option>
+                <option value="50" <!--{echo $limit==50?'selected':''}-->>50</option>
+                <option value="100" <!--{echo $limit==100?'selected':''}-->>100</option>
+            </select>
+            <span>共<!--{echo $counts}-->条</span>
+        </div>
+        <div class="pagination" rel="account_jbsxBox" totalCount="<!--{echo $counts}-->"
+             numPerPage="<!--{echo $limit}-->" pageNumShown="5"
+             currentPage="<!--{echo $page}-->">
+        </div>
+    </div>
+</div>

acp/account/login.htm

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>登录</title>
+    <link href="<!--{ echo $domain_prefix}-->/static/css/bootstrap.css" rel="stylesheet">
+    <link href="<!--{ echo $domain_prefix}-->/static/css/signin.css" rel="stylesheet">
+</head>
+
+<body>
+
+<div class="container">
+    <iframe name="hidden_iframe" style="display: none;"></iframe>
+    <form action="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=account&a=login" class="form-signin" role="form" method="post" target="hidden_iframe">
+        <h2 class="form-signin-heading">管理系统</h2>
+        <input type="text" class="form-control" name="username" placeholder="账户" required
+               autofocus>
+        <input type="password" class="form-control" name="password" placeholder="密码" required>
+        <button class="btn btn-lg btn-primary btn-block" name="login_btn" type="submit">登录</button>
+    </form>
+    <div class="footer" style="text-align: center;margin-top: 200px;">
+        &copy;<!--{echo date('Y', time()) == '2016' ? '2016' : '2016-' . date('Y', time()) }-->
+    </div>
+</div>
+</body>
+</html>

acp/account/run.htm

@@ -0,0 +1,108 @@
+<div class="pageContent">
+    <div id="account_jbsxBox" class="unitBox">
+        <form id="pagerForm" onsubmit="return divSearch(this, 'account_jbsxBox');"
+              action="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=run"
+              method="post">
+            <input type="hidden" name="pageNum" value="1"/>
+            <input type="hidden" name="numPerPage" value="${model.numPerPage}"/>
+            <input type="hidden" name="orderField" value="${param.orderField}"/>
+            <input type="hidden" name="orderDirection" value="${param.orderDirection}"/>
+
+            <div class="pageContent" style="border-left:1px #B8D0D6 solid;border-right:1px #B8D0D6 solid">
+                <div class="panelBar">
+                    <ul class="toolBar">
+                        <li>
+                            <a class="add" href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=account&a=add"
+                               target="dialog"
+                               height="365" width="490" mask="true">
+                                <span>添加</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=delete" title="确定要移除吗?"
+                               target="selectedTodo" rel="ids" postType="string" class="delete">
+                                <span>批量移除</span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <table class="table" width="99%" layoutH="75" rel="account_jbsxBox">
+                    <thead>
+                    <tr>
+                        <th width="5"><input type="checkbox" group="ids" class="checkboxCtrl"></th>
+                        <th width="80">ID</th>
+                        <th>账号</th>
+                        <th>管理员</th>
+                        <th>创建时间</th>
+                        <th>状态</th>
+                        <th>操作</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <!--{if(!empty($data)){}-->
+                    <!--{foreach ($data as $k => $v){}-->
+                    <tr target="user_id" rel="<!--{echo $v['id'];}-->">
+                        <td>
+                            <!--{if(!$v['is_founder']){}-->
+                            <input name="ids" value="<!--{echo $v['id'];}-->" type="checkbox">
+                            <!--{}else{}-->
+                                &nbsp;
+                            <!--{}}-->
+                        </td>
+                        <td><!--{echo $v['id'];}--></td>
+                        <td><!--{echo $v['username'];}--></td>
+                        <td><!--{echo $v['is_founder']?'超级管理员':($v['is_admin']?'管理员':'');}--></td>
+                        <td><!--{echo $v['created'];}--></td>
+                        <td><!--{echo $v['is_public']==1?'正常':($v['is_public']==0?'冻结':'');}--></td>
+                        <td>
+                            <!--{if(!$v['is_founder']){}-->
+                            <!--{if($v['is_public']){}-->
+                            <a title="冻结" target="ajaxTodo" rel="apply_disable"
+                               href="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=disable&id=<!--{echo $v['id'];}-->"
+                               class="">
+                                冻结
+                            </a>
+                            <!--{}else{}-->
+                            <a title="解冻" target="ajaxTodo" rel="apply_enable"
+                               href="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=enable&id=<!--{echo $v['id'];}-->"
+                               class="">
+                                解冻
+                            </a>
+                            <!--{}}-->
+                            <!--{}}-->
+                            <a title="编辑" target="dialog" rel="news_edit" mask="true" height="365" width="490"
+                               href="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=edit&id=<!--{echo $v['id'];}-->"
+                               class="">
+                                编辑
+                            </a>
+                        </td>
+                    </tr>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </tbody>
+                </table>
+                <div class="panelBar">
+                    <div class="pages">
+                        <span>显示</span>
+                        <select class="combox" name="numPerPage"
+                                onchange="navTabPageBreak({numPerPage:this.value}, 'account_jbsxBox')">
+                            <option value="10"
+                            <!--{echo $limit==10?'selected':''}-->>10</option>
+                            <option value="20"
+                            <!--{echo $limit==20?'selected':''}-->>20</option>
+                            <option value="50"
+                            <!--{echo $limit==50?'selected':''}-->>50</option>
+                            <option value="100"
+                            <!--{echo $limit==100?'selected':''}-->>100</option>
+                        </select>
+                        <span>共<!--{echo $counts}-->条</span>
+                    </div>
+                    <div class="pagination" rel="account_jbsxBox" totalCount="<!--{echo $counts}-->"
+                         numPerPage="<!--{echo $limit}-->" pageNumShown="5"
+                         currentPage="<!--{echo $page}-->">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>

acp/account/show.htm

@@ -0,0 +1,61 @@
+<div class="pageHeader">账号管理 &raquo; 查看用户信息</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=account&a=show" class="pageForm required-validate"
+          onsubmit="return validateCallback(this, dialogAjaxDone);" id="accountViewForm" method="post"
+          accept-charset="utf-8">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>账号：</label></td>
+                    <td><!--{echo $data['username']?$data['username']:($data['phone']?$data['phone']:$data['email']);}--></td>
+                </tr>
+                <tr>
+                    <td><label>昵称：</label></td>
+                    <td><!--{echo $data['nickname'];}--></td>
+                </tr>
+                <tr>
+                    <td><label>性别：</label></td>
+                    <td><!--{echo $data['gender']?($data['gender']==1?'男':'女'):'';}--></td>
+                </tr>
+                <tr>
+                    <td><label>头像：</label></td>
+                    <td>
+                        <!--{if(!empty($data['avatar'])){}-->
+                        <img src="<!--{echo $data['avatar'];}-->" />
+                        <!--{}}-->
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>出生日期：</label></td>
+                    <td><!--{echo $data['birthday'];}--></td>
+                </tr>
+                <tr>
+                    <td><label>职业：</label></td>
+                    <td><!--{echo $data['job'];}--></td>
+                </tr>
+                <tr>
+                    <td><label>注册时间：</label></td>
+                    <td><!--{echo $data['created'];}--></td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">关闭</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/banners/addArticle.htm

@@ -0,0 +1,186 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+    -->
+</style>
+<div class="pageHeader">添加首页banner</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=banners&a=addArticle"  class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="ArticlesAddForm" method="post"
+          accept-charset="utf-8">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>一级中文标题：</label></td>
+                    <td>
+                        <input name="cn_ftitle" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>一级英文标题：</label></td>
+                    <td>
+                        <input name="en_ftitle" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>二级中文标题：</label></td>
+                    <td>
+                        <input name="cn_stitle" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>二级英文标题：</label></td>
+                    <td>
+                        <input name="en_stitle" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>三级中文标题：</label></td>
+                    <td>
+                        <input name="cn_ttitle" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>三级英文标题：</label></td>
+                    <td>
+                        <input name="en_ttitle" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>字体颜色参数：</label></td>
+                    <td>
+                        <input name="colour" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>url：</label></td>
+                    <td>
+                        <input name="url" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="cn_img" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体图片(1920*1080)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img" class="lSize" style="width:300px;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="en_img" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="cn_img_phone" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体移动端图片(750*1220)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img_phone" class="lSize" style="width:300px;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="en_img_phone" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>类型：</label></td>
+                    <td>
+                        <select name="category">
+                            <option value="mking">猫王</option>
+                            <option value="radiooo">radiooo</option>
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1">草稿</option>
+                            <option value="0">发布</option>
+                        </select>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/banners/addImage.htm

@@ -0,0 +1,144 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+    -->
+</style>
+<div class="pageHeader">添加首页banner</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=banners&a=addImage"  class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="ArticlesAddForm" method="post"
+          accept-charset="utf-8">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>url：</label></td>
+                    <td>
+                        <input name="url" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="cn_img" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体图片(1920*1080)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img" class="lSize" style="width:300px;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="en_img" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="cn_img_phone" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体移动端图片(750*1220)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img_phone" class="lSize" style="width:300px;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="en_img_phone" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>类型：</label></td>
+                    <td>
+                        <select name="category">
+                            <option value="mking">猫王</option>
+                            <option value="radiooo">radiooo</option>
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1">草稿</option>
+                            <option value="0">发布</option>
+                        </select>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/banners/addVideo.htm

@@ -0,0 +1,144 @@
+    <style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+    -->
+</style>
+<div class="pageHeader">添加首页banner</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=banners&a=addVideo"  class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="ArticlesAddForm" method="post"
+          accept-charset="utf-8">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>url：</label></td>
+                    <td>
+                        <input name="url" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="cn_img" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体图片(1920*1080)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img" class="lSize" style="width:300px;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="en_img" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="cn_img_phone" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体移动端图片(750*1220)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img_phone" class="lSize" style="width:300px;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="en_img_phone" class="lSize" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>类型：</label></td>
+                    <td>
+                        <select name="category">
+                            <option value="mking">猫王</option>
+                            <option value="radiooo">radiooo</option>
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="mSize required" type="text"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1">草稿</option>
+                            <option value="0">发布</option>
+                        </select>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/banners/editArticle.htm

@@ -0,0 +1,199 @@
+<div class="pageHeader">编辑频道</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=banners&a=editArticle" class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="NewsAddForm" method="post"
+          accept-charset="utf-8">
+        <input type="hidden" name="id" value="<!--{echo $id;}-->">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>一级中文标题：</label></td>
+                    <td>
+                        <input name="cn_ftitle" class="mSize required" type="text" value="<!--{echo $data['cn_ftitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>一级英文标题：</label></td>
+                    <td>
+                        <input name="en_ftitle" class="mSize required" type="text" value="<!--{echo $data['en_ftitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>二级中文标题：</label></td>
+                    <td>
+                        <input name="cn_stitle" class="mSize required" type="text" value="<!--{echo $data['cn_stitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>二级英文标题：</label></td>
+                    <td>
+                        <input name="en_stitle" class="mSize required" type="text" value="<!--{echo $data['en_stitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>三级中文标题：</label></td>
+                    <td>
+                        <input name="cn_ttitle" class="mSize required" type="text" value="<!--{echo $data['cn_ttitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>三级英文标题：</label></td>
+                    <td>
+                        <input name="en_ttitle" class="mSize required" type="text" value="<!--{echo $data['en_ttitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>字体颜色参数：</label></td>
+                    <td>
+                        <input name="colour" class="mSize required" type="text" value="<!--{echo $data['colour'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>url：</label></td>
+                    <td>
+                        <input name="url" class="mSize required" type="text" value="<!--{echo $data['url'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['cn_img'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="cn_img" class="lSize" style="width:300px;" value="<!--{echo $data['cn_img'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体图片(1920*1080)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                            <!--<img src="&lt;!&ndash;{echo $data['gb_img'];}&ndash;&gt;" width="120px"/>-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img" class="lSize" style="width:300px;" value="&lt;!&ndash;{echo $data['gb_img'];}&ndash;&gt;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['en_img'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="en_img" class="lSize" style="width:300px;" value="<!--{echo $data['en_img'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['cn_img_phone'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="cn_img_phone" class="lSize" style="width:300px;" value="<!--{echo $data['cn_img_phone'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体移动端图片(750*1220)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                            <!--<img src="&lt;!&ndash;{echo $data['gb_img_phone'];}&ndash;&gt;" width="120px"/>-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img_phone" class="lSize" style="width:300px;" value="&lt;!&ndash;{echo $data['gb_img_phone'];}&ndash;&gt;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['en_img_phone'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="en_img_phone" class="lSize" style="width:300px;" value="<!--{echo $data['en_img_phone'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>类型：</label></td>
+                    <td>
+                        <select name="category">
+                            <option value="mking" <!--{if(!empty($data['category']==='mking')){}--> selected <!--{}}-->>猫王</option>
+                            <option value="radiooo"<!--{if(!empty($data['category']==='radiooo')){}--> selected <!--{}}--> >radiooo</option>
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="mSize required" type="text" value="<!--{echo $data['power'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1" <!--{if($data['status']==1){}-->
+                            selected <!--{}}-->>草稿</option>
+                            <option value="0" <!--{if($data['status']==0){}-->
+                            selected <!--{}}-->>发布</option>
+                        </select>
+                        <a href="http://www.radio1964.com/<!--{ if ($data['category'] === 'mking') { echo 'maowang'; } else { echo 'radiooo'; }}-->?status=1">预览</a>
+                    </td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+                .tb-option label{
+                    width: 10px;
+                }
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/banners/editImage.htm

@@ -0,0 +1,157 @@
+<div class="pageHeader">编辑频道</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=banners&a=editImage" class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="NewsAddForm" method="post"
+          accept-charset="utf-8">
+        <input type="hidden" name="id" value="<!--{echo $id;}-->">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>url：</label></td>
+                    <td>
+                        <input name="url" class="mSize required" type="text" value="<!--{echo $data['url'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['cn_img'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="cn_img" class="lSize" style="width:300px;" value="<!--{echo $data['cn_img'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体图片(1920*1080)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                            <!--<img src="&lt;!&ndash;{echo $data['gb_img'];}&ndash;&gt;" width="120px"/>-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img" class="lSize" style="width:300px;" value="&lt;!&ndash;{echo $data['gb_img'];}&ndash;&gt;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['en_img'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="en_img" class="lSize" style="width:300px;" value="<!--{echo $data['en_img'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['cn_img_phone'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="cn_img_phone" class="lSize" style="width:300px;" value="<!--{echo $data['cn_img_phone'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体移动端图片(750*1220)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                            <!--<img src="&lt;!&ndash;{echo $data['gb_img_phone'];}&ndash;&gt;" width="120px"/>-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img_phone" class="lSize" style="width:300px;" value="&lt;!&ndash;{echo $data['gb_img_phone'];}&ndash;&gt;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['en_img_phone'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="en_img_phone" class="lSize" style="width:300px;" value="<!--{echo $data['en_img_phone'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>类型：</label></td>
+                    <td>
+                        <select name="category">
+                            <option value="mking" <!--{if(!empty($data['category']=='mking')){}--> selected <!--{}}-->>猫王</option>
+                            <option value="radiooo"<!--{if(!empty($data['category']=='radiooo')){}--> selected <!--{}}--> >radiooo</option>
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="mSize required" type="text" value="<!--{echo $data['power'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1" <!--{if($data['status']==1){}-->
+                            selected <!--{}}-->>草稿</option>
+                            <option value="0" <!--{if($data['status']==0){}-->
+                            selected <!--{}}-->>发布</option>
+                        </select>
+                        <a href="http://www.radio1964.com/<!--{ if ($data['category'] === 'mking') { echo 'maowang'; } else { echo 'radiooo'; }}-->?status=1">预览</a>
+                    </td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+                .tb-option label{
+                    width: 10px;
+                }
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/banners/editVideo.htm

@@ -0,0 +1,157 @@
+<div class="pageHeader">编辑频道</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=banners&a=editVideo" class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="NewsAddForm" method="post"
+          accept-charset="utf-8">
+        <input type="hidden" name="id" value="<!--{echo $id;}-->">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>url：</label></td>
+                    <td>
+                        <input name="url" class="mSize required" type="text" value="<!--{echo $data['url'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['cn_img'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="cn_img" class="lSize" style="width:300px;" value="<!--{echo $data['cn_img'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体图片(1920*1080)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                            <!--<img src="&lt;!&ndash;{echo $data['gb_img'];}&ndash;&gt;" width="120px"/>-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img" class="lSize" style="width:300px;" value="&lt;!&ndash;{echo $data['gb_img'];}&ndash;&gt;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文图片(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['en_img'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="en_img" class="lSize" style="width:300px;" value="<!--{echo $data['en_img'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>简体移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['cn_img_phone'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="cn_img_phone" class="lSize" style="width:300px;" value="<!--{echo $data['cn_img_phone'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>繁体移动端图片(750*1220)：</label></td>-->
+                    <!--<td>-->
+                        <!--<div class="img_prev" style="padding: 7px 0;">-->
+                            <!--<img src="&lt;!&ndash;{echo $data['gb_img_phone'];}&ndash;&gt;" width="120px"/>-->
+                        <!--</div>-->
+                        <!--<input type="text" name="gb_img_phone" class="lSize" style="width:300px;" value="&lt;!&ndash;{echo $data['gb_img_phone'];}&ndash;&gt;">-->
+                        <!--<div class="button" onclick="BrowseServer(this,'Images',1);return false;">-->
+                            <!--<div class="buttonContent">-->
+                                <!--<button>浏览</button>-->
+                            <!--</div>-->
+                        <!--</div>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr>
+                    <td><label>英文移动端图片(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['en_img_phone'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="en_img_phone" class="lSize" style="width:300px;" value="<!--{echo $data['en_img_phone'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>类型：</label></td>
+                    <td>
+                        <select name="category">
+                            <option value="mking" <!--{if(!empty($data['category']=='mking')){}--> selected <!--{}}-->>猫王</option>
+                            <option value="radiooo"<!--{if(!empty($data['category']=='radiooo')){}--> selected <!--{}}--> >radiooo</option>
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="mSize required" type="text" value="<!--{echo $data['power'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1" <!--{if($data['status']==1){}-->
+                            selected <!--{}}-->>草稿</option>
+                            <option value="0" <!--{if($data['status']==0){}-->
+                            selected <!--{}}-->>发布</option>
+                        </select>
+                        <a href="http://www.radio1964.com/<!--{ if ($data['category'] === 'mking') { echo 'maowang'; } else { echo 'radiooo'; }}-->?status=1">预览</a>
+                    </td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+                .tb-option label{
+                    width: 10px;
+                }
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/banners/run.htm

@@ -0,0 +1,112 @@
+<div class="pageContent">
+    <div id="banners_jbsxBox" class="unitBox">
+        <form id="pagerForm"  onsubmit="return divSearch(this, 'banners_jbsxBox');"
+              action="<!--{echo $domain_prefix}-->/?m=acp&c=banners&a=run"
+              method="post">
+            <input type="hidden" name="pageNum" value="1"/>
+            <input type="hidden" name="numPerPage" value="${model.numPerPage}"/>
+            <input type="hidden" name="orderField" value="${param.orderField}"/>
+            <input type="hidden" name="orderDirection" value="${param.orderDirection}"/>
+
+            <div class="pageContent" style="border-left:1px #B8D0D6 solid;border-right:1px #B8D0D6 solid">
+                <div class="panelBar">
+                    <ul class="toolBar">
+                        <li>
+                            <a class="add" href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=banners&a=addArticle"
+                               target="dialog"
+                               height="655" width="720" mask="true">
+                                <span>添加文字</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a class="add" href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=banners&a=addImage"
+                               target="dialog"
+                               height="655" width="720" mask="true">
+                                <span>添加图片</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a class="add" href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=banners&a=addVideo"
+                               target="dialog"
+                               height="655" width="720" mask="true">
+                                <span>添加视频</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=banners&a=delete" title="确定要移除吗?"
+                               target="selectedTodo" rel="ids" postType="string" class="delete">
+                                <span>批量移除</span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <style type="text/css">
+                    .img-box {
+                        height: 40px;
+                    }
+                    .grid .gridTbody td.img-box div{
+                        height: auto;
+                    }
+                </style>
+                <table class="table nowrap" width="100%" layoutH="75">
+                    <thead>
+                    <tr>
+                        <th width="5%"><input type="checkbox" group="ids" class="checkboxCtrl"></th>
+                        <th width="10%">ID</th>
+                        <th width="15%">一级标题</th>
+                        <th width="15%">url</th>
+                        <th width="15%">类别</th>
+                        <th width="15%">形式</th>
+                        <th width="15%">图片</th>
+                        <th width="15%">权重</th>
+                        <th>操作</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <!--{if(!empty($data)){}-->
+                    <!--{foreach ($data as $k => $v){}-->
+                    <tr target="user_id" rel="<!--{echo $v['id'];}-->">
+                        <td>
+                            <input name="ids" value="<!--{echo $v['id'];}-->" type="checkbox">
+                        </td>
+                        <td ><!--{echo $v['id'];}--></td>
+                        <td ><!--{echo $v['cn_ftitle'];}--></td>
+                        <td><!--{echo $v['url'];}--></td>
+                        <td><!--{if($v['category'] === 'mking') echo '猫王'; else echo 'radiooo';}--></td>
+                        <td><!--{if($v['type'] === 'article') echo '文章'; else if($v['type'] === 'image') echo '图片'; else echo '视频';}--></td>
+                        <td class="img-box"><img src="<!--{echo $v['img'];}-->" style="width: 100px"/></td>
+                        <td ><!--{echo $v['power'];}--></td>
+                        <td >
+                            <a title="编辑banner" target="dialog" rel="rule_edit" mask="true" height="655" width="740" href="<!--{echo $domain_prefix}-->/?m=acp&c=banners&a=edit<!--{echo ucfirst($v['type']);}-->&id=<!--{echo $v['id']}-->&action=top"
+                               class="btnEdit">编辑</a>
+                        </td>
+                    </tr>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </tbody>
+                </table>
+                <div class="panelBar">
+                    <div class="pages">
+                        <span>显示</span>
+                        <select class="combox" name="numPerPage"
+                                onchange="navTabPageBreak({numPerPage:this.value}, 'banners_jbsxBox')">
+                            <option value="10"
+                            <!--{echo $limit==10?'selected':''}-->>10</option>
+                            <option value="20"
+                            <!--{echo $limit==20?'selected':''}-->>20</option>
+                            <option value="50"
+                            <!--{echo $limit==50?'selected':''}-->>50</option>
+                            <option value="100"
+                            <!--{echo $limit==100?'selected':''}-->>100</option>
+                        </select>
+                        <span>共<!--{echo $counts}-->条</span>
+                    </div>
+                    <div class="pagination" rel="banners_jbsxBox" totalCount="<!--{echo $counts}-->"
+                         numPerPage="<!--{echo $limit}-->" pageNumShown="5"
+                         currentPage="<!--{echo $page}-->">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>

acp/entrys/run.htm

@@ -0,0 +1,129 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=entrys&a=add"
+              class="pageForm required-validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr>
+                        <td><label>猫王首页中文简介：</label></td>
+                        <td>
+                            <input name="cn_mking_title" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['cn_mking_title'])) echo $data['cn_mking_title']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>猫王首页英文简介：</label></td>
+                        <td>
+                            <input name="en_mking_title" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['en_mking_title'])) echo $data['en_mking_title']; else echo '';}-->"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>猫王背景图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['mking_image'])){ }-->
+                                <img width='120px' src='<!--{echo $data["mking_image"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="mking_image" class="lSize required" style="width:300px;" value="<!--{echo $data["mking_image"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>radiooo首页中文简介：</label></td>
+                        <td>
+                            <input name="cn_radiooo_title" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['cn_radiooo_title'])) echo $data['cn_radiooo_title']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>radiooo首页英文简介：</label></td>
+                        <td>
+                            <input name="en_radiooo_title" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['en_radiooo_title'])) echo $data['en_radiooo_title']; else echo '';}-->"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>radiooo背景图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['radiooo_image'])){ }-->
+                                <img width='120px' src='<!--{echo $data["radiooo_image"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="radiooo_image" class="lSize required" style="width:300px;" value="<!--{echo $data["radiooo_image"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>频道首页中文简介：</label></td>
+                        <td>
+                            <input name="cn_fm_title" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['cn_fm_title'])) echo $data['cn_fm_title']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>频道首页中文简介：</label></td>
+                        <td>
+                            <input name="en_fm_title" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['en_fm_title'])) echo $data['en_fm_title']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>频道背景图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['fm_image'])){ }-->
+                                <img width='120px' src='<!--{echo $data["fm_image"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="fm_image" class="lSize required" style="width:300px;" value="<!--{echo $data["fm_image"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>

acp/fms/run.htm

@@ -0,0 +1,135 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=fms&a=add"
+              class="pageForm required-validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr>
+                        <td><label>栏目一中文标题：</label></td>
+                        <td><input name="cn_ftitle" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['cn_ftitle'])) echo $data['cn_ftitle']; else echo '';}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目一英文标题：</label></td>
+                        <td><input name="en_ftitle" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['en_ftitle'])) echo $data['en_ftitle']; else echo '';}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目一中文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_fcontent"><!--{if(isset($data['cn_fcontent'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_fcontent'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目一英文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_fcontent"><!--{if(isset($data['en_fcontent'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_fcontent'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目二中文标题：</label></td>
+                        <td><input name="cn_stitle" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['cn_stitle'])) echo $data['cn_stitle']; else echo '';}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目二英文标题：</label></td>
+                        <td><input name="en_stitle" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['en_stitle'])) echo $data['en_stitle']; else echo '';}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目二中文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_scontent"><!--{if(isset($data['cn_scontent'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_scontent'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目二英文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_scontent"><!--{if(isset($data['en_scontent'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_scontent'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目三中文标题：</label></td>
+                        <td><input name="cn_ttitle" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['cn_ttitle'])) echo $data['cn_ttitle']; else echo '';}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目三英文标题：</label></td>
+                        <td><input name="en_ttitle" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['en_ttitle'])) echo $data['en_ttitle']; else echo '';}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目三中文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_tcontent"><!--{if(isset($data['cn_tcontent'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_tcontent'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目三英文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_tcontent"><!--{if(isset($data['en_tcontent'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_tcontent'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目四中文标题：</label></td>
+                        <td><input name="cn_htitle" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['cn_htitle'])) echo $data['cn_htitle']; else echo '';}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目四英文标题：</label></td>
+                        <td><input name="en_htitle" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['en_htitle'])) echo $data['en_htitle']; else echo '';}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目四中文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_hcontent"><!--{if(isset($data['cn_hcontent'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_hcontent'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>栏目四英文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_hcontent"><!--{if(isset($data['en_hcontent'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_hcontent'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>app：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(!empty($data['app'])){ }-->
+                                    <img src="<!--{echo $data['app'];}-->" width="120px"/>
+                                <!--{ }}-->
+                            </div>
+                            <input type="text" name="app" class="lSize" style="width:300px;" value="<!--{echo empty($data['app']) ? '' : $data['app'];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        </form>
+    </div>
+</div>

acp/fms2/run.htm

@@ -0,0 +1,219 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=fms2&a=add"
+              class="pageForm required-validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr>
+                        <td><label>内容中文(用||分割)：</label></td>
+                        <td><textarea class="lSize required" rows="30" name="cn_content"><!--{if(isset($data['cn_content'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_content'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>内容英文(用||分割)：</label></td>
+                        <td><textarea class="lSize required" rows="30" name="en_content"><!--{if(isset($data['en_content'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_content'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>图片一：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(!empty($data['img_1'])){ }-->
+                                <img src="<!--{echo $data['img_1'];}-->" width="120px"/>
+                                <!--{ }}-->
+                            </div>
+                            <input type="text" name="img_1" class="lSize" style="width:300px;" value="<!--{echo empty($data['img_1']) ? '' : $data['img_1'];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>图片二：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(!empty($data['img_2'])){ }-->
+                                <img src="<!--{echo $data['img_2'];}-->" width="120px"/>
+                                <!--{ }}-->
+                            </div>
+                            <input type="text" name="img_2" class="lSize" style="width:300px;" value="<!--{echo empty($data['img_2']) ? '' : $data['img_2'];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>图片三：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(!empty($data['img_3'])){ }-->
+                                <img src="<!--{echo $data['img_3'];}-->" width="120px"/>
+                                <!--{ }}-->
+                            </div>
+                            <input type="text" name="img_3" class="lSize" style="width:300px;" value="<!--{echo empty($data['img_3']) ? '' : $data['img_3'];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>价格一：</label></td>
+                        <td><input name="price_1" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['price_1'])) echo $data['price_1']; else echo '';}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>价格二：</label></td>
+                        <td><input name="price_2" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['price_2'])) echo $data['price_2']; else echo '';}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>价格三：</label></td>
+                        <td><input name="price_3" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['price_3'])) echo $data['price_3']; else echo '';}-->"/></td>
+                    </tr>
+
+                    <tr id="showtr">
+                        <td><label>产品数量：</label></td>
+                        <td>
+                            <input name="count" class="mSize" type="text" id="showCount"
+                                   value="<!--{echo !isset($data['count']) ? 0 : $data['count'];}-->" readonly="true"/>
+                            <div class="button">
+                                <div class="buttonContent">
+                                    <button id='showButton' type="button">添加</button>
+                                </div>
+                            </div>
+                            <font color="red">(权重数字越高排名越前，不可重复。)</font>
+                        </td>
+                    </tr>
+                    <!--{ if($data && !empty($data['fm2'])){ $i = count($data['fm2']); }-->
+                    <!--{foreach ($data['fm2'] as $key => $row){ }-->
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文标题一：</label></td>
+                        <td><input name="cn_fm2_title_1[]" class="mSize" type="text"
+                                   value="<!--{echo $row['cn_fm2_title_1'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文标题一：</label></td>
+                        <td><input name="en_fm2_title_1[]" class="mSize" type="text"
+                                   value="<!--{echo $row['en_fm2_title_1'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文标题二：</label></td>
+                        <td><input name="cn_fm2_title_2[]" class="mSize" type="text"
+                                   value="<!--{echo $row['cn_fm2_title_2'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文标题二：</label></td>
+                        <td><input name="en_fm2_title_2[]" class="mSize" type="text"
+                                   value="<!--{echo $row['en_fm2_title_2'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文内容(使用||分割)：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_fm2_content[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_fm2_content']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文内容(使用||分割)：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_fm2_content[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_fm2_content']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>图片：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(!empty($row['fm2_img'])){ }-->
+                                <img src="<!--{echo $row['fm2_img'];}-->" width="120px"/>
+                                <!--{ }}-->
+                            </div>
+                            <input type="text" name="fm2_img[]" class="lSize" style="width:300px;" value="<!--{echo empty($row['fm2_img']) ? '' : $row['fm2_img'];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>权重：</label></td>
+                        <td><input name="fm2_power[]" class="mSize required" type="text" value="<!--{echo $key;}-->"/><a
+                                class="showDel" name="<!--{echo $i; }-->"
+                                style="background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除
+                            <!--{echo $i; }--></a></td>
+                    </tr>
+                    <!--{ $i--; }}-->
+                    <!--{ }}-->
+
+                </table>
+            </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        </form>
+    </div>
+</div>
+<script>
+    $(document).ready(function () {
+        $("#showButton").bind("click",
+            function () {
+                var i = $.trim($("#showCount").val());
+                $("#showCount").val(++i);
+                $("#showtr").after("<tr class=\"show_" + i + "\"><td><label>中文标题一：</label></td>" +
+                    "<td><input name=\"cn_fm2_title_1[]\" class=\"mSize\" type=\"text\"/></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>英文标题一：</label></td>" +
+                    "<td><input name=\"en_fm2_title_1[]\" class=\"mSize\" type=\"text\"/></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>中文标题二：</label></td>" +
+                    "<td><input name=\"cn_fm2_title_2[]\" class=\"mSize\" type=\"text\"/></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>英文标题二：</label></td>" +
+                    "<td><input name=\"en_fm2_title_2[]\" class=\"mSize\" type=\"text\"/></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>中文内容：</label></td>" +
+                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"cn_fm2_content[]\"></textarea></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>英文内容：</label></td>" +
+                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"en_fm2_content[]\"></textarea></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>图片：</label></td><td><div class=\"img_prev\" style=\"padding: 7px 0;\"><img src=\"\" width=\"120p\"/></div>"+
+                    "<input type=\"text\" name=\"fm2_img[]\" class=\"lSize\" style=\"width:300px;\" value=\"\">"+
+                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\">"+
+                    "<div class=\"buttonContent\"><button>浏览</button></div></div></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>权重：</label></td>" +
+                    "<td><input name=\"fm2_power[]\" class=\"mSize required\" type=\"text\"/><a class=\"showDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>");
+                $("a.showDel[name=" + i + "]").click(function (e) {
+                    $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
+                    $(".show_" + $(e.target).attr("name")).remove();
+                });
+            });
+        $("a.showDel").click(function (e) {
+            $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
+            $(".show_" + $(e.target).attr("name")).remove();
+        });
+    });
+</script>

acp/founderlogs/run.htm

@@ -0,0 +1,136 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=founderlogs&a=add"
+              class="pageForm required-validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文主内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_fcontent"><!--{echo !isset($data['cn_fcontent']) ? '' : str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_fcontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文主内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_fcontent"><!--{echo !isset($data['en_fcontent']) ? '' : str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_fcontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>文案主图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(!empty($data['image'])){ }-->
+                                <img src="<!--{echo $data['image'];}-->" width="120px"/>
+                                <!--{ }}-->
+                            </div>
+                            <input type="text" name="image" class="lSize required" style="width:300px;" value="<!--{echo !isset($data['image']) ? '' : $data['image'];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr id="showtr">
+                        <td><label>猫王历程文案数量：</label></td>
+                        <td>
+                            <input name="count" class="mSize" type="text" id="showCount"
+                                   value="<!--{echo !isset($data['count']) ? 0 : $data['count'];}-->" readonly="true"/>
+                            <div class="button">
+                                <div class="buttonContent">
+                                    <button id='showButton' type="button">添加</button>
+                                </div>
+                            </div>
+                            <font color="red">(权重数字越高排名越前，不可重复。高亮文字使用{})</font>
+                        </td>
+                    </tr>
+                    <!--{ if($data && !empty($data['show'])){ $i = count($data['show']); }-->
+                    <!--{foreach ($data['show'] as $key => $row){ }-->
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文标题：</label></td>
+                        <td><input name="cn_stitle[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['cn_stitle'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文标题：</label></td>
+                        <td><input name="en_stitle[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['en_stitle'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_scontent[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_scontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_scontent[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_scontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>权重：</label></td>
+                        <td><input name="power[]" class="mSize required" type="text" value="<!--{echo $key;}-->"/><a
+                                class="showDel" name="<!--{echo $i; }-->"
+                                style="background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除
+                            <!--{echo $i; }--></a></td>
+                    </tr>
+                    <!--{ $i--; }}-->
+                    <!--{ }}-->
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>
+<script>
+    $(document).ready(function () {
+        $("#showButton").bind("click",
+            function () {
+                var i = $.trim($("#showCount").val());
+                $("#showCount").val(++i);
+                $("#showtr").after("<tr class=\"show_" + i + "\"><td><label>中文标题：</label></td>" +
+                    "<td><input name=\"cn_stitle[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>英文标题：</label></td>" +
+                    "<td><input name=\"en_stitle[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>中文内容：</label></td>" +
+                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"cn_scontent[]\"></textarea></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>英文内容：</label></td>" +
+                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"en_scontent[]\"></textarea></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>权重：</label></td>" +
+                    "<td><input name=\"power[]\" class=\"mSize required\" type=\"text\"/><a class=\"showDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>");
+                $("a.showDel[name=" + i + "]").click(function (e) {
+                    $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
+                    $(".show_" + $(e.target).attr("name")).remove();
+                });
+        });
+        $("a.showDel").click(function (e) {
+            $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
+            $(".show_" + $(e.target).attr("name")).remove();
+        });
+    });
+</script>

acp/index/run.htm

@@ -0,0 +1 @@
+<!--{echo $content;}-->

acp/liners/run.htm

@@ -0,0 +1,152 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=liners&a=add"
+              class="pageForm -validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr id="editlinertr">
+                        <td><label>内胆数量：</label></td>
+                        <td>
+                            <input name="count" class="mSize" type="text" id="editlinerCount"
+                                   value="<!--{ echo count($data) }-->" readonly="true"/>
+                            <div class="button">
+                                <div class="buttonContent">
+                                    <button id='editlinerButton' type="button">添加</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <!--{ if($data && !empty($data)){ $i = count($data); }-->
+                    <!--{foreach ($data as $key => $row){ }-->
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>内胆中文一级标题：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="2" name="cn_fliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_fliner_title']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>内胆英文一级标题：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="2" name="en_fliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_fliner_title']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>内胆中文二级标题：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="5" name="cn_sliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_sliner_title']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>内胆英文二级标题：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="5" name="en_sliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_sliner_title']));}--></textarea>
+                    </tr>
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>内胆图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;" src="<!--{echo $row['liner_images'];}-->">
+                                <img width='120px' src='<!--{echo $row["liner_image"];}-->'/>
+                            </div>
+                            <input type="text" name="liner_image[]" class="lSize " style="width:300px;"
+                                   value="<!--{echo $row['liner_image'];}-->" style='float: right;clear: both;'>
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent" style='float: right;clear: both;'>
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>移动端内胆图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;" src="<!--{echo $row['liner_images_phone'];}-->">
+                                <img width='120px' src='<!--{echo $row["liner_image_phone"];}-->'/>
+                            </div>
+                            <input type="text" name="liner_image_phone[]" class="lSize " style="width:300px;"
+                                   value="<!--{echo $row['liner_image_phone'];}-->" style='float: right;clear: both;'>
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent" style='float: right;clear: both;'>
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="editliner_<!--{echo $i;}-->">
+                        <td><label>权重：</label></td>
+                        <td><input name="liner_power[]" class="mSize " type="text"
+                                   value="<!--{echo $key;}-->"/>
+                            <a class="editlinerDel" name=<!--{ echo $i }--> style="background-color:
+                                #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color:
+                                #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除<!--{ echo $i }--></a></td>
+                    </tr>
+                    <!--{ $i--; }}-->
+                    <!--{ }}-->
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>
+<script>
+    $("#editlinerButton").bind("click",
+        function () {
+            var i = $.trim($("#editlinerCount").val());
+            $("#editlinerCount").val(++i);
+            $("#editlinertr").after("<tr class=\"editliner_" + i + "\"><td><label>内胆中文一级标题：</label></td>" +
+                "<td><textarea class=\"lSize \" rows=\"2\" name=\"cn_fliner_title[]\"></textarea></td></tr>" +
+                "<tr class=\"editliner_" + i + "\"><td><label>内胆英文一级标题：</label></td>" +
+                "<td><textarea class=\"lSize \" rows=\"2\" name=\"en_fliner_title[]\"></textarea></td></tr>" +
+                "<tr class=\"editliner_" + i + "\"><td><label>内胆中文二级标题：</label></td>" +
+                "<td><textarea class=\"lSize \" rows=\"10\" name=\"cn_sliner_title[]\"></textarea></td></tr>" +
+                "<tr class=\"editliner_" + i + "\"><td><label>内胆英文二级标题：</label></td>" +
+                "<td><textarea class=\"lSize \" rows=\"10\" name=\"en_sliner_title[]\"></textarea></td></tr>" +
+                "<tr class=\"editliner_" + i + "\"><td><label>内胆图：</label></td><td>" +
+                "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                "</div><input type=\"text\" name=\"liner_image[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                "<button>浏览</button></div></div></td></tr>"+
+                "<tr class=\"editliner_" + i + "\"><td><label>移动端内胆图：</label></td><td>" +
+                "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                "</div><input type=\"text\" name=\"liner_image_phone[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                "<button>浏览</button></div></div></td></tr>"+
+                "<tr class=\"editliner_" + i + "\"><td><label>权重：</label></td><td><input name=\"liner_power[]\" class=\"mSize \" type=\"text\"/>"+
+                "<a class=\"editlinerDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>"
+            );
+            $("a.editlinerDel[name=" + i + "]").click(function (e) {
+                $.trim($("#editlinerCount").val($.trim($("#editlinerCount").val()) - 1))
+                $(".editliner_" + $(e.target).attr("name")).remove();
+            });
+        });
+    $("a.editlinerDel").click(function (e) {
+        $.trim($("#editlinerCount").val($.trim($("#editlinerCount").val()) - 1))
+        $(".editliner_" + $(e.target).attr("name")).remove();
+    });
+</script>

acp/liners/runphone.htm

@@ -0,0 +1,152 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=liners&a=addphone"
+              class="pageForm -validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr id="editlinertr">
+                        <td><label>内胆数量：</label></td>
+                        <td>
+                            <input name="count" class="mSize" type="text" id="editlinerCount"
+                                   value="<!--{ echo count($data) }-->" readonly="true"/>
+                            <div class="button">
+                                <div class="buttonContent">
+                                    <button id='editlinerButton' type="button">添加</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <!--{ if($data && !empty($data)){ $i = count($data); }-->
+                    <!--{foreach ($data as $key => $row){ }-->
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>内胆中文一级标题：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="2" name="cn_fliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_fliner_title']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>内胆英文一级标题：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="2" name="en_fliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_fliner_title']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>内胆中文二级标题：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="5" name="cn_sliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_sliner_title']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>内胆英文二级标题：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="5" name="en_sliner_title[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_sliner_title']));}--></textarea>
+                    </tr>
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>内胆图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;" src="<!--{echo $row['liner_images'];}-->">
+                                <img width='120px' src='<!--{echo $row["liner_image"];}-->'/>
+                            </div>
+                            <input type="text" name="liner_image[]" class="lSize " style="width:300px;"
+                                   value="<!--{echo $row['liner_image'];}-->" style='float: right;clear: both;'>
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent" style='float: right;clear: both;'>
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="editliner_<!--{ echo $i; }-->">
+                        <td><label>移动端内胆图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;" src="<!--{echo $row['liner_images_phone'];}-->">
+                                <img width='120px' src='<!--{echo $row["liner_image_phone"];}-->'/>
+                            </div>
+                            <input type="text" name="liner_image_phone[]" class="lSize " style="width:300px;"
+                                   value="<!--{echo $row['liner_image_phone'];}-->" style='float: right;clear: both;'>
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent" style='float: right;clear: both;'>
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="editliner_<!--{echo $i;}-->">
+                        <td><label>权重：</label></td>
+                        <td><input name="liner_power[]" class="mSize " type="text"
+                                   value="<!--{echo $key;}-->"/>
+                            <a class="editlinerDel" name=<!--{ echo $i }--> style="background-color:
+                                #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color:
+                                #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除<!--{ echo $i }--></a></td>
+                    </tr>
+                    <!--{ $i--; }}-->
+                    <!--{ }}-->
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>
+<script>
+    $("#editlinerButton").bind("click",
+        function () {
+            var i = $.trim($("#editlinerCount").val());
+            $("#editlinerCount").val(++i);
+            $("#editlinertr").after("<tr class=\"editliner_" + i + "\"><td><label>内胆中文一级标题：</label></td>" +
+                "<td><textarea class=\"lSize \" rows=\"2\" name=\"cn_fliner_title[]\"></textarea></td></tr>" +
+                "<tr class=\"editliner_" + i + "\"><td><label>内胆英文一级标题：</label></td>" +
+                "<td><textarea class=\"lSize \" rows=\"2\" name=\"en_fliner_title[]\"></textarea></td></tr>" +
+                "<tr class=\"editliner_" + i + "\"><td><label>内胆中文二级标题：</label></td>" +
+                "<td><textarea class=\"lSize \" rows=\"10\" name=\"cn_sliner_title[]\"></textarea></td></tr>" +
+                "<tr class=\"editliner_" + i + "\"><td><label>内胆英文二级标题：</label></td>" +
+                "<td><textarea class=\"lSize \" rows=\"10\" name=\"en_sliner_title[]\"></textarea></td></tr>" +
+                "<tr class=\"editliner_" + i + "\"><td><label>内胆图：</label></td><td>" +
+                "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                "</div><input type=\"text\" name=\"liner_image[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                "<button>浏览</button></div></div></td></tr>"+
+                "<tr class=\"editliner_" + i + "\"><td><label>移动端内胆图：</label></td><td>" +
+                "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                "</div><input type=\"text\" name=\"liner_image_phone[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                "<button>浏览</button></div></div></td></tr>"+
+                "<tr class=\"editliner_" + i + "\"><td><label>权重：</label></td><td><input name=\"liner_power[]\" class=\"mSize \" type=\"text\"/>"+
+                "<a class=\"editlinerDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>"
+            );
+            $("a.editlinerDel[name=" + i + "]").click(function (e) {
+                $.trim($("#editlinerCount").val($.trim($("#editlinerCount").val()) - 1))
+                $(".editliner_" + $(e.target).attr("name")).remove();
+            });
+        });
+    $("a.editlinerDel").click(function (e) {
+        $.trim($("#editlinerCount").val($.trim($("#editlinerCount").val()) - 1))
+        $(".editliner_" + $(e.target).attr("name")).remove();
+    });
+</script>

acp/logs/run.htm

@@ -0,0 +1,102 @@
+<div id="logs_jbsxBox" class="pageContent">
+    <div class="pageHeader" style="border:1px #B8D0D6 solid">
+        <form id="pagerSearchForm" onsubmit="return divSearch(this, 'logs_jbsxBox');"
+              action="<!--{echo $domain_prefix}-->/?m=acp&c=logs&a=run"
+              method="post">
+            <input type="hidden" name="pageNum" value="1"/>
+            <input type="hidden" name="numPerPage" value="<!--{echo $limit}-->"/>
+            <input type="hidden" name="orderField" value="<!--{echo $order}-->"/>
+            <input type="hidden" name="orderDirection" value="<!--{echo $direction=='desc'?'asc':'desc';}-->"/>
+
+            <div class="searchBar">
+                <table class="searchContent">
+                    <tr>
+                        <td>
+                            类型：
+                            <input type="radio" name="status" value="" <!--{echo  $status==0?'checked':''}--> />全部
+                            <input type="radio" name="status" value="1" <!--{echo $status==2?'checked':''}--> />登录
+                            <input type="radio" name="status" value="2" <!--{echo $status==3?'checked':''}--> />退出
+                        </td>
+                        <td>
+                            <div class="buttonActive">
+                                <div class="buttonContent">
+                                    <button type="submit">筛选</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+        </form>
+    </div>
+    <div class="pageContent">
+        <div class="unitBox">
+            <form id="pagerForm" onsubmit="return divSearch(this, 'logs_jbsxBox');"
+                  action="<!--{echo $domain_prefix}-->/?m=acp&c=logs&a=run"
+                  method="post">
+                <input type="hidden" name="pageNum" value="1"/>
+                <input type="hidden" name="numPerPage" value="${model.numPerPage}"/>
+                <input type="hidden" name="orderField" value="${param.orderField}"/>
+                <input type="hidden" name="orderDirection" value="${param.orderDirection}"/>
+
+                <div class="pageContent" style="border-left:1px #B8D0D6 solid;border-right:1px #B8D0D6 solid">
+                    <table class="table" width="99%" layoutH="85" rel="logs_jbsxBox">
+                        <thead>
+                        <tr>
+                            <th width="80">ID</th>
+                            <th>用户名</th>
+                            <th>内容</th>
+                            <th>机器信息</th>
+                            <th>来源</th>
+                            <th>IP</th>
+                            <th>时间</th>
+                            <th>类型</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <!--{if(!empty($data)){}-->
+                        <!--{foreach ($data as $k => $v){}-->
+                        <tr target="user_id" rel="<!--{echo $v['id'];}-->">
+                            <td>
+                                <!--{echo $v['id'];}-->
+                            </td>
+                            <td><!--{echo $v['username'];}--></td>
+                            <td><!--{echo $v['content'];}--></td>
+                            <td><!--{echo $v['refer'];}--></td>
+                            <td><!--{echo $v['browser'];}--></td>
+                            <td><!--{echo $v['ip'];}--></td>
+                            <td><!--{echo $v['created'];}--></td>
+                            <td>
+                                <!--{echo $v['log_type']==1?'登入':'退出';}-->
+                            </td>
+                        </tr>
+                        <!--{}}-->
+                        <!--{}}-->
+                        </tbody>
+                    </table>
+                    <div class="panelBar">
+                        <div class="pages">
+                            <span>显示</span>
+                            <select class="combox" name="numPerPage"
+                                    onchange="navTabPageBreak({numPerPage:this.value}, 'logs_jbsxBox')">
+                                <option value="10"
+                                <!--{echo $limit==10?'selected':''}-->>10</option>
+                                <option value="20"
+                                <!--{echo $limit==20?'selected':''}-->>20</option>
+                                <option value="50"
+                                <!--{echo $limit==50?'selected':''}-->>50</option>
+                                <option value="100"
+                                <!--{echo $limit==100?'selected':''}-->>100</option>
+                            </select>
+                            <span>共<!--{echo $counts}-->条</span>
+                        </div>
+                        <div class="pagination" rel="logs_jbsxBox" totalCount="<!--{echo $counts}-->"
+                             numPerPage="<!--{echo $limit}-->" pageNumShown="5"
+                             currentPage="<!--{echo $page}-->">
+                        </div>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>

acp/logs/show.htm

@@ -0,0 +1,57 @@
+<div class="pageHeader">查看公告</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=news&a=edit" class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="NewsAddForm" method="post"
+          accept-charset="utf-8">
+        <input type="hidden" name="id" value="<!--{echo $id;}-->">
+
+        <div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>标题：</label></td>
+                    <td>
+                        <!--{echo $data['title'];}-->
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>发布时间：</label></td>
+                    <td>
+                        <!--{echo $data['publish_date'];}-->
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>内容：</label></td>
+                    <td>
+                        <!--{echo $data['content'];}-->
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>发布：</label></td>
+                    <td>
+                        <!--{echo $data['is_public']?'是':'否';}-->
+                    </td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">关闭</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/mkinglogs/run.htm

@@ -0,0 +1,224 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=mkinglogs&a=add"
+              class="pageForm required-validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr>
+                        <td><label>中文主标题：</label></td>
+                        <td><input name="cn_ftitle" class="mSize required" type="text"
+                                   value="<!--{echo $data['cn_ftitle'];}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>英文主标题：</label></td>
+                        <td><input name="en_ftitle" class="mSize required" type="text"
+                                   value="<!--{echo $data['en_ftitle'];}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>中文主内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_fcontent"><!--{echo !isset($data['cn_fcontent']) ? '' : str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_fcontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>英文主内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_fcontent"><!--{echo !isset($data['en_fcontent']) ? '' : str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_fcontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>文案主图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(!empty($data['image'])){ }-->
+                                <img src="<!--{echo $data['image'];}-->" width="120px"/>
+                                <!--{ }}-->
+                            </div>
+                            <input type="text" name="image" class="lSize required" style="width:300px;" value="<!--{echo !isset($data['image']) ? '' : $data['image'];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr id="showtr">
+                        <td><label>猫王历程文案数量：</label></td>
+                        <td>
+                            <input name="count" class="mSize" type="text" id="showCount"
+                                   value="<!--{echo !isset($data['count']) ? 0 : $data['count'];}-->" readonly="true"/>
+                            <div class="button">
+                                <div class="buttonContent">
+                                    <button id='showButton' type="button">添加</button>
+                                </div>
+                            </div>
+                            <font color="red">(权重数字越高排名越前，不可重复。高亮文字使用{})</font>
+                        </td>
+                    </tr>
+                    <!--{ if($data && !empty($data['show'])){ $i = count($data['show']); }-->
+                    <!--{foreach ($data['show'] as $key => $row){ }-->
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文标题：</label></td>
+                        <td><input name="cn_stitle[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['cn_stitle'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文标题：</label></td>
+                        <td><input name="en_stitle[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['en_stitle'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_scontent[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_scontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_scontent[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_scontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>权重：</label></td>
+                        <td><input name="power[]" class="mSize required" type="text" value="<!--{echo $key;}-->"/><a
+                                class="showDel" name="<!--{echo $i; }-->"
+                                style="background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除
+                            <!--{echo $i; }--></a></td>
+                    </tr>
+                    <!--{ $i--; }}-->
+                    <!--{ }}-->
+                    <tr id="timetr">
+                        <td><label>轨迹表：</label></td>
+                        <td>
+                            <input name="time_count" class="mSize required" type="text" id="timeCount"
+                                   value="<!--{echo !isset($data['time_count']) ? 0 : $data['time_count'];}-->" readonly="true"/>
+                            <div class="button">
+                                <div class="buttonContent">
+                                    <button id='timeButton' type="button">添加</button>
+                                </div>
+                            </div>
+                            <font color="red">(权重越大,排名越靠前,不可重复。图片格式为(限制100宽)，并可为空)</font>
+                        </td>
+                    </tr>
+                    <!--{ if($data && !empty($data['time'])){ $i = count($data['time']); }-->
+                    <!--{foreach ($data['time'] as $key => $row){ }-->
+                    <tr class="time_<!--{echo $i;}-->">
+                        <td><label>时间：</label></td>
+                        <td><input name="time[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['time'];}-->"/></td>
+                    </tr>
+                    <tr class="time_<!--{echo $i;}-->">
+                        <td><label>时间中文简介：</label></td>
+                        <td><input name="cn_time_title[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['cn_time_title'];}-->"/></td>
+                    </tr>
+                    <tr class="time_<!--{echo $i;}-->">
+                        <td><label>时间英文简介：</label></td>
+                        <td><input name="en_time_title[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['en_time_title'];}-->"/></td>
+                    </tr>
+                    <tr class="time_<!--{echo $i;}-->">
+                        <td><label>展示图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(!empty($row['time_image'])){ }-->
+                                <img src="<!--{echo $row['time_image'];}-->" width="120px"/>
+                                <!--{ }}-->
+                            </div>
+                            <input type="text" name="time_image[]" class="lSize" style="width:300px;" value="<!--{echo !isset($row['time_image']) ? '' : $row['time_image'];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="time_<!--{echo $i;}-->">
+                        <td><label>权重：</label></td>
+                        <td><input name="time_power[]" class="mSize required" type="text"
+                                   value="<!--{echo $key;}-->"/>
+                            <a class="timeDel" name="<!--{echo $i; }-->" style="background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除<!--{echo $i; }--></a></td></tr></td>
+                    </tr>
+                    <!--{ $i--; }}-->
+                    <!--{ }}-->
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>
+<script>
+    $(document).ready(function () {
+        $("#showButton").bind("click",
+            function () {
+                var i = $.trim($("#showCount").val());
+                $("#showCount").val(++i);
+                $("#showtr").after("<tr class=\"show_" + i + "\"><td><label>中文标题：</label></td>" +
+                    "<td><input name=\"cn_stitle[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>英文标题：</label></td>" +
+                    "<td><input name=\"en_stitle[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>中文内容：</label></td>" +
+                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"cn_scontent[]\"></textarea></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>英文内容：</label></td>" +
+                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"en_scontent[]\"></textarea></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>权重：</label></td>" +
+                    "<td><input name=\"power[]\" class=\"mSize required\" type=\"text\"/><a class=\"showDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>");
+                $("a.showDel[name=" + i + "]").click(function (e) {
+                    $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
+                    $(".show_" + $(e.target).attr("name")).remove();
+                });
+        });
+        $("a.showDel").click(function (e) {
+            $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
+            $(".show_" + $(e.target).attr("name")).remove();
+        });
+        $("#timeButton").bind("click",
+            function () {
+                var i = $.trim($("#timeCount").val());
+                $("#timeCount").val(++i);
+                $("#timetr").after("<tr class=\"time_"+i+"\"><td><label>时间：</label></td>"+
+                    "<td><input name=\"time[]\" class=\"mSize required\" type=\"text\" /></td>"+
+                    "</tr><tr class=\"time_"+i+"\"> <td><label>时间中文简介：</label></td>"+
+                    "<td><input name=\"cn_time_title[]\" class=\"mSize required\" type=\"text\"/></td>"+
+                    "</tr><tr class=\"time_"+i+"\"><td><label>时间英文简介：</label></td>"+
+                    "<td><input name=\"en_time_title[]\" class=\"mSize required\" type=\"text\"/></td>"+
+                    "</tr><tr class=\"time_"+i+"\"><td><label>展示图：</label></td>"+
+                    "<td><div class=\"img_prev\" style=\"padding: 7px 0;\"></div><input type=\"text\" name=\"time_image[]\" class=\"lSize\" style=\"width:300px;float: left;clear: both;\">"+
+                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'><button>浏览</button></div></div></td></tr>"+
+                    "<tr class=\"time_"+i+"\"><td><label>权重：</label></td><td><input name=\"time_power[]\" class=\"mSize required\" type=\"text\"/>"+
+                    "<a class=\"timeDel\" name=\""+i+"\" style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除"+i+"</a></td></tr></td></tr>");
+                $("a.timeDel[name=" + i + "]").click(function (e) {
+                    $.trim($("#timeCount").val($.trim($("#timeCount").val()) - 1))
+                    $(".time_" + $(e.target).attr("name")).remove();
+                });
+            });
+        $("a.timeDel").click(function (e) {
+            $.trim($("#timeCount").val($.trim($("#timeCount").val()) - 1))
+            $(".time_" + $(e.target).attr("name")).remove();
+        });
+    });
+</script>

acp/mkings/add.htm

@@ -0,0 +1,266 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=mkings&a=add"
+              class="pageForm -validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr>
+                        <td><label>中文产品名：</label></td>
+                        <td>
+                            <input name="cn_ftitle" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>英文产品名：</label></td>
+                        <td>
+                            <input name="en_ftitle" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>中文标题：</label></td>
+                        <td>
+                            <input name="cn_stitle" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>英文标题：</label></td>
+                        <td>
+                            <input name="en_stitle" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>中文简介：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="10" name="cn_brief"></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>英文简介：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="10" name="en_brief"></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>缩略图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                            </div>
+                            <input type="text" name="thumbnail" class="lSize " style="width:300px;">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>产品主图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                            </div>
+                            <input type="text" name="icon" class="lSize " style="width:300px;">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>产品背景图(1920*1080)：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                            </div>
+                            <input type="text" name="bg_icon" class="lSize " style="width:300px;">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>产品移动端背景图(750*1220)：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                            </div>
+                            <input type="text" name="bg_icon_phone" class="lSize " style="width:300px;">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <!--<tr>-->
+                        <!--<td><label>视频中文标题：</label></td>-->
+                        <!--<td>-->
+                            <!--<input name="cn_video_title" class="mSize" type="text"/>-->
+                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr>-->
+                        <!--<td><label>视频英文标题：</label></td>-->
+                        <!--<td>-->
+                            <!--<input name="en_video_title" class="mSize" type="text"/>-->
+                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr>-->
+                        <!--<td><label>视频中文简介：</label></td>-->
+                        <!--<td>-->
+                            <!--<textarea class="lSize" rows="5" name="cn_video_content"></textarea>-->
+                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr>-->
+                        <!--<td><label>视频英文简介：</label></td>-->
+                        <!--<td>-->
+                            <!--<textarea class="lSize" rows="5" name="en_video_content"></textarea>-->
+                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr>-->
+                        <!--<td><label>视频链接：</label></td>-->
+                        <!--<td>-->
+                            <!--<input name="video" class="mSize" type="text"/>-->
+                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <tr id="mkingtr">
+                        <td><label>展示数量：</label></td>
+                        <td>
+                            <input name="count" class="mSize" type="text" id="mkingCount"
+                                   value="0" readonly="true"/>
+                            <div class="button">
+                                <div class="buttonContent">
+                                    <button id='mkingButton' type="button">添加</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>商城URL：</label></td>
+                        <td>
+                            <input name="url" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>权重：</label></td>
+                        <td>
+                            <input name="power" class="mSize " type="text"/>
+                            <span class="info" style="color: #FF0000;">基础为0,越大排名越前</span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>所属系列：</label></td>
+                        <td>
+                            <select name="series">
+                                <!--{if(!empty($series)){}-->
+                                <!--{foreach ($series as $k => $v){}-->
+                                <option value="<!--{echo $v['id'];}-->"><!--{echo $v['cn_title'];}-->/
+                                    <!--{echo $v['en_title'];}--></option>
+                                <!--{}}-->
+                                <!--{}}-->
+                            </select>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>所属类别：</label></td>
+                        <td>
+                            <select name="status">
+                                <option value="1">草稿</option>
+                                <option value="0">发布</option>
+                            </select>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>Keywords：</label></td>
+                        <td>
+                            <input name="keywords" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>Description：</label></td>
+                        <td>
+                            <input name="description" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>
+<script>
+    $(document).ready(function () {
+        $("#mkingButton").bind("click",
+            function () {
+                var i = $.trim($("#mkingCount").val());
+                $("#mkingCount").val(++i);
+                $("#mkingtr").after("<tr class=\"mking_" + i + "\"><td><label>图片中文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"cn_fimg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>图片英文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"en_fimg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>图片中文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"cn_simg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>图片英文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"en_simg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>移动图片中文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"cn_fimg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>移动图片英文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"en_fimg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>移动图片中文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"cn_simg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>移动图片英文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"en_simg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>文字展现位置(上下位置1到100)：</label></td><td>" +
+                    "<input type=\"text\" name=\"top[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\"></td></tr>"+
+                    "<tr class=\"mking_" + i + "\"><td><label>产品图：</label></td><td>" +
+                    "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                    "</div><input type=\"text\" name=\"image[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                    "<button>浏览</button></div> </div></td></tr>"+
+                    "<tr class=\"mking_" + i + "\"><td><label>移动端产品图(750*1220)：</label></td><td>" +
+                    "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                    "</div><input type=\"text\" name=\"image_phone[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                    "<button>浏览</button></div> </div><a class=\"mkingDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>");
+                $("a.mkingDel[name=" + i + "]").click(function (e) {
+                    $.trim($("#mkingCount").val($.trim($("#mkingCount").val()) - 1))
+                    $(".mking_" + $(e.target).attr("name")).remove();
+                });
+            });
+        $("a.mkingDel").click(function (e) {
+            $.trim($("#mkingCount").val($.trim($("#mkingCount").val()) - 1))
+            $(".mking_" + $(e.target).attr("name")).remove();
+        });
+    });
+</script>

acp/mkings/edit.htm

@@ -0,0 +1,373 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="pageContent">
+    <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=mkings&a=edit" class="pageForm -validate"
+          onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+          accept-charset="utf-8">
+        <input type="hidden" name="id" value="<!--{echo $id;}-->">
+        <div class="pageFormContent" layoutH="55">
+            <table>
+                <tr>
+                    <td><label>中文产品名：</label></td>
+                    <td>
+                        <input name="cn_ftitle" class="mSize " type="text"
+                               value="<!--{echo $data['cn_ftitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文产品名：</label></td>
+                    <td>
+                        <input name="en_ftitle" class="mSize " type="text"
+                               value="<!--{echo $data['en_ftitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>中文标题：</label></td>
+                    <td>
+                        <input name="cn_stitle" class="mSize " type="text"
+                               value="<!--{echo $data['cn_stitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文标题：</label></td>
+                    <td>
+                        <input name="en_stitle" class="mSize " type="text"
+                               value="<!--{echo $data['en_stitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>中文简介：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="10"
+                                  name="cn_brief"><!--{echo $data['cn_brief'];}--></textarea>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文简介：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="10"
+                                  name="en_brief"><!--{echo $data['en_brief'];}--></textarea>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>缩略图：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['thumbnail'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="thumbnail" class="lSize " style="width:300px;"
+                               value="<!--{echo $data['thumbnail'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>产品主图：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['icon'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="icon" class="lSize " style="width:300px;"
+                               value="<!--{echo $data['icon'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>产品背景图(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['bg_icon'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="bg_icon" class="lSize " style="width:300px;"
+                               value="<!--{echo $data['bg_icon'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>产品移动端背景图(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['bg_icon_phone'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="bg_icon_phone" class="lSize " style="width:300px;"
+                               value="<!--{echo $data['bg_icon_phone'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>视频中文标题：</label></td>-->
+                    <!--<td>-->
+                        <!--<input name="cn_video_title" class="mSize " type="text" value="&lt;!&ndash;{echo !isset($data['cn_video_title']) ? '' : $data['cn_video_title'];}&ndash;&gt;"/>-->
+                        <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <!--<tr>-->
+                    <!--<td><label>视频英文标题：</label></td>-->
+                    <!--<td>-->
+                        <!--<input name="en_video_title" class="mSize " type="text" value="&lt;!&ndash;{echo !isset($data['en_video_title']) ? '' : $data['en_video_title'];}&ndash;&gt;"/>-->
+                        <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <!--<tr>-->
+                    <!--<td><label>视频中文简介：</label></td>-->
+                    <!--<td>-->
+                        <!--<textarea class="lSize" rows="5" name="cn_video_content">&lt;!&ndash;{echo !isset($data['cn_video_content']) ? '' : $data['cn_video_content'];}&ndash;&gt;</textarea>-->
+                        <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <!--<tr>-->
+                    <!--<td><label>视频英文简介：</label></td>-->
+                    <!--<td>-->
+                        <!--<textarea class="lSize" rows="5" name="en_video_content">&lt;!&ndash;{echo !isset($data['en_video_content']) ? '' : $data['en_video_content'];}&ndash;&gt;</textarea>-->
+                        <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <!--<tr>-->
+                    <!--<td><label>视频链接：</label></td>-->
+                    <!--<td>-->
+                        <!--<input name="video" class="mSize " type="text" value="&lt;!&ndash;{echo !isset($data['video']) ? '' : $data['video'];}&ndash;&gt;"/>-->
+                        <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr id="mkingtr">
+                    <td><label>展示数量：</label></td>
+                    <td>
+                        <input name="count" class="mSize" type="text" id="mkingCount"
+                               value="<!--{echo $imgcount; }-->" readonly="true"/>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button id='mkingButton' type="button">添加</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!-- if($imgcount > 0) -->
+                <!--{for ($i=0; $i<$imgcount; $i++){}-->
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>图片中文一级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="2" name="cn_fimg_title[]"><!--{echo $cn_fimg_title[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>图片英文一级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="2" name="en_fimg_title[]"><!--{echo $en_fimg_title[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>图片中文二级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="5" name="cn_simg_title[]"><!--{echo $cn_simg_title[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>图片英文二级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="5" name="en_simg_title[]"><!--{echo $en_simg_title[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>移动图片中文一级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="2" name="cn_fimg_title_phone[]"><!--{echo $cn_fimg_title_phone[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>移动图片英文一级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="2" name="en_fimg_title_phone[]"><!--{echo $en_fimg_title_phone[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>移动图片中文二级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="5" name="cn_simg_title_phone[]"><!--{echo $cn_simg_title_phone[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>移动图片英文二级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="5" name="en_simg_title_phone[]"><!--{echo $en_simg_title_phone[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>文字展现位置(上下位置1到100)：</label></td>
+                    <td>
+                        <input type="text" name="top[]" class="lSize " style="width:300px;"
+                               value="<!--{echo $top[$i];}-->" style='float: right;clear: both;'>
+                    </td>
+                </tr>
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>产品图：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;" src="<!--{echo $images[$i];}-->">
+                            <img width='120px' src='<!--{echo $images[$i];}-->'/>
+                        </div>
+                        <input type="text" name="image[]" class="lSize " style="width:300px;"
+                               value="<!--{echo $images[$i];}-->" style='float: right;clear: both;'>
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent" style='float: right;clear: both;'>
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr class="mking_<!--{ echo $i; }-->">
+                    <td><label>移动端产品图(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img width='120px' src='<!--{echo $images_phone[$i];}-->'/>
+                        </div>
+                        <input type="text" name="image_phone[]" class="lSize " style="width:300px;"
+                               value="<!--{echo $images_phone[$i];}-->" style='float: right;clear: both;'>
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent" style='float: right;clear: both;'>
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                        <a class="mkingDel" name=<!--{ echo $i }--> style="background-color:
+                            #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color:
+                            #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除<!--{ echo $i+1 }--></a>
+                    </td>
+                </tr>
+                <!--{}}-->
+                <tr>
+                    <td><label>商城URL：</label></td>
+                    <td>
+                        <input name="url" class="mSize " type="text" value="<!--{echo $data['url'];}-->">
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="mSize " type="text" value="<!--{echo $data['power'];}-->"/>
+                        <span class="info" style="color: #FF0000;">基础为0,越大排名越前</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="series">
+                            <!--{if(!empty($series)){}-->
+                            <!--{foreach ($series as $k => $v){}-->
+                            <option value="<!--{echo $v['id'];}-->" <!--{if(!empty($data['series']==$v['id'])){}-->
+                            selected <!--{}}-->> <!--{echo $v['cn_title'];}-->/<!--{echo $v['en_title'];}--></option>
+                            <!--{}}-->
+                            <!--{}}-->
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1" <!--{ if($data['status']==1){ }-->
+                            selected <!--{ } }-->>草稿</option>
+                            <option value="0" <!--{ if($data['status']==0){ }-->
+                            selected <!--{ } }-->>发布</option>
+                        </select>
+                        <a href="http://www.radio1964.com/maowang/find/id/<!--{echo $id;}-->?status=1">预览</a>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>Keywords：</label></td>
+                    <td>
+                        <input name="keywords" class="mSize " type="text" value="<!--{echo $data['keywords'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>Description：</label></td>
+                    <td>
+                        <input name="description" class="mSize " type="text" value="<!--{echo $data['description'];}-->"/>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>
+<script>
+    $(document).ready(function () {
+        $("#mkingButton").bind("click",
+            function () {
+                var i = $.trim($("#mkingCount").val());
+                $("#mkingCount").val(++i);
+                $("#mkingtr").after("<tr class=\"mking_" + i + "\"><td><label>图片中文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"2\" name=\"cn_fimg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>图片英文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"2\" name=\"en_fimg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>图片中文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"10\" name=\"cn_simg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>图片英文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"10\" name=\"en_simg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>移动图片中文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"2\" name=\"cn_fimg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>移动图片英文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"2\" name=\"en_fimg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>移动图片中文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"10\" name=\"cn_simg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>移动图片英文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"10\" name=\"en_simg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"mking_" + i + "\"><td><label>文字展现位置(上下位置1到100)：</label></td><td>" +
+                    "<input type=\"text\" name=\"top[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\"></td></tr>"+
+                    "<tr class=\"mking_" + i + "\"><td><label>产品图：</label></td><td>" +
+                    "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                    "</div><input type=\"text\" name=\"image[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                    "<button>浏览</button></div> </div></td></tr>"+
+                    "<tr class=\"mking_" + i + "\"><td><label>移动端产品图(750*1220)：</label></td><td>" +
+                    "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                    "</div><input type=\"text\" name=\"image_phone[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                    "<button>浏览</button></div> </div><a class=\"mkingDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>"
+                );
+                $("a.mkingDel[name=" + i + "]").click(function (e) {
+                    $.trim($("#mkingCount").val($.trim($("#mkingCount").val()) - 1))
+                    $(".mking_" + $(e.target).attr("name")).remove();
+                });
+            });
+        $("a.mkingDel").click(function (e) {
+            $.trim($("#mkingCount").val($.trim($("#mkingCount").val()) - 1))
+            $(".mking_" + $(e.target).attr("name")).remove();
+        });
+    });
+</script>

acp/mkings/editvideo.htm

@@ -0,0 +1,83 @@
+<div class="pageHeader">添加产品类型</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=mkings&a=editvideo&id=<!--{echo $id}-->" class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="NewsAddForm" method="post"
+          accept-charset="utf-8">
+        <input type="hidden" name="id" value="<!--{echo $id}-->">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>视频中文标题：</label></td>
+                    <td>
+                        <input name="cn_video_title" class="mSize " type="text"
+                               value="<!--{echo !isset($data['cn_video_title']) ? '' : $data['cn_video_title'];}-->"/>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>视频英文标题：</label></td>
+                    <td>
+                        <input name="en_video_title" class="mSize " type="text"
+                               value="<!--{echo !isset($data['en_video_title']) ? '' : $data['en_video_title'];}-->"/>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>视频中文简介：</label></td>
+                    <td>
+                        <textarea class="lSize" rows="5" name="cn_video_content"><!--{echo !isset($data['cn_video_content']) ? '' : $data['cn_video_content'];}--></textarea>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>视频英文简介：</label></td>
+                    <td>
+                        <textarea class="lSize" rows="5" name="en_video_content"><!--{echo !isset($data['en_video_content']) ? '' : $data['en_video_content'];}--></textarea>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>自动播放短视频链接：</label></td>
+                    <td>
+                        <input name="short_video" class="mSize " type="text"
+                               value="<!--{echo !isset($data['short_video']) ? '' : $data['short_video'];}-->"/>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>视频链接：</label></td>
+                    <td>
+                        <input name="video" class="mSize " type="text"
+                               value="<!--{echo !isset($data['video']) ? '' : $data['video'];}-->"/>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/mkings/run.htm

@@ -0,0 +1,103 @@
+<div class="pageContent">
+    <div id="mkings_jbsxBox" class="page unitBox">
+        <form id="pagerForm"  onsubmit="return navTabSearch(this);" class="required-validate"
+              action="<!--{echo $domain_prefix}-->/?m=acp&c=mkings&a=run"
+              method="post">
+            <input type="hidden" name="pageNum" value="1"/>
+            <input type="hidden" name="numPerPage" value="${model.numPerPage}"/>
+            <input type="hidden" name="orderField" value="${param.orderField}"/>
+            <input type="hidden" name="orderDirection" value="${param.orderDirection}"/>
+
+            <div class="pageContent" style="border-left:1px #B8D0D6 solid;border-right:1px #B8D0D6 solid">
+                <div class="panelBar">
+                    <ul class="toolBar">
+                        <li>
+                            <a class="add" href="<!--{echo $domain_prefix}-->/acp/mkings/add"
+                               height="655" width="720" mask="true" target="navTab" title="添加猫王产品">
+                                <span>添加</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=mkings&a=delete" title="确定要移除吗?"
+                               target="selectedTodo" rel="ids" postType="string" class="delete">
+                                <span>批量移除</span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <style type="text/css">
+                    .img-box {
+                        height: 30px;
+                    }
+                    .grid .gridTbody td.img-box div{
+                        height: auto;
+                    }
+                </style>
+                <table class="table" width="99%" layoutH="75" rel="mkings_jbsxBox">
+                    <thead>
+                    <tr>
+                        <th width="5%"><input type="checkbox" group="ids" class="checkboxCtrl"></th>
+                        <th width="10%">ID</th>
+                        <th width="20%">中文标题</th>
+                        <th width="20%">英文标题</th>
+                        <th width="20%">缩略图</th>
+                        <th>操作</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <!--{if(!empty($data)){}-->
+                    <!--{foreach ($data as $k => $v){}-->
+                    <tr target="user_id" rel="<!--{echo $v['id'];}-->">
+                        <td>
+                            <input name="ids" value="<!--{echo $v['id'];}-->" type="checkbox">
+                        </td>
+                        <td width="5%"><!--{echo $v['id'];}--></td>
+                        <td width="10%"><!--{echo $v['cn_ftitle'];}--></td>
+                        <td width="25%"><!--{echo $v['en_ftitle'];}--></td>
+                        <td class="img-box">
+                            <!--{if(!empty($v['thumbnail'])){}-->
+                            <a href="<!--{echo $v['thumbnail'];}-->" target="_blank">
+                                <img src="<!--{echo $v['thumbnail'];}-->" style="width: 100px;">
+                            </a>
+                            <!--{}}-->
+                        </td>
+                        <td width="25%">
+                            <a title="编辑猫王" target="navTab" rel="mkings_edit" mask="true" height="655" width="740" href="<!--{echo $domain_prefix}-->/?m=acp&c=mkings&a=edit&id=<!--{echo $v['id']}-->&action=top"
+                               class="btnEdit">编辑猫王</a>
+                            <a title="编辑视频" target="dialog" rel="types_edit" mask="true"
+                               height="530" width="740"
+                               href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=mkings&a=editvideo&id=<!--{echo $v['id'];}-->"
+                               class="">
+                                编辑视频
+                            </a>
+                        </td>
+                    </tr>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </tbody>
+                </table>
+                <div class="panelBar">
+                    <div class="pages">
+                        <span>显示</span>
+                        <select class="combox" name="numPerPage"
+                                onchange="navTabPageBreak({numPerPage:this.value}, 'mkings_jbsxBox')">
+                            <option value="10"
+                            <!--{echo $limit==10?'selected':''}-->>10</option>
+                            <option value="20"
+                            <!--{echo $limit==20?'selected':''}-->>20</option>
+                            <option value="50"
+                            <!--{echo $limit==50?'selected':''}-->>50</option>
+                            <option value="100"
+                            <!--{echo $limit==100?'selected':''}-->>100</option>
+                        </select>
+                        <span>共<!--{echo $counts}-->条</span>
+                    </div>
+                    <div class="pagination" rel="mkings_jbsxBox" totalCount="<!--{echo $counts}-->"
+                         numPerPage="<!--{echo $limit}-->" pageNumShown="5"
+                         currentPage="<!--{echo $page}-->">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>

acp/museums/index.htm

@@ -0,0 +1,84 @@
+<style type="text/css">
+    ul.rightTools {float:right; display:block;}
+    ul.rightTools li{float:left; display:block; margin-left:5px}
+</style>
+
+<div class="pageContent" style="padding:5px">
+    <div class="tabs">
+        <div class="tabsHeader">
+            <div class="tabsHeaderContent">
+                <ul>
+                    <li><a href="javascript:;"><span>猫王</span></a></li>
+                    <!--<li><a href="javascript:;"><span>radiooo</span></a></li>-->
+                    <li><a href="javascript:;"><span>妙播</span></a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="tabsContent">
+            <div>
+
+                <div layoutH="50" style="float:left; display:block; overflow:auto; width:240px; border:solid 1px #CCC; line-height:21px; background:#fff">
+                    <ul class="tree treeFolder">
+                        <li><a href="javascript"></a>
+                            <ul>
+                                <li><a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=museums&a=run&type=evaluation&category=mking" target="ajax" rel="jbsxBox">产品热评</a></li>
+                                <li><a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=museums&a=run&type=dynamic&category&category=mking" target="ajax" rel="jbsxBox">热点动态</a></li>
+                                <li><a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=museums&a=run&type=video&category=mking" target="ajax" rel="jbsxBox">视频专题</a></li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </div>
+
+                <div id="jbsxBox" class="unitBox" style="margin-left:246px;">
+                    <!--#include virtual="list1.html" -->
+                </div>
+
+            </div>
+
+            <!--<div>-->
+                <!--<div layoutH="50" style="float:left; display:block; overflow:auto; width:240px; border:solid 1px #CCC; line-height:21px; background:#fff">-->
+                    <!--<ul class="tree treeFolder">-->
+                        <!--<li><a href="javascript"></a>-->
+                            <!--<ul>-->
+                                <!--<li><a href="&lt;!&ndash;{ echo $domain_prefix}&ndash;&gt;/index.php?m=acp&c=museums&a=run&type=evaluation&category=radiooo" target="ajax" rel="jbsxBox2">产品热评</a></li>-->
+                                <!--<li><a href="&lt;!&ndash;{ echo $domain_prefix}&ndash;&gt;/index.php?m=acp&c=museums&a=run&type=dynamic&category&category=radiooo" target="ajax" rel="jbsxBox2">热点动态</a></li>-->
+                                <!--<li><a href="&lt;!&ndash;{ echo $domain_prefix}&ndash;&gt;/index.php?m=acp&c=museums&a=run&type=video&category=radiooo" target="ajax" rel="jbsxBox2">视频专题</a></li>-->
+                            <!--</ul>-->
+                        <!--</li>-->
+
+                    <!--</ul>-->
+                <!--</div>-->
+
+                <!--<div id="jbsxBox2" class="unitBox" style="margin-left:246px;">-->
+                    <!--&lt;!&ndash;#include virtual="list1.html" &ndash;&gt;-->
+                <!--</div>-->
+            <!--</div>-->
+
+            <div>
+                <div layoutH="50" style="float:left; display:block; overflow:auto; width:240px; border:solid 1px #CCC; line-height:21px; background:#fff">
+                    <ul class="tree treeFolder">
+                        <li><a href="javascript"></a>
+                            <ul>
+                                <li><a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=museums&a=run&type=evaluation&category=pindao2" target="ajax" rel="jbsxBox3">产品热评</a></li>
+                                <li><a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=museums&a=run&type=dynamic&category&category=pindao2" target="ajax" rel="jbsxBox3">热点动态</a></li>
+                                <li><a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=museums&a=run&type=video&category=pindao2" target="ajax" rel="jbsxBox3">视频专题</a></li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </div>
+
+                <div id="jbsxBox3" class="unitBox" style="margin-left:246px;">
+                    <!--#include virtual="list1.html" -->
+                </div>
+            </div>
+
+
+        </div>
+        <div class="tabsFooter">
+            <div class="tabsFooterContent"></div>
+        </div>
+    </div>
+
+</div>

acp/museums/run.htm

@@ -0,0 +1,99 @@
+<div class="pageContent">
+    <div id="article_jbsxBox" class="unitBox">
+        <form id="pagerForm"  onsubmit="return divSearch(this, 'article_jbsxBox');"
+              action="<!--{echo $domain_prefix}-->/?m=acp&c=museums&a=run"
+              method="post">
+            <input type="hidden" name="category" value="<!--{ echo $category; }-->"/>
+            <input type="hidden" name="type" value="<!--{ echo $type; }-->"/>
+            <input type="hidden" name="numPerPage" value="${model.numPerPage}"/>
+            <input type="hidden" name="pageNum" value="1"/>
+            <input type="hidden" name="numPerPage" value="${model.numPerPage}"/>
+            <input type="hidden" name="orderField" value="${param.orderField}"/>
+            <input type="hidden" name="orderDirection" value="${param.orderDirection}"/>
+
+            <div class="pageContent" style="border-left:1px #B8D0D6 solid;border-right:1px #B8D0D6 solid">
+                <div class="panelBar">
+                    <ul class="toolBar">
+                        <li>
+                            <a class="add" href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=museums&a=add"
+                               target="navTab"
+                               height="655" width="720" mask="true">
+                                <span>添加博物馆</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=museums&a=delete" title="确定要移除吗?"
+                               target="selectedTodo" rel="ids" postType="string" class="delete">
+                                <span>批量移除</span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <style type="text/css">
+                    .img-box {
+                        height: 40px;
+                    }
+                    .grid .gridTbody td.img-box div{
+                        height: auto;
+                    }
+                </style>
+                <table class="table nowrap" width="100%" layoutH="124">
+                    <thead>
+                    <tr>
+                        <th width="5%"><input type="checkbox" group="ids" class="checkboxCtrl"></th>
+                        <th width="10%">ID</th>
+                        <th width="15%">中文标题</th>
+                        <th width="15%">英文标题</th>
+                        <th width="15%">所属</th>
+                        <th width="15%">类型</th>
+                        <th width="25%">时间</th>
+                        <th width="10%">操作</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <!--{if(!empty($data)){}-->
+                    <!--{foreach ($data as $k => $v){}-->
+                    <tr target="user_id" rel="<!--{echo $v['id'];}-->">
+                        <td>
+                            <input name="ids" value="<!--{echo $v['id'];}-->" type="checkbox">
+                        </td>
+                        <td ><!--{echo $v['id'];}--></td>
+                        <td ><!--{echo $v['cn_title'];}--></td>
+                        <td ><!--{echo $v['en_title'];}--></td>
+                        <td ><!--{if ($v['category'] == 'mking') echo '猫王';}--><!--{if ($v['category'] == 'radiooo') echo 'radiooo';}--><!--{if ($v['category'] == 'pindao2') echo 'radiooo';}--></td>
+                        <td ><!--{if ($v['type'] == 'video') echo '视频专题';}--><!--{if ($v['type'] == 'dynamic') echo '热点动态';}--><!--{if ($v['type'] == 'evaluation') echo '产品测评';}--></td>
+                        <td ><!--{echo $v['gotime'];}--></td>
+                        <td >
+                            <a title="编辑频道" target="navTab" rel="rule_edit" mask="true" height="655" width="740" href="<!--{echo $domain_prefix}-->/?m=acp&c=museums&a=edit&id=<!--{echo $v['id']}-->&action=top"
+                               class="btnEdit">编辑</a>
+                        </td>
+                    </tr>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </tbody>
+                </table>
+                <div class="panelBar">
+                    <div class="pages">
+                        <span>显示</span>
+                        <select class="combox" name="numPerPage"
+                                onchange="navTabPageBreak({numPerPage:this.value}, 'article_jbsxBox')">
+                            <option value="10"
+                            <!--{echo $limit==10?'selected':''}-->>10</option>
+                            <option value="20"
+                            <!--{echo $limit==20?'selected':''}-->>20</option>
+                            <option value="50"
+                            <!--{echo $limit==50?'selected':''}-->>50</option>
+                            <option value="100"
+                            <!--{echo $limit==100?'selected':''}-->>100</option>
+                        </select>
+                        <span>共<!--{echo $counts}-->条</span>
+                    </div>
+                    <div class="pagination" rel="article_jbsxBox" totalCount="<!--{echo $counts}-->"
+                         numPerPage="<!--{echo $limit}-->" pageNumShown="5"
+                         currentPage="<!--{echo $page}-->">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>

acp/ohplay/run.htm

@@ -0,0 +1,199 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=ohplay&a=add"
+              class="pageForm required-validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr>
+                        <td><label>二维码：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['or_code'])){ }-->
+                                <img width='120px' src='<!--{echo $data["or_code"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="or_code" class="lSize required" style="width:300px;" value="<!--{echo $data["or_code"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>二维码简介：</label></td>
+                        <td>
+                            <input name="or_code_title" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['or_code_title'])) echo $data['or_code_title']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>短视频地址一：</label></td>
+                        <td>
+                            <input name="video_short_1" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['video_short_1'])) echo $data['video_short_1']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>长视频地址一：</label></td>
+                        <td>
+                            <input name="video_long_1" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['video_long_1'])) echo $data['video_long_1']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>首图一：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['video_img_1'])){ }-->
+                                <img width='120px' src='<!--{echo $data["video_img_1"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="video_img_1" class="lSize required" style="width:300px;" value="<!--{echo $data["video_img_1"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>短视频地址二：</label></td>
+                        <td>
+                            <input name="video_short_2" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['video_short_2'])) echo $data['video_short_2']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>长视频地址二：</label></td>
+                        <td>
+                            <input name="video_long_2" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['video_long_2'])) echo $data['video_long_2']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>首图二：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['video_img_2'])){ }-->
+                                <img width='120px' src='<!--{echo $data["video_img_2"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="video_img_2" class="lSize required" style="width:300px;" value="<!--{echo $data["video_img_2"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>标题(用||分割)：</label></td>
+                        <td><textarea class="lSize required" rows="30" name="cn_title"><!--{if(isset($data['cn_title'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_title'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>内容(用||分割)：</label></td>
+                        <td><textarea class="lSize required" rows="30" name="cn_content"><!--{if(isset($data['cn_content'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_content'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>简介一：</label></td>
+                        <td>
+                            <input name="bf_title_1" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['bf_title_1'])) echo $data['bf_title_1']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>图标一：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['img_1'])){ }-->
+                                <img width='120px' src='<!--{echo $data["img_1"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="img_1" class="lSize required" style="width:300px;" value="<!--{echo $data["img_1"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    <tr>
+                        <td><label>简介二：</label></td>
+                        <td>
+                            <input name="bf_title_2" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['bf_title_2'])) echo $data['bf_title_2']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>图标二：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['img_2'])){ }-->
+                                <img width='120px' src='<!--{echo $data["img_2"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="img_2" class="lSize required" style="width:300px;" value="<!--{echo $data["img_2"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    <tr>
+                        <td><label>简介三：</label></td>
+                        <td>
+                            <input name="bf_title_3" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['bf_title_3'])) echo $data['bf_title_3']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>图标三：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['img_3'])){ }-->
+                                <img width='120px' src='<!--{echo $data["img_3"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="img_3" class="lSize required" style="width:300px;" value="<!--{echo $data["img_3"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>

acp/radiooologs/run.htm

@@ -0,0 +1,146 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=radiooologs&a=add"
+              class="pageForm required-validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr>
+                        <td><label>中文主标题：</label></td>
+                        <td><input name="cn_ftitle" class="mSize required" type="text"
+                                   value="<!--{echo $data['cn_ftitle'];}-->"/></td>
+                    </tr>
+                    <tr>
+                        <td><label>英文主标题：</label></td>
+                        <td><input name="en_ftitle" class="mSize required" type="text"
+                                   value="<!--{echo $data['en_ftitle'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文主内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_fcontent"><!--{echo !isset($data['cn_fcontent']) ? '' : str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_fcontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文主内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_fcontent"><!--{echo !isset($data['en_fcontent']) ? '' : str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_fcontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>文案主图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(!empty($data['image'])){ }-->
+                                <img src="<!--{echo $data['image'];}-->" width="120px"/>
+                                <!--{ }}-->
+                            </div>
+                            <input type="text" name="image" class="lSize required" style="width:300px;" value="<!--{echo !isset($data['image']) ? '' : $data['image'];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr id="showtr">
+                        <td><label>猫王历程文案数量：</label></td>
+                        <td>
+                            <input name="count" class="mSize" type="text" id="showCount"
+                                   value="<!--{echo !isset($data['count']) ? 0 : $data['count'];}-->" readonly="true"/>
+                            <div class="button">
+                                <div class="buttonContent">
+                                    <button id='showButton' type="button">添加</button>
+                                </div>
+                            </div>
+                            <font color="red">(权重数字越高排名越前，不可重复。高亮文字使用{})</font>
+                        </td>
+                    </tr>
+                    <!--{ if($data && !empty($data['show'])){ $i = count($data['show']); }-->
+                    <!--{foreach ($data['show'] as $key => $row){ }-->
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文标题：</label></td>
+                        <td><input name="cn_stitle[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['cn_stitle'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文标题：</label></td>
+                        <td><input name="en_stitle[]" class="mSize required" type="text"
+                                   value="<!--{echo $row['en_stitle'];}-->"/></td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>中文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="cn_scontent[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_scontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>英文内容：</label></td>
+                        <td><textarea class="lSize required" rows="10" name="en_scontent[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_scontent']));}--></textarea>
+                        </td>
+                    </tr>
+                    <tr class="show_<!--{echo $i;}-->">
+                        <td><label>权重：</label></td>
+                        <td><input name="power[]" class="mSize required" type="text" value="<!--{echo $key;}-->"/><a
+                                class="showDel" name="<!--{echo $i; }-->"
+                                style="background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除
+                            <!--{echo $i; }--></a></td>
+                    </tr>
+                    <!--{ $i--; }}-->
+                    <!--{ }}-->
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>
+<script>
+    $(document).ready(function () {
+        $("#showButton").bind("click",
+            function () {
+                var i = $.trim($("#showCount").val());
+                $("#showCount").val(++i);
+                $("#showtr").after("<tr class=\"show_" + i + "\"><td><label>中文标题：</label></td>" +
+                    "<td><input name=\"cn_stitle[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>英文标题：</label></td>" +
+                    "<td><input name=\"en_stitle[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>中文内容：</label></td>" +
+                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"cn_scontent[]\"></textarea></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>英文内容：</label></td>" +
+                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"en_scontent[]\"></textarea></td></tr>" +
+                    "<tr class=\"show_" + i + "\"><td><label>权重：</label></td>" +
+                    "<td><input name=\"power[]\" class=\"mSize required\" type=\"text\"/><a class=\"showDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>");
+                $("a.showDel[name=" + i + "]").click(function (e) {
+                    $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
+                    $(".show_" + $(e.target).attr("name")).remove();
+                });
+        });
+        $("a.showDel").click(function (e) {
+            $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
+            $(".show_" + $(e.target).attr("name")).remove();
+        });
+    });
+</script>

acp/radiooos/add.htm

@@ -0,0 +1,281 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=radiooos&a=add"
+              class="pageForm -validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr>
+                        <td><label>中文产品名：</label></td>
+                        <td>
+                            <input name="cn_ftitle" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>英文产品名：</label></td>
+                        <td>
+                            <input name="en_ftitle" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>所属类别：</label></td>
+                        <td>
+                            <select name="type">
+                                <!--{if(!empty($types)){}-->
+                                <!--{foreach ($types as $k => $v){}-->
+                                <option value="<!--{echo $v['id'];}-->"><!--{echo $v['cn_title'];}-->/
+                                    <!--{echo $v['en_title'];}--></option>
+                                <!--{}}-->
+                                <!--{}}-->
+                            </select>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>中文二级标题：</label></td>
+                        <td>
+                            <input name="cn_stitle" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>英文二级标题：</label></td>
+                        <td>
+                            <input name="en_stitle" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>中文简介：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="10" name="cn_brief"></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>英文简介：</label></td>
+                        <td>
+                            <textarea class="lSize " rows="10" name="en_brief"></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>缩略图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                            </div>
+                            <input type="text" name="thumbnail" class="lSize " style="width:300px;">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>产品主图：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                            </div>
+                            <input type="text" name="icon" class="lSize " style="width:300px;">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>产品背景图(1920*1080)：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                            </div>
+                            <input type="text" name="bg_icon" class="lSize " style="width:300px;">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>产品移动端背景图(750*1220)：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                            </div>
+                            <input type="text" name="bg_icon_phone" class="lSize " style="width:300px;">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <!--<tr>-->
+                        <!--<td><label>视频中文标题：</label></td>-->
+                        <!--<td>-->
+                            <!--<input name="cn_video_title" class="mSize" type="text"/>-->
+                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr>-->
+                        <!--<td><label>视频英文标题：</label></td>-->
+                        <!--<td>-->
+                            <!--<input name="en_video_title" class="mSize" type="text"/>-->
+                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr>-->
+                        <!--<td><label>视频中文简介：</label></td>-->
+                        <!--<td>-->
+                            <!--<textarea class="lSize" rows="5" name="cn_video_content"></textarea>-->
+                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr>-->
+                        <!--<td><label>视频英文简介：</label></td>-->
+                        <!--<td>-->
+                            <!--<textarea class="lSize" rows="5" name="en_video_content"></textarea>-->
+                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <!--<tr>-->
+                        <!--<td><label>视频链接：</label></td>-->
+                        <!--<td>-->
+                            <!--<input name="video" class="mSize" type="text"/>-->
+                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                        <!--</td>-->
+                    <!--</tr>-->
+                    <tr id="radiotr">
+                        <td><label>展示数量：</label></td>
+                        <td>
+                            <input name="count" class="mSize" type="text" id="radioCount"
+                                   value="0" readonly="true"/>
+                            <div class="button">
+                                <div class="buttonContent">
+                                    <button id='radioButton' type="button">添加</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>商城URL：</label></td>
+                        <td>
+                            <input name="url" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>权重：</label></td>
+                        <td>
+                            <input name="power" class="mSize " type="text"/>
+                            <span class="info" style="color: #FF0000;">基础为0,越大排名越前</span>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>Keywords：</label></td>
+                        <td>
+                            <input name="keywords" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>Description：</label></td>
+                        <td>
+                            <input name="description" class="mSize " type="text"/>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>所属系列：</label></td>
+                        <td>
+                            <select name="series">
+                                <!--{if(!empty($series)){}-->
+                                <!--{foreach ($series as $k => $v){}-->
+                                <option value="<!--{echo $v['id'];}-->"><!--{echo $v['cn_title'];}-->/
+                                    <!--{echo $v['en_title'];}--></option>
+                                <!--{}}-->
+                                <!--{}}-->
+                            </select>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>所属类别：</label></td>
+                        <td>
+                            <select name="status">
+                                <option value="1">草稿</option>
+                                <option value="0">发布</option>
+                            </select>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>
+<script>
+    $(document).ready(function () {
+        $("#radioButton").bind("click",
+            function () {
+                var i = $.trim($("#radioCount").val());
+                $("#radioCount").val(++i);
+                $("#radiotr").after("<tr class=\"radio_" + i + "\"><td><label>图片中文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"cn_fimg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"radio_" + i + "\"><td><label>图片英文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"en_fimg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"radio_" + i + "\"><td><label>图片中文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"cn_simg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"radio_" + i + "\"><td><label>图片英文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"en_simg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"radio_" + i + "\"><td><label>移动图片中文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"cn_fimg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"radio_" + i + "\"><td><label>移动图片英文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"en_fimg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"radio_" + i + "\"><td><label>移动图片中文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"cn_simg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"radio_" + i + "\"><td><label>移动图片英文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"en_simg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"radio_" + i + "\"><td><label>文字展现位置(上下位置1到100)：</label></td><td>" +
+                    "<input type=\"text\" name=\"top[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\"></td></tr>"+
+                    "<tr class=\"radio_" + i + "\"><td><label>产品图：</label></td><td>" +
+                    "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                    "</div><input type=\"text\" name=\"image[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                    "<button>浏览</button></div> </div></td></tr>"+
+                    "<tr class=\"radio_" + i + "\"><td><label>移动端产品图(750*1220)：</label></td><td>" +
+                    "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                    "</div><input type=\"text\" name=\"image_phone[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                    "<button>浏览</button></div> </div><a class=\"radioDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>");
+                $("a.radioDel[name=" + i + "]").click(function (e) {
+                    $.trim($("#radioCount").val($.trim($("#radioCount").val()) - 1))
+                    $(".radio_" + $(e.target).attr("name")).remove();
+                });
+            });
+        $("a.radioDel").click(function (e) {
+            $.trim($("#radioCount").val($.trim($("#radioCount").val()) - 1))
+            $(".radio_" + $(e.target).attr("name")).remove();
+        });
+
+    });
+</script>

acp/radiooos/edit.htm

@@ -0,0 +1,390 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="pageContent">
+    <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=radiooos&a=edit"
+          class="pageForm -validate"
+          onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+          accept-charset="utf-8">
+        <input type="hidden" name="id" value="<!--{echo $id;}-->">
+        <div class="pageFormContent" layoutH="55">
+            <table>
+                <tr>
+                    <td><label>中文一级标题：</label></td>
+                    <td>
+                        <input name="cn_ftitle" class="mSize " type="text"
+                               value="<!--{echo $data['cn_ftitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文一级标题：</label></td>
+                    <td>
+                        <input name="en_ftitle" class="mSize " type="text"
+                               value="<!--{echo $data['en_ftitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="type">
+                            <!--{if(!empty($types)){}-->
+                            <!--{foreach ($types as $k => $v){}-->
+                            <option value="<!--{echo $v['id'];}-->" <!--{if(!empty($data['type']==$v['id'])){}-->
+                            selected <!--{}}-->> <!--{echo $v['cn_title'];}-->/<!--{echo $v['en_title'];}--></option>
+                            <!--{}}-->
+                            <!--{}}-->
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>中文二级标题：</label></td>
+                    <td>
+                        <input name="cn_stitle" class="mSize " type="text"
+                               value="<!--{echo $data['cn_stitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文二级标题：</label></td>
+                    <td>
+                        <input name="en_stitle" class="mSize " type="text"
+                               value="<!--{echo $data['en_stitle'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>中文简介：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="10"
+                                  name="cn_brief"><!--{echo $data['cn_brief'];}--></textarea>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文简介：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="10"
+                                  name="en_brief"><!--{echo $data['en_brief'];}--></textarea>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>缩略图：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['thumbnail'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="thumbnail" class="lSize " style="width:300px;"
+                               value="<!--{echo $data['thumbnail'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>产品主图：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['icon'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="icon" class="lSize " style="width:300px;"
+                               value="<!--{echo $data['icon'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>产品背景图(1920*1080)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['bg_icon'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="bg_icon" class="lSize " style="width:300px;"
+                               value="<!--{echo $data['bg_icon'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>产品移动端背景图(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                            <img src="<!--{echo $data['bg_icon_phone'];}-->" width="120px"/>
+                        </div>
+                        <input type="text" name="bg_icon_phone" class="lSize " style="width:300px;"
+                               value="<!--{echo $data['bg_icon_phone'];}-->">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!--<tr>-->
+                    <!--<td><label>视频中文标题：</label></td>-->
+                    <!--<td>-->
+                        <!--<input name="cn_video_title" class="mSize " type="text"-->
+                               <!--value="&lt;!&ndash;{echo !isset($data['cn_video_title']) ? '' : $data['cn_video_title'];}&ndash;&gt;"/>-->
+                        <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <!--<tr>-->
+                    <!--<td><label>视频英文标题：</label></td>-->
+                    <!--<td>-->
+                        <!--<input name="en_video_title" class="mSize " type="text"-->
+                               <!--value="&lt;!&ndash;{echo !isset($data['en_video_title']) ? '' : $data['en_video_title'];}&ndash;&gt;"/>-->
+                        <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <!--<tr>-->
+                    <!--<td><label>视频中文简介：</label></td>-->
+                    <!--<td>-->
+                        <!--<textarea class="lSize" rows="5" name="cn_video_content">&lt;!&ndash;{echo !isset($data['cn_video_content']) ? '' : $data['cn_video_content'];}&ndash;&gt;</textarea>-->
+                        <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <!--<tr>-->
+                    <!--<td><label>视频英文简介：</label></td>-->
+                    <!--<td>-->
+                        <!--<textarea class="lSize" rows="5" name="en_video_content">&lt;!&ndash;{echo !isset($data['en_video_content']) ? '' : $data['en_video_content'];}&ndash;&gt;</textarea>-->
+                        <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <!--<tr>-->
+                    <!--<td><label>视频链接：</label></td>-->
+                    <!--<td>-->
+                        <!--<input name="video" class="mSize " type="text"-->
+                               <!--value="&lt;!&ndash;{echo !isset($data['video']) ? '' : $data['video'];}&ndash;&gt;"/>-->
+                        <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
+                    <!--</td>-->
+                <!--</tr>-->
+                <tr id="editradiotr">
+                    <td><label>展示数量：</label></td>
+                    <td>
+                        <input name="count" class="mSize" type="text" id="editradioCount"
+                               value="<!--{echo $imgcount; }-->" readonly="true"/>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button id='editradioButton' type="button">添加</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <!-- if($imgcount > 0) -->
+                <!--{for ($i=0; $i<$imgcount; $i++){}-->
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>图片中文一级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="2" name="cn_fimg_title[]"><!--{echo $cn_fimg_title[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>图片英文一级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="2" name="en_fimg_title[]"><!--{echo $en_fimg_title[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>图片中文二级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="5" name="cn_simg_title[]"><!--{echo $cn_simg_title[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>图片英文二级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="5" name="en_simg_title[]"><!--{echo $en_simg_title[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>移动图片中文一级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="2" name="cn_fimg_title_phone[]"><!--{echo $cn_fimg_title_phone[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>移动图片英文一级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="2" name="en_fimg_title_phone[]"><!--{echo $en_fimg_title_phone[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>移动图片中文二级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="5" name="cn_simg_title_phone[]"><!--{echo $cn_simg_title_phone[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>移动图片英文二级标题：</label></td>
+                    <td>
+                        <textarea class="lSize " rows="5" name="en_simg_title_phone[]"><!--{echo $en_simg_title_phone[$i];}--></textarea>
+                    </td>
+                </tr>
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>文字展现位置(上下位置1到100)：</label></td>
+                    <td>
+                        <input type="text" name="top[]" class="lSize " style="width:300px;"
+                               value="<!--{echo $top[$i];}-->" style='float: right;clear: both;'>
+                    </td>
+                </tr>
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>产品图：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;" src="<!--{echo $images[$i];}-->">
+                            <img width='120px' src='<!--{echo $images[$i];}-->'/>
+                        </div>
+                        <input type="text" name="image[]" class="lSize " style="width:300px;"
+                               value="<!--{echo $images[$i];}-->" style='float: right;clear: both;'>
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent" style='float: right;clear: both;'>
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr class="editradio_<!--{ echo $i; }-->">
+                    <td><label>移动端产品图(750*1220)：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;" src="<!--{echo $images_phone[$i];}-->">
+                            <img width='120px' src='<!--{echo $images_phone[$i];}-->'/>
+                        </div>
+                        <input type="text" name="image_phone[]" class="lSize " style="width:300px;"
+                               value="<!--{echo $images_phone[$i];}-->" style='float: right;clear: both;'>
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent" style='float: right;clear: both;'>
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                        <a class="editradioDel" name=<!--{ echo $i }--> style="background-color:
+                            #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color:
+                            #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除<!--{ echo $i+1 }--></a>
+                    </td>
+                </tr>
+                <!--{}}-->
+                <tr>
+                    <td><label>商城URL：</label></td>
+                    <td>
+                        <input name="url" class="mSize " type="text" value="<!--{echo $data['url'];}-->">
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="mSize " type="text" value="<!--{echo $data['power'];}-->"/>
+                        <span class="info" style="color: #FF0000;">基础为0,越大排名越前</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>Keywords：</label></td>
+                    <td>
+                        <input name="keywords" class="mSize " type="text" value="<!--{echo $data['keywords'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>Description：</label></td>
+                    <td>
+                        <input name="description" class="mSize " type="text" value="<!--{echo $data['description'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="series">
+                            <!--{if(!empty($series)){}-->
+                            <!--{foreach ($series as $k => $v){}-->
+                            <option value="<!--{echo $v['id'];}-->" <!--{if(!empty($data['series']==$v['id'])){}-->
+                            selected <!--{}}-->> <!--{echo $v['cn_title'];}-->/<!--{echo $v['en_title'];}--></option>
+                            <!--{}}-->
+                            <!--{}}-->
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1" <!--{if($data['status']==1){}-->
+                            selected <!--{}}-->>草稿</option>
+                            <option value="0" <!--{if($data['status']==0){}-->
+                            selected <!--{}}-->>发布</option>
+                        </select>
+                        <a href="http://www.radio1964.com/radiooo/find/id/<!--{echo $id;}-->?status=1">预览</a>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>
+<script>
+    $(document).ready(function () {
+        $("#editradioButton").bind("click",
+            function () {
+                var i = $.trim($("#editradioCount").val());
+                $("#editradioCount").val(++i);
+                $("#editradiotr").after("<tr class=\"editradio_" + i + "\"><td><label>图片中文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"2\" name=\"cn_fimg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"editradio_" + i + "\"><td><label>图片英文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"2\" name=\"en_fimg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"editradio_" + i + "\"><td><label>图片中文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"10\" name=\"cn_simg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"editradio_" + i + "\"><td><label>图片英文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"10\" name=\"en_simg_title[]\"></textarea></td></tr>" +
+                    "<tr class=\"editradio_" + i + "\"><td><label>移动图片中文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"2\" name=\"cn_fimg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"editradio_" + i + "\"><td><label>移动图片英文一级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"2\" name=\"en_fimg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"editradio_" + i + "\"><td><label>移动图片中文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"10\" name=\"cn_simg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"editradio_" + i + "\"><td><label>移动图片英文二级标题：</label></td>" +
+                    "<td><textarea class=\"lSize \" rows=\"10\" name=\"en_simg_title_phone[]\"></textarea></td></tr>" +
+                    "<tr class=\"editradio_" + i + "\"><td><label>文字展现位置(上下位置1到100)：</label></td><td>" +
+                    "<input type=\"text\" name=\"top[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\"></td></tr>" +
+                    "<tr class=\"editradio_" + i + "\"><td><label>产品图：</label></td><td>" +
+                    "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                    "</div><input type=\"text\" name=\"image[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                    "<button>浏览</button></div> </div></td></tr>"+
+                    "<tr class=\"editradio_" + i + "\"><td><label>产品移动端图(750*1220)：</label></td><td>" +
+                    "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
+                    "</div><input type=\"text\" name=\"image_phone[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\">" +
+                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'>" +
+                    "<button>浏览</button></div> </div><a class=\"editradioDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>"
+                );
+                $("a.editradioDel[name=" + i + "]").click(function (e) {
+                    $.trim($("#editradioCount").val($.trim($("#editradioCount").val()) - 1))
+                    $(".editradio_" + $(e.target).attr("name")).remove();
+                });
+            });
+        $("a.editradioDel").click(function (e) {
+            $.trim($("#editradioCount").val($.trim($("#editradioCount").val()) - 1))
+            $(".editradio_" + $(e.target).attr("name")).remove();
+        });
+    });
+</script>

acp/radiooos/editvideo.htm

@@ -0,0 +1,83 @@
+<div class="pageHeader">添加产品类型</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=radiooos&a=editvideo&id=<!--{echo $id}-->" class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="NewsAddForm" method="post"
+          accept-charset="utf-8">
+        <input type="hidden" name="id" value="<!--{echo $id}-->">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>视频中文标题：</label></td>
+                    <td>
+                        <input name="cn_video_title" class="mSize " type="text"
+                               value="<!--{echo !isset($data['cn_video_title']) ? '' : $data['cn_video_title'];}-->"/>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>视频英文标题：</label></td>
+                    <td>
+                        <input name="en_video_title" class="mSize " type="text"
+                               value="<!--{echo !isset($data['en_video_title']) ? '' : $data['en_video_title'];}-->"/>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>视频中文简介：</label></td>
+                    <td>
+                        <textarea class="lSize" rows="5" name="cn_video_content"><!--{echo !isset($data['cn_video_content']) ? '' : $data['cn_video_content'];}--></textarea>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>视频英文简介：</label></td>
+                    <td>
+                        <textarea class="lSize" rows="5" name="en_video_content"><!--{echo !isset($data['en_video_content']) ? '' : $data['en_video_content'];}--></textarea>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>自动播放短视频链接：</label></td>
+                    <td>
+                        <input name="short_video" class="mSize " type="text"
+                               value="<!--{echo !isset($data['short_video']) ? '' : $data['short_video'];}-->"/>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>视频链接：</label></td>
+                    <td>
+                        <input name="video" class="mSize " type="text"
+                               value="<!--{echo !isset($data['video']) ? '' : $data['video'];}-->"/>
+                        <span class="info" style="color: #FF0000;">若没有,则为空</span>
+                    </td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/radiooos/run.htm

@@ -0,0 +1,105 @@
+<div class="pageContent">
+    <div id="radiooos_jbsxBox" class="page unitBox">
+        <form id="pagerForm" onsubmit="return navTabSearch(this);" class="required-validate"
+              action="<!--{echo $domain_prefix}-->/?m=acp&c=radiooos&a=run"
+              method="post">
+            <input type="hidden" name="pageNum" value="1"/>
+            <input type="hidden" name="numPerPage" value="${model.numPerPage}"/>
+            <input type="hidden" name="orderField" value="${param.orderField}"/>
+            <input type="hidden" name="orderDirection" value="${param.orderDirection}"/>
+
+            <div class="pageContent" style="border-left:1px #B8D0D6 solid;border-right:1px #B8D0D6 solid">
+                <div class="panelBar">
+                    <ul class="toolBar">
+                        <li>
+                            <a class="add" href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=radiooos&a=add"
+                               height="655" width="720" mask="true" target="navTab" title="添加radiooo">
+                                <span>添加</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=radiooos&a=delete" title="确定要移除吗?"
+                               target="selectedTodo" rel="ids" postType="string" class="delete">
+                                <span>批量移除</span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <style type="text/css">
+                    .img-box {
+                        height: 30px;
+                    }
+
+                    .grid .gridTbody td.img-box div {
+                        height: auto;
+                    }
+                </style>
+                <table class="table" width="99%" layoutH="75" rel="radiooos_jbsxBox">
+                    <thead>
+                    <tr>
+                        <th width="5%"><input type="checkbox" group="ids" class="checkboxCtrl"></th>
+                        <th width="10%">ID</th>
+                        <th width="20%">中文标题</th>
+                        <th width="20%">英文标题</th>
+                        <th width="20%">缩略图</th>
+                        <th width="10%">操作</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <!--{if(!empty($data)){}-->
+                    <!--{foreach ($data as $k => $v){}-->
+                    <tr target="user_id" rel="<!--{echo $v['id'];}-->">
+                        <td>
+                            <input name="ids" value="<!--{echo $v['id'];}-->" type="checkbox">
+                        </td>
+                        <td width="5%"><!--{echo $v['id'];}--></td>
+                        <td width="10%"><!--{echo $v['cn_ftitle'];}--></td>
+                        <td width="25%"><!--{echo $v['en_ftitle'];}--></td>
+                        <td class="img-box">
+                            <!--{if(!empty($v['thumbnail'])){}-->
+                            <a href="<!--{echo $v['thumbnail'];}-->" target="_blank">
+                                <img src="<!--{echo $v['thumbnail'];}-->" style="width: 100px;">
+                            </a>
+                            <!--{}}-->
+                        </td>
+                        <td width="25%">
+                            <a title="编辑编辑radiooo" target="navTab" rel="radiooos_edit" mask="true" height="655" width="740"
+                               href="<!--{echo $domain_prefix}-->/?m=acp&c=radiooos&a=edit&id=<!--{echo $v['id']}-->&action=top"
+                               class="btnEdit">编辑radiooo</a>
+                            <a title="编辑视频" target="dialog" rel="types_edit" mask="true"
+                               height="530" width="740"
+                               href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=radiooos&a=editvideo&id=<!--{echo $v['id'];}-->"
+                               class="">
+                                编辑视频
+                            </a>
+                        </td>
+                    </tr>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </tbody>
+                </table>
+                <div class="panelBar">
+                    <div class="pages">
+                        <span>显示</span>
+                        <select class="combox" name="numPerPage"
+                                onchange="navTabPageBreak({numPerPage:this.value}, 'radiooos_jbsxBox')">
+                            <option value="10"
+                            <!--{echo $limit==10?'selected':''}-->>10</option>
+                            <option value="20"
+                            <!--{echo $limit==20?'selected':''}-->>20</option>
+                            <option value="50"
+                            <!--{echo $limit==50?'selected':''}-->>50</option>
+                            <option value="100"
+                            <!--{echo $limit==100?'selected':''}-->>100</option>
+                        </select>
+                        <span>共<!--{echo $counts}-->条</span>
+                    </div>
+                    <div class="pagination" rel="radiooos_jbsxBox" totalCount="<!--{echo $counts}-->"
+                         numPerPage="<!--{echo $limit}-->" pageNumShown="5"
+                         currentPage="<!--{echo $page}-->">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>

acp/radioootypes/add.htm

@@ -0,0 +1,90 @@
+<div class="pageHeader">添加产品类型</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=radioootypes&a=add&cat_id=<!--{echo $cat_id}-->" class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="NewsAddForm" method="post"
+          accept-charset="utf-8">
+        <input type="hidden" name="game_id" value="<!--{echo $cat_id}-->">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>中文标题：</label></td>
+                    <td>
+                        <input name="cn_title" class="lSize required" type="text" required="required" style="width: 200px"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文标题：</label></td>
+                    <td>
+                        <input name="en_title" class="lSize required" type="text" required="required" style="width: 200px"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>中文简介：</label></td>
+                    <td>
+                        <textarea class="lSize required" rows="10" name="cn_content"></textarea>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文简介：</label></td>
+                    <td>
+                        <textarea class="lSize required" rows="10" name="en_content"></textarea>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>缩略图：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="image" class="lSize required" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="lSize required" type="text" required="required" style="width: 70px"/>
+                        <span class="info" style="color: #FF0000;">基础为0,越大排名越前</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1">草稿</option>
+                            <option value="0">发布</option>
+                        </select>
+                    </td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/radioootypes/edit.htm

@@ -0,0 +1,96 @@
+<div class="pageHeader">添加产品类型</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=radioootypes&a=edit&cat_id=<!--{echo $cat_id}-->" class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="NewsAddForm" method="post"
+          accept-charset="utf-8">
+        <input type="hidden" name="id" value="<!--{echo $id}-->">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>中文标题：</label></td>
+                    <td>
+                        <input name="cn_title" class="lSize required" type="text" required="required" style="width: 200px" value="<!--{echo $data['cn_title'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文标题：</label></td>
+                    <td>
+                        <input name="en_title" class="lSize required" type="text" required="required" style="width: 200px" value="<!--{echo $data['en_title'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>中文简介：</label></td>
+                    <td>
+                        <textarea class="lSize required" rows="10" name="cn_content"><!--{echo $data['cn_content'];}--></textarea>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文简介：</label></td>
+                    <td>
+                        <textarea class="lSize required" rows="10" name="en_content"><!--{echo $data['en_content'];}--></textarea>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>缩略图：</label></td>
+                    <td>
+                        <!--{if(!empty($data['image'])){ }-->
+                        <div class="img_prev" style="padding: 7px 0;" src="<!--{ echo $data['image'];}-->">
+                            <img width='120px' src='<!--{ echo $data['image'];}-->'/>
+                        </div>
+                        <!--{ }}-->
+                        <input type="text" name="image" class="lSize required" style="width:300px;"
+                               value="<!--{if(!empty($data['image'])) echo $data['image']; else echo '';}-->" style='float: right;clear: both;'>
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent" style='float: right;clear: both;'>
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="lSize required" type="text" required="required" style="width: 70px" value="<!--{echo $data['power'];}-->"/>
+                        <span class="info" style="color: #FF0000;">基础为0,越大排名越前</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1" <!--{if($data['status']==0){}-->
+                            selected <!--{}}-->>草稿</option>
+                            <option value="0" <!--{if($data['status']==1){}-->
+                            selected <!--{}}-->>发布</option>
+                        </select>
+                    </td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/radioootypes/run.htm

@@ -0,0 +1,97 @@
+<div class="pageContent">
+    <div id="radioootypes_jbsxBox" class="unitBox">
+        <form id="pagerForm" onsubmit="return divSearch(this, 'radioootypes_jbsxBox');"
+              action="<!--{echo $domain_prefix}-->/index.php?m=acp&c=radioootypes&a=run&cat_id=<!--{echo $cat_id;}-->"
+              method="post">
+            <input type="hidden" name="pageNum" value="1"/>
+            <input type="hidden" name="numPerPage" value="<!--{echo $limit}-->"/>
+            <input type="hidden" name="orderField" value="<!--{echo $order}-->"/>
+            <input type="hidden" name="orderDirection" value="<!--{echo $direction=='desc'?'asc':'desc';}-->"/>
+            <div class="pageContent" style="border-left:1px #B8D0D6 solid;border-right:1px #B8D0D6 solid">
+                <div class="panelBar">
+                    <ul class="toolBar">
+                        <li>
+                            <a class="add" href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=radioootypes&a=add"
+                               target="dialog"
+                               height="655" width="720" mask="true">
+                                <span>添加</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=radioootypes&a=delete"
+                               title="确定要移除吗?"
+                               target="selectedTodo" rel="ids" postType="string" class="delete">
+                                <span>批量移除</span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <style type="text/css">
+                    .img-box {
+                        height: 40px;
+                    }
+
+                    .img-box div img {
+                        width: 100px;
+                    }
+                </style>
+                <table class="table" width="99%" layoutH="75">
+                    <thead>
+                    <tr>
+                        <th width="5"><input type="checkbox" group="ids" class="checkboxCtrl"></th>
+                        <th width="80">ID</th>
+                        <th>中文标题</th>
+                        <th>英文标题</th>
+                        <th>权值</th>
+                        <th>操作</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <!--{if(!empty($data)){}-->
+                    <!--{foreach ($data as $k => $v){}-->
+                    <tr target="user_id" rel="<!--{echo $v['id'];}-->">
+                        <td>
+                            <input name="ids" value="<!--{echo $v['id'];}-->" type="checkbox">
+                        </td>
+                        <td><!--{echo $v['id'];}--></td>
+                        <td><!--{echo $v['cn_title'];}--></td>
+                        <td><!--{echo $v['en_title'];}--></td>
+                        <td><!--{echo $v['power'];}--></td>
+                        <td>
+                            <a title="编辑资讯" target="dialog" rel="types_edit" mask="true"
+                               height="530" width="740"
+                               href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=radioootypes&a=edit&id=<!--{echo $v['id'];}-->"
+                               class="">
+                                编辑
+                            </a>
+                        </td>
+                    </tr>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </tbody>
+                </table>
+                <div class="panelBar">
+                    <div class="pages">
+                        <span>显示</span>
+                        <select class="combox" name="numPerPage"
+                                onchange="navTabPageBreak({numPerPage:this.value}, 'radioootypes_jbsxBox`')">
+                            <option value="10"
+                            <!--{echo $limit==10?'selected':''}-->>10</option>
+                            <option value="20"
+                            <!--{echo $limit==20?'selected':''}-->>20</option>
+                            <option value="50"
+                            <!--{echo $limit==50?'selected':''}-->>50</option>
+                            <option value="100"
+                            <!--{echo $limit==100?'selected':''}-->>100</option>
+                        </select>
+                        <span>共<!--{echo $counts}-->条</span>
+                    </div>
+                    <div class="pagination" rel="radioootypes_jbsxBox" totalCount="<!--{echo $counts}-->"
+                         numPerPage="<!--{echo $limit}-->" pageNumShown="5"
+                         currentPage="<!--{echo $page}-->">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>

acp/series/add.htm

@@ -0,0 +1,78 @@
+<div class="pageHeader">添加产品类型</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=series&a=add&cat_id=<!--{echo $cat_id}-->" class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="NewsAddForm" method="post"
+          accept-charset="utf-8">
+        <input type="hidden" name="game_id" value="<!--{echo $cat_id}-->">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>中文标题：</label></td>
+                    <td>
+                        <input name="cn_title" class="lSize required" type="text" required="required" style="width: 200px"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文标题：</label></td>
+                    <td>
+                        <input name="en_title" class="lSize required" type="text" required="required" style="width: 200px"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>缩略图：</label></td>
+                    <td>
+                        <div class="img_prev" style="padding: 7px 0;">
+                        </div>
+                        <input type="text" name="image" class="lSize required" style="width:300px;">
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent">
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="lSize required" type="text" required="required" style="width: 70px"/>
+                        <span class="info" style="color: #FF0000;">基础为0,越大排名越前</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1">草稿</option>
+                            <option value="0">发布</option>
+                        </select>
+                    </td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/series/edit.htm

@@ -0,0 +1,84 @@
+<div class="pageHeader">添加产品类型</div>
+<div class="pageContent">
+    <form action="<!--{echo $domain_prefix}-->/?m=acp&c=series&a=edit&cat_id=<!--{echo $cat_id}-->" class="pageForm required-validate"
+          onsubmit="CKUpdateElement();return validateCallback(this, dialogAjaxDone);" id="NewsAddForm" method="post"
+          accept-charset="utf-8">
+        <input type="hidden" name="id" value="<!--{echo $id}-->">
+        <div class="pageFormContent" layoutH="80">
+            <table>
+                <tr>
+                    <td><label>中文标题：</label></td>
+                    <td>
+                        <input name="cn_title" class="lSize required" type="text" required="required" style="width: 200px" value="<!--{echo $data['cn_title'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>英文标题：</label></td>
+                    <td>
+                        <input name="en_title" class="lSize required" type="text" required="required" style="width: 200px" value="<!--{echo $data['en_title'];}-->"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>缩略图：</label></td>
+                    <td>
+                        <!--{if(!empty($data['image'])){ }-->
+                        <div class="img_prev" style="padding: 7px 0;" src="<!--{ echo $data['image'];}-->">
+                            <img width='120px' src='<!--{ echo $data['image'];}-->'/>
+                        </div>
+                        <!--{ }}-->
+                        <input type="text" name="image" class="lSize required" style="width:300px;"
+                               value="<!--{if(!empty($data['image'])) echo $data['image']; else echo '';}-->" style='float: right;clear: both;'>
+                        <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                            <div class="buttonContent" style='float: right;clear: both;'>
+                                <button>浏览</button>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>权重：</label></td>
+                    <td>
+                        <input name="power" class="lSize required" type="text" required="required" style="width: 70px" value="<!--{echo $data['power'];}-->"/>
+                        <span class="info" style="color: #FF0000;">基础为0,越大排名越前</span>
+                    </td>
+                </tr>
+                <tr>
+                    <td><label>所属类别：</label></td>
+                    <td>
+                        <select name="status">
+                            <option value="1" <!--{if($data['status']==0){}-->
+                            selected <!--{}}-->>草稿</option>
+                            <option value="0" <!--{if($data['status']==1){}-->
+                            selected <!--{}}-->>发布</option>
+                        </select>
+                    </td>
+                </tr>
+            </table>
+            <style type="text/css">
+                <!--
+                .pageFormContent td {
+                    padding: 7px 0;
+                }
+                -->
+            </style>
+        </div>
+        <div class="formBar">
+            <ul>
+                <li>
+                    <div class="buttonActive">
+                        <div class="buttonContent">
+                            <button type="submit">保存</button>
+                        </div>
+                    </div>
+                </li>
+                <li>
+                    <div class="button">
+                        <div class="buttonContent">
+                            <button type="button" class="close">取消</button>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </form>
+</div>

acp/series/run.htm

@@ -0,0 +1,97 @@
+<div class="pageContent">
+    <div id="series_jbsxBox" class="unitBox">
+        <form id="pagerForm" onsubmit="return divSearch(this, 'series_jbsxBox');"
+              action="<!--{echo $domain_prefix}-->/index.php?m=acp&c=series&a=run&cat_id=<!--{echo $cat_id;}-->"
+              method="post">
+            <input type="hidden" name="pageNum" value="1"/>
+            <input type="hidden" name="numPerPage" value="<!--{echo $limit}-->"/>
+            <input type="hidden" name="orderField" value="<!--{echo $order}-->"/>
+            <input type="hidden" name="orderDirection" value="<!--{echo $direction=='desc'?'asc':'desc';}-->"/>
+            <div class="pageContent" style="border-left:1px #B8D0D6 solid;border-right:1px #B8D0D6 solid">
+                <div class="panelBar">
+                    <ul class="toolBar">
+                        <li>
+                            <a class="add" href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=series&a=add"
+                               target="dialog"
+                               height="655" width="720" mask="true">
+                                <span>添加</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=series&a=delete"
+                               title="确定要移除吗?"
+                               target="selectedTodo" rel="ids" postType="string" class="delete">
+                                <span>批量移除</span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <style type="text/css">
+                    .img-box {
+                        height: 40px;
+                    }
+
+                    .img-box div img {
+                        width: 100px;
+                    }
+                </style>
+                <table class="table" width="99%" layoutH="75">
+                    <thead>
+                    <tr>
+                        <th width="5"><input type="checkbox" group="ids" class="checkboxCtrl"></th>
+                        <th width="80">ID</th>
+                        <th>中文标题</th>
+                        <th>英文标题</th>
+                        <th>权值</th>
+                        <th>操作</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <!--{if(!empty($data)){}-->
+                    <!--{foreach ($data as $k => $v){}-->
+                    <tr target="user_id" rel="<!--{echo $v['id'];}-->">
+                        <td>
+                            <input name="ids" value="<!--{echo $v['id'];}-->" type="checkbox">
+                        </td>
+                        <td><!--{echo $v['id'];}--></td>
+                        <td><!--{echo $v['cn_title'];}--></td>
+                        <td><!--{echo $v['en_title'];}--></td>
+                        <td><!--{echo $v['power'];}--></td>
+                        <td>
+                            <a title="编辑资讯" target="dialog" rel="types_edit" mask="true"
+                               height="530" width="740"
+                               href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=series&a=edit&id=<!--{echo $v['id'];}-->"
+                               class="">
+                                编辑
+                            </a>
+                        </td>
+                    </tr>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </tbody>
+                </table>
+                <div class="panelBar">
+                    <div class="pages">
+                        <span>显示</span>
+                        <select class="combox" name="numPerPage"
+                                onchange="navTabPageBreak({numPerPage:this.value}, 'series_jbsxBox`')">
+                            <option value="10"
+                            <!--{echo $limit==10?'selected':''}-->>10</option>
+                            <option value="20"
+                            <!--{echo $limit==20?'selected':''}-->>20</option>
+                            <option value="50"
+                            <!--{echo $limit==50?'selected':''}-->>50</option>
+                            <option value="100"
+                            <!--{echo $limit==100?'selected':''}-->>100</option>
+                        </select>
+                        <span>共<!--{echo $counts}-->条</span>
+                    </div>
+                    <div class="pagination" rel="series_jbsxBox" totalCount="<!--{echo $counts}-->"
+                         numPerPage="<!--{echo $limit}-->" pageNumShown="5"
+                         currentPage="<!--{echo $page}-->">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>

acp/station/run.htm

@@ -0,0 +1,161 @@
+<style type="text/css">
+    <!--
+    .pageFormContent td {
+        padding: 7px 0;
+    }
+
+    -->
+</style>
+<div class="page unitBox">
+    <div class="pageContent">
+        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=station&a=add"
+              class="pageForm required-validate"
+              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
+              accept-charset="utf-8">
+            <div class="pageFormContent" layoutH="55">
+                <table>
+                    <tr>
+                        <td><label>二维码：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['or_code'])){ }-->
+                                <img width='120px' src='<!--{echo $data["or_code"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="or_code" class="lSize required" style="width:300px;" value="<!--{echo $data["or_code"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>二维码简介：</label></td>
+                        <td>
+                            <input name="or_code_title" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['or_code_title'])) echo $data['or_code_title']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>标题(用||分割)：</label></td>
+                        <td><textarea class="lSize required" rows="30" name="cn_title"><!--{if(isset($data['cn_title'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_title'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>内容(用||分割)：</label></td>
+                        <td><textarea class="lSize required" rows="30" name="cn_content"><!--{if(isset($data['cn_content'])) echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_content'])); else echo '';}--></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>简介一：</label></td>
+                        <td>
+                            <input name="bf_title_1" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['bf_title_1'])) echo $data['bf_title_1']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>图标一：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['img_1'])){ }-->
+                                <img width='120px' src='<!--{echo $data["img_1"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="img_1" class="lSize required" style="width:300px;" value="<!--{echo $data["img_1"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    <tr>
+                        <td><label>简介二：</label></td>
+                        <td>
+                            <input name="bf_title_2" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['bf_title_2'])) echo $data['bf_title_2']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>图标二：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['img_2'])){ }-->
+                                <img width='120px' src='<!--{echo $data["img_2"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="img_2" class="lSize required" style="width:300px;" value="<!--{echo $data["img_2"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    <tr>
+                        <td><label>简介三：</label></td>
+                        <td>
+                            <input name="bf_title_3" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['bf_title_3'])) echo $data['bf_title_3']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>图标三：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['img_3'])){ }-->
+                                <img width='120px' src='<!--{echo $data["img_3"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="img_3" class="lSize required" style="width:300px;" value="<!--{echo $data["img_3"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    <tr>
+                        <td><label>简介四：</label></td>
+                        <td>
+                            <input name="bf_title_4" class="mSize required" type="text"
+                                   value="<!--{if(isset($data['bf_title_4'])) echo $data['bf_title_4']; else echo '';}-->" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td><label>图标四：</label></td>
+                        <td>
+                            <div class="img_prev" style="padding: 7px 0;">
+                                <!--{ if(isset($data['img_4'])){ }-->
+                                <img width='120px' src='<!--{echo $data["img_4"];}-->'/>
+                                <!--{ } }-->
+                            </div>
+                            <input type="text" name="img_4" class="lSize required" style="width:300px;" value="<!--{echo $data["img_4"];}-->">
+                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
+                                <div class="buttonContent">
+                                    <button>浏览</button>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+            <div class="formBar">
+                <ul>
+                    <li>
+                        <div class="buttonActive">
+                            <div class="buttonContent">
+                                <button type="submit">保存</button>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="button">
+                            <div class="buttonContent">
+                                <button type="button" class="close">取消</button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </form>
+    </div>
+</div>

elements/404.htm

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>404页面</title>
+<meta name="description" content="404页面">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王频道,猫王1,猫王2,猫王3,猫王小王子">
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<!--{}}-->
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+</head>
+<body style="width:100%;height:100%;background-color:#3e3a39;">
+    <div class="effect-layer"></div>
+    <!--{ echo $header; }-->
+    <div class="m-nofound" style="width:100%;height:100%;background-color:#3e3a39;position:absolute;top:0;left:0;">
+        <!-- <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/404.jpg" style="position:absolute;top:50%;left:50%;margin:-231px 0 0 -450px;"> -->
+        <div class="nofound-text" style="width:100%;height:6rem;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;">
+            <h1 style="font-size:3rem;line-height:4rem;color:#fff;text-align: center;">404</h1>
+            <h2 style="font-size:1rem;line-height:2rem;color:#fff;text-align: center;">PAGE NOT FOUND</h2>
+        </div>
+    </div>
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+</html>

elements/cn_headerFore.htm

@@ -0,0 +1,96 @@
+<header class="m-header">
+    <a href="http://www.radio1964.com">
+        <div style="display: none;">猫王音响</div>
+        <div class="header-logo"></div></a>
+    <div class="nav-wrap">
+        <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+            商城
+        </div>
+        <div class="nav-lang">
+            <div class="nav-lang-current">
+                <div class="nav-lang-item">简体</div>
+            </div>
+            <ul class="nav-lang-hidden">
+                <li class="nav-lang-item lang-cn">简体</li>
+                <!-- <li class="nav-lang-item lang-gb">繁体</li> -->
+                <!-- <li class="nav-lang-item lang-en">EN</li> -->
+            </ul>
+        </div>
+        <div class="nav-version">
+            <a href="/radios">
+                <div class="nav-version-item version-maoking nav-version-current">猫王音响</div>
+            </a>
+            <a href="/pindao">
+                <div class="nav-version-item version-radiooo">猫王妙播</div>
+            </a>
+            <a href="http://www.keepradioon.org.w.kunlungr.com/">
+                <div class="nav-version-item version-maofm">猫王音乐台</div>
+            </a>
+        </div>
+        <div class="nav-menu"></div>
+    </div>
+    <div class="subnav-wrap">
+        <div class="subnav-logo">
+            <div class="subnav-thumb">导航</div>
+        </div>
+        <div class="subnav-main-wrap">
+            <a href="/"><div class="subnav-main-item">首页</div></a>
+            <div class="subnav-main-item submenu">猫王音响
+                <div class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <!--{for ($i=0; $i<count($seriesTitle); $i++) {}-->
+                    <div class="subnav-sub-item"><!--{echo $seriesTitle[$i]['title'];}-->
+                        <div class="subnav-thr-wrap">
+                            <!--{for ($j=0; $j<count($seriesTitle[$i]['data']); $j++) {}-->
+                            <!--{if (stripos($seriesTitle[$i]['title'], 'radiooo') !== false) {}-->
+                            <a href="/radiooo/find/id/<!--{echo $seriesTitle[$i]['data'][$j]['id'];}-->">
+                                <div class="subnav-thr-item">
+                                    <!--{echo $seriesTitle[$i]['data'][$j]['title'];}-->
+                                </div>
+                            </a>
+                            <!--{}else{}-->
+                            <a href="/maowang/find/id/<!--{echo $seriesTitle[$i]['data'][$j]['id'];}-->">
+                                <div class="subnav-thr-item">
+                                    <!--{echo $seriesTitle[$i]['data'][$j]['title'];}-->
+                                </div>
+                            </a>
+                            <!--{}}-->
+                            <!--{}}-->
+                        </div>
+                    </div>
+                    <!--{}}-->
+                </div>
+            </div>
+            <div class="subnav-main-item submenu">品牌博物馆
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <a href="/radios/dynamic">
+                        <li class="subnav-sub-item">热点动态</li>
+                    </a>
+                    <a href="/radios/evaluation">
+                        <li class="subnav-sub-item">产品测评</li>
+                    </a>
+                    <a href="/radios/video">
+                        <li class="subnav-sub-item">视频专题</li>
+                    </a>
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">品牌故事
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <a href="/lichen/run/page/mking">
+                        <li class="subnav-sub-item">猫王故事</li>
+                    </a>
+                    <a href="/lichen/run/page/radiooo">
+                        <li class="subnav-sub-item">RADIOOO故事</li>
+                    </a>
+                    <a href="/lichen/run/page/founder">
+                        <li class="subnav-sub-item">创始人故事</li>
+                    </a>
+                </ul>
+            </div>
+            <a href="/guanyu"><div class="subnav-main-item submenu">联系我们
+            </div></a>
+        </div>
+    </div>
+</header>

elements/footer.htm

@@ -0,0 +1,18 @@
+</div>
+</div>
+</div>
+</div>
+<div id="footer">
+    Copyright &copy; <!--{echo date('Y', time()) == '2014' ? '2014' : '2014-' . date('Y', time()) }-->
+</div>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</body>
+</html>

elements/header.htm

@@ -0,0 +1,346 @@
+<!DOCTYPE html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>管理后台</title>
+    <link href="<!--{ echo $domain_prefix}-->/static/dwz/themes/default/style.css" rel="stylesheet">
+    <link href="<!--{ echo $domain_prefix}-->/static/dwz/themes/css/core.css" rel="stylesheet">
+    <link href="<!--{ echo $domain_prefix}-->/static/dwz/themes/css/print.css" rel="stylesheet" media="print">
+    <link href="<!--{ echo $domain_prefix}-->/static/dwz/uploadify/css/uploadify.css" rel="stylesheet" media="screen">
+    <!--[if IE]>
+    <link href="<!--{ echo $domain_prefix}-->/static/dwz/themes/css/ieHack.css" rel="stylesheet" media="screen">
+    <![endif]-->
+    <!--[if lte IE 9]>
+        <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/js/speedup.js"></script>
+    <![endif]-->
+    <script type = "text/javascript" src = "<!--{ echo $domain_prefix}-->/static/dwz/js/jquery-1.7.2.js" ></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/js/jquery.cookie.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/js/jquery.validate.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/js/jquery.bgiframe.js"></script>
+    <!--<script type="text/javascript" src="&lt;!&ndash;{ echo $domain_prefix}&ndash;&gt;/static/dwz/xheditor/xheditor-1.2.1.min.js"></script>-->
+    <!--<script type="text/javascript" src="&lt;!&ndash;{ echo $domain_prefix}&ndash;&gt;/static/dwz/xheditor/xheditor_lang/zh-cn.js"></script>-->
+    <!--<script type="text/javascript" src="&lt;!&ndash;{ echo $domain_prefix}&ndash;&gt;/static/dwz/uploadify/scripts/jquery.uploadify.js"></script>-->
+    <!-- svg图表  supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+ -->
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/chart/raphael.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/chart/g.raphael.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/chart/g.bar.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/chart/g.line.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/chart/g.pie.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/chart/g.dot.js"></script>
+
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/bin/dwz.min.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/dwz/js/dwz.regional.zh.js"></script>
+    <script type="text/javascript">
+        $(function () {
+            DWZ.init("<!--{ echo $domain_prefix}-->/static/dwz/dwz.frag.xml", {
+                loginUrl: "<!--{echo $domain_prefix}-->/index.php?m=acp&c=account&a=popup_login",
+                loginTitle: "登录",
+                statusCode: {ok: 200, error: 300, timeout: 301}, //【可选】
+                pageInfo: {
+                    pageNum: "pageNum",
+                    numPerPage: "numPerPage",
+                    orderField: "orderField",
+                    orderDirection: "orderDirection"
+                }, //【可选】
+                debug: false,	// 调试模式 【true|false】
+                callback: function () {
+                    initEnv();
+                    $("#themeList").theme({themeBase: "themes"}); // themeBase 相对于index页面的主题base路径
+                }
+            });
+        });
+        window.web_root = '<!--{ echo $domain_prefix}-->';
+    </script>
+
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/ckeditor/ckeditor.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/ckeditor/adapters/jquery.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/ckeditor/ckfinder/ckfinder.js"></script>
+    <script type="text/javascript" src="<!--{ echo $domain_prefix}-->/static/ckeditor/alioss.js"></script>
+
+    <script type="text/javascript">
+        var d, player;
+        function BrowseServer(object, type, preview) {
+            if (preview == undefined) preview = true;
+            // You can use the "CKFinder" class to render CKFinder in a page:
+            d = object;
+            var finder = new CKFinder();
+            var fun_name = type == 'Files' ? SetFilesWithPreview : SetImagesWithPreview;
+            finder.basePath = '<!--{ echo $domain_prefix}-->/static/ckeditor/ckfinder/';	// The path for the installation of CKFinder (default = "/ckfinder/").
+            finder.selectActionFunction = preview ? fun_name : SetFileFieldWithoutPreview;
+            finder.resourceType = type;
+            finder.popup();
+
+            // It can also be done in a single line, calling the "static"
+            // popup( basePath, width, height, selectFunction ) function:
+            // CKFinder.popup( '../', null, null, SetFileField ) ;
+            //
+            // The "popup" function can also accept an object as the only argument.
+            // CKFinder.popup( { basePath : '../', selectActionFunction : SetFileField } ) ;
+        }
+        function BrowseServerWithNginxImgFilter(object, preview) {
+            if (preview == undefined) preview = true;
+            // You can use the "CKFinder" class to render CKFinder in a page:
+            d = object;
+            var finder = new CKFinder();
+            finder.basePath = '/ckeditor/ckfinder/';	// The path for the installation of CKFinder (default = "/ckfinder/").
+            finder.selectActionFunction = preview ? SetThumbnailFileField : SetFileFieldWithoutPreview;
+            finder.popup();
+        }
+
+        // This is a sample function which is called when a file is selected in CKFinder.
+        function SetThumbnailFileField(fileUrl) {
+            jQuery(d).parent().children("input").val(fileUrl);
+            jQuery(d).parent().children('.img_prev').html("<img width='120px' src='" + fileUrl + '?w=120&h=120' + "'/>");
+        }
+
+        function SetFilesWithPreview(fileUrl) {
+            var filePrevUrl='';
+            if (window.alioss_enable) {
+                fileUrl = window.alioss_img_buck_domain + fileUrl;
+            }else{
+                filePrevUrl='<!--{ echo $domain_prefix}-->' + fileUrl;
+            }
+
+            jQuery(d).parent().children("input").val(fileUrl);
+            var html = '<video id="really-cool-video" class="video-js vjs-default-skin" width="250" height="200">';
+            if (/(.flv)/.test(fileUrl)) {
+                html += '<source src="' + filePrevUrl + '" type="video/flv">';
+            }
+            if (/(.mp4)/.test(fileUrl)) {
+                html += '<source src="' + filePrevUrl + '" type="video/mp4">';
+            }
+            html += '</video>';
+            jQuery(d).parent().children('.video_prev').empty().html(html);
+            player = videojs(
+                    'really-cool-video',
+                    {"controls": true, "autoplay": false, "preload": "auto"},
+                    function () {
+                        this.on('ended', function () {
+                        });
+                    });
+        }
+
+        function SetImagesWithPreview(fileUrl) {
+            var imgPrevUrl='';
+            if (window.alioss_enable) {
+                fileUrl = window.alioss_img_buck_domain + fileUrl;
+            }else{
+                imgPrevUrl='<!--{ echo $domain_prefix}-->' + fileUrl;
+            }
+            jQuery(d).parent().children("input").val(fileUrl);
+            jQuery(d).parent().children('.img_prev').html("<img width='120px' src='" + fileUrl + "'/>");
+
+        }
+
+        function SetFileFieldWithoutPreview(fileUrl) {
+            if (window.alioss_enable) {
+                fileUrl = window.alioss_img_buck_domain + fileUrl;
+            }
+            jQuery(d).parent().children("input").val(fileUrl);
+        }
+        function CKUpdateElement() {
+            for (instance in CKEDITOR.instances)
+                CKEDITOR.instances[instance].updateElement();
+        }
+    </script>
+</head>
+<body scroll="no">
+<div id="layout">
+    <div id="header">
+        <div class="headerNav">
+            <a class="logo" href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=index&a=run"
+               style="text-indent: 0px;"></a>
+            <ul class="nav">
+                <li style="color: #000;">Welcome</li>
+                <li><a style="color: #000;"
+                       href="<!--{echo $domain_prefix}-->/index.php?m=acp&c=account&a=logout">退出</a></li>
+            </ul>
+            <ul class="themeList" id="themeList" style="display:none;">
+                <li theme="default">
+                    <div class="selected">蓝色</div>
+                </li>
+            </ul>
+        </div>
+        <!-- navMenu -->
+    </div>
+    <div id="leftside">
+        <div id="sidebar_s">
+            <div class="collapse">
+                <div class="toggleCollapse">
+                    <div></div>
+                </div>
+            </div>
+        </div>
+        <div id="sidebar">
+            <div class="toggleCollapse">
+                <h2>主菜单</h2>
+
+                <div>收缩</div>
+            </div>
+            <div class="accordion" fillSpace="sidebar">
+                <div class="accordionHeader">
+                    <h2><span>Folder</span>首页管理</h2>
+                </div>
+                <div class="accordionContent">
+                    <ul class="tree treeFolder">
+                        <li>
+                            <a href="javascript:;">导航</a>
+                            <ul>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=entrys&a=run" target="navTab"
+                                       rel="entrys">首页基础信息
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=banners&a=run" target="navTab"
+                                       rel="banners">首页banner
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=fms2&a=run" target="navTab"
+                                       rel="fms">OhPlay(废弃)
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=ohplay&a=run" target="navTab"
+                                       rel="fms">OhPlay
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=station&a=run" target="navTab"
+                                       rel="station">音乐台
+                                    </a>
+                                </li>
+                                <!--<li>-->
+                                    <!--<a href="&lt;!&ndash;{ echo $domain_prefix}&ndash;&gt;/index.php?m=acp&c=fms2&a=run" target="navTab"-->
+                                       <!--rel="fms">频道2信息-->
+                                    <!--</a>-->
+                                <!--</li>-->
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=museums&a=index" target="navTab"
+                                       rel="museums">博物馆
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=mkinglogs&a=run" target="navTab"
+                                       rel="mkinglogs">猫王历程
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=radiooologs&a=run" target="navTab"
+                                       rel="radiooologs">radiooo历程
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=founderlogs&a=run" target="navTab"
+                                       rel="founderlogs">创始人
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=abouts&a=run" target="navTab"
+                                       rel="abouts">关于我们
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+                <div class="accordionHeader">
+                    <h2><span>Folder</span>商品展示</h2>
+                </div>
+                <div class="accordionContent">
+                    <ul class="tree treeFolder">
+                        <li>
+                            <a href="javascript:;">商品展示</a>
+                            <ul>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=mkings&a=run" target="navTab"
+                                       rel="rules">猫王产品
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=radioootypes&a=run" target="navTab"
+                                       rel="rules">RADIOOO分类
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=liners&a=run" target="navTab"
+                                       rel="rules">PC端RADIOOO内胆
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=liners&a=runphone" target="navTab"
+                                       rel="rules">移动端RADIOOO内胆
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=radiooos&a=run" target="navTab"
+                                       rel="rules">RADIOOO产品
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="javascript:;">页面展示</a>
+                            <ul>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=series&a=run" target="navTab"
+                                       rel="new_types">系列
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+                <!--{if($user['is_founder']){}-->
+                <div class="accordionHeader">
+                    <h2><span>Folder</span>用户管理</h2>
+                </div>
+                <div class="accordionContent">
+                    <ul class="tree treeFolder">
+                        <li>
+                            <a href="javascript:;">导航</a>
+                            <ul>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=account&a=run"
+                                       target="navTab"
+                                       rel="account_tab">用户管理
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="<!--{ echo $domain_prefix}-->/index.php?m=acp&c=logs&a=run"
+                                       target="navTab"
+                                       rel="logs_tab">用户日志
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+                <!--{}}-->
+            </div>
+        </div>
+    </div>
+    <div id="container">
+        <div id="navTab" class="tabsPage">
+            <div class="tabsPageHeader">
+                <div class="tabsPageHeaderContent"><!-- 显示左右控制时添加 class="tabsPageHeaderMargin" -->
+                    <ul class="navTab-tab">
+                        <li tabid="main" class="main">
+                            <a href="javascript:;">
+								<span>
+									<span class="home_icon">官网基础</span>
+								</span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="tabsLeft">left</div>
+                <!-- 禁用只需要添加一个样式 class="tabsLeft tabsLeftDisabled" -->
+                <div class="tabsRight">right</div>
+                <!-- 禁用只需要添加一个样式 class="tabsRight tabsRightDisabled" -->
+                <div class="tabsMore">more</div>
+            </div>
+            <ul class="tabsMoreList">
+                <li><a href="javascript:;">官网基础</a></li>
+            </ul>
+            <div class="navTab-panel tabsPageContent layoutBox">

elements/mking/cn_footerFore.htm

@@ -0,0 +1,39 @@
+<footer class="footer-wrap">
+	<div class="footer-main-wrap">
+		<!-- <ul class="footer-main-row">
+			<h2 class="footer-main-title">帮助中心</h2>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/guide.php">购物指南</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/payment.php">支付方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/distribution.php">配送方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/sitemap.php">网站导航</li>
+		</ul> -->
+		<ul class="footer-main-row">
+			<h2 class="footer-main-title">服务支持</h2>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/policy.php">售后政策</li>
+			<li class="footer-main-item"><a href="http://m.kuaidi100.com">快递查询</li>
+			<li class="footer-main-item"><a href="http://www.fw-315.com.cn/">防伪查询</li>
+		</ul>
+		<ul class="footer-main-row">
+			<h2 class="footer-main-title">关注我们</h2>
+			<li class="footer-main-item"><a href="http://weibo.com/1346452514">新浪微博</a></li>
+			<li class="footer-main-item" onclick="document.getElementById('weixinQr').style.display='block';">官方微信</li>
+		</ul>
+		<div class="footer-contact">
+			<div class="footer-contact-phone">400-850-8199</div>
+			<div class="footer-contact-worktime">周一至周日 9:00-18:00(仅收市话费)</div>
+			<div class="footer-contact-online">
+				<a href="http://p.qiao.baidu.com/cps/chat?siteId=11157139&userId=23495988">在线联系</a>
+			</div>
+		</div>
+	</div>
+	<div class="footer-sub-wrap">
+		<div class="footer-sub-copyright">Copyright © 深圳市云动创想科技有限公司 版权所有 Shenzhen Airsmart Technology Co.,Ltd. All Rights Reserved.粤ICP备15103993号-6</div>
+		<div class="footer-sub-nation">中国</div>
+	</div>
+	<div class="gswj">
+		<script id="ebsgovicon" src="https://szcert.ebs.org.cn/govicons.js?id=d3e3f3ca-c297-4e62-a97b-3b35474fdafb&width=36&height=50&type=1" type="text/javascript" charset="utf-8"></script>
+	</div>
+	<div class="weixin-qr" id="weixinQr" onclick="document.getElementById('weixinQr').style.display='none';">
+		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/weixin_qrcode_mk.jpg">
+	</div>
+</footer>

elements/mking/cn_headerFore.htm

@@ -0,0 +1,92 @@
+<header class="m-header">
+    <a href="http://www.radio1964.com">
+        <div style="display: none;">猫王音响</div>
+        <div class="header-logo"></div></a>
+    <div class="nav-wrap">
+        <div class="nav-shop" onclick="window.open('https://shop45604680.m.youzan.com/v2/feature/xHCSWC6aoP')">
+            商城
+        </div>
+        <div class="nav-version">
+            <a href="/radios">
+                <div class="nav-version-item version-maoking nav-version-current">猫王音响</div>
+            </a>
+            <a href="/ohplay">
+                <div class="nav-version-item version-radiooo">猫王妙播</div>
+            </a>
+            <!--
+            <a href="/station">
+                <div class="nav-version-item version-maofm">猫王音乐台</div>
+            </a>
+            -->
+        </div>
+        <div class="nav-menu"></div>
+    </div>
+    <div class="subnav-wrap">
+        <div class="subnav-logo">
+            <div class="subnav-thumb">导航</div>
+        </div>
+        <div class="subnav-main-wrap">
+            <a href="/"><div class="subnav-main-item">首页</div></a>
+            <div class="subnav-main-item submenu">猫王音响
+                <div class="subnav-sub-wrap">
+                    <div class="subnav-sub-back">返回上级</div>
+                    <!--{for ($i=0; $i<count($seriesTitle); $i++) {}-->
+                    <div class="subnav-sub-item thrmenu"><!--{echo $seriesTitle[$i]['title'];}-->
+                        <div class="subnav-thr-wrap">
+                            <div class="subnav-thr-back">返回上级</div>
+                            <!--{for ($j=0; $j<count($seriesTitle[$i]['data']); $j++) {}-->
+                            <!--{if (stripos($seriesTitle[$i]['title'], 'radiooo') !== false) {}-->
+                            <a href="/radiooo/find/id/<!--{echo $seriesTitle[$i]['data'][$j]['id'];}-->">
+                                <div class="subnav-thr-item">
+                                    <!--{echo $seriesTitle[$i]['data'][$j]['title'];}-->
+                                </div>
+                            </a>
+                            <!--{}else{}-->
+                            <a href="/maowang/find/id/<!--{echo $seriesTitle[$i]['data'][$j]['id'];}-->">
+                                <div class="subnav-thr-item">
+                                    <!--{echo $seriesTitle[$i]['data'][$j]['title'];}-->
+                                </div>
+                            </a>
+                            <!--{}}-->
+                            <!--{}}-->
+                        </div>
+                    </div>
+                    <!--{}}-->
+                </div>
+            </div>
+            <div class="subnav-main-item submenu">品牌博物馆
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <a href="/radios/dynamic">
+                        <li class="subnav-sub-item">热点动态</li>
+                    </a>
+                    <a href="/radios/evaluation">
+                        <li class="subnav-sub-item">产品测评</li>
+                    </a>
+                    <a href="/radios/video">
+                        <li class="subnav-sub-item">视频专题</li>
+                    </a>
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">品牌故事
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <a href="/lichen/run/page/mking">
+                        <li class="subnav-sub-item">猫王故事</li>
+                    </a>
+                    <a href="/lichen/run/page/radiooo">
+                        <li class="subnav-sub-item">RADIOOO故事</li>
+                    </a>
+                    <a href="/lichen/run/page/founder">
+                        <li class="subnav-sub-item">创始人故事</li>
+                    </a>
+                </ul>
+            </div>
+            <a href="/guanyu"><div class="subnav-main-item submenu">联系我们
+            </div></a>
+        </div>
+    </div>
+    <div class="shop-qr" onclick="document.querySelector('.shop-qr').style.display='none';">
+        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/maoking_qr.jpg" alt="shop_qrcode">
+    </div>
+</header>

elements/mking/cn_headerFore_bk.htm

@@ -0,0 +1,79 @@
+<header class="m-header">
+    <a href="http://www.radio1964.com">
+        <div style="display: none;">猫王音响</div>
+        <div class="header-logo"></div></a>
+    <div class="nav-wrap">
+        <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+            商城
+        </div>
+        <div class="nav-lang">
+            <div class="nav-lang-current">
+                <div class="nav-lang-item">简体</div>
+            </div>
+            <ul class="nav-lang-hidden">
+                <li class="nav-lang-item lang-cn">简体</li>
+                <!-- <li class="nav-lang-item lang-gb">繁体</li> -->
+                <!-- <li class="nav-lang-item lang-en">EN</li> -->
+            </ul>
+        </div>
+        <div class="nav-version">
+            <a href="/maowang">
+                <div class="nav-version-item version-maoking nav-version-current">猫王音响</div>
+            </a>
+            <a href="/radiooo">
+                <div class="nav-version-item version-radiooo">RADIOOO</div>
+            </a>
+            <a href="/pindao">
+                <div class="nav-version-item version-maofm">猫王妙播</div>
+            </a>
+        </div>
+        <div class="nav-menu"></div>
+    </div>
+    <div class="subnav-wrap">
+        <div class="subnav-logo">
+            <div class="subnav-thumb">导航</div>
+        </div>
+        <div class="subnav-main-wrap">
+            <a href="/"><div class="subnav-main-item">首页</div></a>
+            <div class="subnav-main-item submenu">猫王音响
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <!--{for ($i=0; $i<count($mkingTitle); $i++) {}-->
+                    <a href="/maowang/find/id/<!--{echo $mkingTitle[$i]['id'];}-->">
+                        <li class="subnav-sub-item">
+                            <!--{echo $mkingTitle[$i]['title'];}-->
+                        </li>
+                    </a>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">品牌博物馆
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <a href="/maowang/dynamic">
+                        <li class="subnav-sub-item">热点动态</li>
+                    </a>
+                    <a href="/maowang/evaluation">
+                        <li class="subnav-sub-item">产品测评</li>
+                    </a>
+                    <a href="/maowang/video">
+                        <li class="subnav-sub-item">视频专题</li>
+                    </a>
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">品牌故事
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <a href="/lichen/run/page/mking">
+                        <li class="subnav-sub-item">猫王故事</li>
+                    </a>
+                    <a href="/lichen/run/page/founder">
+                        <li class="subnav-sub-item">创始人故事</li>
+                    </a>
+                </ul>
+            </div>
+            <a href="/guanyu"><div class="subnav-main-item submenu">联系我们
+            </div></a>
+        </div>
+    </div>
+</header>

elements/mking/en_footerFore.htm

@@ -0,0 +1,43 @@
+<footer class="footer-wrap">
+	<div class="footer-main-wrap">
+		<!-- <ul class="footer-main-row">
+			<h1 class="footer-main-title">帮助中心</h1>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/guide.php">购物指南</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/payment.php">支付方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/distribution.php">配送方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/sitemap.php">网站导航</li>
+		</ul> -->
+		<!-- <ul class="footer-main-row">
+			<h1 class="footer-main-title">SUPPORT</h1>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/policy.php">Customer Services</li>
+			<li class="footer-main-item"><a href="javascript:;">FAQ</li>
+		</ul> -->
+		<!-- <ul class="footer-main-row">
+			<h1 class="footer-main-title">关注我们</h1>
+			<li class="footer-main-item"><a href="http://weibo.com/1346452514">新浪微博</a></li>
+			<li class="footer-main-item" onclick="document.getElementById('weixinQr').style.display='block';">官方微信</li>
+		</ul> -->
+		<!-- <div class="footer-contact">
+			<div class="footer-contact-phone">400-850-8199</div>
+			<div class="footer-contact-worktime">周一至周日 9:00-18:00(仅收市话费)</div>
+			<div class="footer-contact-online">
+				<a href="http://p.qiao.baidu.com/cps/chat?siteId=11157139&userId=23495988">在线联系</a>
+			</div>
+		</div> -->
+		<div class="contact-wrap">
+			<!-- <a href=""><div class="contact-icon icon-fb"></div></a> -->
+			<a href="https://twitter.com/Muzenaudio"><div class="contact-icon icon-tw"></div></a>
+			<a href="https://www.instagram.com/Muzen1964/"><div class="contact-icon icon-ins"></div></a>
+		</div>
+	</div>
+	<div class="footer-sub-wrap">
+		<div class="footer-sub-copyright">Copyright © 深圳市云动创想科技有限公司 版权所有 Shenzhen Airsmart Technology Co.,Ltd. All Rights Reserved.粤ICP备15103993号-6</div>
+		<div class="footer-sub-nation">中国</div>
+	</div>
+	<div class="gswj">
+		<script id="ebsgovicon" src="https://szcert.ebs.org.cn/govicons.js?id=d3e3f3ca-c297-4e62-a97b-3b35474fdafb&width=36&height=50&type=1" type="text/javascript" charset="utf-8"></script>
+	</div>
+	<div class="weixin-qr" id="weixinQr" onclick="document.getElementById('weixinQr').style.display='none';">
+		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/weixin_qrcode_mk.jpg">
+	</div>
+</footer>

elements/mking/en_headerFore.htm

@@ -0,0 +1,77 @@
+<header class="m-header">
+    <a href="http://www.radio1964.com"><div class="header-logo"></div></a>
+    <div class="nav-wrap">
+        <!-- <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+            商城
+        </div> -->
+        <div class="nav-lang">
+            <div class="nav-lang-current">
+                <div class="nav-lang-item">简体</div>
+            </div>
+            <ul class="nav-lang-hidden">
+                <li class="nav-lang-item lang-cn">简体</li>
+                <li class="nav-lang-item lang-gb">繁体</li>
+                <li class="nav-lang-item lang-en">EN</li>
+            </ul>
+        </div>
+        <div class="nav-version">
+            <a href="/maowang">
+                <div class="nav-version-item version-maoking nav-version-current">MUZEN RADIO</div>
+            </a>
+            <a href="/radiooo">
+                <div class="nav-version-item version-radiooo">RADIOOO</div>
+            </a>
+            <a href="/pindao2">
+                <div class="nav-version-item version-maofm">RADIOOO STATION</div>
+            </a>
+        </div>
+        <div class="nav-menu"></div>
+    </div>
+    <div class="subnav-wrap">
+        <div class="subnav-logo" style="background-image:url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/subnav_logo_mk_en.jpg');">
+            <div class="subnav-thumb">MENU</div>
+        </div>
+        <div class="subnav-main-wrap">
+            <a href="/"><div class="subnav-main-item">Homepage</div></a>
+            <div class="subnav-main-item submenu">MUZEN Radio
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">back</li>
+                    <!--{for ($i=0; $i<count($mkingTitle); $i++) {}-->
+                    <a href="/maowang/find/id/<!--{echo $mkingTitle[$i]['id'];}-->">
+                        <li class="subnav-sub-item">
+                            <!--{echo $mkingTitle[$i]['title'];}-->
+                        </li>
+                    </a>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">World of MUZEN
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">back</li>
+                    <a href="/maowang/dynamic">
+                        <li class="subnav-sub-item">News and Events</li>
+                    </a>
+                    <a href="/maowang/evaluation">
+                        <li class="subnav-sub-item">Reviews</li>
+                    </a>
+                    <a href="/maowang/video">
+                        <li class="subnav-sub-item">Videos</li>
+                    </a>
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">MUZEN Stories
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">back</li>
+                    <a href="/lichen/run/page/mking">
+                        <li class="subnav-sub-item">History</li>
+                    </a>
+                    <a href="/lichen/run/page/founder">
+                        <li class="subnav-sub-item">Founder</li>
+                    </a>
+                </ul>
+            </div>
+            <a href="/guanyu"><div class="subnav-main-item submenu">Contact Us
+            </div></a>
+        </div>
+    </div>
+</header>

elements/mking/gb_footerFore.htm

@@ -0,0 +1,39 @@
+<footer class="footer-wrap">
+	<div class="footer-main-wrap">
+		<ul class="footer-main-row">
+			<h2 class="footer-main-title">幫助中心</h2>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/guide.php">購物指南</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/payment.php">支付方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/distribution.php">配送方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/sitemap.php">網站導航</li>
+		</ul>
+		<ul class="footer-main-row">
+			<h2 class="footer-main-title">服務支持</h2>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/policy.php">售後政策</li>
+			<li class="footer-main-item"><a href="http://m.kuaidi100.com">快遞查詢</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/security.php">防偽查詢</li>
+		</ul>
+		<ul class="footer-main-row">
+			<h2 class="footer-main-title">關註我們</h2>
+			<li class="footer-main-item"><a href="http://weibo.com/1346452514">新浪微博</a></li>
+			<li class="footer-main-item" onclick="document.getElementById('weixinQr').style.display='block';">官方微信</li>
+		</ul>
+		<div class="footer-contact">
+			<div class="footer-contact-phone">400-850-8199</div>
+			<div class="footer-contact-worktime">周壹至周日 9:00-18:00(僅收市話費)</div>
+			<div class="footer-contact-online">
+				<a href="http://p.qiao.baidu.com/cps/chat?siteId=11157139&userId=23495988">在線聯系</a>
+			</div>
+		</div>
+	</div>
+	<div class="footer-sub-wrap">
+		<div class="footer-sub-copyright">Copyright © 深圳市雲動創想科技有限公司 版權所有 Shenzhen Airsmart Technology Co.,Ltd. All Rights Reserved.粵ICP備15103993號-6</div>
+		<div class="footer-sub-nation">中國</div>
+	</div>
+	<div class="gswj">
+		<script id="ebsgovicon" src="https://szcert.ebs.org.cn/govicons.js?id=d3e3f3ca-c297-4e62-a97b-3b35474fdafb&width=36&height=50&type=1" type="text/javascript" charset="utf-8"></script>
+	</div>
+	<div class="weixin-qr" id="weixinQr" onclick="document.getElementById('weixinQr').style.display='none';">
+		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/weixin_qrcode_mk.jpg">
+	</div>
+</footer>

elements/mking/gb_headerFore.htm

@@ -0,0 +1,77 @@
+<header class="m-header">
+    <a href="http://www.radio1964.com"><div class="header-logo"></div></a>
+    <div class="nav-wrap">
+        <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+            商城
+        </div>
+        <div class="nav-lang">
+            <div class="nav-lang-current">
+                <div class="nav-lang-item">繁體</div>
+            </div>
+            <ul class="nav-lang-hidden">
+                <li class="nav-lang-item lang-cn">简体</li>
+                <li class="nav-lang-item lang-gb">繁体</li>
+                <!-- <li class="nav-lang-item lang-en">EN</li> -->
+            </ul>
+        </div>
+        <div class="nav-version">
+            <a href="/maowang">
+                <div class="nav-version-item version-maoking nav-version-current">貓王收音機</div>
+            </a>
+            <a href="/radiooo">
+                <div class="nav-version-item version-radiooo">RADIOOO</div>
+            </a>
+            <a href="/pindao">
+                <div class="nav-version-item version-maofm">貓王妙播</div>
+            </a>
+        </div>
+        <div class="nav-menu"></div>
+    </div>
+    <div class="subnav-wrap">
+        <div class="subnav-logo">
+            <div class="subnav-thumb">導航</div>
+        </div>
+        <div class="subnav-main-wrap">
+            <a href="/"><div class="subnav-main-item">首頁</div></a>
+            <div class="subnav-main-item submenu">貓王收音機
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上級</li>
+                    <!--{for ($i=0; $i<count($mkingTitle); $i++) {}-->
+                    <a href="/maowang/find/id/<!--{echo $mkingTitle[$i]['id'];}-->">
+                        <li class="subnav-sub-item">
+                            <!--{echo $mkingTitle[$i]['title'];}-->
+                        </li>
+                    </a>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">品牌博物館
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上級</li>
+                    <a href="/maowang/dynamic">
+                        <li class="subnav-sub-item">熱點動態</li>
+                    </a>
+                    <a href="/maowang/evaluation">
+                        <li class="subnav-sub-item">產品測評</li>
+                    </a>
+                    <a href="/maowang/video">
+                        <li class="subnav-sub-item">視頻專題</li>
+                    </a>
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">品牌故事
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上級</li>
+                    <a href="/lichen/run/page/mking">
+                        <li class="subnav-sub-item">貓王故事</li>
+                    </a>
+                    <a href="/lichen/run/page/founder">
+                        <li class="subnav-sub-item">創始人故事</li>
+                    </a>
+                </ul>
+            </div>
+            <a href="/guanyu"><div class="subnav-main-item submenu">聯系我們
+            </div></a>
+        </div>
+    </div>
+</header>

elements/radiooo/cn_footerFore.htm

@@ -0,0 +1,36 @@
+<footer class="footer-wrap">
+	<div class="footer-main-wrap">
+		<!-- <ul class="footer-main-row">
+			<h2 class="footer-main-title">帮助中心</h2>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/guide.php">购物指南</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/payment.php">支付方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/distribution.php">配送方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/sitemap.php">网站导航</li>
+		</ul> -->
+		<ul class="footer-main-row">
+			<h2 class="footer-main-title">服务支持</h2>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/policy.php">售后政策</li>
+			<li class="footer-main-item"><a href="http://m.kuaidi100.com">快递查询</li>
+			<li class="footer-main-item"><a href="http://www.fw-315.com.cn/">防伪查询</li>
+		</ul>
+		<ul class="footer-main-row">
+			<h2 class="footer-main-title">关注我们</h2>
+			<li class="footer-main-item"><a href="http://weibo.com/1346452514">新浪微博</a></li>
+			<li class="footer-main-item" onclick="document.getElementById('weixinQr').style.display='block';">官方微信</li>
+		</ul>
+		<div class="footer-contact">
+			<div class="footer-contact-phone">400-850-8199</div>
+			<div class="footer-contact-worktime">周一至周日 9:00-18:00(仅收市话费)</div>
+			<div class="footer-contact-online">
+				<a href="http://p.qiao.baidu.com/cps/chat?siteId=11157139&userId=23495988">在线联系</a>
+			</div>
+		</div>
+	</div>
+	<div class="footer-sub-wrap">
+		<div class="footer-sub-copyright">Copyright © 深圳市云动创想科技有限公司 版权所有 Shenzhen Airsmart Technology Co.,Ltd. All Rights Reserved.粤ICP备15103993号-6</div>
+		<div class="footer-sub-nation">中国</div>
+	</div>
+	<div class="weixin-qr" id="weixinQr" onclick="document.getElementById('weixinQr').style.display='none';">
+		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/weixin_qrcode_ro.jpg">
+	</div>
+</footer>

elements/radiooo/cn_headerFore.htm

@@ -0,0 +1,97 @@
+<header class="m-header">
+    <a href="http://www.radio1964.com">
+        <div style="display: none;">猫王音响</div>
+        <div class="header-logo"></div></a>
+    <div class="nav-wrap">
+        <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+            商城
+        </div>
+        <div class="nav-lang">
+            <div class="nav-lang-current">
+                <div class="nav-lang-item">简体</div>
+            </div>
+            <ul class="nav-lang-hidden">
+                <li class="nav-lang-item lang-cn">简体</li>
+                <!-- <li class="nav-lang-item lang-gb">繁体</li> -->
+                <!-- <li class="nav-lang-item lang-en">EN</li> -->
+            </ul>
+        </div>
+        <div class="nav-version">
+            <a href="/radios">
+                <div class="nav-version-item version-maoking nav-version-current">猫王音响</div>
+            </a>
+            <a href="/pindao">
+                <div class="nav-version-item version-radiooo">猫王妙播</div>
+            </a>
+            <a href="http://www.keepradioon.org.w.kunlungr.com/">
+                <div class="nav-version-item version-maofm">猫王音乐台</div>
+            </a>
+        </div>
+        <div class="nav-menu"></div>
+    </div>
+    <div class="subnav-wrap">
+        <div class="subnav-logo">
+            <div class="subnav-thumb">导航</div>
+        </div>
+        <div class="subnav-main-wrap">
+            <a href="/"><div class="subnav-main-item">首页</div></a>
+            <div class="subnav-main-item submenu">猫王音响
+                <div class="subnav-sub-wrap">
+                    <div class="subnav-sub-back">返回上级</div>
+                    <!--{for ($i=0; $i<count($seriesTitle); $i++) {}-->
+                    <div class="subnav-sub-item thrmenu"><!--{echo $seriesTitle[$i]['title'];}-->
+                        <div class="subnav-thr-wrap">
+                            <div class="subnav-thr-back">返回上级</div>
+                            <!--{for ($j=0; $j<count($seriesTitle[$i]['data']); $j++) {}-->
+                            <!--{if (stripos($seriesTitle[$i]['title'], 'radiooo') !== false) {}-->
+                            <a href="/radiooo/find/id/<!--{echo $seriesTitle[$i]['data'][$j]['id'];}-->">
+                                <div class="subnav-thr-item">
+                                    <!--{echo $seriesTitle[$i]['data'][$j]['title'];}-->
+                                </div>
+                            </a>
+                            <!--{}else{}-->
+                            <a href="/maowang/find/id/<!--{echo $seriesTitle[$i]['data'][$j]['id'];}-->">
+                                <div class="subnav-thr-item">
+                                    <!--{echo $seriesTitle[$i]['data'][$j]['title'];}-->
+                                </div>
+                            </a>
+                            <!--{}}-->
+                            <!--{}}-->
+                        </div>
+                    </div>
+                    <!--{}}-->
+                </div>
+            </div>
+            <div class="subnav-main-item submenu">品牌博物馆
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <a href="/radios/dynamic">
+                        <li class="subnav-sub-item">热点动态</li>
+                    </a>
+                    <a href="/radios/evaluation">
+                        <li class="subnav-sub-item">产品测评</li>
+                    </a>
+                    <a href="/radios/video">
+                        <li class="subnav-sub-item">视频专题</li>
+                    </a>
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">品牌故事
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <a href="/lichen/run/page/mking">
+                        <li class="subnav-sub-item">猫王故事</li>
+                    </a>
+                    <a href="/lichen/run/page/radiooo">
+                        <li class="subnav-sub-item">RADIOOO故事</li>
+                    </a>
+                    <a href="/lichen/run/page/founder">
+                        <li class="subnav-sub-item">创始人故事</li>
+                    </a>
+                </ul>
+            </div>
+            <a href="/guanyu"><div class="subnav-main-item submenu">联系我们
+            </div></a>
+        </div>
+    </div>
+</header>

elements/radiooo/cn_headerFore_bk.htm

@@ -0,0 +1,70 @@
+<header class="m-header">
+    <a href="http://www.radio1964.com">
+        <div style="display: none;">猫王RADIOOO</div>
+        <div class="header-logo"></div></a>
+    <div class="nav-wrap">
+        <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+            商城
+        </div>
+        <div class="nav-lang">
+            <div class="nav-lang-current">
+                <div class="nav-lang-item">简体</div>
+            </div>
+            <ul class="nav-lang-hidden">
+                <li class="nav-lang-item lang-cn">简体</li>
+                <li class="nav-lang-item lang-gb">繁体</li>
+                <!-- <li class="nav-lang-item lang-en">EN</li> -->
+            </ul>
+        </div>
+        <div class="nav-version">
+            <a href="/maowang">
+                <div class="nav-version-item version-maoking">猫王音响</div>
+            </a>
+            <a href="/radiooo">
+                <div class="nav-version-item version-radiooo nav-version-current">RADIOOO</div>
+            </a>
+            <a href="/pindao">
+                <div class="nav-version-item version-maofm">猫王妙播</div>
+            </a>
+        </div>
+        <div class="nav-menu"></div>
+    </div>
+    <div class="subnav-wrap">
+        <div class="subnav-logo" style="background-image:url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/subnav_logo_ro.jpg')">
+            <div class="subnav-thumb">导航</div>
+        </div>
+        <div class="subnav-main-wrap">
+            <a href="/"><div class="subnav-main-item">首页</div></a>
+            <div class="subnav-main-item submenu">RADIOOO
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <!--{for ($i=0; $i<count($radioooTitle); $i++) {}-->
+                    <a href="/radiooo/find/id/<!--{echo $radioooTitle[$i]['id'];}-->">
+                        <li class="subnav-sub-item">
+                            <!--{echo $radioooTitle[$i]['title'];}-->
+                        </li>
+                    </a>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">品牌博物馆
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上级</li>
+                    <a href="/radiooo/dynamic">
+                        <li class="subnav-sub-item">热点动态</li>
+                    </a>
+                    <a href="/radiooo/evaluation">
+                        <li class="subnav-sub-item">产品测评</li>
+                    </a>
+                    <a href="/radiooo/video">
+                        <li class="subnav-sub-item">视频专题</li>
+                    </a>
+                </ul>
+            </div>
+            <a href="/lichen/run/page/radiooo"><div class="subnav-main-item submenu">品牌故事
+            </div></a>
+            <a href="/guanyu"><div class="subnav-main-item submenu">联系我们
+            </div></a>
+        </div>
+    </div>
+</header>

elements/radiooo/en_footerFore.htm

@@ -0,0 +1,41 @@
+<footer class="footer-wrap">
+	<div class="footer-main-wrap">
+		<!-- <ul class="footer-main-row">
+			<h1 class="footer-main-title">帮助中心</h1>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/guide.php">购物指南</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/payment.php">支付方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/distribution.php">配送方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/sitemap.php">网站导航</li>
+		</ul>
+		<ul class="footer-main-row">
+			<h1 class="footer-main-title">服务支持</h1>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/policy.php">售后政策</li>
+			<li class="footer-main-item"><a href="http://m.kuaidi100.com">快递查询</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/security.php">防伪查询</li>
+		</ul>
+		<ul class="footer-main-row">
+			<h1 class="footer-main-title">关注我们</h1>
+			<li class="footer-main-item"><a href="http://weibo.com/1346452514">新浪微博</a></li>
+			<li class="footer-main-item" onclick="document.getElementById('weixinQr').style.display='block';">官方微信</li>
+		</ul>
+		<div class="footer-contact">
+			<div class="footer-contact-phone">400-850-8199</div>
+			<div class="footer-contact-worktime">周一至周日 9:00-18:00(仅收市话费)</div>
+			<div class="footer-contact-online">
+				<a href="http://p.qiao.baidu.com/cps/chat?siteId=11157139&userId=23495988">在线联系</a>
+			</div>
+		</div> -->
+		<div class="contact-wrap">
+			<!-- <a href=""><div class="contact-icon icon-fb"></div></a> -->
+			<a href="https://twitter.com/Muzenaudio"><div class="contact-icon icon-tw"></div></a>
+			<a href="https://www.instagram.com/Muzen1964/"><div class="contact-icon icon-ins"></div></a>
+		</div>
+	</div>
+	<div class="footer-sub-wrap">
+		<div class="footer-sub-copyright">Copyright © 深圳市云动创想科技有限公司 版权所有 Shenzhen Airsmart Technology Co.,Ltd. All Rights Reserved.粤ICP备15103993号-6</div>
+		<div class="footer-sub-nation">中国</div>
+	</div>
+	<div class="weixin-qr" id="weixinQr" onclick="document.getElementById('weixinQr').style.display='none';">
+		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/weixin_qrcode_ro.jpg">
+	</div>
+</footer>

elements/radiooo/en_headerFore.htm

@@ -0,0 +1,68 @@
+<header class="m-header">
+    <a href="http://www.radio1964.com"><div class="header-logo"></div></a>
+    <div class="nav-wrap">
+       <!--  <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+            商城
+        </div> -->
+        <div class="nav-lang">
+            <div class="nav-lang-current">
+                <div class="nav-lang-item">简体</div>
+            </div>
+            <ul class="nav-lang-hidden">
+                <li class="nav-lang-item lang-cn">简体</li>
+                <li class="nav-lang-item lang-gb">繁体</li>
+                <li class="nav-lang-item lang-en">EN</li>
+            </ul>
+        </div>
+        <div class="nav-version">
+            <a href="/maowang">
+                <div class="nav-version-item version-maoking">MUZEN RADIO</div>
+            </a>
+            <a href="/radiooo">
+                <div class="nav-version-item version-radiooo nav-version-current">RADIOOO</div>
+            </a>
+            <a href="/pindao2">
+                <div class="nav-version-item version-maofm">RADIOOO STATION</div>
+            </a>
+        </div>
+        <div class="nav-menu"></div>
+    </div>
+    <div class="subnav-wrap">
+        <div class="subnav-logo" style="background-image:url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/subnav_logo_ro.jpg')">
+            <div class="subnav-thumb">MENU</div>
+        </div>
+        <div class="subnav-main-wrap">
+            <a href="/"><div class="subnav-main-item">Homepage</div></a>
+            <div class="subnav-main-item submenu">RADIOOO
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">back</li>
+                    <!--{for ($i=0; $i<count($radioooTitle); $i++) {}-->
+                    <a href="/radiooo/find/id/<!--{echo $radioooTitle[$i]['id'];}-->">
+                        <li class="subnav-sub-item">
+                            <!--{echo $radioooTitle[$i]['title'];}-->
+                        </li>
+                    </a>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">World of MUZEN
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">back</li>
+                    <a href="/radiooo/dynamic">
+                        <li class="subnav-sub-item">News and Events</li>
+                    </a>
+                    <a href="/radiooo/evaluation">
+                        <li class="subnav-sub-item">Reviews</li>
+                    </a>
+                    <a href="/radiooo/video">
+                        <li class="subnav-sub-item">Videos</li>
+                    </a>
+                </ul>
+            </div>
+            <a href="/lichen/run/page/radiooo"><div class="subnav-main-item submenu">RADIOOO Stories
+            </div></a>
+            <a href="/guanyu"><div class="subnav-main-item submenu">Contact Us
+            </div></a>
+        </div>
+    </div>
+</header>

elements/radiooo/gb_footerFore.htm

@@ -0,0 +1,36 @@
+<footer class="footer-wrap">
+	<div class="footer-main-wrap">
+		<ul class="footer-main-row">
+			<h2 class="footer-main-title">幫助中心</h2>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/guide.php">購物指南</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/payment.php">支付方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/distribution.php">配送方式</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/sitemap.php">網站導航</li>
+		</ul>
+		<ul class="footer-main-row">
+			<h2 class="footer-main-title">服務支持</h2>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/policy.php">售後政策</li>
+			<li class="footer-main-item"><a href="http://m.kuaidi100.com">快遞查詢</li>
+			<li class="footer-main-item"><a href="http://shop.radio1964.com/security.php">防偽查詢</li>
+		</ul>
+		<ul class="footer-main-row">
+			<h2 class="footer-main-title">關註我們</h2>
+			<li class="footer-main-item"><a href="http://weibo.com/1346452514">新浪微博</a></li>
+			<li class="footer-main-item" onclick="document.getElementById('weixinQr').style.display='block';">官方微信</li>
+		</ul>
+		<div class="footer-contact">
+			<div class="footer-contact-phone">400-850-8199</div>
+			<div class="footer-contact-worktime">周壹至周日 9:00-18:00(僅收市話費)</div>
+			<div class="footer-contact-online">
+				<a href="http://p.qiao.baidu.com/cps/chat?siteId=11157139&userId=23495988">在線聯系</a>
+			</div>
+		</div>
+	</div>
+	<div class="footer-sub-wrap">
+		<div class="footer-sub-copyright">Copyright © 深圳市雲動創想科技有限公司 版權所有 Shenzhen Airsmart Technology Co.,Ltd. All Rights Reserved.粵ICP備15103993號-6</div>
+		<div class="footer-sub-nation">中國</div>
+	</div>
+	<div class="weixin-qr" id="weixinQr" onclick="document.getElementById('weixinQr').style.display='none';">
+		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/weixin_qrcode_ro.jpg">
+	</div>
+</footer>

elements/radiooo/gb_headerFore.htm

@@ -0,0 +1,68 @@
+<header class="m-header">
+    <a href="http://www.radio1964.com"><div class="header-logo"></div></a>
+    <div class="nav-wrap">
+        <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+            商城
+        </div>
+        <div class="nav-lang">
+            <div class="nav-lang-current">
+                <div class="nav-lang-item">繁體</div>
+            </div>
+            <ul class="nav-lang-hidden">
+                <li class="nav-lang-item lang-cn">簡體</li>
+                <li class="nav-lang-item lang-gb">繁體</li>
+                <!-- <li class="nav-lang-item lang-en">EN</li> -->
+            </ul>
+        </div>
+        <div class="nav-version">
+            <a href="/maowang">
+                <div class="nav-version-item version-maoking">貓王收音機</div>
+            </a>
+            <a href="/radiooo">
+                <div class="nav-version-item version-radiooo nav-version-current">RADIOOO</div>
+            </a>
+            <a href="/pindao">
+                <div class="nav-version-item version-maofm">貓王妙播</div>
+            </a>
+        </div>
+        <div class="nav-menu"></div>
+    </div>
+    <div class="subnav-wrap">
+        <div class="subnav-logo" style="background-image:url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/subnav_logo_ro.jpg')">
+            <div class="subnav-thumb">導航</div>
+        </div>
+        <div class="subnav-main-wrap">
+            <a href="/"><div class="subnav-main-item">首頁</div></a>
+            <div class="subnav-main-item submenu">RADIOOO
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上級</li>
+                    <!--{for ($i=0; $i<count($radioooTitle); $i++) {}-->
+                    <a href="/radiooo/find/id/<!--{echo $radioooTitle[$i]['id'];}-->">
+                        <li class="subnav-sub-item">
+                            <!--{echo $radioooTitle[$i]['title'];}-->
+                        </li>
+                    </a>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="subnav-main-item submenu">品牌博物館
+                <ul class="subnav-sub-wrap">
+                    <li class="subnav-sub-back">返回上級</li>
+                    <a href="/radiooo/dynamic">
+                        <li class="subnav-sub-item">熱點動態</li>
+                    </a>
+                    <a href="/radiooo/evaluation">
+                        <li class="subnav-sub-item">產品測評</li>
+                    </a>
+                    <a href="/radiooo/video">
+                        <li class="subnav-sub-item">視頻專題</li>
+                    </a>
+                </ul>
+            </div>
+            <a href="/lichen/run/page/radiooo"><div class="subnav-main-item submenu">品牌故事
+            </div></a>
+            <a href="/guanyu"><div class="subnav-main-item submenu">聯系我們
+            </div></a>
+        </div>
+    </div>
+</header>

fore/about/run.htm

@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>关于我们</title>
+<meta name="description" content="关于我们">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/commonPage.css">
+<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <!--{ echo $header; }-->
+    <div class="m-common">
+        <div class="scroll-bar">
+            <div class="scroll-top">top</div>
+            <div class="scroll-indicator"></div>
+        </div>
+        <div class="content-wrap">
+            <div class="content-height">
+                <div class="top-wrap" style="display:none;"></div>
+                <div class="brand-logo">
+                    <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/about_top.jpg" alt="">
+                </div>
+                <section class="content-section">
+                    <h2 class="content-title"><!--{ echo $aboutData['contact_title']; }--></h2>
+                    <div class="content-text">
+                        <!--{ echo $aboutData['contact']; }-->
+                    </div>
+                    <!--{ foreach($aboutData['position'] as $key => $row){ }-->
+                    <div class="map-wrap">
+                        <div class="map" id="map<!--{echo $key;}-->"></div>
+                        <h3 class="map-title"><!--{ echo $aboutData['position'][$key]['title'] }--></h3>
+                    </div>
+                    <!--{ }}-->
+                </section>
+                <section class="content-section">
+                    <h2 class="content-title"><!--{ echo $aboutData['business_title']; }--></h2>
+                    <div class="content-text">
+                        <!--{ echo $aboutData['business']; }-->
+                    </div>
+                </section>
+                <section class="content-section">
+                    <h2 class="content-title"><!--{ echo $aboutData['client_title']; }--></h2>
+                    <div class="content-text">
+                        <!--{ echo $aboutData['client']; }-->
+                    </div>
+                </section>
+                <br>
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript">
+	//创建和初始化地图函数：
+    function initMap(id, axisX, axisY){
+        createMap(id, axisX, axisY);//创建地图
+        setMapEvent();//设置地图事件
+        addMapControl();//向地图添加控件
+    }
+    
+    //创建地图函数：
+    function createMap(id, axisX, axisY){
+        var map = new BMap.Map(id);//在百度地图容器中创建一个地图
+        var point = new BMap.Point(axisX, axisY);//定义一个中心点坐标
+        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
+        window.map = map;//将map变量存储在全局
+
+        var marker = new BMap.Marker(point);
+        map.addOverlay(marker);
+    }
+    
+    //地图事件设置函数：
+    function setMapEvent(){
+        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
+        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
+        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
+        map.enableKeyboard();//启用键盘上下左右键移动地图
+    }
+    
+    //地图控件添加函数：
+    function addMapControl(){
+
+    }
+    
+    <!--{ foreach($aboutData['position'] as $key => $row){ }-->
+    initMap('map' + <!--{echo $key;}-->, <!--{ echo $aboutData['position'][$key]['long'] }-->, <!--{ echo $aboutData['position'][$key]['lat'] }-->);//创建和初始化地图
+    <!--{ }}-->
+</script>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/commonPageController.js"></script>
+</html>

fore/bowuguan/bowuguan.htm

@@ -0,0 +1,564 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<!--{if ($type == 'evaluation'){}-->
+    <!--{ if ($id != 0){ }-->
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+            <!--{ if ($museData[$i]['id'] == $id){ }-->
+            <title><!--{ echo $museData[$i]['title']; }--></title>
+            <meta name="description" content="<!--{ echo $museData[$i]['content'] }-->">
+            <meta name="keywords" content="<!--{ echo $keyw }-->">
+            <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/evaluation/<!--{ echo $id; }-->.html" />
+            <!--{}}-->
+        <!--{}}-->
+    <!--{}else{ }-->
+        <title>产品测评_猫王收音机_猫王音响 - 猫王官网</title>
+        <meta name="description" content="猫王官网产品测评栏目您提供猫王产品测评、猫王收音机测评、猫王音响测评等信息，根据具体商品的性能、规格、材质、使用寿命、外观等使用价值进行评价的过程。">
+        <meta name="keywords" content="猫王产品测评,猫王收音机测评,猫王音响测评">
+        <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/evaluation" />
+    <!--{}}-->
+<!--{}}-->
+
+<!--{if ($type == 'dynamic'){}-->
+    <!--{ if ($id != 0){ }-->
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+            <!--{ if ($museData[$i]['id'] == $id){ }-->
+            <title><!--{ echo $museData[$i]['title']; }--></title>
+            <meta name="description" content="<!--{ echo $museData[$i]['content'] }-->">
+            <meta name="keywords" content="<!--{ echo $keyw }-->">
+            <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/dynamic/<!--{ echo $id; }-->.html" />
+            <!--{}}-->
+        <!--{}}-->
+    <!--{}else{ }-->
+        <title>热点动态_最新资讯 - 猫王官网</title>
+        <meta name="description" content="猫王官网热点动态栏目为您提供猫王热点动态、猫王最新资讯等信息，喜欢猫王收音机的朋友们来到这里查看阅读,如果你觉得不错的话,发给朋友一起来分享吧。">
+        <meta name="keywords" content="猫王热点动态,猫王最新资讯">
+        <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/dynamic" />
+    <!--{}}-->
+<!--{}}-->
+
+<!--{if ($type == 'video'){}-->
+    <!--{ if ($id != 0){ }-->
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+            <!--{ if ($museData[$i]['id'] == $id){ }-->
+            <title><!--{ echo $museData[$i]['title']; }--></title>
+            <meta name="description" content="<!--{ echo $museData[$i]['content'] }-->">
+            <meta name="keywords" content="<!--{ echo $keyw }-->">
+            <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/video/<!--{ echo $id; }-->.html" />
+            <!--{}}-->
+        <!--{}}-->
+    <!--{}else{ }-->
+        <title>视频专题_猫王收音机_猫王音响 - 猫王官网</title>
+        <meta name="description" content="猫王官网产品测评栏目您提供猫王视频专题、猫王收音机视频专题、猫王音响视频专题等信息，有时听听或许能有不一样的新鲜感,不仅可以收听到来自不同电台的音乐还能听出不一样的时代。">
+        <meta name="keywords" content="猫王视频专题,猫王收音机视频专题,猫王音响视频专题">
+        <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/video" />
+    <!--{}}-->
+<!--{}}-->
+
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/museumPage.css">
+<style type="text/css">
+    <!--{if ($type == 'evaluation'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/review_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($type == 'dynamic'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/hotspots_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($type == 'video'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/video_bg.jpg');
+    }
+    .section-wrap {
+        padding: 0;
+    }
+    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    .section-wrap:nth-child(<!--{ echo $i+1; }-->) .section-videoplay {
+        /*background: url(<!--{ echo $museData[$i]['video_img']; }-->) no-repeat center center;
+        background-size: cover;*/
+    }
+    <!--{}}-->
+    <!--{}}-->
+    
+    /*@media (max-device-width: 1081px) {
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+        .section-wrap:nth-child(<!--{echo $i+1 }-->) {
+            background-image: url(<!--{ echo $museData[$i]['icon']; }-->);
+        }
+        <!--{}}-->
+    }*/
+</style>
+<script src="/static/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <!--{ echo $header; }-->
+    <div class="m-museum">
+    	<div class="museum-wrap">
+            <!--{if ($type == 'video'){}-->
+                
+                <div class="section-row">
+                <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 0) {}-->
+            		<div class="section-wrap mb-video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <a href=""></a>
+            			<div class="alpha-layer"></div>
+                        <div class="section-text">
+            				<h1 class="section-date mb-display-toggle" style="display:none;">
+        	    				<!--{ echo $museData[$i]['gotime']; }-->
+        	    			</h1>
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }--></h2>
+                            <p class="section-content mb-display-toggle" style="text-align:left;">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <div class="section-videoplay">
+                                <img src="<!--{ echo $museData[$i]['video_img']; }-->" alt="<!--{ echo $museData[$i]['video_img_alt']; }-->"></img>
+                                <div class="btn-videoplay"></div>
+                            </div>
+            			</div>
+            			<div class="btn-details-show"></div>
+            			<div class="btn-details-hide"></div>
+            		</div>
+                    <!--{}}-->
+                <!--{}}-->
+                </div>
+
+                <div class="section-row">
+                <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 1) {}-->
+                    <div class="section-wrap mb-video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <div class="alpha-layer"></div>
+                        <div class="section-text">
+                            <h1 class="section-date mb-display-toggle" style="display:none;">
+                                <!--{ echo $museData[$i]['gotime']; }-->
+                            </h1>
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }--></h2>
+                            <p class="section-content mb-display-toggle" style="text-align:left;">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <div class="section-videoplay">
+                                <img src="<!--{ echo $museData[$i]['video_img']; }-->" alt="<!--{ echo $museData[$i]['video_img_alt']; }-->"></img>
+                                <div class="btn-videoplay"></div>
+                            </div>
+                        </div>
+                        <div class="btn-details-show"></div>
+                        <div class="btn-details-hide"></div>
+                    </div>
+                    <!--{}}-->
+                <!--{}}-->
+                </div>
+
+                <div class="section-row">
+                <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 2) {}-->
+                    <div class="section-wrap mb-video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <div class="alpha-layer"></div>
+                        <div class="section-text">
+                            <h1 class="section-date mb-display-toggle" style="display:none;">
+                                <!--{ echo $museData[$i]['gotime']; }-->
+                            </h1>
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }--></h2>
+                            <p class="section-content mb-display-toggle" style="text-align:left;">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <div class="section-videoplay">
+                                <img src="<!--{ echo $museData[$i]['video_img']; }-->" alt="<!--{ echo $museData[$i]['video_img_alt']; }-->"></img>
+                                <div class="btn-videoplay"></div>
+                            </div>
+                        </div>
+                        <div class="btn-details-show"></div>
+                        <div class="btn-details-hide"></div>
+                    </div>
+                    <!--{}}-->
+                <!--{}}-->
+                </div>
+
+            <!--{}else{}-->
+
+                <!--{ $row1 = count($museData)/3; }-->
+                <!--{ $row2 = count($museData)*2/3; }-->
+                
+                <!--{ if ($id == 0){ }-->
+                    <div class="section-row">
+                    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 0) {}-->
+                    <a href="/<!--{ echo $page; }-->/<!--{ echo $type; }-->/<!--{ echo $museData[$i]['id']; }-->.html">
+                    <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <div class="alpha-layer"></div>
+                        <div class="section-img">
+                            <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="<!--{ echo $museData[$i]['icon_alt']; }-->">
+                        </div>
+                        <div class="section-text">
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                            </h2>
+                            <p class="section-content">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <p class="section-date">
+                                <!--{ echo $museData[$i]['gotime']; }-->
+                            </p>
+                        </div>
+                        <div class="btn-details-show"></div>
+                        <div class="btn-details-hide"></div>
+                    </div>
+                    </a>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </div>
+
+                    <div class="section-row">
+                    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 1) {}-->
+                    <a href="/<!--{ echo $page; }-->/<!--{ echo $type; }-->/<!--{ echo $museData[$i]['id']; }-->.html">
+                    <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <div class="alpha-layer"></div>
+                        <div class="section-img">
+                            <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="<!--{ echo $museData[$i]['icon_alt']; }-->">
+                        </div>
+                        <div class="section-text">
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                            </h2>
+                            <p class="section-content">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <p class="section-date">
+                                <!--{ echo $museData[$i]['gotime']; }-->
+                            </p>
+                        </div>
+                        <div class="btn-details-show"></div>
+                        <div class="btn-details-hide"></div>
+                    </div>
+                    </a>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </div>
+
+                    <div class="section-row">
+                    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 2) {}-->
+                    <a href="/<!--{ echo $page; }-->/<!--{ echo $type; }-->/<!--{ echo $museData[$i]['id']; }-->.html">
+                    <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <div class="alpha-layer"></div>
+                        <div class="section-img">
+                            <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="<!--{ echo $museData[$i]['icon_alt']; }-->">
+                        </div>
+                        <div class="section-text">
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                            </h2>
+                            <p class="section-content">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <p class="section-date">
+                                <!--{ echo $museData[$i]['gotime']; }-->
+                            </p>
+                        </div>
+                        <div class="btn-details-show"></div>
+                        <div class="btn-details-hide"></div>
+                    </div>
+                    </a>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </div>
+                <!--{ }else{ }-->
+                    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                        <!--{if ($i == 0){}-->
+                        <div class="section-row section-block">
+                        <!--{}}-->
+
+                        <!--{if ($i == ceil($row1)){}-->
+                        </div>
+                        <div class="section-row section-block">
+                        <!--{}}-->
+
+                        <!--{if ($i == ceil($row2)){}-->
+                        </div>
+                        <div class="section-row section-block">
+                        <!--{}}-->
+                        
+                        <a href="/<!--{ echo $page; }-->/<!--{ echo $type; }-->/<!--{ echo $museData[$i]['id']; }-->.html">
+                        <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                            <div class="alpha-layer"></div>
+                            <div class="section-img">
+                                <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="<!--{ echo $museData[$i]['icon_alt']; }-->">
+                            </div>
+                            <div class="section-text">
+                                <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                                </h2>
+                                <p class="section-content">
+                                    <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                                </p>
+                                <p class="section-date">
+                                    <!--{ echo $museData[$i]['gotime']; }-->
+                                </p>
+                            </div>
+                            <div class="btn-details-show"></div>
+                            <div class="btn-details-hide"></div>
+                        </div>
+                        </a>
+
+                        <!--{if ($i == count($museData) - 1){}-->
+                        </div>
+                        <!--{}}-->
+                    <!--{}}-->
+                <!--{}}-->
+            <!--{}}-->
+    	</div>
+        <!--{if ($type != 'video'){}-->
+    	<div class="details-wrap">
+            <!--{ if ($id != 0){ }-->
+                <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{ if ($museData[$i]['id'] == $id){ }-->
+            		<div class="details-section" data-id="<!--{ echo $museData[$i]['id']; }-->" style="display:block;">
+            			<h2 class="details-title">
+            				<!--{ echo $museData[$i]['title']; }-->
+            			</h2>
+            			<p class="details-message">
+                            作者：<!--{ echo $museData[$i]['author']; }--> 
+                            发表时间：<!--{ echo $museData[$i]['gotime']; }--> 
+                            阅览：<!--{ echo $museData[$i]['views']; }-->次
+            			</p>
+                        <!--{ for($j=0;$j<count($museData[$i]['imgContent']);$j++){ }-->
+            			<div class="details-content">
+            				<span>
+                                <!--{ $str = $museData[$i]['imgContent'][$j]; echo htmlspecialchars_decode($str) }-->
+            				</span>
+            			</div>
+                        <!--{ } }-->
+                        <div class="btn-close">+</div>
+            		</div>
+                    <!--{ } }-->
+                <!--{ } }-->
+            <!--{ } }-->
+    	</div>
+        <!--{ } }-->
+
+        <!--{if ($type == 'video'){}-->
+    	<div class="video-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    		<div class="video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+    			<video class="video-item" src="<!--{ echo $museData[$i]['video']; }-->" controls="true"></video>
+    			<div class="btn-close">+</div>
+    		</div>
+            <!--{ } }-->
+    	</div>
+        <!--{ } }-->
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript">
+    <!--{if ($type != 'video'){}-->
+	// 文字页面的处理函数
+	var textTypeHandler = function (wrapEl) {
+
+        $(document).ready(function () {
+            // var id = location.hash;
+            var id = TD.util.getQuery('id');
+            var sectionArr = $('.section-wrap');
+
+            var viewCount = function (id) {
+                var readedStr = '';
+
+                if (localStorage.getItem('readed')) {
+                    readedStr = localStorage.getItem('readed');
+                }
+
+                if(readedStr.match(id.toString()) !== null) {
+                    return;
+                } else {
+                    readedStr = readedStr + id + ',';
+
+                    localStorage.setItem('readed',readedStr);
+
+                    TD.ajax({
+                        type: 'GET',
+                        url: '/index/museum/view',
+                        data: {
+                            id: id
+                        },
+                        success: function (res) {
+                            console.log(res);
+                            return res;
+                        },
+                        error: function (data) {
+                            console.log(data);
+                            return 0;
+                        }
+                    })
+                }
+            }
+
+            sectionArr.each(function (ele) {
+                if ($(this).data('id').toString() === id) {
+                    // $(this).find('.btn-details-show').click();
+                    viewCount(id);
+                }
+            })
+        });
+
+		// $('.btn-details-show').on('click', function () {
+  //           var viewCount = function () {
+  //               var id;
+  //               if (wrapEl.data('id') !== 'undefined') {
+  //                   id = wrapEl.data('id');
+  //               } else {
+  //                   id = -1;
+  //               }
+
+  //               var readedStr = '';
+
+  //               if (localStorage.getItem('readed')) {
+  //                   readedStr = localStorage.getItem('readed');
+  //               }
+
+  //               if(readedStr.match(id.toString()) !== null) {
+  //                   return;
+  //               } else {
+  //                   readedStr = readedStr + id + ',';
+
+  //                   localStorage.setItem('readed',readedStr);
+
+  //                   TD.ajax({
+  //                       type: 'GET',
+  //                       url: '/index/museum/view',
+  //                       data: {
+  //                           id: id
+  //                       },
+  //                       success: function (res) {
+  //                           console.log(res);
+  //                           return res;
+  //                       },
+  //                       error: function (data) {
+  //                           console.log(data);
+  //                           return 0;
+  //                       }
+  //                   })
+  //               }
+  //           }
+
+  //           var id;
+  //           var wrapEl = $(this).parent();
+
+  //           if (wrapEl.data('id') !== 'undefined') {
+  //               id = wrapEl.data('id');
+  //           } else {
+  //               id = -1;
+  //           }
+
+  //           viewCount(wrapEl);
+
+  //           var hashHandler = function () {
+  //               var id;
+
+  //               if (wrapEl.data('id') !== 'undefined') {
+  //                   id = wrapEl.data('id');
+  //               } else {
+  //                   id = -1;
+  //               }
+                
+  //               var newUrl = '/<!--{ echo $page; }-->/<!--{ echo $type; }-->/' + id + '.html';
+  //               location.href = newUrl;
+  //           }
+
+  //           hashHandler();
+		// });
+
+        $('.details-wrap .btn-close').on('click', function () {
+            var index = $(this).parent().index();
+
+            $(this).parent().fadeOut(300);
+         
+            $('.section-row').removeClass('section-block');
+        })
+	}
+
+    textTypeHandler();
+    <!--{}}-->
+
+    <!--{if ($type == 'video'){}-->
+	// 视频页面的处理函数
+	var videoTypeHandler = function () {
+		$('.details-wrap') && $('.details-wrap').hide();
+		$('.btn-details-show').hide();
+
+		$('.section-videoplay').on('click', function () {
+            var id;
+            var wrapEl = $(this).parent().parent();
+
+            if (wrapEl.data('id') !== 'undefined') {
+                id = wrapEl.data('id');
+            } else {
+                id = -1;
+            }
+
+            $('.video-section').each(function (ele) {
+                if ($(this).data('id') === id) {
+                    $(this).fadeIn(300);
+
+                    var videoEl = $(this).find('.video-item')[0];
+                    videoEl.currentTime = 0;
+                    videoEl.play();
+                }
+            });
+		})
+
+        if (document.documentElement.clientWidth <= 1080) {
+            $('.section-wrap').on('click', function () {
+                var id;
+                var wrapEl = $(this).parent().parent();
+
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                $('.video-section').each(function (ele) {
+                    if ($(this).data('id') === id) {
+                        $(this).fadeIn(300);
+                        
+                        var videoEl = $(this).find('.video-item')[0];
+                        videoEl.currentTime = 0;
+                        videoEl.play();
+                    }
+                });
+            })
+        }
+
+		$('.video-section').on('click', function (event) {
+			var evt = event || window.event;
+			var target = evt.target || evt.srcElement;
+
+			if (target.nodeName.toLowerCase() === 'video') {
+				console.log('video');
+				return;
+			}
+
+			$(this).find('.video-item')[0].pause();
+			$(this).fadeOut(300);
+		})
+	}
+
+	videoTypeHandler();
+    <!--{}}-->
+</script>
+</html>

fore/bowuguan/bowuguan_bk.htm

@@ -0,0 +1,480 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<!--{if ($type == 'evaluation'){}-->
+<title>产品测评_猫王收音机_猫王音响 - 猫王官网</title>
+<meta name="description" content="猫王官网产品测评栏目您提供猫王产品测评、猫王收音机测评、猫王音响测评等信息，根据具体商品的性能、规格、材质、使用寿命、外观等使用价值进行评价的过程。">
+<meta name="keywords" content="猫王产品测评,猫王收音机测评,猫王音响测评">
+<link rel="canonical" href="https://www.radio1964.com/bowuguan/run/page/<!--{ echo $page; }-->/type/evaluation" />
+<!--{}}-->
+<!--{if ($type == 'dynamic'){}-->
+<title>热点动态_最新资讯 - 猫王官网</title>
+<meta name="description" content="猫王官网热点动态栏目为您提供猫王热点动态、猫王最新资讯等信息，喜欢猫王收音机的朋友们来到这里查看阅读,如果你觉得不错的话,发给朋友一起来分享吧。">
+<meta name="keywords" content="猫王热点动态,猫王最新资讯">
+<link rel="canonical" href="https://www.radio1964.com/bowuguan/run/page/<!--{ echo $page; }-->/type/dynamic" />
+<!--{}}-->
+<!--{if ($type == 'video'){}-->
+<title>视频专题_猫王收音机_猫王音响 - 猫王官网</title>
+<meta name="description" content="猫王官网产品测评栏目您提供猫王视频专题、猫王收音机视频专题、猫王音响视频专题等信息，有时听听或许能有不一样的新鲜感,不仅可以收听到来自不同电台的音乐还能听出不一样的时代。">
+<meta name="keywords" content="猫王视频专题,猫王收音机视频专题,猫王音响视频专题">
+<link rel="canonical" href="https://www.radio1964.com/bowuguan/run/page/<!--{ echo $page; }-->/type/video" />
+<!--{}}-->
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/museumPage.css">
+<style type="text/css">
+    <!--{if ($type == 'evaluation'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/review_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($type == 'dynamic'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/hotspots_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($type == 'video'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/video_bg.jpg');
+    }
+    .section-wrap {
+        padding: 0;
+    }
+    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    .section-wrap:nth-child(<!--{ echo $i+1; }-->) .section-videoplay {
+        /*background: url(<!--{ echo $museData[$i]['video_img']; }-->) no-repeat center center;
+        background-size: cover;*/
+    }
+    <!--{}}-->
+    <!--{}}-->
+    
+    /*@media (max-device-width: 1081px) {
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+        .section-wrap:nth-child(<!--{echo $i+1 }-->) {
+            background-image: url(<!--{ echo $museData[$i]['icon']; }-->);
+        }
+        <!--{}}-->
+    }*/
+</style>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <!--{ echo $header; }-->
+    <div class="m-museum">
+    	<div class="museum-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+            <!--{if ($type == 'video'){}-->
+
+            <!--{ $row1 = count($museData)/3; }-->
+            <!--{ $row2 = count($museData)*2/3; }-->
+
+
+
+            <!--{if ($i == 0){}-->
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row1)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row2)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+    		<div class="section-wrap mb-video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+    			<div class="alpha-layer"></div>
+                <div class="section-text">
+    				<h1 class="section-date mb-display-toggle" style="display:none;">
+	    				<!--{ echo $museData[$i]['gotime']; }-->
+	    			</h1>
+                    <h2 class="section-title"><!--{ echo $museData[$i]['title']; }--></h2>
+                    <p class="section-content mb-display-toggle" style="text-align:left;">
+                        <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                    </p>
+                    <div class="section-videoplay">
+                        <img src="<!--{ echo $museData[$i]['video_img']; }-->"></img>
+                        <div class="btn-videoplay"></div>
+                    </div>
+    			</div>
+    			<div class="btn-details-show"></div>
+    			<div class="btn-details-hide"></div>
+    		</div>
+
+            <!--{if ($i == count($museData) - 1){}-->
+            </div>
+            <!--{}}-->
+
+            <!--{}else{}-->
+
+            <!--{ $row1 = count($museData)/3; }-->
+            <!--{ $row2 = count($museData)*2/3; }-->
+
+            <!--{if ($i == 0){}-->
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row1)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row2)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+            <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                <div class="alpha-layer"></div>
+                <div class="section-img">
+                    <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="">
+                </div>
+                <div class="section-text">
+                    <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                    </h2>
+                    <p class="section-content">
+                        <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                    </p>
+                    <p class="section-date">
+                        <!--{ echo $museData[$i]['gotime']; }-->
+                    </p>
+                </div>
+                <div class="btn-details-show"></div>
+                <div class="btn-details-hide"></div>
+            </div>
+
+            <!--{if ($i == count($museData) - 1){}-->
+            </div>
+            <!--{}}-->
+
+            <!--{}}-->
+            <!--{}}-->
+    	</div>
+        <!--{if ($type != 'video'){}-->
+    	<div class="details-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    		<div class="details-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+    			<h2 class="details-title">
+    				<!--{ echo $museData[$i]['title']; }-->
+    			</h2>
+    			<p class="details-message">
+                    作者：<!--{ echo $museData[$i]['author']; }--> 
+                    发表时间：<!--{ echo $museData[$i]['gotime']; }--> 
+                    阅览：<!--{ echo $museData[$i]['views']; }-->次
+    			</p>
+                <!--{ for($j=0;$j<count($museData[$i]['imgContent']);$j++){ }-->
+    			<div class="details-content">
+    				<span>
+                        <!--{ $str = $museData[$i]['imgContent'][$j]; echo htmlspecialchars_decode($str) }-->
+    				</span>
+    			</div>
+                <!--{ } }-->
+                <div class="btn-close">+</div>
+    		</div>
+            <!--{ } }-->
+    	</div>
+        <!--{ } }-->
+        <!--{if ($type == 'video'){}-->
+    	<div class="video-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    		<div class="video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+    			<video class="video-item" src="<!--{ echo $museData[$i]['video']; }-->" controls="true"></video>
+    			<div class="btn-close">+</div>
+    		</div>
+            <!--{ } }-->
+    	</div>
+        <!--{ } }-->
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+
+<script type="text/javascript">
+    <!--{if ($type != 'video'){}-->
+	// 文字页面的处理函数
+	var textTypeHandler = function (wrapEl) {
+
+        $(document).ready(function () {
+            var id = location.hash;
+            var sectionArr = $('.section-wrap');
+
+            sectionArr.each(function (ele) {
+                if ('#' + $(this).data('id').toString() === id) {
+                    $(this).find('.btn-details-show').click();
+                }
+            })
+
+        });
+
+		$('.btn-details-show').on('click', function () {
+            var viewCount = function () {
+                var id;
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                var readedStr = '';
+
+                if (localStorage.getItem('readed')) {
+                    readedStr = localStorage.getItem('readed');
+                }
+
+                if(readedStr.match(id.toString()) !== null) {
+                    return;
+                } else {
+                    readedStr = readedStr + id + ',';
+
+                    localStorage.setItem('readed',readedStr);
+
+                    TD.ajax({
+                        type: 'GET',
+                        url: '/index/museum/view',
+                        data: {
+                            id: id
+                        },
+                        success: function (res) {
+                            console.log(res);
+                            return res;
+                        },
+                        error: function (data) {
+                            console.log(data);
+                            return 0;
+                        }
+                    })
+                }
+            }
+
+            // var index = $(this).parent().index();
+            var id;
+            var wrapEl = $(this).parent();
+
+            if (wrapEl.data('id') !== 'undefined') {
+                id = wrapEl.data('id');
+            } else {
+                id = -1;
+            }
+
+            // 移动端则不需要继续处理
+            if (document.documentElement.clientWidth <= 1080) {
+                // $('.details-section:nth-child(' + (index+1) + ')').fadeIn(300);
+                $('.details-section').each(function (ele) {
+                    if ($(this).data('id') === id) {
+                        $(this).fadeIn(300);
+                    }
+                });
+                return;
+            }
+
+			// 位于左边不动，位于右边则先移动到左边
+			// if (index%2 === 1) {
+			// 	// 隐藏左边文章
+			// 	$('.section-wrap:nth-child(' + index + ')').fadeOut(300);
+			// 	wrapEl.animate({
+			// 		left: '-46%'
+			// 	}, 300, function () {
+			// 		wrapEl.css('left', 0);
+			// 	})
+			// }
+
+			//wrapEl.children('.btn-details-show').hide();
+			//wrapEl.children('.btn-details-hide').show();
+
+			// wrapEl.find('img').css('transform', 'scale(0.75)');
+
+            $('.details-section').each(function () {
+                if ($(this).css('display') === 'block') {
+                    $(this).fadeOut(300);
+                }
+            });
+
+			// $('.details-section:nth-child(' + (index+1) + ')').fadeIn(300);
+            $('.details-section').each(function (ele) {
+                if ($(this).data('id') === id) {
+                    console.log($(this).data('id'))
+                    $(this).fadeIn(300);
+                }
+            })
+
+            // $('.section-wrap').addClass('section-block');
+            $('.section-row').addClass('section-block');
+
+            viewCount(wrapEl);
+
+            var hashHandler = function () {
+                var id;
+
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                location.hash = id;
+            }
+
+            hashHandler();
+		});
+
+		// $('.btn-details-hide').on('click', function () {
+		// 	var index = $(this).parent().index();
+		// 	var wrapEl = $(this).parent();
+
+		// 	if (index%2 === 1) {
+		// 		// 恢复左边文章
+		// 		$('.section-wrap:nth-child(' + index + ')').fadeIn(300);
+		// 		wrapEl.css('left', '-46%');
+		// 		wrapEl.animate({
+		// 			left: '0'
+		// 		}, 300, function () {
+		// 			// wrapEl.css('left', 0);
+		// 		})
+		// 	}
+			
+		// 	wrapEl.children('.btn-details-hide').hide();
+		// 	wrapEl.children('.btn-details-show').show();
+
+		// 	wrapEl.find('img').css('transform', 'scale(1)');
+
+		// 	$('.details-section:nth-child(' + (index+1) + ')').fadeOut(300);
+		// })
+
+        $('.details-wrap .btn-close').on('click', function () {
+            var index = $(this).parent().index();
+
+            $(this).parent().fadeOut(300);
+            // $('.details-section').each(function () {
+            //     if ($(this).css('display') === 'block') {
+            //         $(this).fadeOut(300);
+            //     }
+            // });
+
+            // $('.section-wrap').removeClass('section-block');
+            $('.section-row').removeClass('section-block');
+            location.hash = '';
+        })
+	}
+
+    textTypeHandler();
+    <!--{}}-->
+
+    <!--{if ($type == 'video'){}-->
+	// 视频页面的处理函数
+	var videoTypeHandler = function () {
+		// $('.btn-play').show();
+		$('.details-wrap') && $('.details-wrap').hide();
+		$('.btn-details-show').hide();
+
+        // $('.section-videoplay').hover(function () {
+        //     $(this).css('opacity', 0.6);
+        // },function () {
+        //     $(this).css('opacity', 1);
+        // })
+		$('.section-videoplay').on('click', function () {
+            var id;
+            var wrapEl = $(this).parent().parent();
+
+            if (wrapEl.data('id') !== 'undefined') {
+                id = wrapEl.data('id');
+            } else {
+                id = -1;
+            }
+
+            $('.video-section').each(function (ele) {
+                if ($(this).data('id') === id) {
+                    $(this).fadeIn(300);
+
+                    var videoEl = $(this).find('.video-item')[0];
+                    videoEl.currentTime = 0;
+                    videoEl.play();
+                }
+            });
+
+			// var index = $(this).parent().parent().index();
+
+			// var videoSectionEl = $('.video-section:nth-child(' + (index+1) + ')');
+			// var videoEl = videoSectionEl.find('.video-item')[0];
+
+			// videoSectionEl.fadeIn(300);
+			// videoEl.currentTime = 0;
+			// videoEl.play();
+		})
+
+        if (document.documentElement.clientWidth <= 1080) {
+            $('.section-wrap').on('click', function () {
+                var id;
+                var wrapEl = $(this).parent().parent();
+
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                $('.video-section').each(function (ele) {
+                    if ($(this).data('id') === id) {
+                        $(this).fadeIn(300);
+                        
+                        var videoEl = $(this).find('.video-item')[0];
+                        videoEl.currentTime = 0;
+                        videoEl.play();
+                    }
+                });
+
+                // var index = $(this).parent().index();
+
+                // var videoSectionEl = $('.video-section:nth-child(' + (index+1) + ')');
+                // var videoEl = videoSectionEl.find('.video-item')[0];
+
+                // videoSectionEl.fadeIn(300);
+                // videoEl.currentTime = 0;
+                // videoEl.play();
+            })
+        }
+
+		$('.video-section').on('click', function (event) {
+			var evt = event || window.event;
+			var target = evt.target || evt.srcElement;
+
+			if (target.nodeName.toLowerCase() === 'video') {
+				console.log('video');
+				return;
+			}
+
+			$(this).find('.video-item')[0].pause();
+			$(this).fadeOut(300);
+		})
+	}
+
+	videoTypeHandler();
+    <!--{}}-->
+</script>
+</html>

fore/bowuguan/bowuguan_bk0321.htm

@@ -0,0 +1,553 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<!--{if ($type == 'evaluation'){}-->
+    <!--{ if ($id != 0){ }-->
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+            <!--{ if ($museData[$i]['id'] == $id){ }-->
+            <title><!--{ echo $museData[$i]['title']; }--></title>
+            <meta name="description" content="<!--{ echo $museData[$i]['content'] }-->">
+            <meta name="keywords" content="<!--{ echo $keyw }-->">
+            <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/evaluation/<!--{ echo $id; }-->.html" />
+            <!--{}}-->
+        <!--{}}-->
+    <!--{}else{ }-->
+        <title>产品测评_猫王收音机_猫王音响 - 猫王官网</title>
+        <meta name="description" content="猫王官网产品测评栏目您提供猫王产品测评、猫王收音机测评、猫王音响测评等信息，根据具体商品的性能、规格、材质、使用寿命、外观等使用价值进行评价的过程。">
+        <meta name="keywords" content="猫王产品测评,猫王收音机测评,猫王音响测评">
+        <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/evaluation" />
+    <!--{}}-->
+<!--{}}-->
+
+<!--{if ($type == 'dynamic'){}-->
+    <!--{ if ($id != 0){ }-->
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+            <!--{ if ($museData[$i]['id'] == $id){ }-->
+            <title><!--{ echo $museData[$i]['title']; }--></title>
+            <meta name="description" content="<!--{ echo $museData[$i]['content'] }-->">
+            <meta name="keywords" content="<!--{ echo $keyw }-->">
+            <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/dynamic/<!--{ echo $id; }-->.html" />
+            <!--{}}-->
+        <!--{}}-->
+    <!--{}else{ }-->
+        <title>热点动态_最新资讯 - 猫王官网</title>
+        <meta name="description" content="猫王官网热点动态栏目为您提供猫王热点动态、猫王最新资讯等信息，喜欢猫王收音机的朋友们来到这里查看阅读,如果你觉得不错的话,发给朋友一起来分享吧。">
+        <meta name="keywords" content="猫王热点动态,猫王最新资讯">
+        <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/dynamic" />
+    <!--{}}-->
+<!--{}}-->
+
+<!--{if ($type == 'video'){}-->
+    <!--{ if ($id != 0){ }-->
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+            <!--{ if ($museData[$i]['id'] == $id){ }-->
+            <title><!--{ echo $museData[$i]['title']; }--></title>
+            <meta name="description" content="<!--{ echo $museData[$i]['content'] }-->">
+            <meta name="keywords" content="<!--{ echo $keyw }-->">
+            <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/video/<!--{ echo $id; }-->.html" />
+            <!--{}}-->
+        <!--{}}-->
+    <!--{}else{ }-->
+        <title>视频专题_猫王收音机_猫王音响 - 猫王官网</title>
+        <meta name="description" content="猫王官网产品测评栏目您提供猫王视频专题、猫王收音机视频专题、猫王音响视频专题等信息，有时听听或许能有不一样的新鲜感,不仅可以收听到来自不同电台的音乐还能听出不一样的时代。">
+        <meta name="keywords" content="猫王视频专题,猫王收音机视频专题,猫王音响视频专题">
+        <link rel="canonical" href="https://www.radio1964.com/<!--{ echo $page; }-->/video" />
+    <!--{}}-->
+<!--{}}-->
+
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/museumPage.css">
+<style type="text/css">
+    <!--{if ($type == 'evaluation'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/review_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($type == 'dynamic'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/hotspots_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($type == 'video'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/video_bg.jpg');
+    }
+    .section-wrap {
+        padding: 0;
+    }
+    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    .section-wrap:nth-child(<!--{ echo $i+1; }-->) .section-videoplay {
+        /*background: url(<!--{ echo $museData[$i]['video_img']; }-->) no-repeat center center;
+        background-size: cover;*/
+    }
+    <!--{}}-->
+    <!--{}}-->
+    
+    /*@media (max-device-width: 1081px) {
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+        .section-wrap:nth-child(<!--{echo $i+1 }-->) {
+            background-image: url(<!--{ echo $museData[$i]['icon']; }-->);
+        }
+        <!--{}}-->
+    }*/
+</style>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <!--{ echo $header; }-->
+    <div class="m-museum">
+    	<div class="museum-wrap">
+            <!--{if ($type == 'video'){}-->
+                
+                <div class="section-row">
+                <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 0) {}-->
+            		<div class="section-wrap mb-video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+            			<div class="alpha-layer"></div>
+                        <div class="section-text">
+            				<h1 class="section-date mb-display-toggle" style="display:none;">
+        	    				<!--{ echo $museData[$i]['gotime']; }-->
+        	    			</h1>
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }--></h2>
+                            <p class="section-content mb-display-toggle" style="text-align:left;">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <div class="section-videoplay">
+                                <img src="<!--{ echo $museData[$i]['video_img']; }-->" alt="<!--{ echo $museData[$i]['video_img_alt']; }-->"></img>
+                                <div class="btn-videoplay"></div>
+                            </div>
+            			</div>
+            			<div class="btn-details-show"></div>
+            			<div class="btn-details-hide"></div>
+            		</div>
+                    <!--{}}-->
+                <!--{}}-->
+                </div>
+
+                <div class="section-row">
+                <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 1) {}-->
+                    <div class="section-wrap mb-video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <div class="alpha-layer"></div>
+                        <div class="section-text">
+                            <h1 class="section-date mb-display-toggle" style="display:none;">
+                                <!--{ echo $museData[$i]['gotime']; }-->
+                            </h1>
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }--></h2>
+                            <p class="section-content mb-display-toggle" style="text-align:left;">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <div class="section-videoplay">
+                                <img src="<!--{ echo $museData[$i]['video_img']; }-->" alt="<!--{ echo $museData[$i]['video_img_alt']; }-->"></img>
+                                <div class="btn-videoplay"></div>
+                            </div>
+                        </div>
+                        <div class="btn-details-show"></div>
+                        <div class="btn-details-hide"></div>
+                    </div>
+                    <!--{}}-->
+                <!--{}}-->
+                </div>
+
+                <div class="section-row">
+                <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 2) {}-->
+                    <div class="section-wrap mb-video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <div class="alpha-layer"></div>
+                        <div class="section-text">
+                            <h1 class="section-date mb-display-toggle" style="display:none;">
+                                <!--{ echo $museData[$i]['gotime']; }-->
+                            </h1>
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }--></h2>
+                            <p class="section-content mb-display-toggle" style="text-align:left;">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <div class="section-videoplay">
+                                <img src="<!--{ echo $museData[$i]['video_img']; }-->" alt="<!--{ echo $museData[$i]['video_img_alt']; }-->"></img>
+                                <div class="btn-videoplay"></div>
+                            </div>
+                        </div>
+                        <div class="btn-details-show"></div>
+                        <div class="btn-details-hide"></div>
+                    </div>
+                    <!--{}}-->
+                <!--{}}-->
+                </div>
+
+            <!--{}else{}-->
+
+                <!--{ $row1 = count($museData)/3; }-->
+                <!--{ $row2 = count($museData)*2/3; }-->
+                
+                <!--{ if ($id == 0){ }-->
+                    <div class="section-row">
+                    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 0) {}-->
+                    <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <div class="alpha-layer"></div>
+                        <div class="section-img">
+                            <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="<!--{ echo $museData[$i]['icon_alt']; }-->">
+                        </div>
+                        <div class="section-text">
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                            </h2>
+                            <p class="section-content">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <p class="section-date">
+                                <!--{ echo $museData[$i]['gotime']; }-->
+                            </p>
+                        </div>
+                        <div class="btn-details-show"></div>
+                        <div class="btn-details-hide"></div>
+                    </div>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </div>
+
+                    <div class="section-row">
+                    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 1) {}-->
+                    <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <div class="alpha-layer"></div>
+                        <div class="section-img">
+                            <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="<!--{ echo $museData[$i]['icon_alt']; }-->">
+                        </div>
+                        <div class="section-text">
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                            </h2>
+                            <p class="section-content">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <p class="section-date">
+                                <!--{ echo $museData[$i]['gotime']; }-->
+                            </p>
+                        </div>
+                        <div class="btn-details-show"></div>
+                        <div class="btn-details-hide"></div>
+                    </div>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </div>
+
+                    <div class="section-row">
+                    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{if ($i%3 == 2) {}-->
+                    <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                        <div class="alpha-layer"></div>
+                        <div class="section-img">
+                            <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="<!--{ echo $museData[$i]['icon_alt']; }-->">
+                        </div>
+                        <div class="section-text">
+                            <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                            </h2>
+                            <p class="section-content">
+                                <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                            </p>
+                            <p class="section-date">
+                                <!--{ echo $museData[$i]['gotime']; }-->
+                            </p>
+                        </div>
+                        <div class="btn-details-show"></div>
+                        <div class="btn-details-hide"></div>
+                    </div>
+                    <!--{}}-->
+                    <!--{}}-->
+                    </div>
+                <!--{ }else{ }-->
+                    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                        <!--{if ($i == 0){}-->
+                        <div class="section-row section-block">
+                        <!--{}}-->
+
+                        <!--{if ($i == ceil($row1)){}-->
+                        </div>
+                        <div class="section-row section-block">
+                        <!--{}}-->
+
+                        <!--{if ($i == ceil($row2)){}-->
+                        </div>
+                        <div class="section-row section-block">
+                        <!--{}}-->
+
+                        <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                            <div class="alpha-layer"></div>
+                            <div class="section-img">
+                                <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="<!--{ echo $museData[$i]['icon_alt']; }-->">
+                            </div>
+                            <div class="section-text">
+                                <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                                </h2>
+                                <p class="section-content">
+                                    <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                                </p>
+                                <p class="section-date">
+                                    <!--{ echo $museData[$i]['gotime']; }-->
+                                </p>
+                            </div>
+                            <div class="btn-details-show"></div>
+                            <div class="btn-details-hide"></div>
+                        </div>
+
+                        <!--{if ($i == count($museData) - 1){}-->
+                        </div>
+                        <!--{}}-->
+                    <!--{}}-->
+                <!--{}}-->
+            <!--{}}-->
+    	</div>
+        <!--{if ($type != 'video'){}-->
+    	<div class="details-wrap">
+            <!--{ if ($id != 0){ }-->
+                <!--{ for($i=0;$i<count($museData);$i++){ }-->
+                    <!--{ if ($museData[$i]['id'] == $id){ }-->
+            		<div class="details-section" data-id="<!--{ echo $museData[$i]['id']; }-->" style="display:block;">
+            			<h2 class="details-title">
+            				<!--{ echo $museData[$i]['title']; }-->
+            			</h2>
+            			<p class="details-message">
+                            作者：<!--{ echo $museData[$i]['author']; }--> 
+                            发表时间：<!--{ echo $museData[$i]['gotime']; }--> 
+                            阅览：<!--{ echo $museData[$i]['views']; }-->次
+            			</p>
+                        <!--{ for($j=0;$j<count($museData[$i]['imgContent']);$j++){ }-->
+            			<div class="details-content">
+            				<span>
+                                <!--{ $str = $museData[$i]['imgContent'][$j]; echo htmlspecialchars_decode($str) }-->
+            				</span>
+            			</div>
+                        <!--{ } }-->
+                        <div class="btn-close">+</div>
+            		</div>
+                    <!--{ } }-->
+                <!--{ } }-->
+            <!--{ } }-->
+    	</div>
+        <!--{ } }-->
+
+        <!--{if ($type == 'video'){}-->
+    	<div class="video-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    		<div class="video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+    			<video class="video-item" src="<!--{ echo $museData[$i]['video']; }-->" controls="true"></video>
+    			<div class="btn-close">+</div>
+    		</div>
+            <!--{ } }-->
+    	</div>
+        <!--{ } }-->
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript">
+    <!--{if ($type != 'video'){}-->
+	// 文字页面的处理函数
+	var textTypeHandler = function (wrapEl) {
+
+        $(document).ready(function () {
+            // var id = location.hash;
+            var id = TD.util.getQuery('id');
+            var sectionArr = $('.section-wrap');
+
+            sectionArr.each(function (ele) {
+                if ($(this).data('id').toString() === id) {
+                    $(this).find('.btn-details-show').click();
+                }
+            })
+        });
+
+		$('.btn-details-show').on('click', function () {
+            var viewCount = function () {
+                var id;
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                var readedStr = '';
+
+                if (localStorage.getItem('readed')) {
+                    readedStr = localStorage.getItem('readed');
+                }
+
+                if(readedStr.match(id.toString()) !== null) {
+                    return;
+                } else {
+                    readedStr = readedStr + id + ',';
+
+                    localStorage.setItem('readed',readedStr);
+
+                    TD.ajax({
+                        type: 'GET',
+                        url: '/index/museum/view',
+                        data: {
+                            id: id
+                        },
+                        success: function (res) {
+                            console.log(res);
+                            return res;
+                        },
+                        error: function (data) {
+                            console.log(data);
+                            return 0;
+                        }
+                    })
+                }
+            }
+
+            var id;
+            var wrapEl = $(this).parent();
+
+            if (wrapEl.data('id') !== 'undefined') {
+                id = wrapEl.data('id');
+            } else {
+                id = -1;
+            }
+
+            // 移动端则不需要继续处理
+            // if (document.documentElement.clientWidth <= 1080) {
+            //     $('.details-section').each(function (ele) {
+            //         if ($(this).data('id') === id) {
+            //             $(this).fadeIn(300);
+            //         }
+            //     });
+            //     return;
+            // }
+
+            // $('.details-section').each(function () {
+            //     if ($(this).css('display') === 'block') {
+            //         $(this).fadeOut(300);
+            //     }
+            // });
+
+            // $('.details-section').each(function (ele) {
+            //     if ($(this).data('id') === id) {
+            //         console.log($(this).data('id'))
+            //         $(this).fadeIn(300);
+            //     }
+            // })
+
+            // $('.section-row').addClass('section-block');
+
+            viewCount(wrapEl);
+
+            var hashHandler = function () {
+                var id;
+
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                // location.hash = id;
+                // location.search = '?id=' + id;
+                
+                var newUrl = '/<!--{ echo $page; }-->/<!--{ echo $type; }-->/' + id + '.html';
+                // console.log(newUrl);
+                location.href = newUrl;
+            }
+
+            hashHandler();
+		});
+
+        $('.details-wrap .btn-close').on('click', function () {
+            var index = $(this).parent().index();
+
+            $(this).parent().fadeOut(300);
+         
+            $('.section-row').removeClass('section-block');
+            // location.hash = '';
+            // location.search = '';
+        })
+	}
+
+    textTypeHandler();
+    <!--{}}-->
+
+    <!--{if ($type == 'video'){}-->
+	// 视频页面的处理函数
+	var videoTypeHandler = function () {
+		$('.details-wrap') && $('.details-wrap').hide();
+		$('.btn-details-show').hide();
+
+		$('.section-videoplay').on('click', function () {
+            var id;
+            var wrapEl = $(this).parent().parent();
+
+            if (wrapEl.data('id') !== 'undefined') {
+                id = wrapEl.data('id');
+            } else {
+                id = -1;
+            }
+
+            $('.video-section').each(function (ele) {
+                if ($(this).data('id') === id) {
+                    $(this).fadeIn(300);
+
+                    var videoEl = $(this).find('.video-item')[0];
+                    videoEl.currentTime = 0;
+                    videoEl.play();
+                }
+            });
+		})
+
+        if (document.documentElement.clientWidth <= 1080) {
+            $('.section-wrap').on('click', function () {
+                var id;
+                var wrapEl = $(this).parent().parent();
+
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                $('.video-section').each(function (ele) {
+                    if ($(this).data('id') === id) {
+                        $(this).fadeIn(300);
+                        
+                        var videoEl = $(this).find('.video-item')[0];
+                        videoEl.currentTime = 0;
+                        videoEl.play();
+                    }
+                });
+            })
+        }
+
+		$('.video-section').on('click', function (event) {
+			var evt = event || window.event;
+			var target = evt.target || evt.srcElement;
+
+			if (target.nodeName.toLowerCase() === 'video') {
+				console.log('video');
+				return;
+			}
+
+			$(this).find('.video-item')[0].pause();
+			$(this).fadeOut(300);
+		})
+	}
+
+	videoTypeHandler();
+    <!--{}}-->
+</script>
+</html>

fore/fm/cn_run.htm

@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王音乐台</title>
+<meta name="description" content="猫王音乐台">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/maofm.css">
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<style type="text/css">
+    .nav-lang:hover {
+        height: 100px;
+    }
+    @media (max-width: 1600px) {
+        .nav-lang:hover {
+            height: 84px;
+        }
+    }
+    @media (max-width: 1280px) {
+        .nav-lang:hover {
+            height: 72px;
+        }
+    }
+    @media (max-device-width: 1081px) {
+        .nav-lang:hover {
+            height: 0.8rem;
+        }
+    }
+</style>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_02.jpg">
+        </div>
+    </div>
+	<header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div>
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">简体</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">简体</li>
+                    <li class="nav-lang-item lang-gb">繁体</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/index/mking">
+                    <div class="nav-version-item version-maoking">猫王音响</div>
+                </a>
+                <a href="/index/radiooo">
+                    <div class="nav-version-item version-radiooo">RADIOOO</div>
+                </a>
+                <a href="/index/fm">
+                    <div class="nav-version-item version-maofm nav-version-current">猫王音乐台</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo"></div>
+            <div class="subnav-main-wrap">
+                <a href="/index/fm"><div class="subnav-main-item">首页</div></a>
+            </div>
+        </div>
+    </header>
+    <div class="m-maofm">
+    	<div class="maofm-first section">
+    		<div class="maofm-logo">
+    			<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_logo_fm.png">
+    		</div>
+    		<div class="content-wrap">
+    			<div class="content-section">
+    				<h1 class="content-title"><!--{ echo $fmData['ftitle']; }--></h1>
+    				<p class="content-text"><!--{ echo $fmData['fcontent']; }--></p>
+    			</div>
+    			<div class="content-section">
+    				<h1 class="content-title"><!--{ echo $fmData['stitle']; }--></h1>
+    				<p class="content-text"><!--{ echo $fmData['scontent']; }--></p>
+    			</div>
+    			<div class="content-section">
+    				<h1 class="content-title"><!--{ echo $fmData['ttitle']; }--></h1>
+    				<p class="content-text"><!--{ echo $fmData['tcontent']; }--></p>
+    			</div>
+    		</div>
+    		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+    	</div>
+    	<div class="maofm-second section">
+            <div class="app-img">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_phone.png" alt="">
+            </div>
+    		<div class="app-content-wrap">
+                <h1 class="app-name"><span style="color:#dab379;">RADIOOO</span> App</h1>
+    			<h2 class="app-title"><!--{ echo $fmData['htitle']; }--></h2>
+                <div class="app-line"></div>
+    			<p class="app-text"><!--{ echo $fmData['hcontent']; }--></p>
+    			<div class="app-download">
+    				<div class="dl-qrcode">
+    					<img src="<!--{ echo $fmData['app']; }-->" alt="">
+    					<span>扫一扫，下载App</span>
+    				</div>
+    			</div>
+    		</div>
+            <a href=""><div class="mb-btn-download"></div></a>
+    	</div>
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/maofm.js"></script>
+</html>

fore/fm/en_run.htm

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>MUZEN CHANNEL</title>
+<meta name="description" content="猫王频道">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王频道,猫王1,猫王2,猫王3,猫王小王子">
+<link rel="canonical" href="https://www.radio1964.com/pindao" />
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/maofm.css">
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_02.jpg">
+        </div>
+    </div>
+	<header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <!-- <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div> -->
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">简体</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">简体</li>
+                    <li class="nav-lang-item lang-gb">繁体</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/maowang">
+                    <div class="nav-version-item version-maoking">MUZEN RADIO</div>
+                </a>
+                <a href="/radiooo">
+                    <div class="nav-version-item version-radiooo">RADIOOO</div>
+                </a>
+                <a href="/pindao">
+                    <div class="nav-version-item version-maofm nav-version-current">RADIOOO STATION</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo" style="background-image:url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/subnav_logo_fm_en.jpg');"></div>
+            <div class="subnav-main-wrap">
+                <a href="/pindao"><div class="subnav-main-item">Homepage</div></a>
+            </div>
+        </div>
+    </header>
+    <div class="m-maofm">
+    	<div class="maofm-first section">
+    		<div class="maofm-logo">
+    			<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_logo_fm_en.png">
+    		</div>
+    		<div class="content-wrap">
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['ftitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['fcontent']; }--></p>
+    			</div>
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['stitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['scontent']; }--></p>
+    			</div>
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['ttitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['tcontent']; }--></p>
+    			</div>
+    		</div>
+    		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+    	</div>
+    	<div class="maofm-second section">
+            <div class="app-img">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_phone.png" alt="">
+            </div>
+    		<div class="app-content-wrap">
+                <h1 class="app-name"><span style="color:#dab379;">RADIOOO</span> App</h1>
+    			<h2 class="app-title"><!--{ echo $fmData['htitle']; }--></h2>
+                <div class="app-line"></div>
+    			<p class="app-text"><!--{ echo $fmData['hcontent']; }--></p>
+    			<div class="app-download">
+    				<div class="dl-qrcode">
+    					<img src="<!--{ echo $fmData['app']; }-->" alt="">
+    					<span style="font-size:12px;top:0.24rem;">Scan QR code<br>to download App</span>
+    				</div>
+    			</div>
+    		</div>
+            <a href=""><div class="mb-btn-download"></div></a>
+    	</div>
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/maofm.js"></script>
+</html>

fore/fm/gb_run.htm

@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>貓王頻道</title>
+<meta name="description" content="貓王頻道">
+<meta name="keywords" content="貓王收音機,RADIOOO,貓王頻道,貓王1,貓王2,貓王3,貓王小王子">
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/maofm.css">
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+<style type="text/css">
+    .nav-lang:hover {
+        height: 100px;
+    }
+    @media (max-width: 1600px) {
+        .nav-lang:hover {
+            height: 84px;
+        }
+    }
+    @media (max-width: 1280px) {
+        .nav-lang:hover {
+            height: 72px;
+        }
+    }
+    @media (max-device-width: 1081px) {
+        .nav-lang:hover {
+            height: 0.8rem;
+        }
+    }
+</style>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_02.jpg">
+        </div>
+    </div>
+    <header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div>
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">簡體</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">簡體</li>
+                    <li class="nav-lang-item lang-gb">繁體</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/index/mking">
+                    <div class="nav-version-item version-maoking">貓王收音機</div>
+                </a>
+                <a href="/index/radiooo">
+                    <div class="nav-version-item version-radiooo">RADIOOO</div>
+                </a>
+                <a href="/index/fm">
+                    <div class="nav-version-item version-maofm nav-version-current">貓王頻道</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo"></div>
+            <div class="subnav-main-wrap">
+                <a href="/index/fm"><div class="subnav-main-item">首頁</div></a>
+            </div>
+        </div>
+    </header>
+    <div class="m-maofm">
+        <div class="maofm-first section">
+            <div class="maofm-logo">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_logo_fm.png">
+            </div>
+            <div class="content-wrap">
+                <div class="content-section">
+                    <h1 class="content-title"><!--{ echo $fmData['ftitle']; }--></h1>
+                    <p class="content-text"><!--{ echo $fmData['fcontent']; }--></p>
+                </div>
+                <div class="content-section">
+                    <h1 class="content-title"><!--{ echo $fmData['stitle']; }--></h1>
+                    <p class="content-text"><!--{ echo $fmData['scontent']; }--></p>
+                </div>
+                <div class="content-section">
+                    <h1 class="content-title"><!--{ echo $fmData['ttitle']; }--></h1>
+                    <p class="content-text"><!--{ echo $fmData['tcontent']; }--></p>
+                </div>
+            </div>
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+        </div>
+        <div class="maofm-second section">
+            <div class="app-img">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_phone.png" alt="">
+            </div>
+            <div class="app-content-wrap">
+                <h1 class="app-name"><span style="color:#dab379;">RADIOOO</span> App</h1>
+                <h2 class="app-title"><!--{ echo $fmData['htitle']; }--></h2>
+                <div class="app-line"></div>
+                <p class="app-text"><!--{ echo $fmData['hcontent']; }--></p>
+                <div class="app-download">
+                    <div class="dl-qrcode">
+                        <img src="<!--{ echo $fmData['app']; }-->" alt="">
+                        <span>掃壹掃，下載App</span>
+                    </div>
+                </div>
+            </div>
+            <a href=""><div class="mb-btn-download"></div></a>
+        </div>
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/maofm.js"></script>
+</html>

fore/guanyu/run.htm

@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <title>关于我们</title>
+    <meta name="description" content="关于我们" />
+    <meta
+      name="keywords"
+      content="猫王收音机,猫王音响,RADIOOO,猫王频道,猫王1,猫王2,猫王3,猫王小王子"
+    />
+    <link rel="shortcut icon" href="/static/css/favicon.ico" />
+    <!--{ if ($lang == 'en') {}-->
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="/static/css/headerComponent_en.css"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="/static/css/footerComponent_en.css"
+    />
+    <!--{}else{}-->
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="/static/css/headerComponent.css"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="/static/css/footerComponent.css"
+    />
+    <!--{}}-->
+    <link rel="stylesheet" type="text/css" href="/static/css/commonPage.css" />
+    <script
+      type="text/javascript"
+      src="http://api.map.baidu.com/api?key=&v=1.1&services=true"
+    ></script>
+    <script src="/static/js/lib/jquery.min.js"></script>
+    <script type="text/javascript" src="/static/js/module/TD.js"></script>
+    <script>
+      var _hmt = _hmt || [];
+      (function () {
+        var hm = document.createElement("script");
+        hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(hm, s);
+      })();
+    </script>
+  </head>
+  <body>
+    <!--{ echo $header; }-->
+    <div class="m-common">
+      <div class="scroll-bar">
+        <div class="scroll-top">top</div>
+        <div class="scroll-indicator"></div>
+      </div>
+      <div class="content-wrap">
+        <div class="content-height">
+          <div class="top-wrap" style="display: none;"></div>
+          <div class="brand-logo">
+            <img
+              src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/about_top.jpg"
+              alt=""
+            />
+          </div>
+          <section class="content-section">
+            <h2 class="content-title">联系我们</h2>
+            <div class="content-text">
+              深圳市云动创想科技有限公司<br />
+              深圳市南山区粤海街道高新区社区高新南四道88号光启未来中心A座12楼<br />
+              Tel:4008508199<br />
+              Fax:0755-26908619<br />
+              www.radio1964.com
+            </div>
+            <div class="map-wrap">
+              <div class="map" id="map0"></div>
+              <h3 class="map-title">深圳总部</h3>
+            </div>
+          </section>
+          <section class="content-section">
+            <h2 class="content-title">商务合作</h2>
+            <div class="content-text">
+              商务合作<br />
+              BD、媒介、线上、线下代理，敬请联系邮箱：linrufang@radio1964.com
+            </div>
+          </section>
+          <section class="content-section">
+            <h2 class="content-title">客户服务中心</h2>
+            <div class="content-text">
+              请通过官方客户服务邮件联络我们：cs@radio1964.com<br />
+            </div>
+          </section>
+          <!-- <section class="content-section"> -->
+          <!-- <h2 class="content-title">{ echo $aboutData['contact_title']; }</h2> -->
+          <!-- <div class="content-text"> -->
+          <!--{ echo $aboutData['contact']; }-->
+          <!-- </div> -->
+          <!--{ foreach($aboutData['position'] as $key => $row){ }-->
+          <!-- <div class="map-wrap"> -->
+          <!-- <div class="map" id="map{echo $key;}"></div> -->
+          <!-- <h3 class="map-title">{ echo $aboutData['position'][$key]['title'] }</h3> -->
+          <!-- </div> -->
+          <!--{ }}-->
+          <!-- </section> -->
+          <!-- <section class="content-section"> -->
+          <!-- <h2 class="content-title">{ echo $aboutData['business_title']; }</h2> -->
+          <!-- <div class="content-text"> -->
+          <!--{ echo $aboutData['business']; }-->
+          <!-- </div> -->
+          <!-- </section> -->
+          <!-- <section class="content-section"> -->
+          <!-- <h2 class="content-title">{ echo $aboutData['client_title']; }</h2> -->
+          <!-- <div class="content-text"> -->
+          <!--{ echo $aboutData['client']; }-->
+          <!-- </div> -->
+          <!-- </section> -->
+          <br />
+        </div>
+      </div>
+    </div>
+  </body>
+  <script type="text/javascript">
+    //创建和初始化地图函数：
+       function initMap(id, axisX, axisY){
+           createMap(id, axisX, axisY);//创建地图
+           setMapEvent();//设置地图事件
+           addMapControl();//向地图添加控件
+       }
+
+       //创建地图函数：
+       function createMap(id, axisX, axisY){
+           var map = new BMap.Map(id);//在百度地图容器中创建一个地图
+           var point = new BMap.Point(axisX, axisY);//定义一个中心点坐标
+           map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
+           window.map = map;//将map变量存储在全局
+
+           var marker = new BMap.Marker(point);
+           map.addOverlay(marker);
+       }
+
+       //地图事件设置函数：
+       function setMapEvent(){
+           map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
+           map.enableScrollWheelZoom();//启用地图滚轮放大缩小
+           map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
+           map.enableKeyboard();//启用键盘上下左右键移动地图
+       }
+
+       //地图控件添加函数：
+       function addMapControl(){
+
+       }
+
+       <!--{ foreach($aboutData['position'] as $key => $row){ }-->
+       initMap('map' + <!--{echo $key;}-->, <!--{ echo $aboutData['position'][$key]['long'] }-->, <!--{ echo $aboutData['position'][$key]['lat'] }-->);//创建和初始化地图
+       <!--{ }}-->
+  </script>
+  <script
+    type="text/javascript"
+    src="/static/js/module/headerComponent.js"
+  ></script>
+  <script
+    type="text/javascript"
+    src="/static/js/commonPageController.js"
+  ></script>
+</html>

fore/index/entry.htm

@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王收音机_猫王音响 - 猫王官网</title>
+<meta name="description" content="猫王收音机（MUZEN RADIO）猫王音响，一个时代的记忆，一种情怀的延续，一种文化的主张 + 为声活乐趣而生。">
+<meta name="keywords" content="猫王,猫王收音机,猫王音响">
+<link rel="canonical" href="https://www.radio1964.com/index" />
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/entryPage.css">
+<style type="text/css">
+    .bg-maoking {
+        background-image: url('<!--{ echo $entryData['mkingImage']; }-->');
+    }
+    .bg-radiooo {
+        background-image: url('<!--{ echo $entryData['radioooImage']; }-->');
+    }
+    .bg-maofm {
+        background-image: url('<!--{ echo $entryData['fmImage']; }-->');
+    }
+    .logo-maofm > img {
+        height: 0.35rem;
+    }
+   /* <!--{ if ($lang == 'en') {}-->
+    .entry-item img {
+        left: 55%;
+    }
+    .logo-maoking, .icon-maoking {
+        margin: 0 -20%;
+    }
+    .logo-radiooo, .icon-radiooo {
+        margin: 0 20%;
+    }
+    .text-maoking {
+        margin: 0 -2%;
+    }
+    .text-radiooo {
+        margin: 0 21%;
+    }
+    @media (max-device-width: 1081px) {
+    .logo-maoking, .icon-maoking {
+        margin: 0;
+    }
+    .logo-radiooo, .icon-radiooo {
+        margin: 0;
+    }
+    }
+    <!--{}}-->*/
+</style>
+<script src="/static/js/lib/jquery.min.js"></script>
+<!-- <script type="text/javascript" src="/static/js/module/TD.js"></script> -->
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E8%BF%9B%E5%85%A5%E9%A1%B5/entry_bg_all.jpg" alt="">
+            <img src="<!--{ echo $entryData['mkingImage']; }-->" alt="">
+            <img src="<!--{ echo $entryData['radioooImage']; }-->" alt="">
+            <img src="<!--{ echo $entryData['fmImage']; }-->" alt="">
+        </div>
+    </div>
+    <div class="m-entry">
+        <div class="entryMain">
+            <div class="entryDiv">
+                <a href="/radios" class="entry-select">
+                    <h2 style="display: none;">猫王音响</h2>
+                    <div class="entry-item logo-maoking">
+                        <!--{ if ($lang == 'en') {}-->
+			<img src="/2022/entry_logo_en.png" style="height: 2.8rem;" alt="">
+                        <!-- <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E8%BF%9B%E5%85%A5%E9%A1%B5/entry_logo_mk_en.png" style="height:0.6rem;"> -->
+                        <!--{}else{}-->
+			<img src="/2022/entry_logo.png" style="height: 2.8rem;" alt="">
+                        <!-- <img src="http://airsmart-photo1.oss-cn-shanghai.aliyuncs.com/img/20210630/b418fdbdaf3271bf6132327b45514eb7.png"> -->
+                        <!--{}}-->
+                    </div>
+                    <div class="entry-icon icon-maoking"><span>+</span></div>
+                    <p class="entry-text text-maoking">
+                        <!--{ echo $entryData['mkingTitle']; }--> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                    </p>
+                </a>
+            </div>
+            <div class="entryDiv">
+                <a href="/ohplay" class="entry-select">
+                    <h2 style="display: none;">猫王妙播</h2>
+                    <div class="entry-item logo-radiooo">
+                        <!-- <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E8%BF%9B%E5%85%A5%E9%A1%B5/entry_logo_ro.png"> -->
+                        <img src="/2022/logo.png" alt="">
+                    </div>
+                    <div class="entry-icon icon-radiooo"><span>+</span></div>
+                    <p class="entry-text text-radiooo">
+                        <!--{ echo $entryData['radioooTitle']; }-->
+                    </p>
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="footerMain">
+        <div class="footer2020">
+            <div>
+                <span>Copyright © 深圳市云动创想科技有限公司 版权所有 Shenzhen Airsmart Technology Co.,Ltd. All Rights Reserved.</span>
+                <a href="https://beian.miit.gov.cn" style="position:relative;color:#ccc;text-decoration : none ;">粤ICP备15103993号-6</a>
+            </div>
+            <script id="ebsgovicon" src="https://szcert.ebs.org.cn/govicons.js?id=d3e3f3ca-c297-4e62-a97b-3b35474fdafb&width=36&height=50&type=1" type="text/javascript" charset="utf-8"></script>
+        </div>
+    </div>
+    <script type="text/javascript" src="/static/js/module/TD.js"></script>
+    <script type="text/javascript" src="/static/js/entryPageController.js"></script>
+    <style>
+        .m-entry{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-direction: row;
+        }
+        .entryMain{
+            width: 60%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-direction: row;
+        }
+        .entryDiv {
+            position: relative;
+            width: 100%;
+            display: flex;
+            height: 10rem;
+        }
+        .footerMain{
+            position: absolute;
+            width: 100vw;
+            z-index: 1000;
+            bottom: 0;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .footer2020{
+            display: flex;
+            flex-direction:column;
+            align-items: center;
+            width: calc(100vw - 20%);
+            font-size: 14px;
+            color: #fff !important;
+            text-align: center;
+        }
+        .footer2020 div {
+            margin-bottom: 20px;
+        }
+        @media screen and (max-width: 750px) {
+           .entryMain {
+                display: flex;
+                flex-direction: column;
+                width: 100%;
+                justify-content: center;
+                align-items: center;
+           }
+           .entry-icon{
+               display: none;
+           }
+           .entryDiv{
+                display: flex;
+                justify-content: center;
+                width: 100vw;
+                height: 1.3rem;
+           }
+           .logo-maoking{
+                margin: 0;
+           }
+           .footer2020{
+               display: none;
+           }
+        }
+    </style>
+    <script>
+        $('document').ready(function(){
+            setTimeout(function(){
+                var leftp = ($(window).width() - $('#nfooter').width())/2
+                $('#nfooter').css({"left":leftp+'px'})
+            },50)
+            if (document.documentElement.clientWidth <= 1080) {
+                $('#nfooter').css('opacity', '0');
+            }
+        })
+    </script>
+</body>
+</html>

fore/info/run.htm

@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<!--{if ($infoData['page'] == 'mking'){}-->
+<title>猫王故事</title>
+<meta name="description" content="猫王故事">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<!--{}}-->
+<!--{if ($infoData['page'] == 'radiooo'){}-->
+<title>RADIOOO故事</title>
+<meta name="description" content="RADIOOO故事">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<!--{}}-->
+<!--{if ($infoData['page'] == 'founder'){}-->
+<title>猫王创始人</title>
+<meta name="description" content="猫王创始人">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<!--{}}-->
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/commonPage.css">
+<style type="text/css">
+    <!--{if ($infoData['page'] == 'founder'){}-->
+    .m-common {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/creator_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($infoData['page'] == 'mking'){}-->
+    .m-common {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($infoData['page'] == 'radiooo'){}-->
+    .m-common {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_ro_bg.jpg');
+    }
+    <!--{}}-->
+</style>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <!--{ echo $header; }-->
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <!--{if ($infoData['page'] == 'founder'){}-->
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/creator_bg.jpg">
+            <!--{}}-->
+            <!--{if ($infoData['page'] == 'mking'){}-->
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_bg.jpg">
+            <!--{}}-->
+            <!--{if ($infoData['page'] == 'radiooo'){}-->
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_ro_bg.jpg">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="m-common">
+        <div class="scroll-bar">
+            <div class="scroll-top">top</div>
+            <div class="scroll-indicator"></div>
+        </div>
+        <div class="content-wrap">
+            <div class="content-height">
+                <div class="top-wrap">
+                    <div class="top-logo">
+                        <!--{if ($infoData['page'] == 'founder'){}-->
+                        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/creator_logo.png">
+                        <!--{}}-->
+                        <!--{if ($infoData['page'] == 'mking'){}-->
+                        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_logo.png">
+                        <!--{}}-->
+                        <!--{if ($infoData['page'] == 'radiooo'){}-->
+                        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_logo.png">
+                        <!--{}}-->
+                    </div>
+                    <div class="top-img">
+                        <img src="<!--{ echo $infoData['image']; }-->">
+                    </div>
+                </div>
+                    <section class="content-section">
+                        <!--{if ($infoData['page'] != 'founder'){}-->
+                        <h2 class="content-title"><!--{ echo $infoData['ftitle']; }--></h2>
+                        <!--{}}-->
+                        <div class="content-text">
+                            <!--{ echo str_replace('}','</strong>',str_replace('{','<strong>',$infoData['fcontent'])); }-->
+                        </div>
+                    </section>
+                <!--{ if(count($infoData['show']) > 0) }-->
+                <!--{ foreach($infoData['show'] as $key => $row){ }-->
+                    <section class="content-section">
+                        <h2 class="content-title">
+                            <!--{ $str = $infoData['show'][$key]['stitle']; echo htmlspecialchars_decode($str) }-->
+                        </h2>
+                        <div class="content-text">
+                            <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$infoData['show'][$key]['scontent'])); echo htmlspecialchars_decode($str);}-->
+                        </div>
+                    </section>
+                <!--{}}-->
+                <!--{if ($infoData['page'] == 'mking'){}-->
+                    <section class="content-section">
+                        <div class="content-title"><strong>猫王轨迹</strong></div>
+                        <div class="route-wrap">
+                            <!--{ foreach($infoData['time'] as $key => $row){ }-->
+                            <div class="route-section">
+                                <!--{ if(!empty($infoData['time'][$key]['image'])){ }-->
+                                <img class="route-img" src="<!--{ echo $infoData['time'][$key]['image']; }-->" alt="">
+                                <!--{ }else{ }-->
+                                <img class="route-img" src="" alt="">
+                                <!--{}}-->
+                                <div class="route-line">
+                                    <div class="route-line-bold"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                </div>
+                                <div class="route-text">
+                                    <p class="route-title"><!--{ echo $infoData['time'][$key]['time']; }--></p>
+                                    <p class="route-content">
+                                    <!--{ echo $infoData['time'][$key]['title']; }--></p>
+                                </div>
+                            </div>
+                            <!--{}}-->
+                        </div>
+                    </section>
+                <!--{}}-->
+                <!--{if ($infoData['page'] == 'radiooo'){}-->
+                <section class="content-section">
+                    <div class="category-wrap">
+                        <!--{for ($i=0; $i<count($infoData['type']); $i++) {}-->
+                        <div class="category-item">
+                            <img src="<!--{ echo $infoData['type'][$i]['image']; }-->" alt="" class="category-img">
+                            <p class="category-title"><!--{ echo $infoData['type'][$i]['title']; }--></p>
+                            <p class="category-text"><!--{ echo $infoData['type'][$i]['content']; }--></p>
+                        </div>
+                        <!--{ if (($i+1)%3 == 0 && $i != count($infoData['type'])-1) {}-->
+                        <div class="category-line"></div>
+                        <!--{}}-->
+                        <!--{}}-->
+                    </div>
+                </section>
+                <!--{}}-->
+                <br />
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/commonPageController.js"></script>
+</html>

fore/lichen/run.htm

@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<!--{if ($infoData['page'] == 'mking'){}-->
+<title>品牌故事_猫王故事 - 猫王官网</title>
+<meta name="description" content="猫王品牌故事">
+<meta name="keywords" content="猫王品牌故事">
+<link rel="canonical" href="https://www.radio1964.com/lichen/run/page/mking" />
+<!--{}}-->
+<!--{if ($infoData['page'] == 'radiooo'){}-->
+<title>品牌故事_RADIOOO故事 - 猫王官网</title>
+<meta name="description" content="1964年，那些在英国公海上漂浮的巨大游艇，藏有海盗电台的秘密基地，和一群离经叛道的电台DJ，海盗电台24小时发射电波，将摇滚乐传送到英国陆地。">
+<meta name="keywords" content="猫王品牌故事,RADIOOO故事">
+<link rel="canonical" href="https://www.radio1964.com/lichen/run/page/radiooo" />
+<!--{}}-->
+<!--{if ($infoData['page'] == 'founder'){}-->
+<title>猫王创始人</title>
+<meta name="description" content="猫王创始人">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王频道,猫王1,猫王2,猫王3,猫王小王子">
+<link rel="canonical" href="https://www.radio1964.com/lichen/run/page/founder" />
+<!--{}}-->
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/commonPage.css">
+<style type="text/css">
+    <!--{if ($infoData['page'] == 'founder'){}-->
+    .m-common {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/creator_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($infoData['page'] == 'mking'){}-->
+    .m-common {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($infoData['page'] == 'radiooo'){}-->
+    .m-common {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_ro_bg.jpg');
+    }
+    <!--{}}-->
+</style>
+<script src="/static/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <!--{ echo $header; }-->
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <!--{if ($infoData['page'] == 'founder'){}-->
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/creator_bg.jpg">
+            <!--{}}-->
+            <!--{if ($infoData['page'] == 'mking'){}-->
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_bg.jpg">
+            <!--{}}-->
+            <!--{if ($infoData['page'] == 'radiooo'){}-->
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_ro_bg.jpg">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="m-common">
+        <div class="scroll-bar">
+            <div class="scroll-top">top</div>
+            <div class="scroll-indicator"></div>
+        </div>
+        <div class="content-wrap">
+            <div class="content-height">
+                <div class="top-wrap">
+                    <div class="top-logo">
+                        <!--{if ($infoData['page'] == 'founder'){}-->
+                        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/creator_logo.png">
+                        <!--{}}-->
+                        <!--{if ($infoData['page'] == 'mking'){}-->
+                        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_logo.png">
+                        <!--{}}-->
+                        <!--{if ($infoData['page'] == 'radiooo'){}-->
+                        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_logo.png">
+                        <!--{}}-->
+                    </div>
+                    <div class="top-img">
+                        <img src="<!--{ echo $infoData['image']; }-->" alt="<!--{ echo $infoData['image_alt']; }-->">
+                    </div>
+                </div>
+                    <section class="content-section">
+                        <!--{if ($infoData['page'] != 'founder'){}-->
+                        <h2 class="content-title"><!--{ echo $infoData['ftitle']; }--></h2>
+                        <!--{}}-->
+                        <div class="content-text">
+                            <!--{ echo str_replace('}','</strong>',str_replace('{','<strong>',$infoData['fcontent'])); }-->
+                        </div>
+                    </section>
+                <!--{ if(count($infoData['show']) > 0) }-->
+                <!--{ foreach($infoData['show'] as $key => $row){ }-->
+                    <section class="content-section">
+                        <!--{if ($lang == 'en' && $infoData['page'] == 'radiooo' && $infoData['show'][$key]['stitle'] == 'MUZEN RADIOOO'){}-->
+                        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E8%BF%9B%E5%85%A5%E9%A1%B5/entry_logo_ro.png" style="height:0.5rem;">
+                        <!--{} else {}-->
+                        <h2 class="content-title">
+                            <!--{ $str = $infoData['show'][$key]['stitle']; echo htmlspecialchars_decode($str) }-->
+                        </h2>
+                        <!--{}}-->
+                        <div class="content-text">
+                            <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$infoData['show'][$key]['scontent'])); echo htmlspecialchars_decode($str);}-->
+                        </div>
+                    </section>
+                <!--{}}-->
+                <!--{if ($infoData['page'] == 'mking'){}-->
+                    <section class="content-section">
+                        <div class="content-title"><strong>猫王轨迹</strong></div>
+                        <div class="route-wrap">
+                            <!--{ foreach($infoData['time'] as $key => $row){ }-->
+                            <div class="route-section">
+                                <!--{ if(!empty($infoData['time'][$key]['image'])){ }-->
+                                <img class="route-img" src="<!--{ echo $infoData['time'][$key]['image']; }-->" alt="<!--{ echo $infoData['time'][$key]['image_alt']; }-->">
+                                <!--{ }else{ }-->
+                                <img class="route-img" src="" alt="">
+                                <!--{}}-->
+                                <div class="route-line">
+                                    <div class="route-line-bold"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                </div>
+                                <div class="route-text">
+                                    <p class="route-title"><!--{ echo $infoData['time'][$key]['time']; }--></p>
+                                    <p class="route-content">
+                                    <!--{ echo $infoData['time'][$key]['title']; }--></p>
+                                </div>
+                            </div>
+                            <!--{}}-->
+                        </div>
+                    </section>
+                <!--{}}-->
+                <!--{if ($infoData['page'] == 'radiooo'){}-->
+                <section class="content-section">
+                    <div class="category-wrap">
+                        <!--{for ($i=0; $i<count($infoData['type']); $i++) {}-->
+                        <div class="category-item">
+                            <img src="<!--{ echo $infoData['type'][$i]['image']; }-->" alt="<!--{ echo $infoData['type'][$i]['image_alt']; }-->" class="category-img">
+                            <p class="category-title"><!--{ echo $infoData['type'][$i]['title']; }--></p>
+                            <p class="category-text"><!--{ echo $infoData['type'][$i]['content']; }--></p>
+                        </div>
+                        <!--{ if (($i+1)%3 == 0 && $i != count($infoData['type'])-1) {}-->
+                        <div class="category-line"></div>
+                        <!--{}}-->
+                        <!--{}}-->
+                    </div>
+                </section>
+                <!--{}}-->
+                <br />
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/commonPageController.js"></script>
+</html>

fore/lichen/run_bk.htm

@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<!--{if ($infoData['page'] == 'mking'){}-->
+<title>品牌故事_猫王故事 - 猫王官网</title>
+<meta name="description" content="猫王品牌故事">
+<meta name="keywords" content="猫王品牌故事">
+<link rel="canonical" href="https://www.radio1964.com/lichen/run/page/mking" />
+<!--{}}-->
+<!--{if ($infoData['page'] == 'radiooo'){}-->
+<title>品牌故事_RADIOOO故事 - 猫王官网</title>
+<meta name="description" content="1964年，那些在英国公海上漂浮的巨大游艇，藏有海盗电台的秘密基地，和一群离经叛道的电台DJ，海盗电台24小时发射电波，将摇滚乐传送到英国陆地。">
+<meta name="keywords" content="猫王品牌故事,RADIOOO故事">
+<link rel="canonical" href="https://www.radio1964.com/lichen/run/page/radiooo" />
+<!--{}}-->
+<!--{if ($infoData['page'] == 'founder'){}-->
+<title>猫王创始人</title>
+<meta name="description" content="猫王创始人">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王频道,猫王1,猫王2,猫王3,猫王小王子">
+<link rel="canonical" href="https://www.radio1964.com/lichen/run/page/founder" />
+<!--{}}-->
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/commonPage.css">
+<style type="text/css">
+    <!--{if ($infoData['page'] == 'founder'){}-->
+    .m-common {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/creator_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($infoData['page'] == 'mking'){}-->
+    .m-common {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($infoData['page'] == 'radiooo'){}-->
+    .m-common {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_ro_bg.jpg');
+    }
+    <!--{}}-->
+</style>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <!--{ echo $header; }-->
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <!--{if ($infoData['page'] == 'founder'){}-->
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/creator_bg.jpg">
+            <!--{}}-->
+            <!--{if ($infoData['page'] == 'mking'){}-->
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_bg.jpg">
+            <!--{}}-->
+            <!--{if ($infoData['page'] == 'radiooo'){}-->
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_ro_bg.jpg">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="m-common">
+        <div class="scroll-bar">
+            <div class="scroll-top">top</div>
+            <div class="scroll-indicator"></div>
+        </div>
+        <div class="content-wrap">
+            <div class="content-height">
+                <div class="top-wrap">
+                    <div class="top-logo">
+                        <!--{if ($infoData['page'] == 'founder'){}-->
+                        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/creator_logo.png">
+                        <!--{}}-->
+                        <!--{if ($infoData['page'] == 'mking'){}-->
+                        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_logo.png">
+                        <!--{}}-->
+                        <!--{if ($infoData['page'] == 'radiooo'){}-->
+                        <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8E%86%E7%A8%8B/progress_mk_logo.png">
+                        <!--{}}-->
+                    </div>
+                    <div class="top-img">
+                        <img src="<!--{ echo $infoData['image']; }-->" alt="<!--{ echo $infoData['image_alt']; }-->">
+                    </div>
+                </div>
+                    <section class="content-section">
+                        <!--{if ($infoData['page'] != 'founder'){}-->
+                        <h2 class="content-title"><!--{ echo $infoData['ftitle']; }--></h2>
+                        <!--{}}-->
+                        <div class="content-text">
+                            <!--{ echo str_replace('}','</strong>',str_replace('{','<strong>',$infoData['fcontent'])); }-->
+                        </div>
+                    </section>
+                <!--{ if(count($infoData['show']) > 0) }-->
+                <!--{ foreach($infoData['show'] as $key => $row){ }-->
+                    <section class="content-section">
+                        <h2 class="content-title">
+                            <!--{ $str = $infoData['show'][$key]['stitle']; echo htmlspecialchars_decode($str) }-->
+                        </h2>
+                        <div class="content-text">
+                            <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$infoData['show'][$key]['scontent'])); echo htmlspecialchars_decode($str);}-->
+                        </div>
+                    </section>
+                <!--{}}-->
+                <!--{if ($infoData['page'] == 'mking'){}-->
+                    <section class="content-section">
+                        <div class="content-title"><strong>猫王轨迹</strong></div>
+                        <div class="route-wrap">
+                            <!--{ foreach($infoData['time'] as $key => $row){ }-->
+                            <div class="route-section">
+                                <!--{ if(!empty($infoData['time'][$key]['image'])){ }-->
+                                <img class="route-img" src="<!--{ echo $infoData['time'][$key]['image']; }-->" alt="<!--{ echo $infoData['time'][$key]['image_alt']; }-->">
+                                <!--{ }else{ }-->
+                                <img class="route-img" src="" alt="">
+                                <!--{}}-->
+                                <div class="route-line">
+                                    <div class="route-line-bold"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                    <div class="route-line-thin"></div>
+                                </div>
+                                <div class="route-text">
+                                    <p class="route-title"><!--{ echo $infoData['time'][$key]['time']; }--></p>
+                                    <p class="route-content">
+                                    <!--{ echo $infoData['time'][$key]['title']; }--></p>
+                                </div>
+                            </div>
+                            <!--{}}-->
+                        </div>
+                    </section>
+                <!--{}}-->
+                <!--{if ($infoData['page'] == 'radiooo'){}-->
+                <section class="content-section">
+                    <div class="category-wrap">
+                        <!--{for ($i=0; $i<count($infoData['type']); $i++) {}-->
+                        <div class="category-item">
+                            <img src="<!--{ echo $infoData['type'][$i]['image']; }-->" alt="<!--{ echo $infoData['type'][$i]['image_alt']; }-->" class="category-img">
+                            <p class="category-title"><!--{ echo $infoData['type'][$i]['title']; }--></p>
+                            <p class="category-text"><!--{ echo $infoData['type'][$i]['content']; }--></p>
+                        </div>
+                        <!--{ if (($i+1)%3 == 0 && $i != count($infoData['type'])-1) {}-->
+                        <div class="category-line"></div>
+                        <!--{}}-->
+                        <!--{}}-->
+                    </div>
+                </section>
+                <!--{}}-->
+                <br />
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/commonPageController.js"></script>
+</html>

fore/maowang/homepage.htm

@@ -0,0 +1,430 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王音响 - 猫王官网</title>
+<meta name="description" content="大猫王稀世珍藏级收音机，猫王1典藏级收音机，猫王2发烧级收音机，猫王3摩登复古收音机，猫王小王子原木便携式收音机，猫王小王子OTR复古合金便携式收音机，SOLO+便携式蓝牙音箱。">
+<meta name="keywords" content="大猫王,猫王1,猫王2,猫王3,猫王小王子,猫王小王子OTR,猫王SOLO+">
+<link rel="canonical" href="https://www.radio1964.com/maowang" />
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/homepage.css">
+<script src="/static/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+<style type="text/css">
+    .preview-item:nth-child(3) img{
+        height: 40vh;
+        bottom: 32vh;
+    }
+    .preview-item:nth-child(7) img{
+        height: 30vh;
+        bottom: 35vh;
+    }
+    .preview-item:nth-child(8) img{
+        height: 30vh;
+    }
+    .preview-item:nth-child(9) img{
+        height: 30vh;
+    }
+    .preview-thumb:nth-child(3) img {
+        height: 7.6vh;
+    }
+    .preview-thumb:nth-child(4) img {
+        height: 7.2vh;
+    }
+    .preview-thumb:nth-child(5) img {
+        height: 7.2vh;
+    }
+    .preview-thumb:nth-child(6) img {
+        height: 6.5vh;
+    }
+    .preview-item:nth-child(7) .preview-item-name {
+        font-size: 0.48rem;
+    }
+    .preview-item:nth-child(8) .preview-item-name {
+        font-size: 0.42rem;
+    }
+    <!--{ if($mkingData[0]['ftitle'] == '大猫王') {}-->
+    .preview-item:nth-child(1) .btn-buynow {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/btn_bigmk.png');
+    }
+    <!--{}}-->
+    .preview-inner > .current img{
+        -webkit-animation: item-rightcome 2s cubic-bezier(.76,.61,.17,1);
+                animation: item-rightcome 2s cubic-bezier(.76,.61,.17,1);
+    }
+    .preview-current-icon {
+        width: 3.2rem;
+    }
+    .preview-thumb:hover > img{
+        top: 50%;
+                transform: scale(2) translate(-86%, -50%);
+        -webkit-transform: scale(2) translate(-86%, -50%);
+    }
+    .preview-thumb:hover > .preview-current-icon {
+        -webkit-transform: translate(0, -50%);
+                transform: translate(0, -50%);
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        position: absolute;
+        top: 60%;
+        right: 0.64rem;
+        -webkit-transform: translate(50%, -50%);
+                transform: translate(50%, -50%);
+        color: #0c0c0c;
+        font-size: 0.24rem;
+        font-weight: bolder;
+        z-index: 2;
+        width: 1rem;
+    }
+    .preview-thumb:nth-child(3):hover {
+        height: 18.4vh;
+        background-position: center 80%;
+        background-size: 100% 56%;
+    }
+    .preview-thumb:nth-child(3):hover > img{
+       top: 64%;
+    }
+    .preview-thumb:nth-child(3):hover > .preview-thumb-name {
+        top: 12.8vh;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-thumb:nth-child(8):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-light-off {
+        width: 100%;
+        height: 100vh;
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_lightoff.png') no-repeat center top;
+        background-size: cover;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+    .preview-light-layer {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_light.png');
+        background-position: center top;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+    .banner-item:nth-child(<!--{ echo $i+1; }-->) {
+        background-image: url('<!--{ echo $bannersData[$i]['img']; }-->');
+        color: rgb(<!--{ echo $bannersData[$i]['colour']; }-->);
+    }
+    <!--{}}-->
+    <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+    .preview-item:nth-child(<!--{ echo $i+1; }-->) {
+        background-image: url('<!--{ echo $mkingData[$i]['bgIcon']; }-->');
+    }
+    <!--{}}-->
+
+    <!--{ if ($lang == 'en') {}-->
+    .btn-wrap  .btn-detail {
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_01_en.png') no-repeat center center;
+        margin: 0;
+        background-size: contain;
+    }
+    .btn-wrap  .btn-buynow {
+        display: none;
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        font-size: 12px;
+        top: 57%;
+    }
+    .preview-thumb:nth-child(3):hover > .preview-thumb-name {
+        top: 12.4vh;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(8):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(9):hover > .preview-thumb-name {
+        top: 60%;
+    }
+    .preview-item-name {
+        letter-spacing: 0;
+        font-size: 0.5rem;
+    }
+    <!--{}}-->
+
+    @media (max-device-width: 1081px) {
+        <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+        .banner-item:nth-child(<!--{ echo $i+1; }-->) {
+            background-image: url('<!--{ echo $bannersData[$i]['imgPhone']; }-->');
+        }
+        <!--{}}-->
+        <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+        .preview-item:nth-child(<!--{ echo $i+1; }-->) {
+            background-image: url('<!--{ echo $mkingData[$i]['bgIconPhone']; }-->');
+        }
+        <!--{}}-->
+
+        .banner-item-title {
+            display: none;
+        }
+        .banner-item-text {
+            display: none;
+        }
+        .banner-item-subtitle {
+            width: 100%;
+            position: absolute;
+            top: 27%;
+            left: 0;
+            font-size: 0.5rem;
+            text-align: center;
+        }
+        .scroll-hint {
+            display: none;
+        }
+        .fp-controlArrow {
+            display: none;
+        }
+        .preview-thumb-fixed {
+            display: none;
+        }
+        .preview-thumb-wrap {
+            display: none;
+        }
+        .preview-item {
+            background-position: center center;
+            background-size: cover;
+        }
+        .preview-item img {
+            height: 23vh;
+            bottom: 44vh;
+            -webkit-transform: translate3d(-50%, 0, 0);
+            transform: translate3d(-50%, 0, 0);
+        }
+        .preview-item:nth-child(3) img{
+            height: 30vh;
+            bottom: 40vh;
+        }
+        .preview-item:nth-child(7) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(8) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(9) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(1) img{
+            bottom: 49vh;
+            height: 30vh;
+        }
+        .preview-item:nth-child(2) img{
+            bottom: 44.5vh;
+        }
+        .preview-item-name {
+            font-size: 0.46rem;
+            letter-spacing: 0.05rem;
+            top: 65%;
+        }
+        .preview-item:nth-child(7) .preview-item-name {
+            font-size: 0.32rem;
+            line-height: 0.5rem;
+        }
+        .preview-item:nth-child(8) .preview-item-name {
+            font-size: 0.28rem;
+            line-height: 0.5rem;
+        }
+        .btn-wrap .btn {
+            width: 2.25rem;
+            height: 0.62rem;
+            top: 73vh;
+            background-size: 100% 100%;
+        }
+        .btn-wrap .btn-detail {
+            margin: 0 -1.5rem;
+        }
+        .btn-wrap .btn-buynow {
+            margin: 0 1.5rem;
+        }
+        .preview-light-layer {
+            display: none;
+        }
+        <!--{ if ($lang == 'en') {}-->
+        .preview-item-name {
+            font-size: 0.32rem;
+            letter-spacing: 0;
+            width: 90%;
+            padding: 0 5%;
+        }
+        .mb-preview-thumb-name {
+            font-size: 0.2rem;
+        }
+        .btn-wrap .btn-detail {
+            margin: 0;
+        }
+        <!--{}}-->
+    }
+</style>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg.jpg">
+            <img src="'http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_light.png'">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_lightoff.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_thumb_current.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_01.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_02.png">
+            <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+            <img src="<!--{ echo $bannersData[$i]['img']; }-->">
+            <img src="<!--{ echo $bannersData[$i]['imgPhone']; }-->">
+            <!--{}}-->
+            <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+            <img src="<!--{ echo $mkingData[$i]['bgIcon']; }-->">
+            <img src="<!--{ echo $mkingData[$i]['bgIconPhone']; }-->">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="effect-layer"></div>
+    <!--{ echo $header; }-->
+    <div class="m-homepage">
+        <div class="banner-wrap section">
+            <ul class="banner-inner">
+                <!--{ for($i = 0; $i < count($bannersData); $i++) {}-->
+                <li class="banner-item slide" onclick="window.location.href='<!--{ echo $bannersData[$i]['url']; }-->'">
+                    <div class="banner-item-title"><!--{ echo $bannersData[$i]['ftitle']; }--></div>
+                    <div class="banner-item-subtitle"><!--{ echo $bannersData[$i]['stitle']; }--></div>
+                    <div class="banner-item-text"><!--{ echo $bannersData[$i]['ttitle']; }--></div>
+                </li>
+                <!--{}}-->
+            </ul>
+            <div class="gradient-layer-bottom"></div>
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+        </div>
+
+        <div class="preview-wrap section">
+            <ul class="preview-inner">
+                <li class="preview-item current">
+                    <div class="preview-light-off"></div>
+                    <div class="preview-light-layer"></div>
+                    <img src="<!--{ echo $mkingData[0]['icon']; }-->" alt="<!--{ echo $mkingData[0]['icon_alt']; }-->">
+                    <span class="preview-item-name">
+                        <!--{ echo $mkingData[0]['stitle']; }-->
+                    </span>
+                    <div class="btn-wrap">
+                        <a href="/maowang/find/id/<!--{echo $mkingData[0]['id'];}-->"><div class="btn btn-detail"></div></a>
+                        <a href="<!--{ echo $mkingData[0]['url']; }-->"><div class="btn btn-buynow"></div></a>
+                    </div>
+                    <!--{ if (!empty($mkingData[0]['video'])) {}-->
+                    <div class="video-wrap">
+                        <p class="video-title"><!--{ echo $mkingData[0]['video_title']; }--></p>
+                        <div class="video-tv"></div>
+                        <p class="video-text">
+                            <!--{ echo $mkingData[0]['video_content']; }-->
+                        </p>
+                    </div>
+                    <div class="video-layer">
+                        <video src="<!--{ echo $mkingData[$i]['video']; }-->" id="videoObj0" controls="true"></video>
+                        <div class="btn-close">+</div>
+                    </div>
+                    <!--{}}-->
+                </li>
+                <!--{ for($i = 1; $i < count($mkingData); $i++) {}-->
+                <li class="preview-item">
+                    <div class="preview-light-off"></div>
+                    <div class="preview-light-layer"></div>
+                    <img src="<!--{ echo $mkingData[$i]['icon']; }-->" alt="<!--{ echo $mkingData[$i]['icon_alt']; }-->">
+                    <span class="preview-item-name">
+                        <!--{ echo $mkingData[$i]['stitle']; }-->
+                    </span>
+                    <div class="btn-wrap">
+                        <a href="/maowang/find/id/<!--{echo $mkingData[$i]['id'];}-->"><div class="btn btn-detail"></div></a>
+                        <div class="btn btn-buynow" onclick="window.open('<!--{ echo $mkingData[$i]['url']; }-->')"></div>
+                    </div>
+                    <!--{ if (1 == 2) {}-->
+                    <div class="video-wrap">
+                        <p class="video-title"><!--{ echo $mkingData[$i]['video_title']; }--></p>
+                        <div class="video-tv" data-video="<!--{ echo $mkingData[$i]['video']; }-->"></div>
+                        <p class="video-text">
+                            <!--{ echo $mkingData[$i]['video_content']; }-->
+                        </p>
+                    </div>
+                    <!--{}}-->
+                </li>
+                <!--{}}-->
+            </ul>
+            <div class="preview-thumb-fixed">
+                <ul class="preview-thumb-wrap">
+                    <li class="preview-thumb current">
+                        <div class="preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[0]['thumbnail']; }-->" alt="<!--{ echo $mkingData[0]['thumbnail_alt']; }-->">
+                        <span class="preview-thumb-name"><!--{ echo $mkingData[0]['ftitle']; }--></span>
+                    </li>
+                    <!--{ for($i = 1; $i < count($mkingData); $i++) {}-->
+                    <li class="preview-thumb">
+                        <div class="preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingData[$i]['thumbnail_alt']; }-->">
+                        <span class="preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="mb-preview-thumb-fixed">
+                <ul class="mb-preview-thumb-wrap">
+                    <!--{ for($i = 0; $i < count($mkingData); $i++) {}-->
+                    <li class="mb-preview-thumb">
+                        <div class="mb-preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingData[$i]['thumbnail_alt']; }-->">
+                        <span class="mb-preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData[$i]['video']; }-->" id="videoObj<!--{ echo $i; }-->" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{ echo $footer; }-->
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/homepageController.js"></script>
+<script type="text/javascript">
+    $(document).ready(function () {
+        var mkPage = new HomepageController();
+
+        mkPage.defaultInit();
+
+        if (document.documentElement.clientWidth <= 1080) {
+            mkPage.mkPageMobileInit();
+        } else {
+            mkPage.mkPageInit();
+        }
+        
+        mkPage.preload();
+    });
+</script>
+</html>

fore/maowang/homepage_bk.htm

@@ -0,0 +1,423 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王音响 - 猫王官网</title>
+<meta name="description" content="大猫王稀世珍藏级收音机，猫王1典藏级收音机，猫王2发烧级收音机，猫王3摩登复古收音机，猫王小王子原木便携式收音机，猫王小王子OTR复古合金便携式收音机，SOLO+便携式蓝牙音箱。">
+<meta name="keywords" content="大猫王,猫王1,猫王2,猫王3,猫王小王子,猫王小王子OTR,猫王SOLO+">
+<link rel="canonical" href="https://www.radio1964.com/maowang" />
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/homepage.css">
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+<style type="text/css">
+    .preview-item:nth-child(1) img{
+        height: 40vh;
+        bottom: 32vh;
+    }
+    .preview-item:nth-child(5) img{
+        height: 30vh;
+        bottom: 35vh;
+    }
+    .preview-item:nth-child(6) img{
+        height: 30vh;
+    }
+    .preview-item:nth-child(7) img{
+        height: 30vh;
+    }
+    .preview-thumb:nth-child(1) img {
+        height: 7.6vh;
+    }
+    .preview-thumb:nth-child(2) img {
+        height: 7.2vh;
+    }
+    .preview-thumb:nth-child(3) img {
+        height: 7.2vh;
+    }
+    .preview-thumb:nth-child(4) img {
+        height: 6.5vh;
+    }
+    .preview-item:nth-child(5) .preview-item-name {
+        font-size: 0.48rem;
+    }
+    .preview-item:nth-child(6) .preview-item-name {
+        font-size: 0.42rem;
+    }
+    <!--{ if($mkingData[0]['ftitle'] == '大猫王') {}-->
+    .preview-item:nth-child(1) .btn-buynow {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/btn_bigmk.png');
+    }
+    <!--{}}-->
+    .preview-inner > .current img{
+        -webkit-animation: item-rightcome 2s cubic-bezier(.76,.61,.17,1);
+                animation: item-rightcome 2s cubic-bezier(.76,.61,.17,1);
+    }
+    .preview-current-icon {
+        width: 3.2rem;
+    }
+    .preview-thumb:hover > img{
+        top: 50%;
+                transform: scale(2) translate(-86%, -50%);
+        -webkit-transform: scale(2) translate(-86%, -50%);
+    }
+    .preview-thumb:hover > .preview-current-icon {
+        -webkit-transform: translate(0, -50%);
+                transform: translate(0, -50%);
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        position: absolute;
+        top: 60%;
+        right: 0.64rem;
+        -webkit-transform: translate(50%, -50%);
+                transform: translate(50%, -50%);
+        color: #0c0c0c;
+        font-size: 0.24rem;
+        font-weight: bolder;
+        z-index: 2;
+        width: 1rem;
+    }
+    .preview-thumb:nth-child(1):hover {
+        height: 18.4vh;
+        background-position: center 80%;
+        background-size: 100% 56%;
+    }
+    .preview-thumb:nth-child(1):hover > img{
+       top: 64%;
+    }
+    .preview-thumb:nth-child(1):hover > .preview-thumb-name {
+        top: 12.8vh;
+    }
+    .preview-thumb:nth-child(5):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-thumb:nth-child(6):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-light-off {
+        width: 100%;
+        height: 100vh;
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_lightoff.png') no-repeat center top;
+        background-size: cover;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+    .preview-light-layer {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_light.png');
+        background-position: center top;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+    .banner-item:nth-child(<!--{ echo $i+1; }-->) {
+        background-image: url('<!--{ echo $bannersData[$i]['img']; }-->');
+        color: rgb(<!--{ echo $bannersData[$i]['colour']; }-->);
+    }
+    <!--{}}-->
+    <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+    .preview-item:nth-child(<!--{ echo $i+1; }-->) {
+        background-image: url('<!--{ echo $mkingData[$i]['bgIcon']; }-->');
+    }
+    <!--{}}-->
+
+    <!--{ if ($lang == 'en') {}-->
+    .btn-wrap  .btn-detail {
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_01_en.png') no-repeat center center;
+        margin: 0;
+        background-size: contain;
+    }
+    .btn-wrap  .btn-buynow {
+        display: none;
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        font-size: 12px;
+        top: 57%;
+    }
+    .preview-thumb:nth-child(1):hover > .preview-thumb-name {
+        top: 12.4vh;
+    }
+    .preview-thumb:nth-child(5):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(6):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        top: 60%;
+    }
+    .preview-item-name {
+        letter-spacing: 0;
+        font-size: 0.5rem;
+    }
+    <!--{}}-->
+
+    @media (max-device-width: 1081px) {
+        <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+        .banner-item:nth-child(<!--{ echo $i+1; }-->) {
+            background-image: url('<!--{ echo $bannersData[$i]['imgPhone']; }-->');
+        }
+        <!--{}}-->
+        <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+        .preview-item:nth-child(<!--{ echo $i+1; }-->) {
+            background-image: url('<!--{ echo $mkingData[$i]['bgIconPhone']; }-->');
+        }
+        <!--{}}-->
+
+        .banner-item-title {
+            display: none;
+        }
+        .banner-item-text {
+            display: none;
+        }
+        .banner-item-subtitle {
+            width: 100%;
+            position: absolute;
+            top: 27%;
+            left: 0;
+            font-size: 0.5rem;
+            text-align: center;
+        }
+        .scroll-hint {
+            display: none;
+        }
+        .fp-controlArrow {
+            display: none;
+        }
+        .preview-thumb-fixed {
+            display: none;
+        }
+        .preview-thumb-wrap {
+            display: none;
+        }
+        .preview-item {
+            background-position: center center;
+            background-size: cover;
+        }
+        .preview-item img {
+            height: 23vh;
+            bottom: 44vh;
+            -webkit-transform: translate3d(-50%, 0, 0);
+            transform: translate3d(-50%, 0, 0);
+        }
+        .preview-item:nth-child(1) img{
+            height: 30vh;
+            bottom: 40vh;
+        }
+        .preview-item:nth-child(5) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(6) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(7) img{
+            bottom: 48vh;
+        }
+        .preview-item-name {
+            font-size: 0.46rem;
+            letter-spacing: 0.05rem;
+            top: 65%;
+        }
+        .preview-item:nth-child(5) .preview-item-name {
+            font-size: 0.32rem;
+            line-height: 0.5rem;
+        }
+        .preview-item:nth-child(6) .preview-item-name {
+            font-size: 0.28rem;
+            line-height: 0.5rem;
+        }
+        .btn-wrap .btn {
+            width: 2.25rem;
+            height: 0.62rem;
+            top: 73vh;
+            background-size: 100% 100%;
+        }
+        .btn-wrap .btn-detail {
+            margin: 0 -1.5rem;
+        }
+        .btn-wrap .btn-buynow {
+            margin: 0 1.5rem;
+        }
+        .preview-light-layer {
+            display: none;
+        }
+        <!--{ if ($lang == 'en') {}-->
+        .preview-item-name {
+            font-size: 0.32rem;
+            letter-spacing: 0;
+            width: 90%;
+            padding: 0 5%;
+        }
+        .mb-preview-thumb-name {
+            font-size: 0.2rem;
+        }
+        .btn-wrap .btn-detail {
+            margin: 0;
+        }
+        <!--{}}-->
+    }
+</style>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg.jpg">
+            <img src="'http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_light.png'">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_lightoff.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_thumb_current.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_01.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_02.png">
+            <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+            <img src="<!--{ echo $bannersData[$i]['img']; }-->">
+            <img src="<!--{ echo $bannersData[$i]['imgPhone']; }-->">
+            <!--{}}-->
+            <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+            <img src="<!--{ echo $mkingData[$i]['bgIcon']; }-->">
+            <img src="<!--{ echo $mkingData[$i]['bgIconPhone']; }-->">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="effect-layer"></div>
+    <!--{ echo $header; }-->
+    <div class="m-homepage">
+        <div class="banner-wrap section">
+            <ul class="banner-inner">
+                <!--{ for($i = 0; $i < count($bannersData); $i++) {}-->
+                <li class="banner-item slide" onclick="window.location.href='<!--{ echo $bannersData[$i]['url']; }-->'">
+                    <div class="banner-item-title"><!--{ echo $bannersData[$i]['ftitle']; }--></div>
+                    <div class="banner-item-subtitle"><!--{ echo $bannersData[$i]['stitle']; }--></div>
+                    <div class="banner-item-text"><!--{ echo $bannersData[$i]['ttitle']; }--></div>
+                </li>
+                <!--{}}-->
+            </ul>
+            <div class="gradient-layer-bottom"></div>
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+        </div>
+
+        <div class="preview-wrap section">
+            <ul class="preview-inner">
+                <li class="preview-item current">
+                    <div class="preview-light-off"></div>
+                    <div class="preview-light-layer"></div>
+                    <img src="<!--{ echo $mkingData[0]['icon']; }-->">
+                    <span class="preview-item-name">
+                        <!--{ echo $mkingData[0]['stitle']; }-->
+                    </span>
+                    <div class="btn-wrap">
+                        <a href="/maowang/find/id/<!--{echo $mkingData[0]['id'];}-->"><div class="btn btn-detail"></div></a>
+                        <a href="<!--{ echo $mkingData[0]['url']; }-->"><div class="btn btn-buynow"></div></a>
+                    </div>
+                    <!--{ if (!empty($mkingData[0]['video'])) {}-->
+                    <div class="video-wrap">
+                        <p class="video-title"><!--{ echo $mkingData[0]['video_title']; }--></p>
+                        <div class="video-tv"></div>
+                        <p class="video-text">
+                            <!--{ echo $mkingData[0]['video_content']; }-->
+                        </p>
+                    </div>
+                    <div class="video-layer">
+                        <video src="<!--{ echo $mkingData[$i]['video']; }-->" id="videoObj0" controls="true"></video>
+                        <div class="btn-close">+</div>
+                    </div>
+                    <!--{}}-->
+                </li>
+                <!--{ for($i = 1; $i < count($mkingData); $i++) {}-->
+                <li class="preview-item">
+                    <div class="preview-light-off"></div>
+                    <div class="preview-light-layer"></div>
+                    <img src="<!--{ echo $mkingData[$i]['icon']; }-->">
+                    <span class="preview-item-name">
+                        <!--{ echo $mkingData[$i]['stitle']; }-->
+                    </span>
+                    <div class="btn-wrap">
+                        <a href="/maowang/find/id/<!--{echo $mkingData[$i]['id'];}-->"><div class="btn btn-detail"></div></a>
+                        <div class="btn btn-buynow" onclick="window.open('<!--{ echo $mkingData[$i]['url']; }-->')"></div>
+                    </div>
+                    <!--{ if (1 == 2) {}-->
+                    <div class="video-wrap">
+                        <p class="video-title"><!--{ echo $mkingData[$i]['video_title']; }--></p>
+                        <div class="video-tv" data-video="<!--{ echo $mkingData[$i]['video']; }-->"></div>
+                        <p class="video-text">
+                            <!--{ echo $mkingData[$i]['video_content']; }-->
+                        </p>
+                    </div>
+                    <!--{}}-->
+                </li>
+                <!--{}}-->
+            </ul>
+            <div class="preview-thumb-fixed">
+                <ul class="preview-thumb-wrap">
+                    <li class="preview-thumb current">
+                        <div class="preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[0]['thumbnail']; }-->">
+                        <span class="preview-thumb-name"><!--{ echo $mkingData[0]['ftitle']; }--></span>
+                    </li>
+                    <!--{ for($i = 1; $i < count($mkingData); $i++) {}-->
+                    <li class="preview-thumb">
+                        <div class="preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->">
+                        <span class="preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="mb-preview-thumb-fixed">
+                <ul class="mb-preview-thumb-wrap">
+                    <!--{ for($i = 0; $i < count($mkingData); $i++) {}-->
+                    <li class="mb-preview-thumb">
+                        <div class="mb-preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->">
+                        <span class="mb-preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData[$i]['video']; }-->" id="videoObj<!--{ echo $i; }-->" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{ echo $footer; }-->
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/homepageController.js"></script>
+<script type="text/javascript">
+    $(document).ready(function () {
+        var mkPage = new HomepageController();
+
+        mkPage.defaultInit();
+
+        if (document.documentElement.clientWidth <= 1080) {
+            mkPage.mkPageMobileInit();
+        } else {
+            mkPage.mkPageInit();
+        }
+        
+        mkPage.preload();
+    });
+</script>
+</html>

fore/maowang/homepage_bk1007.htm

@@ -0,0 +1,430 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王音响 - 猫王官网</title>
+<meta name="description" content="大猫王稀世珍藏级收音机，猫王1典藏级收音机，猫王2发烧级收音机，猫王3摩登复古收音机，猫王小王子原木便携式收音机，猫王小王子OTR复古合金便携式收音机，SOLO+便携式蓝牙音箱。">
+<meta name="keywords" content="大猫王,猫王1,猫王2,猫王3,猫王小王子,猫王小王子OTR,猫王SOLO+">
+<link rel="canonical" href="https://www.radio1964.com/maowang" />
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/homepage.css">
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+<style type="text/css">
+    .preview-item:nth-child(3) img{
+        height: 40vh;
+        bottom: 32vh;
+    }
+    .preview-item:nth-child(7) img{
+        height: 30vh;
+        bottom: 35vh;
+    }
+    .preview-item:nth-child(8) img{
+        height: 30vh;
+    }
+    .preview-item:nth-child(9) img{
+        height: 30vh;
+    }
+    .preview-thumb:nth-child(3) img {
+        height: 7.6vh;
+    }
+    .preview-thumb:nth-child(4) img {
+        height: 7.2vh;
+    }
+    .preview-thumb:nth-child(5) img {
+        height: 7.2vh;
+    }
+    .preview-thumb:nth-child(6) img {
+        height: 6.5vh;
+    }
+    .preview-item:nth-child(7) .preview-item-name {
+        font-size: 0.48rem;
+    }
+    .preview-item:nth-child(8) .preview-item-name {
+        font-size: 0.42rem;
+    }
+    <!--{ if($mkingData[0]['ftitle'] == '大猫王') {}-->
+    .preview-item:nth-child(1) .btn-buynow {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/btn_bigmk.png');
+    }
+    <!--{}}-->
+    .preview-inner > .current img{
+        -webkit-animation: item-rightcome 2s cubic-bezier(.76,.61,.17,1);
+                animation: item-rightcome 2s cubic-bezier(.76,.61,.17,1);
+    }
+    .preview-current-icon {
+        width: 3.2rem;
+    }
+    .preview-thumb:hover > img{
+        top: 50%;
+                transform: scale(2) translate(-86%, -50%);
+        -webkit-transform: scale(2) translate(-86%, -50%);
+    }
+    .preview-thumb:hover > .preview-current-icon {
+        -webkit-transform: translate(0, -50%);
+                transform: translate(0, -50%);
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        position: absolute;
+        top: 60%;
+        right: 0.64rem;
+        -webkit-transform: translate(50%, -50%);
+                transform: translate(50%, -50%);
+        color: #0c0c0c;
+        font-size: 0.24rem;
+        font-weight: bolder;
+        z-index: 2;
+        width: 1rem;
+    }
+    .preview-thumb:nth-child(3):hover {
+        height: 18.4vh;
+        background-position: center 80%;
+        background-size: 100% 56%;
+    }
+    .preview-thumb:nth-child(3):hover > img{
+       top: 64%;
+    }
+    .preview-thumb:nth-child(3):hover > .preview-thumb-name {
+        top: 12.8vh;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-thumb:nth-child(8):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-light-off {
+        width: 100%;
+        height: 100vh;
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_lightoff.png') no-repeat center top;
+        background-size: cover;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+    .preview-light-layer {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_light.png');
+        background-position: center top;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+    .banner-item:nth-child(<!--{ echo $i+1; }-->) {
+        background-image: url('<!--{ echo $bannersData[$i]['img']; }-->');
+        color: rgb(<!--{ echo $bannersData[$i]['colour']; }-->);
+    }
+    <!--{}}-->
+    <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+    .preview-item:nth-child(<!--{ echo $i+1; }-->) {
+        background-image: url('<!--{ echo $mkingData[$i]['bgIcon']; }-->');
+    }
+    <!--{}}-->
+
+    <!--{ if ($lang == 'en') {}-->
+    .btn-wrap  .btn-detail {
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_01_en.png') no-repeat center center;
+        margin: 0;
+        background-size: contain;
+    }
+    .btn-wrap  .btn-buynow {
+        display: none;
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        font-size: 12px;
+        top: 57%;
+    }
+    .preview-thumb:nth-child(3):hover > .preview-thumb-name {
+        top: 12.4vh;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(8):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(9):hover > .preview-thumb-name {
+        top: 60%;
+    }
+    .preview-item-name {
+        letter-spacing: 0;
+        font-size: 0.5rem;
+    }
+    <!--{}}-->
+
+    @media (max-device-width: 1081px) {
+        <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+        .banner-item:nth-child(<!--{ echo $i+1; }-->) {
+            background-image: url('<!--{ echo $bannersData[$i]['imgPhone']; }-->');
+        }
+        <!--{}}-->
+        <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+        .preview-item:nth-child(<!--{ echo $i+1; }-->) {
+            background-image: url('<!--{ echo $mkingData[$i]['bgIconPhone']; }-->');
+        }
+        <!--{}}-->
+
+        .banner-item-title {
+            display: none;
+        }
+        .banner-item-text {
+            display: none;
+        }
+        .banner-item-subtitle {
+            width: 100%;
+            position: absolute;
+            top: 27%;
+            left: 0;
+            font-size: 0.5rem;
+            text-align: center;
+        }
+        .scroll-hint {
+            display: none;
+        }
+        .fp-controlArrow {
+            display: none;
+        }
+        .preview-thumb-fixed {
+            display: none;
+        }
+        .preview-thumb-wrap {
+            display: none;
+        }
+        .preview-item {
+            background-position: center center;
+            background-size: cover;
+        }
+        .preview-item img {
+            height: 23vh;
+            bottom: 44vh;
+            -webkit-transform: translate3d(-50%, 0, 0);
+            transform: translate3d(-50%, 0, 0);
+        }
+        .preview-item:nth-child(3) img{
+            height: 30vh;
+            bottom: 40vh;
+        }
+        .preview-item:nth-child(7) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(8) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(9) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(1) img{
+            bottom: 49vh;
+            height: 30vh;
+        }
+        .preview-item:nth-child(2) img{
+            bottom: 44.5vh;
+        }
+        .preview-item-name {
+            font-size: 0.46rem;
+            letter-spacing: 0.05rem;
+            top: 65%;
+        }
+        .preview-item:nth-child(7) .preview-item-name {
+            font-size: 0.32rem;
+            line-height: 0.5rem;
+        }
+        .preview-item:nth-child(8) .preview-item-name {
+            font-size: 0.28rem;
+            line-height: 0.5rem;
+        }
+        .btn-wrap .btn {
+            width: 2.25rem;
+            height: 0.62rem;
+            top: 73vh;
+            background-size: 100% 100%;
+        }
+        .btn-wrap .btn-detail {
+            margin: 0 -1.5rem;
+        }
+        .btn-wrap .btn-buynow {
+            margin: 0 1.5rem;
+        }
+        .preview-light-layer {
+            display: none;
+        }
+        <!--{ if ($lang == 'en') {}-->
+        .preview-item-name {
+            font-size: 0.32rem;
+            letter-spacing: 0;
+            width: 90%;
+            padding: 0 5%;
+        }
+        .mb-preview-thumb-name {
+            font-size: 0.2rem;
+        }
+        .btn-wrap .btn-detail {
+            margin: 0;
+        }
+        <!--{}}-->
+    }
+</style>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg.jpg">
+            <img src="'http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_light.png'">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_lightoff.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_thumb_current.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_01.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_02.png">
+            <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+            <img src="<!--{ echo $bannersData[$i]['img']; }-->">
+            <img src="<!--{ echo $bannersData[$i]['imgPhone']; }-->">
+            <!--{}}-->
+            <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+            <img src="<!--{ echo $mkingData[$i]['bgIcon']; }-->">
+            <img src="<!--{ echo $mkingData[$i]['bgIconPhone']; }-->">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="effect-layer"></div>
+    <!--{ echo $header; }-->
+    <div class="m-homepage">
+        <div class="banner-wrap section">
+            <ul class="banner-inner">
+                <!--{ for($i = 0; $i < count($bannersData); $i++) {}-->
+                <li class="banner-item slide" onclick="window.location.href='<!--{ echo $bannersData[$i]['url']; }-->'">
+                    <div class="banner-item-title"><!--{ echo $bannersData[$i]['ftitle']; }--></div>
+                    <div class="banner-item-subtitle"><!--{ echo $bannersData[$i]['stitle']; }--></div>
+                    <div class="banner-item-text"><!--{ echo $bannersData[$i]['ttitle']; }--></div>
+                </li>
+                <!--{}}-->
+            </ul>
+            <div class="gradient-layer-bottom"></div>
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+        </div>
+
+        <div class="preview-wrap section">
+            <ul class="preview-inner">
+                <li class="preview-item current">
+                    <div class="preview-light-off"></div>
+                    <div class="preview-light-layer"></div>
+                    <img src="<!--{ echo $mkingData[0]['icon']; }-->" alt="<!--{ echo $mkingData[0]['icon_alt']; }-->">
+                    <span class="preview-item-name">
+                        <!--{ echo $mkingData[0]['stitle']; }-->
+                    </span>
+                    <div class="btn-wrap">
+                        <a href="/maowang/find/id/<!--{echo $mkingData[0]['id'];}-->"><div class="btn btn-detail"></div></a>
+                        <a href="<!--{ echo $mkingData[0]['url']; }-->"><div class="btn btn-buynow"></div></a>
+                    </div>
+                    <!--{ if (!empty($mkingData[0]['video'])) {}-->
+                    <div class="video-wrap">
+                        <p class="video-title"><!--{ echo $mkingData[0]['video_title']; }--></p>
+                        <div class="video-tv"></div>
+                        <p class="video-text">
+                            <!--{ echo $mkingData[0]['video_content']; }-->
+                        </p>
+                    </div>
+                    <div class="video-layer">
+                        <video src="<!--{ echo $mkingData[$i]['video']; }-->" id="videoObj0" controls="true"></video>
+                        <div class="btn-close">+</div>
+                    </div>
+                    <!--{}}-->
+                </li>
+                <!--{ for($i = 1; $i < count($mkingData); $i++) {}-->
+                <li class="preview-item">
+                    <div class="preview-light-off"></div>
+                    <div class="preview-light-layer"></div>
+                    <img src="<!--{ echo $mkingData[$i]['icon']; }-->" alt="<!--{ echo $mkingData[$i]['icon_alt']; }-->">
+                    <span class="preview-item-name">
+                        <!--{ echo $mkingData[$i]['stitle']; }-->
+                    </span>
+                    <div class="btn-wrap">
+                        <a href="/maowang/find/id/<!--{echo $mkingData[$i]['id'];}-->"><div class="btn btn-detail"></div></a>
+                        <div class="btn btn-buynow" onclick="window.open('<!--{ echo $mkingData[$i]['url']; }-->')"></div>
+                    </div>
+                    <!--{ if (1 == 2) {}-->
+                    <div class="video-wrap">
+                        <p class="video-title"><!--{ echo $mkingData[$i]['video_title']; }--></p>
+                        <div class="video-tv" data-video="<!--{ echo $mkingData[$i]['video']; }-->"></div>
+                        <p class="video-text">
+                            <!--{ echo $mkingData[$i]['video_content']; }-->
+                        </p>
+                    </div>
+                    <!--{}}-->
+                </li>
+                <!--{}}-->
+            </ul>
+            <div class="preview-thumb-fixed">
+                <ul class="preview-thumb-wrap">
+                    <li class="preview-thumb current">
+                        <div class="preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[0]['thumbnail']; }-->" alt="<!--{ echo $mkingData[0]['thumbnail_alt']; }-->">
+                        <span class="preview-thumb-name"><!--{ echo $mkingData[0]['ftitle']; }--></span>
+                    </li>
+                    <!--{ for($i = 1; $i < count($mkingData); $i++) {}-->
+                    <li class="preview-thumb">
+                        <div class="preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingData[$i]['thumbnail_alt']; }-->">
+                        <span class="preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="mb-preview-thumb-fixed">
+                <ul class="mb-preview-thumb-wrap">
+                    <!--{ for($i = 0; $i < count($mkingData); $i++) {}-->
+                    <li class="mb-preview-thumb">
+                        <div class="mb-preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingData[$i]['thumbnail_alt']; }-->">
+                        <span class="mb-preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData[$i]['video']; }-->" id="videoObj<!--{ echo $i; }-->" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{ echo $footer; }-->
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/homepageController.js"></script>
+<script type="text/javascript">
+    $(document).ready(function () {
+        var mkPage = new HomepageController();
+
+        mkPage.defaultInit();
+
+        if (document.documentElement.clientWidth <= 1080) {
+            mkPage.mkPageMobileInit();
+        } else {
+            mkPage.mkPageInit();
+        }
+        
+        mkPage.preload();
+    });
+</script>
+</html>

fore/maowang/homepage_new.htm

@@ -0,0 +1,564 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王音响 - 猫王官网</title>
+<meta name="description" content="大猫王稀世珍藏级收音机，猫王1典藏级收音机，猫王2发烧级收音机，猫王3摩登复古收音机，猫王小王子原木便携式收音机，猫王小王子OTR复古合金便携式收音机，SOLO+便携式蓝牙音箱。">
+<meta name="keywords" content="大猫王,猫王1,猫王2,猫王3,猫王小王子,猫王小王子OTR,猫王SOLO+">
+<link rel="canonical" href="https://www.radio1964.com/maowang" />
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/homepage.css">
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+<style type="text/css">
+    .preview-item:nth-child(3) img{
+        height: 40vh;
+        bottom: 32vh;
+    }
+    .preview-item:nth-child(7) img{
+        height: 30vh;
+        bottom: 35vh;
+    }
+    .preview-item:nth-child(8) img{
+        height: 30vh;
+    }
+    .preview-item:nth-child(9) img{
+        height: 30vh;
+    }
+    /*.preview-thumb:nth-child(3) img {
+        height: 7.6vh;
+    }
+    .preview-thumb:nth-child(4) img {
+        height: 7.2vh;
+    }
+    .preview-thumb:nth-child(5) img {
+        height: 7.2vh;
+    }
+    .preview-thumb:nth-child(6) img {
+        height: 6.5vh;
+    }*/
+    .preview-item:nth-child(7) .preview-item-name {
+        font-size: 0.48rem;
+    }
+    .preview-item:nth-child(8) .preview-item-name {
+        font-size: 0.42rem;
+    }
+    <!--{ if($mkingData[0]['ftitle'] == '大猫王') {}-->
+    .preview-item:nth-child(1) .btn-buynow {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/btn_bigmk.png');
+    }
+    <!--{}}-->
+    .preview-inner > .current img{
+        -webkit-animation: item-rightcome 2s cubic-bezier(.76,.61,.17,1);
+                animation: item-rightcome 2s cubic-bezier(.76,.61,.17,1);
+    }
+    .preview-current-icon {
+        width: 3.2rem;
+    }
+    /*.preview-thumb:hover > img{
+        top: 50%;
+                transform: scale(2) translate(-86%, -50%);
+        -webkit-transform: scale(2) translate(-86%, -50%);
+    }*/
+    /*.preview-thumb:hover > .preview-current-icon {
+        -webkit-transform: translate(0, -50%);
+                transform: translate(0, -50%);
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        position: absolute;
+        top: 60%;
+        right: 0.64rem;
+        -webkit-transform: translate(50%, -50%);
+                transform: translate(50%, -50%);
+        color: #0c0c0c;
+        font-size: 0.24rem;
+        font-weight: bolder;
+        z-index: 2;
+        width: 1rem;
+    }*/
+    /*.preview-thumb:nth-child(3):hover {
+        height: 18.4vh;
+        background-position: center 80%;
+        background-size: 100% 56%;
+    }
+    .preview-thumb:nth-child(3):hover > img{
+       top: 64%;
+    }
+    .preview-thumb:nth-child(3):hover > .preview-thumb-name {
+        top: 12.8vh;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-thumb:nth-child(8):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }*/
+    .preview-light-off {
+        width: 100%;
+        height: 100vh;
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_lightoff.png') no-repeat center top;
+        background-size: cover;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+    .preview-light-layer {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_light.png');
+        background-position: center top;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+    .banner-item:nth-child(<!--{ echo $i+1; }-->) {
+        background-image: url('<!--{ echo $bannersData[$i]['img']; }-->');
+        color: rgb(<!--{ echo $bannersData[$i]['colour']; }-->);
+    }
+    <!--{}}-->
+    <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+    .preview-item:nth-child(<!--{ echo $i+1; }-->) {
+        background-image: url('<!--{ echo $mkingData[$i]['bgIcon']; }-->');
+    }
+    <!--{}}-->
+
+    <!--{ if ($lang == 'en') {}-->
+    .btn-wrap  .btn-detail {
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_01_en.png') no-repeat center center;
+        margin: 0;
+        background-size: contain;
+    }
+    .btn-wrap  .btn-buynow {
+        display: none;
+    }
+    /*.preview-thumb:hover > .preview-thumb-name {
+        font-size: 12px;
+        top: 57%;
+    }
+    .preview-thumb:nth-child(3):hover > .preview-thumb-name {
+        top: 12.4vh;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(8):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(9):hover > .preview-thumb-name {
+        top: 60%;
+    }*/
+    .preview-item-name {
+        letter-spacing: 0;
+        font-size: 0.5rem;
+    }
+    <!--{}}-->
+
+    /* new */
+    .preview-thumb-title {
+        width: 100%;
+        text-align: center;
+        color: #fff;
+        font-size: 0.22rem;
+        pointer-events: none;
+        padding-top: 10vh;
+    }
+    .preview-thumb:nth-child(1) > .preview-thumb-title {
+        padding-top: 14.8vh;
+    }
+ /*   .preview-thumb:hover > .preview-thumb-item-wrap {
+        right: 100%;
+    }*/
+    .preview-subthumb-wrap {
+        width: 2.4rem;
+        height: 100vh;
+        position: absolute;
+        top: 0;
+        /*right: 2.26rem;*/
+        right: 0;
+        background-color: rgba(0, 0, 0, 0.7);
+        transition: right 0.6s;
+        -webkit-transition: right 0.6s;
+    }
+    .preview-thumb-item-wrap {
+        display: none;
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+    .preview-thumb-item {
+        width: 2.4rem;
+        height: 13.6vh;
+        position: relative;
+        text-align: center;
+    }
+    .preview-thumb-item:nth-child(1) {
+        margin-top: 4.8vh;
+    }
+    .preview-thumb-item-bg {
+        width: 2.8rem;
+        height: 11vh;
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_thumb_current.png') no-repeat left center;
+        background-size: auto 100%;
+        position: absolute;
+        top: 50%;
+        margin-top: -5.5vh;
+        right: 0;
+    }
+    .preview-thumb-item > img {
+        height: 10vh;
+        transform: translateZ(0);
+        -ms-transform: translateZ(0);
+        -moz-transform: translateZ(0);
+        -webkit-transform: translateZ(0);
+    }
+    .preview-thumb-name {
+        bottom: 1.5vh;
+        font-size: 0.2rem;
+    }
+    .preview-thumb > img {
+        width: auto;
+        height: 8vh;
+        position: absolute;
+        left: 50%;
+        top: 40%;
+                transform: translate(-50%, -50%);
+        -webkit-transform: translate(-50%, -50%);
+        -webkit-transition: none;
+        -webkit-transition: none;
+        transition: none;
+        transition: none;
+        transition: none;
+        -webkit-transform-origin: 50% 50%;
+                transform-origin: 50% 50%;
+        z-index: 3;
+    }
+    .preivew-thumb-symbol {
+        height: 8vh;
+        position: absolute;
+        top: 40%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        -ms-transform: translate(-50%, -50%);
+        -moz-transform: translate(-50%, -50%);
+        -webkit-transform: translate(-50%, -50%);
+    }
+
+
+    @media (max-device-width: 1081px) {
+        <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+        .banner-item:nth-child(<!--{ echo $i+1; }-->) {
+            background-image: url('<!--{ echo $bannersData[$i]['imgPhone']; }-->');
+        }
+        <!--{}}-->
+        <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+        .preview-item:nth-child(<!--{ echo $i+1; }-->) {
+            background-image: url('<!--{ echo $mkingData[$i]['bgIconPhone']; }-->');
+        }
+        <!--{}}-->
+
+        .banner-item-title {
+            display: none;
+        }
+        .banner-item-text {
+            display: none;
+        }
+        .banner-item-subtitle {
+            width: 100%;
+            position: absolute;
+            top: 27%;
+            left: 0;
+            font-size: 0.5rem;
+            text-align: center;
+        }
+        .scroll-hint {
+            display: none;
+        }
+        .fp-controlArrow {
+            display: none;
+        }
+        .preview-thumb-fixed {
+            display: none;
+        }
+        .preview-thumb-wrap {
+            display: none;
+        }
+        .preview-item {
+            background-position: center center;
+            background-size: cover;
+        }
+        .preview-item img {
+            height: 23vh;
+            bottom: 44vh;
+            -webkit-transform: translate3d(-50%, 0, 0);
+            transform: translate3d(-50%, 0, 0);
+        }
+        .preview-item:nth-child(3) img{
+            height: 30vh;
+            bottom: 40vh;
+        }
+        .preview-item:nth-child(7) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(8) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(9) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(1) img{
+            bottom: 49vh;
+            height: 30vh;
+        }
+        .preview-item:nth-child(2) img{
+            bottom: 44.5vh;
+        }
+        .preview-item-name {
+            font-size: 0.46rem;
+            letter-spacing: 0.05rem;
+            top: 65%;
+        }
+        .preview-item:nth-child(7) .preview-item-name {
+            font-size: 0.32rem;
+            line-height: 0.5rem;
+        }
+        .preview-item:nth-child(8) .preview-item-name {
+            font-size: 0.28rem;
+            line-height: 0.5rem;
+        }
+        .btn-wrap .btn {
+            width: 2.25rem;
+            height: 0.62rem;
+            top: 73vh;
+            background-size: 100% 100%;
+        }
+        .btn-wrap .btn-detail {
+            margin: 0 -1.5rem;
+        }
+        .btn-wrap .btn-buynow {
+            margin: 0 1.5rem;
+        }
+        .preview-light-layer {
+            display: none;
+        }
+        <!--{ if ($lang == 'en') {}-->
+        .preview-item-name {
+            font-size: 0.32rem;
+            letter-spacing: 0;
+            width: 90%;
+            padding: 0 5%;
+        }
+        .mb-preview-thumb-name {
+            font-size: 0.2rem;
+        }
+        .btn-wrap .btn-detail {
+            margin: 0;
+        }
+        <!--{}}-->
+    }
+</style>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg.jpg">
+            <img src="'http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_light.png'">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_lightoff.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_thumb_current.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_01.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_02.png">
+            <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+            <img src="<!--{ echo $bannersData[$i]['img']; }-->">
+            <img src="<!--{ echo $bannersData[$i]['imgPhone']; }-->">
+            <!--{}}-->
+            <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+            <img src="<!--{ echo $mkingData[$i]['bgIcon']; }-->">
+            <img src="<!--{ echo $mkingData[$i]['bgIconPhone']; }-->">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="effect-layer"></div>
+    <!--{ echo $header; }-->
+    <div class="m-homepage">
+        <div class="banner-wrap section">
+            <ul class="banner-inner">
+                <!--{ for($i = 0; $i < count($bannersData); $i++) {}-->
+                <li class="banner-item slide" onclick="window.location.href='<!--{ echo $bannersData[$i]['url']; }-->'">
+                    <div class="banner-item-title"><!--{ echo $bannersData[$i]['ftitle']; }--></div>
+                    <div class="banner-item-subtitle"><!--{ echo $bannersData[$i]['stitle']; }--></div>
+                    <div class="banner-item-text"><!--{ echo $bannersData[$i]['ttitle']; }--></div>
+                </li>
+                <!--{}}-->
+            </ul>
+            <div class="gradient-layer-bottom"></div>
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+        </div>
+
+        <div class="preview-wrap section">
+            <ul class="preview-inner">
+                <li class="preview-item current">
+                    <div class="preview-light-off"></div>
+                    <div class="preview-light-layer"></div>
+                    <img src="<!--{ echo $mkingData[0]['icon']; }-->" alt="<!--{ echo $mkingData[0]['icon_alt']; }-->">
+                    <span class="preview-item-name">
+                        <!--{ echo $mkingData[0]['stitle']; }-->
+                    </span>
+                    <div class="btn-wrap">
+                        <a href="/maowang/find/id/<!--{echo $mkingData[0]['id'];}-->"><div class="btn btn-detail"></div></a>
+                        <a href="<!--{ echo $mkingData[0]['url']; }-->"><div class="btn btn-buynow"></div></a>
+                    </div>
+                    <!--{ if (!empty($mkingData[0]['video'])) {}-->
+                    <div class="video-wrap">
+                        <p class="video-title"><!--{ echo $mkingData[0]['video_title']; }--></p>
+                        <div class="video-tv"></div>
+                        <p class="video-text">
+                            <!--{ echo $mkingData[0]['video_content']; }-->
+                        </p>
+                    </div>
+                    <div class="video-layer">
+                        <video src="<!--{ echo $mkingData[$i]['video']; }-->" id="videoObj0" controls="true"></video>
+                        <div class="btn-close">+</div>
+                    </div>
+                    <!--{}}-->
+                </li>
+                <!--{ for($i = 1; $i < count($mkingData); $i++) {}-->
+                <li class="preview-item">
+                    <div class="preview-light-off"></div>
+                    <div class="preview-light-layer"></div>
+                    <img src="<!--{ echo $mkingData[$i]['icon']; }-->" alt="<!--{ echo $mkingData[$i]['icon_alt']; }-->">
+                    <span class="preview-item-name">
+                        <!--{ echo $mkingData[$i]['stitle']; }-->
+                    </span>
+                    <div class="btn-wrap">
+                        <a href="/maowang/find/id/<!--{echo $mkingData[$i]['id'];}-->"><div class="btn btn-detail"></div></a>
+                        <div class="btn btn-buynow" onclick="window.open('<!--{ echo $mkingData[$i]['url']; }-->')"></div>
+                    </div>
+                    <!--{ if (1 == 2) {}-->
+                    <div class="video-wrap">
+                        <p class="video-title"><!--{ echo $mkingData[$i]['video_title']; }--></p>
+                        <div class="video-tv" data-video="<!--{ echo $mkingData[$i]['video']; }-->"></div>
+                        <p class="video-text">
+                            <!--{ echo $mkingData[$i]['video_content']; }-->
+                        </p>
+                    </div>
+                    <!--{}}-->
+                </li>
+                <!--{}}-->
+            </ul>
+            <div class="preview-subthumb-wrap">
+                <ul class="preview-thumb-item-wrap">
+                <!--{ for($i = 2; $i < 5; $i++) {}-->
+                    <li class="preview-thumb-item">
+                        <div class="preview-thumb-item-bg"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingData[$i]['thumbnail_alt']; }-->">
+                        <span class="preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                <!--{}}-->
+                </ul>
+                <ul class="preview-thumb-item-wrap">
+                <!--{ for($i = 5; $i < 8; $i++) {}-->
+                    <li class="preview-thumb-item">
+                        <div class="preview-thumb-item-bg"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingData[$i]['thumbnail_alt']; }-->">
+                        <span class="preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                <!--{}}-->
+                </ul>
+            </div>
+            <div class="preview-thumb-fixed">
+                <div class="preview-thumb-wrap">
+                    <div class="preview-thumb">
+                        <div class="preview-thumb-title">经典系列</div>
+                        <img class="preivew-thumb-symbol" src="<!--{ echo $mkingData[0]['thumbnail']; }-->">
+                    </div>
+                    <div class="preview-thumb">
+                        <div class="preview-thumb-title">小王子系列</div>
+                        <img class="preivew-thumb-symbol" src="<!--{ echo $mkingData[0]['thumbnail']; }-->">
+                    </div>
+                    <div class="preview-thumb">
+                        <div class="preview-thumb-title">乌托邦系列</div>
+                        <img class="preivew-thumb-symbol" src="<!--{ echo $mkingData[0]['thumbnail']; }-->">
+                    </div>
+                    <div class="preview-thumb">
+                        <div class="preview-thumb-title">旅行者系列</div>
+                        <img class="preivew-thumb-symbol" src="<!--{ echo $mkingData[0]['thumbnail']; }-->">
+                    </div>
+                    <div class="preview-thumb">
+                        <div class="preview-thumb-title">原子系列</div>
+                        <img class="preivew-thumb-symbol" src="<!--{ echo $mkingData[0]['thumbnail']; }-->">
+                    </div>
+                    <div class="preview-thumb">
+                        <div class="preview-thumb-title">RADIOOO系列</div>
+                        <img class="preivew-thumb-symbol" src="<!--{ echo $mkingData[0]['thumbnail']; }-->">
+                    </div>
+                </div>
+            </div>
+            <div class="mb-preview-thumb-fixed">
+                <ul class="mb-preview-thumb-wrap">
+                    <!--{ for($i = 0; $i < count($mkingData); $i++) {}-->
+                    <li class="mb-preview-thumb">
+                        <div class="mb-preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingData[$i]['thumbnail_alt']; }-->">
+                        <span class="mb-preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData[$i]['video']; }-->" id="videoObj<!--{ echo $i; }-->" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{ echo $footer; }-->
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/homepageController.js"></script>
+<script type="text/javascript">
+    $(document).ready(function () {
+        var mkPage = new HomepageController();
+
+        mkPage.defaultInit();
+
+        if (document.documentElement.clientWidth <= 1080) {
+            mkPage.mkPageMobileInit();
+        } else {
+            mkPage.mkPageInit();
+        }
+        
+        mkPage.preload();
+
+        $('.preview-thumb').hover(function (e) {
+            var index = $(this).index();
+            $('.preview-thumb-item-wrap').css('display', 'none');
+            $('.preview-thumb-item-wrap').eq(index).css('display', 'block');
+            $('.preview-subthumb-wrap').css('right', '2.26rem');
+        }, function () {
+            $('.preview-subthumb-wrap').css('right', '0');
+        })
+    });
+</script>
+</html>

fore/maowang/maowang.htm

@@ -0,0 +1,323 @@
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
+<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
+<META HTTP-EQUIV="expires" CONTENT="0">
+<title><!--{ echo $mkingData['ftitle']; }-->收音机 - 猫王官网</title>
+<meta name="description" content="<!--{ echo $mkingData['description']; }-->">
+<meta name="keywords" content="<!--{ echo $mkingData['keywords']; }-->">
+<!--{for ($i=0; $i<count($mkingList); $i++) {}-->
+<!--{ if($mkingList[$i]['ftitle'] == $mkingData['ftitle']) {}-->
+<link rel="canonical" href="https://www.radio1964.com/maowang/find/id/<!--{ echo $mkingList[$i]['id']; }-->" />
+<!--{}}-->
+<!--{}}-->
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/lib/jquery.fullPage.css">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/productMK.css">
+<style type="text/css">
+    <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+    <!--{ if($i > 1 && !empty($mkingData['short_video'])) {}-->
+    .scroll-item:nth-child(<!--{ echo $i+2; }-->) .scroll-inner {
+        background-image: url('<!--{ echo $mkingData['image'][$i]; }-->');
+    }
+    .scroll-item:nth-child(<!--{ echo $i+2; }-->) .scroll-inner .scroll-text {
+        top: <!--{ echo $mkingData['top'][$i]; }-->%;
+    }
+    <!--{} else {}-->
+    .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner {
+        background-image: url('<!--{ echo $mkingData['image'][$i]; }-->');
+    }
+    .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner .scroll-text {
+        top: <!--{ echo $mkingData['top'][$i]; }-->%;
+    }
+    <!--{}}-->
+    <!--{}}-->
+    .scroll-item:nth-child(1) .scroll-inner .scroll-text-content {
+        letter-spacing: 0.08rem;
+        margin: 0 1rem;
+        font-size: 0.24rem;
+    }
+    <!--{ if($mkingData['ftitle'] == '大猫王') {}-->
+    .btn-buynow {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/btn_bigmk.png');
+    }
+    .btn-first {
+        top: 93%;
+    }
+    <!--{}}-->
+    <!--{ if($mkingData['ftitle'] == 'SOLO+') {}-->
+    .btn-first {
+        top: 55%;
+    }
+    <!--{}}-->
+    .btn-last {
+        top: 93%;
+    }
+    .scroll-text-subtitle {
+        letter-spacing: 0.08rem;
+    }
+    .preview-current-icon {
+        width: 3.2rem;
+    }
+    .preview-thumb:hover > img{
+        top: 50%;
+                transform: scale(2) translate(-86%, -50%);
+        -webkit-transform: scale(2) translate(-86%, -50%);
+    }
+    .preview-thumb:hover > .preview-current-icon {
+        -webkit-transform: translate(0, -50%);
+                transform: translate(0, -50%);
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        position: absolute;
+        top: 60%;
+        right: 0.64rem;
+        -webkit-transform: translate(50%, -50%);
+                transform: translate(50%, -50%);
+        color: #0c0c0c;
+        font-size: 0.24rem;
+        font-weight: bolder;
+        z-index: 2;
+        width: 1rem;
+    }
+    .preview-thumb:nth-child(1):hover {
+        height: 18.4vh;
+        background-position: center 80%;
+        background-size: 100% 56%;
+    }
+    .preview-thumb:nth-child(1):hover > img{
+       top: 64%;
+    }
+    .preview-thumb:nth-child(1):hover > .preview-thumb-name {
+        top: 12.8vh;
+    }
+    .preview-thumb:nth-child(5):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-thumb:nth-child(6):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    <!--{ if ($lang == 'en') {}-->
+    .btn-buynow {
+        display: none;
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        font-size: 12px;
+        top: 57%;
+    }
+    .preview-thumb:nth-child(1):hover > .preview-thumb-name {
+        top: 12.4vh;
+    }
+    .preview-thumb:nth-child(5):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(6):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        top: 60%;
+    }
+    .scroll-text-title {
+        font-size: 0.6rem;
+        word-wrap: break-word;
+        margin: 0 3.6rem;
+    }
+    .scroll-text-content {
+        word-wrap: break-word;
+    }
+    .scroll-text-subtitle {
+        font-size: 0.6rem;
+        margin: 0.2rem 3.4rem
+    }
+    <!--{}}-->
+
+    .preview-thumb-fixed {
+        display: none;
+    }
+
+    @media (max-device-width: 1081px) {
+        <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+        .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner {
+            background-image: url('<!--{ echo $mkingData['imagePhone'][$i]; }-->');
+        }
+        .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner .scroll-text {
+            top: 78vh;
+        }
+        <!--{}}-->
+
+        .scroll-item:nth-child(1) .scroll-inner .scroll-text {
+            top: 74vh;
+        }
+        .outer-wrap .scroll-item:nth-child(1) .scroll-inner .scroll-text-content {
+            letter-spacing: 4px;
+            margin: 0;
+            font-size: 0.18rem;
+            padding-top: 5px;
+            text-align: center;
+        }
+
+        <!--{ if ($lang == 'en') {}-->
+        .scroll-text-title {
+            font-size: 0.3rem;
+            margin: 0.2rem;
+        }
+        .scroll-text-subtitle {
+            font-size: 0.3rem;
+            margin: 0;
+            letter-spacing: 0;
+        }
+        .scroll-text-content {
+            letter-spacing: 0;
+            font-size: 12px;
+            line-height: 12px;
+        }
+        <!--{}}-->
+    }
+</style>
+<script src="/static/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+            <img src="<!--{ echo $mkingData['image'][$i]; }-->" alt="<!--{ echo $mkingData['image_alt'][$i]; }-->">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="effect-layer"></div>
+    <!--{ echo $header; }-->
+    <div class="preview-thumb-fixed">
+        <ul class="preview-thumb-wrap">
+            <!--{ for($i = 0; $i < count($mkingList); $i++) {}-->
+            <li class="preview-thumb" onclick="window.location.href='/maowang/find/id/<!--{ echo $mkingList[$i]['id']; }-->'">
+                <div class="preview-current-icon"></div>
+                <img src="<!--{ echo $mkingList[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingList[$i]['thumbnail_alt']; }-->">
+                <span class="preview-thumb-name">
+                <!--{ echo $mkingList[$i]['ftitle']; }-->
+                </span>
+            </li>
+            <!--{}}-->
+        </ul>
+    </div>
+    <div class="scroll-wrap outer-wrap">
+        <!--{ for($i = 0; $i < count($mkingData['image']); $i++) {}-->
+        <!--{ if ($i == 2 && !empty($mkingData['short_video'])) {}-->
+        <div class="scroll-item section scroll-video">
+            <video id="scrollVideo" src="<!--{ echo $mkingData['short_video']; }-->" loop="loop" muted="true"></video>
+            <div class="scroll-video-title"><!--{ echo $mkingData['video_title']; }--></div>
+            <!--{ if (!empty($mkingData['video'])) {}-->
+            <div class="btn-videoplay"></div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData['video']; }-->" id="videoObj" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{}}-->
+        </div>
+        <!--{}}-->
+    	<div class="scroll-item section">
+            <!--{ if ($i == 0) {}-->
+            <div class="scroll-inner">
+                <div class="pc-scroll-text scroll-text">
+                    <h1 class="scroll-text-title">
+                        <!--{ echo $mkingData['ftitle']; }-->
+                    </h1>
+                    <p class="scroll-text-subtitle">
+                        <!--{ echo $mkingData['fimgTitle'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['ftitle']; }-->
+                    </p>
+                    <p class="scroll-text-subtitle">
+                        <!--{ echo $mkingData['fimgTitle_phone'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle_phone'][$i]; }-->
+                    </p>
+                </div>
+            </div>
+            <!--{ }else{ }-->
+            <div class="scroll-inner">
+                <div class="pc-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['fimgTitle'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['fimgTitle_phone'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle_phone'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-black-top"></div>
+            </div>
+            <!--{}}-->
+
+            <!--{ if ($i == 0) {}-->
+            <div class="btn-buynow btn-first" onclick="window.open('<!--{ echo $mkingData['url']; }-->');"></div>
+            <!--{ if (0 == 1) {}-->
+            <div class="video-wrap">
+                <p class="video-title"><!--{ echo $mkingData['video_title']; }--></p>
+                <div class="video-tv">
+                    <img src="/static/image/video_tv.png" alt="">
+                </div>
+                <p class="video-text">
+                    <!--{ echo $mkingData['video_content']; }-->
+                </p>
+            </div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData['video']; }-->" id="videoObj" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{}}-->
+            <!--{}}-->
+            
+            <!--{ if ($i == count($mkingData['image']) - 1) {}-->
+            <div class="btn-buynow btn-last" onclick="window.open('<!--{ echo $mkingData['url']; }-->');"></div>
+            <!--{ echo $footer; }-->
+            <!--{}}-->
+            <!--{ if ($i != count($mkingData['image']) - 1) {}-->
+            <div class="mb-scroll-hint">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/scroll_hint_mb.png" alt="">
+            </div>
+            <!--{}}-->
+    	</div>
+        <!--{}}-->
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/productMK.js"></script>
+</html>

fore/maowang/maowang_bk.htm

@@ -0,0 +1,316 @@
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
+<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
+<META HTTP-EQUIV="expires" CONTENT="0">
+<title><!--{ echo $mkingData['ftitle']; }-->收音机 - 猫王官网</title>
+<meta name="description" content="<!--{ echo $mkingData['description']; }-->">
+<meta name="keywords" content="<!--{ echo $mkingData['keywords']; }-->">
+<!--{for ($i=0; $i<count($mkingList); $i++) {}-->
+<!--{ if($mkingList[$i]['ftitle'] == $mkingData['ftitle']) {}-->
+<link rel="canonical" href="https://www.radio1964.com/maowang/find/id/<!--{ echo $mkingList[$i]['id']; }-->" />
+<!--{}}-->
+<!--{}}-->
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/lib/jquery.fullPage.css">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/productMK.css">
+<style type="text/css">
+    <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+    <!--{ if($i > 1 && !empty($mkingData['short_video'])) {}-->
+    .scroll-item:nth-child(<!--{ echo $i+2; }-->) .scroll-inner {
+        background-image: url('<!--{ echo $mkingData['image'][$i]; }-->');
+    }
+    .scroll-item:nth-child(<!--{ echo $i+2; }-->) .scroll-inner .scroll-text {
+        top: <!--{ echo $mkingData['top'][$i]; }-->%;
+    }
+    <!--{} else {}-->
+    .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner {
+        background-image: url('<!--{ echo $mkingData['image'][$i]; }-->');
+    }
+    .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner .scroll-text {
+        top: <!--{ echo $mkingData['top'][$i]; }-->%;
+    }
+    <!--{}}-->
+    <!--{}}-->
+    .scroll-item:nth-child(1) .scroll-inner .scroll-text-content {
+        letter-spacing: 0.08rem;
+        margin: 0 1rem;
+        font-size: 0.24rem;
+    }
+    <!--{ if($mkingData['ftitle'] == '大猫王') {}-->
+    .btn-buynow {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/btn_bigmk.png');
+    }
+    .btn-first {
+        top: 93%;
+    }
+    <!--{}}-->
+    <!--{ if($mkingData['ftitle'] == 'SOLO+') {}-->
+    .btn-first {
+        top: 55%;
+    }
+    <!--{}}-->
+    .scroll-text-subtitle {
+        letter-spacing: 0.08rem;
+    }
+    .preview-current-icon {
+        width: 3.2rem;
+    }
+    .preview-thumb:hover > img{
+        top: 50%;
+                transform: scale(2) translate(-86%, -50%);
+        -webkit-transform: scale(2) translate(-86%, -50%);
+    }
+    .preview-thumb:hover > .preview-current-icon {
+        -webkit-transform: translate(0, -50%);
+                transform: translate(0, -50%);
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        position: absolute;
+        top: 60%;
+        right: 0.64rem;
+        -webkit-transform: translate(50%, -50%);
+                transform: translate(50%, -50%);
+        color: #0c0c0c;
+        font-size: 0.24rem;
+        font-weight: bolder;
+        z-index: 2;
+        width: 1rem;
+    }
+    .preview-thumb:nth-child(1):hover {
+        height: 18.4vh;
+        background-position: center 80%;
+        background-size: 100% 56%;
+    }
+    .preview-thumb:nth-child(1):hover > img{
+       top: 64%;
+    }
+    .preview-thumb:nth-child(1):hover > .preview-thumb-name {
+        top: 12.8vh;
+    }
+    .preview-thumb:nth-child(5):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-thumb:nth-child(6):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    <!--{ if ($lang == 'en') {}-->
+    .btn-buynow {
+        display: none;
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        font-size: 12px;
+        top: 57%;
+    }
+    .preview-thumb:nth-child(1):hover > .preview-thumb-name {
+        top: 12.4vh;
+    }
+    .preview-thumb:nth-child(5):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(6):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        top: 60%;
+    }
+    .scroll-text-title {
+        font-size: 0.6rem;
+        word-wrap: break-word;
+        margin: 0 3.6rem;
+    }
+    .scroll-text-content {
+        word-wrap: break-word;
+    }
+    .scroll-text-subtitle {
+        font-size: 0.6rem;
+        margin: 0.2rem 3.4rem
+    }
+    <!--{}}-->
+
+    @media (max-device-width: 1081px) {
+        <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+        .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner {
+            background-image: url('<!--{ echo $mkingData['imagePhone'][$i]; }-->');
+        }
+        .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner .scroll-text {
+            top: 78vh;
+        }
+        <!--{}}-->
+
+        .scroll-item:nth-child(1) .scroll-inner .scroll-text {
+            top: 74vh;
+        }
+        .outer-wrap .scroll-item:nth-child(1) .scroll-inner .scroll-text-content {
+            letter-spacing: 4px;
+            margin: 0;
+            font-size: 0.18rem;
+            padding-top: 5px;
+            text-align: center;
+        }
+
+        <!--{ if ($lang == 'en') {}-->
+        .scroll-text-title {
+            font-size: 0.3rem;
+            margin: 0.2rem;
+        }
+        .scroll-text-subtitle {
+            font-size: 0.3rem;
+            margin: 0;
+            letter-spacing: 0;
+        }
+        .scroll-text-content {
+            letter-spacing: 0;
+            font-size: 12px;
+            line-height: 12px;
+        }
+        <!--{}}-->
+    }
+</style>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+            <img src="<!--{ echo $mkingData['image'][$i]; }-->" alt="">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="effect-layer"></div>
+    <!--{ echo $header; }-->
+    <div class="preview-thumb-fixed">
+        <ul class="preview-thumb-wrap">
+            <!--{ for($i = 0; $i < count($mkingList); $i++) {}-->
+            <li class="preview-thumb" onclick="window.location.href='/maowang/find/id/<!--{ echo $mkingList[$i]['id']; }-->'">
+                <div class="preview-current-icon"></div>
+                <img src="<!--{ echo $mkingList[$i]['thumbnail']; }-->">
+                <span class="preview-thumb-name">
+                <!--{ echo $mkingList[$i]['ftitle']; }-->
+                </span>
+            </li>
+            <!--{}}-->
+        </ul>
+    </div>
+    <div class="scroll-wrap outer-wrap">
+        <!--{ for($i = 0; $i < count($mkingData['image']); $i++) {}-->
+        <!--{ if ($i == 2 && !empty($mkingData['short_video'])) {}-->
+        <div class="scroll-item section scroll-video">
+            <video id="scrollVideo" src="<!--{ echo $mkingData['short_video']; }-->" loop="loop" muted="true"></video>
+            <div class="scroll-video-title"><!--{ echo $mkingData['video_title']; }--></div>
+            <!--{ if (!empty($mkingData['video'])) {}-->
+            <div class="btn-videoplay"></div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData['video']; }-->" id="videoObj" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{}}-->
+        </div>
+        <!--{}}-->
+    	<div class="scroll-item section">
+            <!--{ if ($i == 0) {}-->
+            <div class="scroll-inner">
+                <div class="pc-scroll-text scroll-text">
+                    <h1 class="scroll-text-title">
+                        <!--{ echo $mkingData['ftitle']; }-->
+                    </h1>
+                    <p class="scroll-text-subtitle">
+                        <!--{ echo $mkingData['fimgTitle'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['ftitle']; }-->
+                    </p>
+                    <p class="scroll-text-subtitle">
+                        <!--{ echo $mkingData['fimgTitle_phone'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle_phone'][$i]; }-->
+                    </p>
+                </div>
+            </div>
+            <!--{ }else{ }-->
+            <div class="scroll-inner">
+                <div class="pc-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['fimgTitle'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['fimgTitle_phone'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle_phone'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-black-top"></div>
+            </div>
+            <!--{}}-->
+
+            <!--{ if ($i == 0) {}-->
+            <div class="btn-buynow btn-first" onclick="window.open('<!--{ echo $mkingData['url']; }-->');"></div>
+            <!--{ if (0 == 1) {}-->
+            <div class="video-wrap">
+                <p class="video-title"><!--{ echo $mkingData['video_title']; }--></p>
+                <div class="video-tv">
+                    <img src="/static/image/video_tv.png" alt="">
+                </div>
+                <p class="video-text">
+                    <!--{ echo $mkingData['video_content']; }-->
+                </p>
+            </div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData['video']; }-->" id="videoObj" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{}}-->
+            <!--{}}-->
+            
+            <!--{ if ($i == count($mkingData['image']) - 1) {}-->
+            <div class="btn-buynow btn-last" onclick="window.open('<!--{ echo $mkingData['url']; }-->');"></div>
+            <!--{ echo $footer; }-->
+            <!--{}}-->
+            <!--{ if ($i != count($mkingData['image']) - 1) {}-->
+            <div class="mb-scroll-hint">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/scroll_hint_mb.png" alt="">
+            </div>
+            <!--{}}-->
+    	</div>
+        <!--{}}-->
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/productMK.js"></script>
+</html>

fore/maowang/maowang_bk1007.htm

@@ -0,0 +1,319 @@
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
+<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
+<META HTTP-EQUIV="expires" CONTENT="0">
+<title><!--{ echo $mkingData['ftitle']; }-->收音机 - 猫王官网</title>
+<meta name="description" content="<!--{ echo $mkingData['description']; }-->">
+<meta name="keywords" content="<!--{ echo $mkingData['keywords']; }-->">
+<!--{for ($i=0; $i<count($mkingList); $i++) {}-->
+<!--{ if($mkingList[$i]['ftitle'] == $mkingData['ftitle']) {}-->
+<link rel="canonical" href="https://www.radio1964.com/maowang/find/id/<!--{ echo $mkingList[$i]['id']; }-->" />
+<!--{}}-->
+<!--{}}-->
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/lib/jquery.fullPage.css">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/productMK.css">
+<style type="text/css">
+    <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+    <!--{ if($i > 1 && !empty($mkingData['short_video'])) {}-->
+    .scroll-item:nth-child(<!--{ echo $i+2; }-->) .scroll-inner {
+        background-image: url('<!--{ echo $mkingData['image'][$i]; }-->');
+    }
+    .scroll-item:nth-child(<!--{ echo $i+2; }-->) .scroll-inner .scroll-text {
+        top: <!--{ echo $mkingData['top'][$i]; }-->%;
+    }
+    <!--{} else {}-->
+    .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner {
+        background-image: url('<!--{ echo $mkingData['image'][$i]; }-->');
+    }
+    .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner .scroll-text {
+        top: <!--{ echo $mkingData['top'][$i]; }-->%;
+    }
+    <!--{}}-->
+    <!--{}}-->
+    .scroll-item:nth-child(1) .scroll-inner .scroll-text-content {
+        letter-spacing: 0.08rem;
+        margin: 0 1rem;
+        font-size: 0.24rem;
+    }
+    <!--{ if($mkingData['ftitle'] == '大猫王') {}-->
+    .btn-buynow {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/btn_bigmk.png');
+    }
+    .btn-first {
+        top: 93%;
+    }
+    <!--{}}-->
+    <!--{ if($mkingData['ftitle'] == 'SOLO+') {}-->
+    .btn-first {
+        top: 55%;
+    }
+    <!--{}}-->
+    .btn-last {
+        top: 93%;
+    }
+    .scroll-text-subtitle {
+        letter-spacing: 0.08rem;
+    }
+    .preview-current-icon {
+        width: 3.2rem;
+    }
+    .preview-thumb:hover > img{
+        top: 50%;
+                transform: scale(2) translate(-86%, -50%);
+        -webkit-transform: scale(2) translate(-86%, -50%);
+    }
+    .preview-thumb:hover > .preview-current-icon {
+        -webkit-transform: translate(0, -50%);
+                transform: translate(0, -50%);
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        position: absolute;
+        top: 60%;
+        right: 0.64rem;
+        -webkit-transform: translate(50%, -50%);
+                transform: translate(50%, -50%);
+        color: #0c0c0c;
+        font-size: 0.24rem;
+        font-weight: bolder;
+        z-index: 2;
+        width: 1rem;
+    }
+    .preview-thumb:nth-child(1):hover {
+        height: 18.4vh;
+        background-position: center 80%;
+        background-size: 100% 56%;
+    }
+    .preview-thumb:nth-child(1):hover > img{
+       top: 64%;
+    }
+    .preview-thumb:nth-child(1):hover > .preview-thumb-name {
+        top: 12.8vh;
+    }
+    .preview-thumb:nth-child(5):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-thumb:nth-child(6):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    <!--{ if ($lang == 'en') {}-->
+    .btn-buynow {
+        display: none;
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        font-size: 12px;
+        top: 57%;
+    }
+    .preview-thumb:nth-child(1):hover > .preview-thumb-name {
+        top: 12.4vh;
+    }
+    .preview-thumb:nth-child(5):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(6):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        top: 60%;
+    }
+    .scroll-text-title {
+        font-size: 0.6rem;
+        word-wrap: break-word;
+        margin: 0 3.6rem;
+    }
+    .scroll-text-content {
+        word-wrap: break-word;
+    }
+    .scroll-text-subtitle {
+        font-size: 0.6rem;
+        margin: 0.2rem 3.4rem
+    }
+    <!--{}}-->
+
+    @media (max-device-width: 1081px) {
+        <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+        .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner {
+            background-image: url('<!--{ echo $mkingData['imagePhone'][$i]; }-->');
+        }
+        .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner .scroll-text {
+            top: 78vh;
+        }
+        <!--{}}-->
+
+        .scroll-item:nth-child(1) .scroll-inner .scroll-text {
+            top: 74vh;
+        }
+        .outer-wrap .scroll-item:nth-child(1) .scroll-inner .scroll-text-content {
+            letter-spacing: 4px;
+            margin: 0;
+            font-size: 0.18rem;
+            padding-top: 5px;
+            text-align: center;
+        }
+
+        <!--{ if ($lang == 'en') {}-->
+        .scroll-text-title {
+            font-size: 0.3rem;
+            margin: 0.2rem;
+        }
+        .scroll-text-subtitle {
+            font-size: 0.3rem;
+            margin: 0;
+            letter-spacing: 0;
+        }
+        .scroll-text-content {
+            letter-spacing: 0;
+            font-size: 12px;
+            line-height: 12px;
+        }
+        <!--{}}-->
+    }
+</style>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+            <img src="<!--{ echo $mkingData['image'][$i]; }-->" alt="<!--{ echo $mkingData['image_alt'][$i]; }-->">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="effect-layer"></div>
+    <!--{ echo $header; }-->
+    <div class="preview-thumb-fixed">
+        <ul class="preview-thumb-wrap">
+            <!--{ for($i = 0; $i < count($mkingList); $i++) {}-->
+            <li class="preview-thumb" onclick="window.location.href='/maowang/find/id/<!--{ echo $mkingList[$i]['id']; }-->'">
+                <div class="preview-current-icon"></div>
+                <img src="<!--{ echo $mkingList[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingList[$i]['thumbnail_alt']; }-->">
+                <span class="preview-thumb-name">
+                <!--{ echo $mkingList[$i]['ftitle']; }-->
+                </span>
+            </li>
+            <!--{}}-->
+        </ul>
+    </div>
+    <div class="scroll-wrap outer-wrap">
+        <!--{ for($i = 0; $i < count($mkingData['image']); $i++) {}-->
+        <!--{ if ($i == 2 && !empty($mkingData['short_video'])) {}-->
+        <div class="scroll-item section scroll-video">
+            <video id="scrollVideo" src="<!--{ echo $mkingData['short_video']; }-->" loop="loop" muted="true"></video>
+            <div class="scroll-video-title"><!--{ echo $mkingData['video_title']; }--></div>
+            <!--{ if (!empty($mkingData['video'])) {}-->
+            <div class="btn-videoplay"></div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData['video']; }-->" id="videoObj" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{}}-->
+        </div>
+        <!--{}}-->
+    	<div class="scroll-item section">
+            <!--{ if ($i == 0) {}-->
+            <div class="scroll-inner">
+                <div class="pc-scroll-text scroll-text">
+                    <h1 class="scroll-text-title">
+                        <!--{ echo $mkingData['ftitle']; }-->
+                    </h1>
+                    <p class="scroll-text-subtitle">
+                        <!--{ echo $mkingData['fimgTitle'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['ftitle']; }-->
+                    </p>
+                    <p class="scroll-text-subtitle">
+                        <!--{ echo $mkingData['fimgTitle_phone'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle_phone'][$i]; }-->
+                    </p>
+                </div>
+            </div>
+            <!--{ }else{ }-->
+            <div class="scroll-inner">
+                <div class="pc-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['fimgTitle'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['fimgTitle_phone'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle_phone'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-black-top"></div>
+            </div>
+            <!--{}}-->
+
+            <!--{ if ($i == 0) {}-->
+            <div class="btn-buynow btn-first" onclick="window.open('<!--{ echo $mkingData['url']; }-->');"></div>
+            <!--{ if (0 == 1) {}-->
+            <div class="video-wrap">
+                <p class="video-title"><!--{ echo $mkingData['video_title']; }--></p>
+                <div class="video-tv">
+                    <img src="/static/image/video_tv.png" alt="">
+                </div>
+                <p class="video-text">
+                    <!--{ echo $mkingData['video_content']; }-->
+                </p>
+            </div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData['video']; }-->" id="videoObj" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{}}-->
+            <!--{}}-->
+            
+            <!--{ if ($i == count($mkingData['image']) - 1) {}-->
+            <div class="btn-buynow btn-last" onclick="window.open('<!--{ echo $mkingData['url']; }-->');"></div>
+            <!--{ echo $footer; }-->
+            <!--{}}-->
+            <!--{ if ($i != count($mkingData['image']) - 1) {}-->
+            <div class="mb-scroll-hint">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/scroll_hint_mb.png" alt="">
+            </div>
+            <!--{}}-->
+    	</div>
+        <!--{}}-->
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/productMK.js"></script>
+</html>

fore/mking/homepage.htm

@@ -0,0 +1,423 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王音响 - 猫王官网</title>
+<meta name="description" content="大猫王稀世珍藏级收音机，猫王1典藏级收音机，猫王2发烧级收音机，猫王3摩登复古收音机，猫王小王子原木便携式收音机，猫王小王子OTR复古合金便携式收音机，SOLO+便携式蓝牙音箱。">
+<meta name="keywords" content="大猫王,猫王1,猫王2,猫王3,猫王小王子,猫王小王子OTR,猫王SOLO+">
+<link rel="canonical" href="https://www.radio1964.com/maowang" />
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/homepage.css">
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+<style type="text/css">
+    .preview-item:nth-child(3) img{
+        height: 40vh;
+        bottom: 32vh;
+    }
+    .preview-item:nth-child(7) img{
+        height: 30vh;
+        bottom: 35vh;
+    }
+    .preview-item:nth-child(8) img{
+        height: 30vh;
+    }
+    .preview-item:nth-child(9) img{
+        height: 30vh;
+    }
+    .preview-thumb:nth-child(3) img {
+        height: 7.6vh;
+    }
+    .preview-thumb:nth-child(4) img {
+        height: 7.2vh;
+    }
+    .preview-thumb:nth-child(5) img {
+        height: 7.2vh;
+    }
+    .preview-thumb:nth-child(6) img {
+        height: 6.5vh;
+    }
+    .preview-item:nth-child(7) .preview-item-name {
+        font-size: 0.48rem;
+    }
+    .preview-item:nth-child(8) .preview-item-name {
+        font-size: 0.42rem;
+    }
+    <!--{ if($mkingData[0]['ftitle'] == '大猫王') {}-->
+    .preview-item:nth-child(1) .btn-buynow {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/btn_bigmk.png');
+    }
+    <!--{}}-->
+    .preview-inner > .current img{
+        -webkit-animation: item-rightcome 2s cubic-bezier(.76,.61,.17,1);
+                animation: item-rightcome 2s cubic-bezier(.76,.61,.17,1);
+    }
+    .preview-current-icon {
+        width: 3.2rem;
+    }
+    .preview-thumb:hover > img{
+        top: 50%;
+                transform: scale(2) translate(-86%, -50%);
+        -webkit-transform: scale(2) translate(-86%, -50%);
+    }
+    .preview-thumb:hover > .preview-current-icon {
+        -webkit-transform: translate(0, -50%);
+                transform: translate(0, -50%);
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        position: absolute;
+        top: 60%;
+        right: 0.64rem;
+        -webkit-transform: translate(50%, -50%);
+                transform: translate(50%, -50%);
+        color: #0c0c0c;
+        font-size: 0.24rem;
+        font-weight: bolder;
+        z-index: 2;
+        width: 1rem;
+    }
+    .preview-thumb:nth-child(3):hover {
+        height: 18.4vh;
+        background-position: center 80%;
+        background-size: 100% 56%;
+    }
+    .preview-thumb:nth-child(3):hover > img{
+       top: 64%;
+    }
+    .preview-thumb:nth-child(3):hover > .preview-thumb-name {
+        top: 12.8vh;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-thumb:nth-child(8):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-light-off {
+        width: 100%;
+        height: 100vh;
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_lightoff.png') no-repeat center top;
+        background-size: cover;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+    .preview-light-layer {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_light.png');
+        background-position: center top;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+    .banner-item:nth-child(<!--{ echo $i+1; }-->) {
+        background-image: url('<!--{ echo $bannersData[$i]['img']; }-->');
+        color: rgb(<!--{ echo $bannersData[$i]['colour']; }-->);
+    }
+    <!--{}}-->
+    <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+    .preview-item:nth-child(<!--{ echo $i+1; }-->) {
+        background-image: url('<!--{ echo $mkingData[$i]['bgIcon']; }-->');
+    }
+    <!--{}}-->
+
+    <!--{ if ($lang == 'en') {}-->
+    .btn-wrap  .btn-detail {
+        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_01_en.png') no-repeat center center;
+        margin: 0;
+        background-size: contain;
+    }
+    .btn-wrap  .btn-buynow {
+        display: none;
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        font-size: 12px;
+        top: 57%;
+    }
+    .preview-thumb:nth-child(3):hover > .preview-thumb-name {
+        top: 12.4vh;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(8):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(9):hover > .preview-thumb-name {
+        top: 60%;
+    }
+    .preview-item-name {
+        letter-spacing: 0;
+        font-size: 0.5rem;
+    }
+    <!--{}}-->
+
+    @media (max-device-width: 1081px) {
+        <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+        .banner-item:nth-child(<!--{ echo $i+1; }-->) {
+            background-image: url('<!--{ echo $bannersData[$i]['imgPhone']; }-->');
+        }
+        <!--{}}-->
+        <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+        .preview-item:nth-child(<!--{ echo $i+1; }-->) {
+            background-image: url('<!--{ echo $mkingData[$i]['bgIconPhone']; }-->');
+        }
+        <!--{}}-->
+
+        .banner-item-title {
+            display: none;
+        }
+        .banner-item-text {
+            display: none;
+        }
+        .banner-item-subtitle {
+            width: 100%;
+            position: absolute;
+            top: 27%;
+            left: 0;
+            font-size: 0.5rem;
+            text-align: center;
+        }
+        .scroll-hint {
+            display: none;
+        }
+        .fp-controlArrow {
+            display: none;
+        }
+        .preview-thumb-fixed {
+            display: none;
+        }
+        .preview-thumb-wrap {
+            display: none;
+        }
+        .preview-item {
+            background-position: center center;
+            background-size: cover;
+        }
+        .preview-item img {
+            height: 23vh;
+            bottom: 44vh;
+            -webkit-transform: translate3d(-50%, 0, 0);
+            transform: translate3d(-50%, 0, 0);
+        }
+        .preview-item:nth-child(3) img{
+            height: 30vh;
+            bottom: 40vh;
+        }
+        .preview-item:nth-child(7) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(8) img{
+            bottom: 48vh;
+        }
+        .preview-item:nth-child(9) img{
+            bottom: 48vh;
+        }
+        .preview-item-name {
+            font-size: 0.46rem;
+            letter-spacing: 0.05rem;
+            top: 65%;
+        }
+        .preview-item:nth-child(7) .preview-item-name {
+            font-size: 0.32rem;
+            line-height: 0.5rem;
+        }
+        .preview-item:nth-child(8) .preview-item-name {
+            font-size: 0.28rem;
+            line-height: 0.5rem;
+        }
+        .btn-wrap .btn {
+            width: 2.25rem;
+            height: 0.62rem;
+            top: 73vh;
+            background-size: 100% 100%;
+        }
+        .btn-wrap .btn-detail {
+            margin: 0 -1.5rem;
+        }
+        .btn-wrap .btn-buynow {
+            margin: 0 1.5rem;
+        }
+        .preview-light-layer {
+            display: none;
+        }
+        <!--{ if ($lang == 'en') {}-->
+        .preview-item-name {
+            font-size: 0.32rem;
+            letter-spacing: 0;
+            width: 90%;
+            padding: 0 5%;
+        }
+        .mb-preview-thumb-name {
+            font-size: 0.2rem;
+        }
+        .btn-wrap .btn-detail {
+            margin: 0;
+        }
+        <!--{}}-->
+    }
+</style>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg.jpg">
+            <img src="'http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_light.png'">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_mk_bg_lightoff.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_thumb_current.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_01.png">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/preview_btn_02.png">
+            <!--{for ($i=0; $i<count($bannersData); $i++) {}-->
+            <img src="<!--{ echo $bannersData[$i]['img']; }-->">
+            <img src="<!--{ echo $bannersData[$i]['imgPhone']; }-->">
+            <!--{}}-->
+            <!--{for ($i=0; $i<count($mkingData); $i++) {}-->
+            <img src="<!--{ echo $mkingData[$i]['bgIcon']; }-->">
+            <img src="<!--{ echo $mkingData[$i]['bgIconPhone']; }-->">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="effect-layer"></div>
+    <!--{ echo $header; }-->
+    <div class="m-homepage">
+        <div class="banner-wrap section">
+            <ul class="banner-inner">
+                <!--{ for($i = 0; $i < count($bannersData); $i++) {}-->
+                <li class="banner-item slide" onclick="window.location.href='<!--{ echo $bannersData[$i]['url']; }-->'">
+                    <div class="banner-item-title"><!--{ echo $bannersData[$i]['ftitle']; }--></div>
+                    <div class="banner-item-subtitle"><!--{ echo $bannersData[$i]['stitle']; }--></div>
+                    <div class="banner-item-text"><!--{ echo $bannersData[$i]['ttitle']; }--></div>
+                </li>
+                <!--{}}-->
+            </ul>
+            <div class="gradient-layer-bottom"></div>
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+        </div>
+
+        <div class="preview-wrap section">
+            <ul class="preview-inner">
+                <li class="preview-item current">
+                    <div class="preview-light-off"></div>
+                    <div class="preview-light-layer"></div>
+                    <img src="<!--{ echo $mkingData[0]['icon']; }-->" alt="<!--{ echo $mkingData[0]['icon_alt']; }-->">
+                    <span class="preview-item-name">
+                        <!--{ echo $mkingData[0]['stitle']; }-->
+                    </span>
+                    <div class="btn-wrap">
+                        <a href="/maowang/find/id/<!--{echo $mkingData[0]['id'];}-->"><div class="btn btn-detail"></div></a>
+                        <a href="<!--{ echo $mkingData[0]['url']; }-->"><div class="btn btn-buynow"></div></a>
+                    </div>
+                    <!--{ if (!empty($mkingData[0]['video'])) {}-->
+                    <div class="video-wrap">
+                        <p class="video-title"><!--{ echo $mkingData[0]['video_title']; }--></p>
+                        <div class="video-tv"></div>
+                        <p class="video-text">
+                            <!--{ echo $mkingData[0]['video_content']; }-->
+                        </p>
+                    </div>
+                    <div class="video-layer">
+                        <video src="<!--{ echo $mkingData[$i]['video']; }-->" id="videoObj0" controls="true"></video>
+                        <div class="btn-close">+</div>
+                    </div>
+                    <!--{}}-->
+                </li>
+                <!--{ for($i = 1; $i < count($mkingData); $i++) {}-->
+                <li class="preview-item">
+                    <div class="preview-light-off"></div>
+                    <div class="preview-light-layer"></div>
+                    <img src="<!--{ echo $mkingData[$i]['icon']; }-->" alt="<!--{ echo $mkingData[$i]['icon_alt']; }-->">
+                    <span class="preview-item-name">
+                        <!--{ echo $mkingData[$i]['stitle']; }-->
+                    </span>
+                    <div class="btn-wrap">
+                        <a href="/maowang/find/id/<!--{echo $mkingData[$i]['id'];}-->"><div class="btn btn-detail"></div></a>
+                        <div class="btn btn-buynow" onclick="window.open('<!--{ echo $mkingData[$i]['url']; }-->')"></div>
+                    </div>
+                    <!--{ if (1 == 2) {}-->
+                    <div class="video-wrap">
+                        <p class="video-title"><!--{ echo $mkingData[$i]['video_title']; }--></p>
+                        <div class="video-tv" data-video="<!--{ echo $mkingData[$i]['video']; }-->"></div>
+                        <p class="video-text">
+                            <!--{ echo $mkingData[$i]['video_content']; }-->
+                        </p>
+                    </div>
+                    <!--{}}-->
+                </li>
+                <!--{}}-->
+            </ul>
+            <div class="preview-thumb-fixed">
+                <ul class="preview-thumb-wrap">
+                    <li class="preview-thumb current">
+                        <div class="preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[0]['thumbnail']; }-->" alt="<!--{ echo $mkingData[0]['thumbnail_alt']; }-->">
+                        <span class="preview-thumb-name"><!--{ echo $mkingData[0]['ftitle']; }--></span>
+                    </li>
+                    <!--{ for($i = 1; $i < count($mkingData); $i++) {}-->
+                    <li class="preview-thumb">
+                        <div class="preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingData[$i]['thumbnail_alt']; }-->">
+                        <span class="preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="mb-preview-thumb-fixed">
+                <ul class="mb-preview-thumb-wrap">
+                    <!--{ for($i = 0; $i < count($mkingData); $i++) {}-->
+                    <li class="mb-preview-thumb">
+                        <div class="mb-preview-current-icon"></div>
+                        <img src="<!--{ echo $mkingData[$i]['thumbnail']; }-->" alt="<!--{ echo $mkingData[$i]['thumbnail_alt']; }-->">
+                        <span class="mb-preview-thumb-name"><!--{ echo $mkingData[$i]['ftitle']; }--></span>
+                    </li>
+                    <!--{}}-->
+                </ul>
+            </div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData[$i]['video']; }-->" id="videoObj<!--{ echo $i; }-->" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{ echo $footer; }-->
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/homepageController.js"></script>
+<script type="text/javascript">
+    $(document).ready(function () {
+        var mkPage = new HomepageController();
+
+        mkPage.defaultInit();
+
+        if (document.documentElement.clientWidth <= 1080) {
+            mkPage.mkPageMobileInit();
+        } else {
+            mkPage.mkPageInit();
+        }
+        
+        mkPage.preload();
+    });
+</script>
+</html>

fore/mking/mking.htm

@@ -0,0 +1,316 @@
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
+<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
+<META HTTP-EQUIV="expires" CONTENT="0">
+<title><!--{ echo $mkingData['ftitle']; }--></title>
+<meta name="description" content="<!--{ echo $mkingData['ftitle']; }-->">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王频道,猫王1,猫王2,猫王3,猫王小王子">
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/lib/jquery.fullPage.css">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/footerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/productMK.css">
+<style type="text/css">
+    <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+    <!--{ if($i > 1 && !empty($mkingData['short_video'])) {}-->
+    .scroll-item:nth-child(<!--{ echo $i+2; }-->) .scroll-inner {
+        background-image: url('<!--{ echo $mkingData['image'][$i]; }-->');
+    }
+    .scroll-item:nth-child(<!--{ echo $i+2; }-->) .scroll-inner .scroll-text {
+        top: <!--{ echo $mkingData['top'][$i]; }-->%;
+    }
+    <!--{} else {}-->
+    .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner {
+        background-image: url('<!--{ echo $mkingData['image'][$i]; }-->');
+    }
+    .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner .scroll-text {
+        top: <!--{ echo $mkingData['top'][$i]; }-->%;
+    }
+    <!--{}}-->
+    <!--{}}-->
+    .scroll-item:nth-child(1) .scroll-inner .scroll-text-content {
+        letter-spacing: 0.08rem;
+        margin: 0 1rem;
+        font-size: 0.24rem;
+    }
+    <!--{ if($mkingData['ftitle'] == '大猫王') {}-->
+    .btn-buynow {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/btn_bigmk.png');
+    }
+    .btn-first {
+        top: 93%;
+    }
+    <!--{}}-->
+    <!--{ if($mkingData['ftitle'] == 'SOLO+') {}-->
+    .btn-first {
+        top: 55%;
+    }
+    <!--{}}-->
+    .scroll-text-subtitle {
+        letter-spacing: 0.08rem;
+    }
+    .preview-current-icon {
+        width: 3.2rem;
+    }
+    .preview-thumb:hover > img{
+        top: 50%;
+                transform: scale(2) translate(-86%, -50%);
+        -webkit-transform: scale(2) translate(-86%, -50%);
+    }
+    .preview-thumb:hover > .preview-current-icon {
+        -webkit-transform: translate(0, -50%);
+                transform: translate(0, -50%);
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        position: absolute;
+        top: 60%;
+        right: 0.64rem;
+        -webkit-transform: translate(50%, -50%);
+                transform: translate(50%, -50%);
+        color: #0c0c0c;
+        font-size: 0.24rem;
+        font-weight: bolder;
+        z-index: 2;
+        width: 1rem;
+    }
+    .preview-thumb:nth-child(1):hover {
+        height: 18.4vh;
+        background-position: center 80%;
+        background-size: 100% 56%;
+    }
+    .preview-thumb:nth-child(1):hover > img{
+       top: 64%;
+    }
+    .preview-thumb:nth-child(1):hover > .preview-thumb-name {
+        top: 12.8vh;
+    }
+    .preview-thumb:nth-child(5):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    .preview-thumb:nth-child(6):hover > .preview-thumb-name {
+        font-size: 0.2rem;
+    }
+    <!--{ if ($lang == 'en') {}-->
+    .btn-buynow {
+        display: none;
+    }
+    .preview-thumb:hover > .preview-thumb-name {
+        font-size: 12px;
+        top: 57%;
+    }
+    .preview-thumb:nth-child(1):hover > .preview-thumb-name {
+        top: 12.4vh;
+    }
+    .preview-thumb:nth-child(5):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(6):hover > .preview-thumb-name {
+        font-size: 12px;
+    }
+    .preview-thumb:nth-child(7):hover > .preview-thumb-name {
+        top: 60%;
+    }
+    .scroll-text-title {
+        font-size: 0.6rem;
+        word-wrap: break-word;
+        margin: 0 3.6rem;
+    }
+    .scroll-text-content {
+        word-wrap: break-word;
+    }
+    .scroll-text-subtitle {
+        font-size: 0.6rem;
+        margin: 0.2rem 3.4rem
+    }
+    <!--{}}-->
+
+    .btn-last {
+        top: 93%;
+    }
+
+    @media (max-device-width: 1081px) {
+        <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+        .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner {
+            background-image: url('<!--{ echo $mkingData['imagePhone'][$i]; }-->');
+        }
+        .scroll-item:nth-child(<!--{ echo $i+1; }-->) .scroll-inner .scroll-text {
+            top: 78vh;
+        }
+        <!--{}}-->
+
+        .scroll-item:nth-child(1) .scroll-inner .scroll-text {
+            top: 74vh;
+        }
+        .outer-wrap .scroll-item:nth-child(1) .scroll-inner .scroll-text-content {
+            letter-spacing: 4px;
+            margin: 0;
+            font-size: 0.18rem;
+            padding-top: 5px;
+            text-align: center;
+        }
+
+        <!--{ if ($lang == 'en') {}-->
+        .scroll-text-title {
+            font-size: 0.3rem;
+            margin: 0.2rem;
+        }
+        .scroll-text-subtitle {
+            font-size: 0.3rem;
+            margin: 0;
+            letter-spacing: 0;
+        }
+        .scroll-text-content {
+            letter-spacing: 0;
+            font-size: 12px;
+            line-height: 12px;
+        }
+        <!--{}}-->
+    }
+</style>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <!--{for ($i=0; $i<count($mkingData['image']); $i++) {}-->
+            <img src="<!--{ echo $mkingData['image'][$i]; }-->" alt="">
+            <!--{}}-->
+        </div>
+    </div>
+    <div class="effect-layer"></div>
+    <!--{ echo $header; }-->
+    <div class="preview-thumb-fixed">
+        <ul class="preview-thumb-wrap">
+            <!--{ for($i = 0; $i < count($mkingList); $i++) {}-->
+            <li class="preview-thumb" onclick="window.location.href='/index/mking/find?id=<!--{ echo $mkingList[$i]['id']; }-->'">
+                <div class="preview-current-icon"></div>
+                <img src="<!--{ echo $mkingList[$i]['thumbnail']; }-->">
+                <span class="preview-thumb-name">
+                <!--{ echo $mkingList[$i]['ftitle']; }-->
+                </span>
+            </li>
+            <!--{}}-->
+        </ul>
+    </div>
+    <div class="scroll-wrap outer-wrap">
+        <!--{ for($i = 0; $i < count($mkingData['image']); $i++) {}-->
+        <!--{ if ($i == 2 && !empty($mkingData['short_video'])) {}-->
+        <div class="scroll-item section scroll-video">
+            <video id="scrollVideo" src="<!--{ echo $mkingData['short_video']; }-->" loop="loop" muted="true"></video>
+            <div class="scroll-video-title"><!--{ echo $mkingData['video_title']; }--></div>
+            <!--{ if (!empty($mkingData['video'])) {}-->
+            <div class="btn-videoplay"></div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData['video']; }-->" id="videoObj" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{}}-->
+        </div>
+        <!--{}}-->
+    	<div class="scroll-item section">
+            <!--{ if ($i == 0) {}-->
+            <div class="scroll-inner">
+                <div class="pc-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['ftitle']; }-->
+                    </p>
+                    <p class="scroll-text-subtitle">
+                        <!--{ echo $mkingData['fimgTitle'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['ftitle']; }-->
+                    </p>
+                    <p class="scroll-text-subtitle">
+                        <!--{ echo $mkingData['fimgTitle_phone'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle_phone'][$i]; }-->
+                    </p>
+                </div>
+            </div>
+            <!--{ }else{ }-->
+            <div class="scroll-inner">
+                <div class="pc-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['fimgTitle'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-scroll-text scroll-text">
+                    <p class="scroll-text-title">
+                        <!--{ echo $mkingData['fimgTitle_phone'][$i]; }-->
+                    </p>
+                    <p class="scroll-text-content">
+                        <!--{ echo $mkingData['simgTitle_phone'][$i]; }-->
+                    </p>
+                </div>
+                <div class="mb-black-top"></div>
+            </div>
+            <!--{}}-->
+
+            <!--{ if ($i == 0) {}-->
+            <div class="btn-buynow btn-first" onclick="window.open('<!--{ echo $mkingData['url']; }-->');"></div>
+            <!--{ if (0 == 1) {}-->
+            <div class="video-wrap">
+                <p class="video-title"><!--{ echo $mkingData['video_title']; }--></p>
+                <div class="video-tv">
+                    <img src="/static/image/video_tv.png" alt="">
+                </div>
+                <p class="video-text">
+                    <!--{ echo $mkingData['video_content']; }-->
+                </p>
+            </div>
+            <div class="video-layer">
+                <video src="<!--{ echo $mkingData['video']; }-->" id="videoObj" controls="true"></video>
+                <div class="btn-close">+</div>
+            </div>
+            <!--{}}-->
+            <!--{}}-->
+            
+            <!--{ if ($i == count($mkingData['image']) - 1) {}-->
+            <div class="btn-buynow btn-last" onclick="window.open('<!--{ echo $mkingData['url']; }-->');"></div>
+            <!--{ echo $footer; }-->
+            <!--{}}-->
+            <!--{ if ($i != count($mkingData['image']) - 1) {}-->
+            <div class="mb-scroll-hint">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/scroll_hint_mb.png" alt="">
+            </div>
+            <!--{}}-->
+    	</div>
+        <!--{}}-->
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/productMK.js"></script>
+<script id="ebsgovicon" src="http://szcert.ebs.org.cn/govicon.js?id=d3e3f3ca-c297-4e62-a97b-3b35474fdafb&width=100&height=137&type=1" type="text/javascript" charset="utf-8"></script>
+</html>

fore/museum/museum.htm

@@ -0,0 +1,466 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<!--{if ($type == 'evaluation'){}-->
+<title>产品测评</title>
+<meta name="description" content="产品测评">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<!--{}}-->
+<!--{if ($type == 'dynamic'){}-->
+<title>热点动态</title>
+<meta name="description" content="热点动态">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<!--{}}-->
+<!--{if ($type == 'video'){}-->
+<title>视频专题</title>
+<meta name="description" content="视频专题">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<!--{}}-->
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/museumPage.css">
+<style type="text/css">
+    <!--{if ($type == 'evaluation'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/review_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($type == 'dynamic'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/hotspots_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($type == 'video'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/video_bg.jpg');
+    }
+    .section-wrap {
+        padding: 0;
+    }
+    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    .section-wrap:nth-child(<!--{ echo $i+1; }-->) .section-videoplay {
+        /*background: url(<!--{ echo $museData[$i]['video_img']; }-->) no-repeat center center;
+        background-size: cover;*/
+    }
+    <!--{}}-->
+    <!--{}}-->
+    
+    /*@media (max-device-width: 1081px) {
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+        .section-wrap:nth-child(<!--{echo $i+1 }-->) {
+            background-image: url(<!--{ echo $museData[$i]['icon']; }-->);
+        }
+        <!--{}}-->
+    }*/
+</style>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <!--{ echo $header; }-->
+    <div class="m-museum">
+    	<div class="museum-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+            <!--{if ($type == 'video'){}-->
+
+            <!--{ $row1 = count($museData)/3; }-->
+            <!--{ $row2 = count($museData)*2/3; }-->
+
+            <!--{if ($i == 0){}-->
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row1)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row2)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+    		<div class="section-wrap mb-video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+    			<div class="alpha-layer"></div>
+                <div class="section-text">
+    				<h1 class="section-date mb-display-toggle" style="display:none;">
+	    				<!--{ echo $museData[$i]['gotime']; }-->
+	    			</h1>
+                    <h2 class="section-title"><!--{ echo $museData[$i]['title']; }--></h2>
+                    <p class="section-content mb-display-toggle" style="text-align:left;">
+                        <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                    </p>
+                    <div class="section-videoplay">
+                        <img src="<!--{ echo $museData[$i]['video_img']; }-->"></img>
+                        <div class="btn-videoplay"></div>
+                    </div>
+    			</div>
+    			<div class="btn-details-show"></div>
+    			<div class="btn-details-hide"></div>
+    		</div>
+
+            <!--{if ($i == count($museData) - 1){}-->
+            </div>
+            <!--{}}-->
+
+            <!--{}else{}-->
+
+            <!--{ $row1 = count($museData)/3; }-->
+            <!--{ $row2 = count($museData)*2/3; }-->
+
+            <!--{if ($i == 0){}-->
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row1)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row2)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+            <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                <div class="alpha-layer"></div>
+                <div class="section-img">
+                    <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="">
+                </div>
+                <div class="section-text">
+                    <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                    </h2>
+                    <p class="section-content">
+                        <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                    </p>
+                    <p class="section-date">
+                        <!--{ echo $museData[$i]['gotime']; }-->
+                    </p>
+                    
+                </div>
+                <div class="btn-details-show"></div>
+                <div class="btn-details-hide"></div>
+            </div>
+
+            <!--{if ($i == count($museData) - 1){}-->
+            </div>
+            <!--{}}-->
+
+            <!--{}}-->
+            <!--{}}-->
+    	</div>
+        <!--{if ($type != 'video'){}-->
+    	<div class="details-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    		<div class="details-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+    			<h2 class="details-title">
+    				<!--{ echo $museData[$i]['title']; }-->
+    			</h2>
+    			<p class="details-message">
+                    作者：<!--{ echo $museData[$i]['author']; }--> 
+                    发表时间：<!--{ echo $museData[$i]['gotime']; }--> 
+                    阅览：<!--{ echo $museData[$i]['views']; }-->次
+    			</p>
+                <!--{ for($j=0;$j<count($museData[$i]['imgContent']);$j++){ }-->
+    			<div class="details-content">
+    				<span>
+                        <!--{ $str = $museData[$i]['imgContent'][$j]; echo htmlspecialchars_decode($str) }-->
+    				</span>
+    			</div>
+                <!--{ } }-->
+                <div class="btn-close">+</div>
+    		</div>
+            <!--{ } }-->
+    	</div>
+        <!--{ } }-->
+        <!--{if ($type == 'video'){}-->
+    	<div class="video-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    		<div class="video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+    			<video class="video-item" src="<!--{ echo $museData[$i]['video']; }-->" controls="true"></video>
+    			<div class="btn-close">+</div>
+    		</div>
+            <!--{ } }-->
+    	</div>
+        <!--{ } }-->
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript">
+    <!--{if ($type != 'video'){}-->
+	// 文字页面的处理函数
+	var textTypeHandler = function (wrapEl) {
+
+        $(document).ready(function () {
+            var id = location.hash;
+            var sectionArr = $('.section-wrap');
+
+            sectionArr.each(function (ele) {
+                if ('#' + $(this).data('id').toString() === id) {
+                    $(this).find('.btn-details-show').click();
+                }
+            })
+
+        });
+
+		$('.btn-details-show').on('click', function () {
+            var viewCount = function () {
+                var id;
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                var readedStr = '';
+
+                if (localStorage.getItem('readed')) {
+                    readedStr = localStorage.getItem('readed');
+                }
+
+                if(readedStr.match(id.toString()) !== null) {
+                    return;
+                } else {
+                    readedStr = readedStr + id + ',';
+
+                    localStorage.setItem('readed',readedStr);
+
+                    TD.ajax({
+                        type: 'GET',
+                        url: '/index/museum/view',
+                        data: {
+                            id: id
+                        },
+                        success: function (res) {
+                            console.log(res);
+                            return res;
+                        },
+                        error: function (data) {
+                            console.log(data);
+                            return 0;
+                        }
+                    })
+                }
+            }
+
+            // var index = $(this).parent().index();
+            var id;
+            var wrapEl = $(this).parent();
+
+            if (wrapEl.data('id') !== 'undefined') {
+                id = wrapEl.data('id');
+            } else {
+                id = -1;
+            }
+
+            // 移动端则不需要继续处理
+            if (document.documentElement.clientWidth <= 1080) {
+                // $('.details-section:nth-child(' + (index+1) + ')').fadeIn(300);
+                $('.details-section').each(function (ele) {
+                    if ($(this).data('id') === id) {
+                        $(this).fadeIn(300);
+                    }
+                });
+                return;
+            }
+
+			// 位于左边不动，位于右边则先移动到左边
+			// if (index%2 === 1) {
+			// 	// 隐藏左边文章
+			// 	$('.section-wrap:nth-child(' + index + ')').fadeOut(300);
+			// 	wrapEl.animate({
+			// 		left: '-46%'
+			// 	}, 300, function () {
+			// 		wrapEl.css('left', 0);
+			// 	})
+			// }
+
+			//wrapEl.children('.btn-details-show').hide();
+			//wrapEl.children('.btn-details-hide').show();
+
+			// wrapEl.find('img').css('transform', 'scale(0.75)');
+
+            $('.details-section').each(function () {
+                if ($(this).css('display') === 'block') {
+                    $(this).fadeOut(300);
+                }
+            });
+
+			// $('.details-section:nth-child(' + (index+1) + ')').fadeIn(300);
+            $('.details-section').each(function (ele) {
+                if ($(this).data('id') === id) {
+                    console.log($(this).data('id'))
+                    $(this).fadeIn(300);
+                }
+            })
+
+            // $('.section-wrap').addClass('section-block');
+            $('.section-row').addClass('section-block');
+
+            viewCount(wrapEl);
+
+            var hashHandler = function () {
+                var id;
+
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                location.hash = id;
+            }
+
+            hashHandler();
+		});
+
+		// $('.btn-details-hide').on('click', function () {
+		// 	var index = $(this).parent().index();
+		// 	var wrapEl = $(this).parent();
+
+		// 	if (index%2 === 1) {
+		// 		// 恢复左边文章
+		// 		$('.section-wrap:nth-child(' + index + ')').fadeIn(300);
+		// 		wrapEl.css('left', '-46%');
+		// 		wrapEl.animate({
+		// 			left: '0'
+		// 		}, 300, function () {
+		// 			// wrapEl.css('left', 0);
+		// 		})
+		// 	}
+			
+		// 	wrapEl.children('.btn-details-hide').hide();
+		// 	wrapEl.children('.btn-details-show').show();
+
+		// 	wrapEl.find('img').css('transform', 'scale(1)');
+
+		// 	$('.details-section:nth-child(' + (index+1) + ')').fadeOut(300);
+		// })
+
+        $('.details-wrap .btn-close').on('click', function () {
+            var index = $(this).parent().index();
+
+            $(this).parent().fadeOut(300);
+            // $('.details-section').each(function () {
+            //     if ($(this).css('display') === 'block') {
+            //         $(this).fadeOut(300);
+            //     }
+            // });
+
+            // $('.section-wrap').removeClass('section-block');
+            $('.section-row').removeClass('section-block');
+            location.hash = '';
+        })
+	}
+
+    textTypeHandler();
+    <!--{}}-->
+
+    <!--{if ($type == 'video'){}-->
+	// 视频页面的处理函数
+	var videoTypeHandler = function () {
+		// $('.btn-play').show();
+		$('.details-wrap') && $('.details-wrap').hide();
+		$('.btn-details-show').hide();
+
+        // $('.section-videoplay').hover(function () {
+        //     $(this).css('opacity', 0.6);
+        // },function () {
+        //     $(this).css('opacity', 1);
+        // })
+		$('.section-videoplay').on('click', function () {
+            var id;
+            var wrapEl = $(this).parent().parent();
+
+            if (wrapEl.data('id') !== 'undefined') {
+                id = wrapEl.data('id');
+            } else {
+                id = -1;
+            }
+
+            $('.video-section').each(function (ele) {
+                if ($(this).data('id') === id) {
+                    $(this).fadeIn(300);
+
+                    var videoEl = $(this).find('.video-item')[0];
+                    videoEl.currentTime = 0;
+                    videoEl.play();
+                }
+            });
+
+			// var index = $(this).parent().parent().index();
+
+			// var videoSectionEl = $('.video-section:nth-child(' + (index+1) + ')');
+			// var videoEl = videoSectionEl.find('.video-item')[0];
+
+			// videoSectionEl.fadeIn(300);
+			// videoEl.currentTime = 0;
+			// videoEl.play();
+		})
+
+        if (document.documentElement.clientWidth <= 1080) {
+            $('.section-wrap').on('click', function () {
+                var id;
+                var wrapEl = $(this).parent().parent();
+
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                $('.video-section').each(function (ele) {
+                    if ($(this).data('id') === id) {
+                        $(this).fadeIn(300);
+                        
+                        var videoEl = $(this).find('.video-item')[0];
+                        videoEl.currentTime = 0;
+                        videoEl.play();
+                    }
+                });
+
+                // var index = $(this).parent().index();
+
+                // var videoSectionEl = $('.video-section:nth-child(' + (index+1) + ')');
+                // var videoEl = videoSectionEl.find('.video-item')[0];
+
+                // videoSectionEl.fadeIn(300);
+                // videoEl.currentTime = 0;
+                // videoEl.play();
+            })
+        }
+
+		$('.video-section').on('click', function (event) {
+			var evt = event || window.event;
+			var target = evt.target || evt.srcElement;
+
+			if (target.nodeName.toLowerCase() === 'video') {
+				console.log('video');
+				return;
+			}
+
+			$(this).find('.video-item')[0].pause();
+			$(this).fadeOut(300);
+		})
+	}
+
+	videoTypeHandler();
+    <!--{}}-->
+</script>
+</html>

fore/museum/museum111.htm

@@ -0,0 +1,428 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<!--{if ($type == 'evaluation'){}-->
+<title>产品测评</title>
+<meta name="description" content="产品测评">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<!--{}}-->
+<!--{if ($type == 'dynamic'){}-->
+<title>热点动态</title>
+<meta name="description" content="热点动态">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<!--{}}-->
+<!--{if ($type == 'video'){}-->
+<title>视频专题</title>
+<meta name="description" content="视频专题">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王音乐台,猫王1,猫王2,猫王3,猫王小王子">
+<!--{}}-->
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<!--{ if ($lang == 'en') {}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<!--{}else{}-->
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<!--{}}-->
+<link rel="stylesheet" type="text/css" href="/static/css/museumPage.css">
+<style type="text/css">
+    <!--{if ($type == 'evaluation'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/review_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($type == 'dynamic'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/hotspots_bg.jpg');
+    }
+    <!--{}}-->
+    <!--{if ($type == 'video'){}-->
+    .m-museum {
+        background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%8D%9A%E7%89%A9%E9%A6%86/video_bg.jpg');
+    }
+    .section-wrap {
+        padding: 0;
+    }
+    <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    .section-wrap:nth-child(<!--{ echo $i+1; }-->) .section-videoplay {
+        /*background: url(<!--{ echo $museData[$i]['video_img']; }-->) no-repeat center center;
+        background-size: cover;*/
+    }
+    <!--{}}-->
+    <!--{}}-->
+    
+    /*@media (max-device-width: 1081px) {
+        <!--{ for($i=0;$i<count($museData);$i++){ }-->
+        .section-wrap:nth-child(<!--{echo $i+1 }-->) {
+            background-image: url(<!--{ echo $museData[$i]['icon']; }-->);
+        }
+        <!--{}}-->
+    }*/
+</style>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<script>
+var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?ec21b876c66f6033f549fcd833ac3b7b";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+</script>
+</head>
+<body>
+    <!--{ echo $header; }-->
+    <div class="m-museum">
+    	<div class="museum-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+            <!--{if ($type == 'video'){}-->
+
+            <!--{ $row1 = count($museData)/3; }-->
+            <!--{ $row2 = count($museData)*2/3; }-->
+
+            <!--{if ($i == 0){}-->
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row1)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row2)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+    		<div class="section-wrap mb-video-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+    			<div class="alpha-layer"></div>
+                <div class="section-text">
+    				<h1 class="section-date mb-display-toggle" style="display:none;">
+	    				<!--{ echo $museData[$i]['gotime']; }-->
+	    			</h1>
+                    <h2 class="section-title"><!--{ echo $museData[$i]['title']; }--></h2>
+                    <p class="section-content mb-display-toggle" style="text-align:left;">
+                        <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                    </p>
+                    <div class="section-videoplay">
+                        <img src="<!--{ echo $museData[$i]['video_img']; }-->"></img>
+                        <div class="btn-videoplay"></div>
+                    </div>
+    			</div>
+    			<div class="btn-details-show"></div>
+    			<div class="btn-details-hide"></div>
+    		</div>
+
+            <!--{if ($i == count($museData) - 1){}-->
+            </div>
+            <!--{}}-->
+
+            <!--{}else{}-->
+
+            <!--{ $row1 = count($museData)/3; }-->
+            <!--{ $row2 = count($museData)*2/3; }-->
+
+            <!--{if ($i == 0){}-->
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row1)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+            <!--{if ($i == ceil($row2)){}-->
+            </div>
+            <div class="section-row">
+            <!--{}}-->
+
+            <div class="section-wrap" data-id="<!--{ echo $museData[$i]['id']; }-->">
+                <div class="alpha-layer"></div>
+                <div class="section-img">
+                    <img src="<!--{ echo $museData[$i]['icon']; }-->" alt="">
+                </div>
+                <div class="section-text">
+                    <h2 class="section-title"><!--{ echo $museData[$i]['title']; }-->
+                    </h2>
+                    <p class="section-content">
+                        <!--{ $str = str_replace('}','</strong>',str_replace('{','<strong>',$museData[$i]['content'])); echo $str; }-->
+                    </p>
+                    <p class="section-date">
+                        <!--{ echo $museData[$i]['gotime']; }-->
+                    </p>
+                    
+                </div>
+                <div class="btn-details-show"></div>
+                <div class="btn-details-hide"></div>
+            </div>
+
+            <!--{if ($i == count($museData) - 1){}-->
+            </div>
+            <!--{}}-->
+
+            <!--{}}-->
+            <!--{}}-->
+    	</div>
+        <!--{if ($type != 'video'){}-->
+    	<div class="details-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    		<div class="details-section" data-id="<!--{ echo $museData[$i]['id']; }-->">
+    			<h2 class="details-title">
+    				<!--{ echo $museData[$i]['title']; }-->
+    			</h2>
+    			<p class="details-message">
+                    作者：<!--{ echo $museData[$i]['author']; }--> 
+                    发表时间：<!--{ echo $museData[$i]['gotime']; }--> 
+                    阅览：<!--{ echo $museData[$i]['views']; }-->次
+    			</p>
+                <!--{ for($j=0;$j<count($museData[$i]['imgContent']);$j++){ }-->
+    			<div class="details-content">
+    				<span>
+                        <!--{ $str = $museData[$i]['imgContent'][$j]; echo htmlspecialchars_decode($str) }-->
+    				</span>
+    			</div>
+                <!--{ } }-->
+                <div class="btn-close">+</div>
+    		</div>
+            <!--{ } }-->
+    	</div>
+        <!--{ } }-->
+        <!--{if ($type == 'video'){}-->
+    	<div class="video-wrap">
+            <!--{ for($i=0;$i<count($museData);$i++){ }-->
+    		<div class="video-section">
+    			<video class="video-item" src="<!--{ echo $museData[$i]['video']; }-->" controls="true"></video>
+    			<div class="btn-close">+</div>
+    		</div>
+            <!--{ } }-->
+    	</div>
+        <!--{ } }-->
+    </div>
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript">
+    <!--{if ($type != 'video'){}-->
+	// 文字页面的处理函数
+	var textTypeHandler = function (wrapEl) {
+
+        $(document).ready(function () {
+            var id = location.hash;
+            var sectionArr = $('.section-wrap');
+
+            sectionArr.each(function (ele) {
+                if ('#' + $(this).data('id').toString() === id) {
+                    $(this).find('.btn-details-show').click();
+                }
+            })
+
+        });
+
+		$('.btn-details-show').on('click', function () {
+            var viewCount = function () {
+                var id;
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                var readedStr = '';
+
+                if (localStorage.getItem('readed')) {
+                    readedStr = localStorage.getItem('readed');
+                }
+
+                if(readedStr.match(id.toString()) !== null) {
+                    return;
+                } else {
+                    readedStr = readedStr + id + ',';
+
+                    localStorage.setItem('readed',readedStr);
+
+                    TD.ajax({
+                        type: 'GET',
+                        url: '/index/museum/view',
+                        data: {
+                            id: id
+                        },
+                        success: function (res) {
+                            console.log(res);
+                            return res;
+                        },
+                        error: function (data) {
+                            console.log(data);
+                            return 0;
+                        }
+                    })
+                }
+            }
+
+            // var index = $(this).parent().index();
+            var id;
+            var wrapEl = $(this).parent();
+
+            if (wrapEl.data('id') !== 'undefined') {
+                id = wrapEl.data('id');
+            } else {
+                id = -1;
+            }
+
+            // 移动端则不需要继续处理
+            if (document.documentElement.clientWidth <= 1080) {
+                // $('.details-section:nth-child(' + (index+1) + ')').fadeIn(300);
+                $('.details-section').each(function (ele) {
+                    if ($(this).data('id') === id) {
+                        $(this).fadeIn(300);
+                    }
+                });
+                return;
+            }
+
+			// 位于左边不动，位于右边则先移动到左边
+			// if (index%2 === 1) {
+			// 	// 隐藏左边文章
+			// 	$('.section-wrap:nth-child(' + index + ')').fadeOut(300);
+			// 	wrapEl.animate({
+			// 		left: '-46%'
+			// 	}, 300, function () {
+			// 		wrapEl.css('left', 0);
+			// 	})
+			// }
+
+			//wrapEl.children('.btn-details-show').hide();
+			//wrapEl.children('.btn-details-hide').show();
+
+			// wrapEl.find('img').css('transform', 'scale(0.75)');
+
+            $('.details-section').each(function () {
+                if ($(this).css('display') === 'block') {
+                    $(this).fadeOut(300);
+                }
+            });
+
+			// $('.details-section:nth-child(' + (index+1) + ')').fadeIn(300);
+            $('.details-section').each(function (ele) {
+                if ($(this).data('id') === id) {
+                    console.log($(this).data('id'))
+                    $(this).fadeIn(300);
+                }
+            })
+
+            // $('.section-wrap').addClass('section-block');
+            $('.section-row').addClass('section-block');
+
+            viewCount(wrapEl);
+
+            var hashHandler = function () {
+                var id;
+
+                if (wrapEl.data('id') !== 'undefined') {
+                    id = wrapEl.data('id');
+                } else {
+                    id = -1;
+                }
+
+                location.hash = id;
+            }
+
+            hashHandler();
+		});
+
+		// $('.btn-details-hide').on('click', function () {
+		// 	var index = $(this).parent().index();
+		// 	var wrapEl = $(this).parent();
+
+		// 	if (index%2 === 1) {
+		// 		// 恢复左边文章
+		// 		$('.section-wrap:nth-child(' + index + ')').fadeIn(300);
+		// 		wrapEl.css('left', '-46%');
+		// 		wrapEl.animate({
+		// 			left: '0'
+		// 		}, 300, function () {
+		// 			// wrapEl.css('left', 0);
+		// 		})
+		// 	}
+			
+		// 	wrapEl.children('.btn-details-hide').hide();
+		// 	wrapEl.children('.btn-details-show').show();
+
+		// 	wrapEl.find('img').css('transform', 'scale(1)');
+
+		// 	$('.details-section:nth-child(' + (index+1) + ')').fadeOut(300);
+		// })
+
+        $('.details-wrap .btn-close').on('click', function () {
+            var index = $(this).parent().index();
+
+            $(this).parent().fadeOut(300);
+            // $('.details-section').each(function () {
+            //     if ($(this).css('display') === 'block') {
+            //         $(this).fadeOut(300);
+            //     }
+            // });
+
+            // $('.section-wrap').removeClass('section-block');
+            $('.section-row').removeClass('section-block');
+            location.hash = '';
+        })
+	}
+
+    textTypeHandler();
+    <!--{}}-->
+
+    <!--{if ($type == 'video'){}-->
+	// 视频页面的处理函数
+	var videoTypeHandler = function () {
+		// $('.btn-play').show();
+		$('.details-wrap') && $('.details-wrap').hide();
+		$('.btn-details-show').hide();
+
+        // $('.section-videoplay').hover(function () {
+        //     $(this).css('opacity', 0.6);
+        // },function () {
+        //     $(this).css('opacity', 1);
+        // })
+		$('.section-videoplay').on('click', function () {
+			var index = $(this).parent().parent().index();
+
+			var videoSectionEl = $('.video-section:nth-child(' + (index+1) + ')');
+			var videoEl = videoSectionEl.find('.video-item')[0];
+
+			videoSectionEl.fadeIn(300);
+			videoEl.currentTime = 0;
+			videoEl.play();
+		})
+
+        if (document.documentElement.clientWidth <= 1080) {
+            $('.section-wrap').on('click', function () {
+                var index = $(this).parent().index();
+
+                var videoSectionEl = $('.video-section:nth-child(' + (index+1) + ')');
+                var videoEl = videoSectionEl.find('.video-item')[0];
+
+                videoSectionEl.fadeIn(300);
+                videoEl.currentTime = 0;
+                videoEl.play();
+            })
+        }
+
+		$('.video-section').on('click', function (event) {
+			var evt = event || window.event;
+			var target = evt.target || evt.srcElement;
+
+			if (target.nodeName.toLowerCase() === 'video') {
+				console.log('video');
+				return;
+			}
+
+			$(this).find('.video-item')[0].pause();
+			$(this).fadeOut(300);
+		})
+	}
+
+	videoTypeHandler();
+    <!--{}}-->
+</script>
+</html>

fore/ohplay/cn_run.htm

@@ -0,0 +1,304 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王妙播_猫王收音机_猫王音响 - 猫王官网</title>
+<meta name="description" content="什么是猫王妙播，猫王官方音乐电台频道，365天24小时不间断的好音乐、好内容，为你提供最新鲜有趣的“声活方式”。">
+<meta name="keywords" content="猫王妙播">
+<link rel="canonical" href="https://www.radio1964.com/pindao" />
+<!-- <link rel="shortcut icon" href="./static/css/favicon.ico"> -->
+<!--<link rel="stylesheet" type="text/css" href="./static/css/headerComponent.css">-->
+<!--<link rel="stylesheet" type="text/css" href="./static/css/ohplay.css">-->
+<script type="text/javascript">
+    window.location = "http://download.radio1964.com/readme?";
+</script>
+<!--<script type="text/javascript">-->
+<!--    if (window.innerWidth <= 1080) {-->
+<!--        (function (doc, win) {-->
+<!--            var width = 750;-->
+<!--            var height = 1220;-->
+<!--            var docEl = doc.documentElement;-->
+<!--            var reCalc = (function () {-->
+<!--                var reCalc = function () {-->
+<!--                    var winWidth = docEl.clientWidth;-->
+<!--                    var winHeight = docEl.clientHeight;-->
+<!--                    if (!winWidth) return;-->
+<!--                    var fontSize;-->
+<!--                    if (winWidth / winHeight > width / height) {-->
+<!--                        fontSize = 100 * winHeight / height;-->
+<!--                    } else {-->
+<!--                        fontSize = 100 * winWidth / width;-->
+<!--                    }-->
+<!--                    docEl.style.fontSize = fontSize + 'px';-->
+<!--                    console.log(fontSize, docEl.style.fontSize);-->
+<!--                    return reCalc;-->
+<!--                };-->
+<!--                return reCalc();-->
+<!--            })();-->
+<!--            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';-->
+<!--            if (!doc.addEventListener) return;-->
+<!--            win.addEventListener(rszEvt, reCalc);-->
+<!--        })(document, window);-->
+<!--    } else {-->
+<!--          (function (doc, win) {-->
+<!--            var width = 1920;-->
+<!--            var height = 1080;-->
+<!--            var docEl = doc.documentElement;-->
+<!--            var reCalc = (function () {-->
+<!--                var reCalc = function () {-->
+<!--                    var winWidth = docEl.clientWidth;-->
+<!--                    var winHeight = docEl.clientHeight;-->
+<!--                    if (!winWidth) return;-->
+<!--                    var fontSize;-->
+<!--                    if (winWidth / winHeight < width / height) {-->
+<!--                        fontSize = 100 * winHeight / height;-->
+<!--                    } else {-->
+<!--                        fontSize = 100 * winWidth / width;-->
+<!--                    }-->
+<!--                    docEl.style.fontSize = fontSize + 'px';-->
+<!--                    console.log(fontSize, docEl.style.fontSize);-->
+<!--                    return reCalc;-->
+<!--                };-->
+<!--                return reCalc();-->
+<!--            })();-->
+<!--            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';-->
+<!--            if (!doc.addEventListener) return;-->
+<!--            win.addEventListener(rszEvt, reCalc);-->
+<!--        })(document, window);-->
+<!--    }-->
+<!--</script>-->
+<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>-->
+<!--<script type="text/javascript" src="./static/js/lib/scrolloverflow.min.js"></script>-->
+<!--<script type="text/javascript" src="./static/js/lib/jquery.fullPage.min.js"></script>-->
+<!--<script type="text/javascript" src="./static/js/module/TD.js"></script>-->
+<!--<style type="text/css">-->
+<!--    @media (max-width: 1600px) {-->
+<!--        .nav-lang:hover {-->
+<!--            height: 84px;-->
+<!--        }-->
+<!--    }-->
+<!--    @media (max-width: 1280px) {-->
+<!--        .nav-lang:hover {-->
+<!--            height: 72px;-->
+<!--        }-->
+<!--    }-->
+<!--    @media (max-device-width: 1081px) {-->
+<!--        .nav-lang:hover {-->
+<!--            height: 0.8rem;-->
+<!--        }-->
+<!--    }-->
+
+<!--    .ohplay-station-2 {-->
+<!--        background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/ohplay_station2.png') no-repeat center center;-->
+<!--    }-->
+<!--    .ohplayAlert{-->
+<!--        position: fixed;-->
+<!--        display: flex;-->
+<!--        justify-content: center;-->
+<!--        align-items: center;-->
+<!--        width: 100%;-->
+<!--        height: 100%;-->
+<!--        z-index: 1001;-->
+<!--        top: 0;-->
+<!--    }-->
+<!--    .appTips{-->
+<!--        position: fixed;-->
+<!--        width: 100%;-->
+<!--        height: 100%;-->
+<!--        z-index: 1001;-->
+<!--        background:rgba(255, 253, 242, 0.9);-->
+<!--        top: 0;-->
+<!--        left: 0;-->
+<!--    }-->
+<!--    .appTips .appTipsBg{-->
+<!--    	position: absolute;-->
+<!--        opacity: 0.6;-->
+<!--        top: 0;-->
+<!--    }-->
+<!--    .appTips .quak{-->
+<!--    	position: absolute;-->
+<!--        width: 2rem;-->
+<!--        top: 0.5rem;-->
+<!--        right: 0.5rem;-->
+<!--    }-->
+<!--    .appTips .brower{-->
+<!--        right: 1.5rem;-->
+<!--        top: 1.5rem;-->
+<!--        width: 1.5rem;-->
+<!--    }-->
+<!--    .appTips .tipText{-->
+<!--        position: absolute;-->
+<!--        right: 2.8rem;-->
+<!--        top: 2rem;-->
+
+<!--    }-->
+<!--    .appTips .tipText p {-->
+<!--        line-height: 0.3rem;-->
+<!--        font-size: 16px;-->
+<!--    }-->
+<!--    .appTips .tipsp{-->
+<!--        display: flex;-->
+<!--        flex-direction: row;-->
+<!--    }-->
+<!--</style>-->
+<!--<script>-->
+<!--	function Close() {-->
+<!--		document.getElementsByClassName("ohplayAlert")[0].style.display = "none";-->
+<!--	}-->
+<!--    function IosDownload() {-->
+<!--        window.location.href = 'https://apps.apple.com/cn/app/ohplay%E7%8C%AB%E7%8E%8B%E5%A6%99%E6%92%AD/id1402502317';-->
+<!--    }-->
+<!--    function AndroidDownload() {-->
+
+<!--        const u = navigator.userAgent;-->
+<!--        const IsWeixin = u.indexOf('MicroMessenger') > -1; // 是否微信内置浏览器-->
+<!--        const IsWeibo = u.indexOf('Weibo') > -1; // 是否Weibo内置浏览器-->
+<!--        const IsQq = u.indexOf('QQ') > -1 && (u.indexOf('V1_IPH_SQ') > -1 || u.indexOf('V1_AND_SQ') > -1); // 是否QQ内置浏览器-->
+
+<!--        const openTips = IsWeixin || IsQq || IsWeibo;-->
+
+<!--        if (openTips) {-->
+<!--            document.getElementsByClassName("ohplayAlert")[0].style.display = "block";-->
+<!--            return;-->
+<!--        }-->
+
+
+<!--        window.location.href = 'http://airsmart-photo1.oss-cn-shanghai.aliyuncs.com/download_online/release/oh_play.apk';-->
+<!--    }-->
+<!--</script>-->
+</head>
+<!--<body>-->
+<!--    &lt;!&ndash; http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_qrcode.jpg &ndash;&gt;-->
+<!--    <div class="m-loading">-->
+<!--        <div class="loading-step"></div>-->
+<!--        <div class="loading-text">0%</div>-->
+<!--        <div class="img-preload">-->
+<!--           <img src="https://www.radio1964.com/2020/ohplay_slide_01.png">-->
+<!--           <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/ohplay_slide_02.jpg">-->
+<!--           <img src="https://www.radio1964.com/2020/ohplay_slide_03.jpg">-->
+<!--           <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/ohplay_slide_04.jpg">-->
+<!--           <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/ohplay_slide_05.jpg">-->
+<!--           <img src="https://www.radio1964.com/2020/ohplay_slide_06.jpg">-->
+<!--           <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/ohplay_slide_07.jpg">-->
+<!--           <img src="https://www.radio1964.com/2020/ohplay_slide_08.jpg">-->
+<!--           <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/ohplay_slide_09.jpg">-->
+<!--        </div>-->
+<!--    </div>-->
+<!--    <header class="m-header">-->
+<!--        <a href="/index"><div class="header-logo"></div></a>-->
+<!--        <div class="nav-wrap">-->
+<!--            <div class="nav-shop" onclick="window.open('https://shop45604680.m.youzan.com/v2/feature/xHCSWC6aoP')">-->
+<!--                商城-->
+<!--            </div>-->
+<!--            <div class="nav-version">-->
+<!--                <a href="/radios">-->
+<!--                    <div class="nav-version-item version-maoking">猫王音响</div>-->
+<!--                </a>-->
+<!--                <a href="/ohplay">-->
+<!--                    <div class="nav-version-item version-radiooo nav-version-current">猫王妙播</div>-->
+<!--                </a>-->
+
+<!--            </div>-->
+<!--            <div class="nav-menu"></div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;<div class="subnav-wrap">-->
+<!--            <div class="subnav-logo"></div>-->
+<!--            <div class="subnav-main-wrap">-->
+<!--                <a href="/station"><div class="subnav-main-item">首页</div></a>-->
+<!--            </div>-->
+<!--        </div>&ndash;&gt;-->
+<!--    </header>-->
+<!--    <div class="m-maofm">-->
+<!--    	<div class="maofm-1 section">-->
+<!--            <div class="section-content">&lt;!&ndash;{ echo $ohplayData['content'][0]; }&ndash;&gt;</div>-->
+<!--            <div class="section-app">-->
+<!--                <div onclick="IosDownload()"><img src="./2020/ios.png"/></div>-->
+<!--                <div onclick="AndroidDownload()"><img src="./2020/android.png"/></div>-->
+<!--            </div>-->
+<!--            <div class="section-title">&lt;!&ndash;{ echo $ohplayData['content'][1]; }&ndash;&gt;</div>-->
+<!--    	</div>-->
+<!--        <div class="maofm-2 section section-video">-->
+<!--            <div class="video-wrap">-->
+<!--                <video class="video" src="&lt;!&ndash;{ echo $ohplayData['video_short_1']; }&ndash;&gt;" poster="&lt;!&ndash;{ echo $ohplayData['video_img_1']; }&ndash;&gt;" muted="muted" loop="true"></video>-->
+<!--                <div class="btn-videoplay"> </div>-->
+<!--            </div>-->
+<!--            <div class="video-wrap-2">-->
+<!--                <video class="video-2" src="&lt;!&ndash;{ echo $ohplayData['video_long_1']; }&ndash;&gt;" controls="controls" poster="&lt;!&ndash;{ echo $ohplayData['video_img_1']; }&ndash;&gt;"></video>-->
+<!--                <div class="btn-close">+</div>-->
+<!--            </div>-->
+<!--        </div>-->
+<!--    	<div class="maofm-3 section">-->
+<!--            <div class="shadow-bg"></div>-->
+<!--            <h2 class="section-title">&lt;!&ndash;{ echo $ohplayData['title'][1]; }&ndash;&gt;</h2>-->
+<!--            <p class="section-content">&lt;!&ndash;{ echo $ohplayData['content'][2]; }&ndash;&gt;-->
+<!--    	</div>-->
+<!--        <div class="maofm-4 section">-->
+<!--            <h2 class="section-title">&lt;!&ndash;{ echo $ohplayData['title'][2]; }&ndash;&gt;</h2>-->
+<!--            <p class="section-content">&lt;!&ndash;{ echo $ohplayData['content'][3]; }&ndash;&gt;</p>-->
+<!--        </div>-->
+<!--        <div class="maofm-5 section">-->
+<!--            <h2 class="section-title">&lt;!&ndash;{ echo $ohplayData['title'][3]; }&ndash;&gt;</h2>-->
+<!--            <p class="section-content">&lt;!&ndash;{ echo $ohplayData['content'][4]; }&ndash;&gt;<br><br>-->
+<!--                <span>&lt;!&ndash;{ echo $ohplayData['content'][5]; }&ndash;&gt;</span>-->
+<!--            </p>-->
+<!--        </div>-->
+<!--        <div class="maofm-6 section">-->
+<!--            <h2 class="section-title">&lt;!&ndash;{ echo $ohplayData['title'][4]; }&ndash;&gt;</h2>-->
+<!--            <p class="section-content">&lt;!&ndash;{ echo $ohplayData['content'][6]; }&ndash;&gt;</div>-->
+<!--        <div class="maofm-7 section">-->
+<!--            <h2 class="section-title">&lt;!&ndash;{ echo $ohplayData['title'][5]; }&ndash;&gt;</h2>-->
+<!--            <p class="section-content">&lt;!&ndash;{ echo $ohplayData['content'][7]; }&ndash;&gt;</p>-->
+<!--        </div>-->
+
+<!--        <div class="maofm-9 section">-->
+<!--            <h2 class="section-title">&lt;!&ndash;{ echo $ohplayData['title'][7]; }&ndash;&gt;</h2>-->
+<!--            <p class="section-content">&lt;!&ndash;{ echo $ohplayData['content'][9]; }&ndash;&gt;</p>-->
+<!--            <div class="ohplay-station ohplay-station-2"></div>-->
+<!--        </div>-->
+
+<!--    </div>-->
+<!--    &lt;!&ndash;{ echo $footer; }&ndash;&gt;-->
+<!--    <div class="ohplayAlert" style="display: none;">-->
+<!--    	<div class="appTips" onclick="Close()">-->
+<!--	        <img alt='' class="appTipsBg" src="https://www.radio1964.com/img/share_bg.png" width="100%"/>-->
+<!--	        <img alt='' class="quak" src="https://www.radio1964.com/img/quak_arrow.png"/>-->
+<!--	        <div class="tipText">-->
+<!--	            <p>点击屏幕右上角[...]</p>-->
+<!--	            <p>&nbsp;</p>-->
+<!--	            <p class="tipsp">选择<span style="color: #EC8A32;">"浏览器"</span>打开-->
+<!--	            </p>-->
+<!--	        </div>-->
+<!--	    </div>-->
+<!--    </div>-->
+<!--</body>-->
+<!--&lt;!&ndash;<script type="text/javascript" src="./static/js/module/headerComponent.js"></script>&ndash;&gt;-->
+<!--&lt;!&ndash;<script type="text/javascript" src="./static/js/ohplay.js"></script>&ndash;&gt;-->
+<!--<style>-->
+<!--    .section-app{-->
+<!--        display: flex;-->
+<!--        flex-direction: column;-->
+<!--        justify-content: flex-end;-->
+<!--        align-items: center;-->
+<!--    }-->
+<!--    .section-app div {-->
+<!--        position: relative;-->
+<!--        z-index: 1000;-->
+<!--        color: rgba(220, 190, 160, 1);-->
+<!--        font-size: 0.12rem !important;-->
+<!--        margin-bottom: 0.30rem;-->
+<!--        display: flex;-->
+<!--        justify-content: center;-->
+<!--        align-items: center;-->
+<!--        border-radius: 0.20rem;-->
+<!--        bottom: 0.6rem;-->
+<!--        font-weight: bold;-->
+<!--        cursor: pointer;-->
+<!--    }-->
+<!--    .section-app div img {-->
+<!--        width: 1.55rem;-->
+<!--        height: 0.45rem;-->
+<!--    }-->
+<!--</style>-->
+</html>

fore/pindao/cn_run.htm

@@ -0,0 +1,268 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王妙播_猫王收音机_猫王音响 - 猫王官网</title>
+<meta name="description" content="什么是猫王妙播，猫王官方音乐电台频道，365天24小时不间断的好音乐、好内容，为你提供最新鲜有趣的“声活方式”。">
+<meta name="keywords" content="猫王妙播">
+<link rel="canonical" href="https://www.radio1964.com/pindao" />
+<link rel="shortcut icon" href="./static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="./static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="./static/css/maofm_1009.css">
+<script type="text/javascript">
+    if (window.innerWidth <= 1080) {
+        (function (doc, win) {
+            var width = 750;
+            var height = 1220;
+            var docEl = doc.documentElement;
+            var reCalc = (function () {
+                var reCalc = function () {
+                    var winWidth = docEl.clientWidth;
+                    var winHeight = docEl.clientHeight;
+                    if (!winWidth) return;
+                    var fontSize;
+                    if (winWidth / winHeight > width / height) {
+                        fontSize = 100 * winHeight / height;
+                    } else {
+                        fontSize = 100 * winWidth / width;
+                    }
+                    docEl.style.fontSize = fontSize + 'px';
+                    console.log(fontSize, docEl.style.fontSize);
+                    return reCalc;
+                };
+                return reCalc();
+            })();
+            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+            if (!doc.addEventListener) return;
+            win.addEventListener(rszEvt, reCalc);
+        })(document, window);
+    } else {
+          (function (doc, win) {
+            var width = 1920;
+            var height = 1080;
+            var docEl = doc.documentElement;
+            var reCalc = (function () {
+                var reCalc = function () {
+                    var winWidth = docEl.clientWidth;
+                    var winHeight = docEl.clientHeight;
+                    if (!winWidth) return;
+                    var fontSize;
+                    if (winWidth / winHeight > width / height) {
+                        fontSize = 100 * winHeight / height;
+                    } else {
+                        fontSize = 100 * winWidth / width;
+                    }
+                    docEl.style.fontSize = fontSize + 'px';
+                    console.log(fontSize, docEl.style.fontSize);
+                    return reCalc;
+                };
+                return reCalc();
+            })();
+            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+            if (!doc.addEventListener) return;
+            win.addEventListener(rszEvt, reCalc);
+        })(document, window);
+    }
+</script>
+<script src="/static/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="./static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="./static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="./static/js/module/TD.js"></script>
+<style type="text/css">
+    .nav-lang:hover {
+        height: 100px;
+    }
+    @media (max-width: 1600px) {
+        .nav-lang:hover {
+            height: 84px;
+        }
+    }
+    @media (max-width: 1280px) {
+        .nav-lang:hover {
+            height: 72px;
+        }
+    }
+    @media (max-device-width: 1081px) {
+        .nav-lang:hover {
+            height: 0.8rem;
+        }
+    }
+</style>
+</head>
+<body>
+    <!-- http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_qrcode.jpg -->
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_02.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_03.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_04.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_05.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_06.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_07.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_default.jpg">
+        </div>
+    </div>
+    <header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div>
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">简体</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">简体</li>
+                    <li class="nav-lang-item lang-gb">繁体</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/radios">
+                    <div class="nav-version-item version-maoking nav-version-current">猫王收音机</div>
+                </a>
+                <a href="/pindao">
+                    <div class="nav-version-item version-radiooo">猫王妙播</div>
+                </a>
+                <a href="http://www.keepradioon.org.w.kunlungr.com/">
+                    <div class="nav-version-item version-maofm">猫王音乐台</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo"></div>
+            <div class="subnav-main-wrap">
+                <a href="/pindao"><div class="subnav-main-item">首页</div></a>
+            </div>
+        </div>
+        <div class="shop-qr" onclick="document.querySelector('.shop-qr').style.display='none';">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/maoking_qr.jpg" alt="shop_qrcode">
+        </div>
+    </header>
+    <div class="m-maofm">
+    	<div class="maofm-1 section">
+            <h1 class="section-title">OhPlay 猫王妙播</h1>
+            <p class="section-content">无需选择，打开就有好音乐</p>
+            <div class="section-app">
+                <div class="app-logo"></div>
+                <div class="app-qrcode"></div>
+                <div class="app-hint">扫描二维码下载APP</div>
+            </div>
+            <div class="mb-download-wrap">
+                <a href="itms-apps://itunes.apple.com/cn/app/id1402502317?mt=8"><div class="download-ios"></div></a>
+                <a href="http://airsmart-photo1.oss-cn-shanghai.aliyuncs.com/download_online/release/oh_play.apk"><div class="download-android"></div></a>
+            </div>
+    	</div>
+    	<div class="maofm-2 section">
+            <h2 class="section-title">关于OhPlay</h2>
+            <div class="section-content-wrap">
+                <div class="content-item">
+                    <div class="content-title">妙播技术</div>
+                    <div class="content-text">是猫王收音机独有的创新收听体验，<br>
+它诞生于2016年底，并获得2017美国CES创新大奖。</div>
+                </div>
+                <div class="content-item">
+                    <div class="content-title">妙播交互</div>
+                    <div class="content-text">下载“OhPlay猫王妙播”APP，通过初次设置（手机app对音箱设置，蓝牙或Wi-Fi），<br>
+用户即可脱离手机，用硬件操控APP，获得预设的互联网音乐内容。<br>
+开机就能听到自己喜爱的音乐内容，转动旋钮即可轻松播控、更换频道。</div>
+                </div>
+                <div class="content-item">
+                    <div class="content-title">妙播智能推荐</div>
+                    <div class="content-text">更奇妙的是——在云端，猫王团队通过“人工+智能”的方式为用户萃取、<br>
+推送优质的音乐内容，保证每一次陌生的聆听都是无比美妙的惊喜体验。</div>
+                </div>
+            </div>
+    	</div>
+        <div class="maofm-3 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">把你的最爱<br>
+量身定做写入12个频道</h2>
+            <p class="section-content">OhPaly 猫王妙播APP，为您精选海量精彩内容，<br>
+根据个人喜好标签自动生成12个频道，并每一个频道亦可单独设置。<br>
+无需繁复选择，就能获得音乐惊喜。</p>
+            <div class="section-img"></div>
+        </div>
+        <div class="maofm-4 section">
+            <h2 class="section-title">CES创新奖,软硬件联控技术</h2>
+            <p class="section-content">快速无线连接，脱离手机繁琐操作，只需轻、拨、点、按、转，<br>
+即可实现播放、暂停、下一曲及频道切换。</p>
+        </div>
+        <div class="maofm-5 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">人性化提示，<br>
+让最爱的音乐把你唤醒</h2>
+            <p class="section-content">有温度的唤醒及休眠功能，<br>
+让你的每一次入眠与醒来，都有你最爱的音乐陪伴。</p>
+        </div>
+        <div class="maofm-6 section">
+            <h2 class="section-title">频道个性化定制，独乐乐不如众乐乐
+</h2>
+            <p class="section-content">热门标签，随心而选，频道个性化生成，每一频都是你爱听的。<br>
+频道可分享至好友，同步你的音乐节奏，共享有腔调的音乐生活。</p>
+        </div>
+        <div class="maofm-7 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">感知收听喜好，<br>
+更懂你的品味</h2>
+            <p class="section-content">全网海量优质内容，乐随心动，懂音乐更懂你。</p>
+            <div class="section-img"></div>
+        </div>
+        <div class="maofm-8 section">
+            <h2 class="section-title">免费试听三个月</h2>
+            <p class="section-content">猫王音乐电台为您带来<br>
+            24小时不间断播放的全球好音乐。</p>
+            <div class="section-price-wrap">
+                <div class="price price-low">
+                    <div class="price-num">¥<span>1</span></div>
+                    <div class="price-text">首月体验价</div>
+                </div>
+                <div class="price price-middle">
+                    <div class="price-num">¥<span>9.9</span></div>
+                    <div class="price-text">月度会员</div>
+                </div>
+                <div class="price price-high">
+                    <div class="price-num">¥<span>99</span></div>
+                    <div class="price-text">年度会员</div>
+                </div>
+            </div>
+        </div>
+        <div class="maofm-product section">
+            <div class="product-title">OhPlay适用猫王·旅行者2号及原子唱机 B612，<br>
+更多适用设备，敬请期待... ...</div>
+            <img class="product-img" src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_product_01.png">
+            <div class="product-name">猫王·旅行者2号</div>
+            <div class="product-content-wrap">
+
+                <div class="product-content"><div class="product-icon"></div>支持OhPlay 猫王妙播猫王妙播系统，将你喜欢的全网好内容自动生成到表盘，<br>
+来自全世界的好音乐，尽在耳边。
+      </div>
+                <div class="product-content"><div class="product-icon"></div>最简单、最熟悉的旋钮操控，还原纯粹电台收听体验，无需手机，<br>
+全网十二频道自由切换，好音乐无障碍连接。</div>
+            </div>
+        </div>
+        <div class="maofm-product section product-2">
+            <div class="product-title">猫王·原子唱机 B612</div>
+            <img class="product-img" src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_product_02.png">
+            <div class="product-name"></div>
+            <div class="product-content-wrap">
+                <div class="product-content"><div class="product-icon"></div>支持OhPlay猫王妙播系统，为您精选海量精彩内容，根据个人喜好标签<br>
+自动生成12个频道，来自全世界的好音乐，尽在耳边。
+      </div>
+                <div class="product-content"><div class="product-icon"></div>简单、易用的神奇拨杆，连接蓝牙，全网十二频道自由切换，让聆听更纯粹。</div>
+                <div class="product-content"><div class="product-icon"></div>简单、易用的蓝牙功能，可以连接任何内容。</div>
+            </div>
+        </div>
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="./static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="./static/js/maofm.js"></script>
+</html>

fore/pindao/cn_run_bk.htm

@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王频道_猫王收音机_猫王音响 - 猫王官网</title>
+<meta name="description" content="什么是猫王频道，猫王官方音乐电台频道，365天24小时不间断的好音乐、好内容，为你提供最新鲜有趣的“声活方式”。">
+<meta name="keywords" content="猫王频道">
+<link rel="canonical" href="https://www.radio1964.com/pindao" />
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/maofm.css">
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<style type="text/css">
+    .nav-lang:hover {
+        height: 100px;
+    }
+    @media (max-width: 1600px) {
+        .nav-lang:hover {
+            height: 84px;
+        }
+    }
+    @media (max-width: 1280px) {
+        .nav-lang:hover {
+            height: 72px;
+        }
+    }
+    @media (max-device-width: 1081px) {
+        .nav-lang:hover {
+            height: 0.8rem;
+        }
+    }
+</style>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_02.jpg">
+        </div>
+    </div>
+	<header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div>
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">简体</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">简体</li>
+                    <li class="nav-lang-item lang-gb">繁体</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/maowang">
+                    <div class="nav-version-item version-maoking">猫王音响</div>
+                </a>
+                <a href="/radiooo">
+                    <div class="nav-version-item version-radiooo">RADIOOO</div>
+                </a>
+                <a href="/pindao">
+                    <div class="nav-version-item version-maofm nav-version-current">猫王频道</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo"></div>
+            <div class="subnav-main-wrap">
+                <a href="/pindao"><div class="subnav-main-item">首页</div></a>
+            </div>
+        </div>
+    </header>
+    <div class="m-maofm">
+    	<div class="maofm-first section">
+    		<div class="maofm-logo">
+    			<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_logo_fm.png">
+    		</div>
+    		<div class="content-wrap">
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['ftitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['fcontent']; }--></p>
+    			</div>
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['stitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['scontent']; }--></p>
+    			</div>
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['ttitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['tcontent']; }--></p>
+    			</div>
+    		</div>
+    		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+    	</div>
+    	<div class="maofm-second section">
+            <div class="app-img">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_phone.png" alt="">
+            </div>
+    		<div class="app-content-wrap">
+                <h1 class="app-name"><span style="color:#dab379;">RADIOOO STATION</span> App</h1>
+    			<h2 class="app-title"><!--{ echo $fmData['htitle']; }--></h2>
+                <div class="app-line"></div>
+    			<p class="app-text"><!--{ echo $fmData['hcontent']; }--></p>
+    			<div class="app-download">
+    				<div class="dl-qrcode">
+    					<img src="<!--{ echo $fmData['app']; }-->" alt="">
+    					<span>扫一扫，下载App</span>
+    				</div>
+    			</div>
+    		</div>
+            <a href=""><div class="mb-btn-download"></div></a>
+    	</div>
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/maofm.js"></script>
+</html>

fore/pindao/cn_run_bk1009.htm

@@ -0,0 +1,265 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王妙播_猫王收音机_猫王音响 - 猫王官网</title>
+<meta name="description" content="什么是猫王妙播，猫王官方音乐电台频道，365天24小时不间断的好音乐、好内容，为你提供最新鲜有趣的“声活方式”。">
+<meta name="keywords" content="猫王妙播">
+<link rel="canonical" href="https://www.radio1964.com/pindao" />
+<link rel="shortcut icon" href="./static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="./static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="./static/css/maofm_0817_2.css">
+<script type="text/javascript">
+    if (window.innerWidth <= 1080) {
+        (function (doc, win) {
+            var width = 750;
+            var height = 1220;
+            var docEl = doc.documentElement;
+            var reCalc = (function () {
+                var reCalc = function () {
+                    var winWidth = docEl.clientWidth;
+                    var winHeight = docEl.clientHeight;
+                    if (!winWidth) return;
+                    var fontSize;
+                    if (winWidth / winHeight > width / height) {
+                        fontSize = 100 * winHeight / height;
+                    } else {
+                        fontSize = 100 * winWidth / width;
+                    }
+                    docEl.style.fontSize = fontSize + 'px';
+                    console.log(fontSize, docEl.style.fontSize);
+                    return reCalc;
+                };
+                return reCalc();
+            })();
+            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+            if (!doc.addEventListener) return;
+            win.addEventListener(rszEvt, reCalc);
+        })(document, window);
+    } else {
+          (function (doc, win) {
+            var width = 1920;
+            var height = 1080;
+            var docEl = doc.documentElement;
+            var reCalc = (function () {
+                var reCalc = function () {
+                    var winWidth = docEl.clientWidth;
+                    var winHeight = docEl.clientHeight;
+                    if (!winWidth) return;
+                    var fontSize;
+                    if (winWidth / winHeight > width / height) {
+                        fontSize = 100 * winHeight / height;
+                    } else {
+                        fontSize = 100 * winWidth / width;
+                    }
+                    docEl.style.fontSize = fontSize + 'px';
+                    console.log(fontSize, docEl.style.fontSize);
+                    return reCalc;
+                };
+                return reCalc();
+            })();
+            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+            if (!doc.addEventListener) return;
+            win.addEventListener(rszEvt, reCalc);
+        })(document, window);
+    }
+</script>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="./static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="./static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="./static/js/module/TD.js"></script>
+<style type="text/css">
+    .nav-lang:hover {
+        height: 100px;
+    }
+    @media (max-width: 1600px) {
+        .nav-lang:hover {
+            height: 84px;
+        }
+    }
+    @media (max-width: 1280px) {
+        .nav-lang:hover {
+            height: 72px;
+        }
+    }
+    @media (max-device-width: 1081px) {
+        .nav-lang:hover {
+            height: 0.8rem;
+        }
+    }
+</style>
+</head>
+<body>
+    <!-- http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_qrcode.jpg -->
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_02.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_03.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_04.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_05.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_06.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_07.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_default.jpg">
+        </div>
+    </div>
+    <header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div>
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">简体</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">简体</li>
+                    <li class="nav-lang-item lang-gb">繁体</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/maowang">
+                    <div class="nav-version-item version-maoking">猫王音响</div>
+                </a>
+                <a href="/radiooo">
+                    <div class="nav-version-item version-radiooo">RADIOOO</div>
+                </a>
+                <a href="/pindao">
+                    <div class="nav-version-item version-maofm nav-version-current">猫王妙播</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo"></div>
+            <div class="subnav-main-wrap">
+                <a href="/pindao2"><div class="subnav-main-item">首页</div></a>
+            </div>
+        </div>
+    </header>
+    <div class="m-maofm">
+    	<div class="maofm-1 section">
+            <h1 class="section-title">OhPlay 猫王妙播</h1>
+            <p class="section-content">无需选择，打开就有好音乐</p>
+            <div class="section-app">
+                <div class="app-logo"></div>
+                <div class="app-qrcode"></div>
+                <div class="app-hint">扫描二维码下载APP</div>
+            </div>
+            <div class="mb-download-wrap">
+                <a href="itms-apps://itunes.apple.com/cn/app/id1402502317?mt=8"><div class="download-ios"></div></a>
+                <a href="http://airsmart-photo1.oss-cn-shanghai.aliyuncs.com/download_online/release/oh_play.apk"><div class="download-android"></div></a>
+            </div>
+    	</div>
+    	<div class="maofm-2 section">
+            <h2 class="section-title">关于OhPlay</h2>
+            <div class="section-content-wrap">
+                <div class="content-item">
+                    <div class="content-title">妙播技术</div>
+                    <div class="content-text">是猫王收音机独有的创新收听体验，<br>
+它诞生于2016年底，并获得2017美国CES创新大奖。</div>
+                </div>
+                <div class="content-item">
+                    <div class="content-title">妙播交互</div>
+                    <div class="content-text">下载“OhPlay猫王妙播”APP，通过初次设置（手机app对音箱设置，蓝牙或Wi-Fi），<br>
+用户即可脱离手机，用硬件操控APP，获得预设的互联网音乐内容。<br>
+开机就能听到自己喜爱的音乐内容，转动旋钮即可轻松播控、更换频道。</div>
+                </div>
+                <div class="content-item">
+                    <div class="content-title">妙播智能推荐</div>
+                    <div class="content-text">更奇妙的是——在云端，猫王团队通过“人工+智能”的方式为用户萃取、<br>
+推送优质的音乐内容，保证每一次陌生的聆听都是无比美妙的惊喜体验。</div>
+                </div>
+            </div>
+    	</div>
+        <div class="maofm-3 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">把你的最爱<br>
+量身定做写入12个频道</h2>
+            <p class="section-content">OhPaly 猫王妙播APP，为您精选海量精彩内容，<br>
+根据个人喜好标签自动生成12个频道，并每一个频道亦可单独设置。<br>
+无需繁复选择，就能获得音乐惊喜。</p>
+            <div class="section-img"></div>
+        </div>
+        <div class="maofm-4 section">
+            <h2 class="section-title">CES创新奖,软硬件联控技术</h2>
+            <p class="section-content">快速无线连接，脱离手机繁琐操作，只需轻、拨、点、按、转，<br>
+即可实现播放、暂停、下一曲及频道切换。</p>
+        </div>
+        <div class="maofm-5 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">人性化提示，<br>
+让最爱的音乐把你唤醒</h2>
+            <p class="section-content">有温度的唤醒及休眠功能，<br>
+让你的每一次入眠与醒来，都有你最爱的音乐陪伴。</p>
+        </div>
+        <div class="maofm-6 section">
+            <h2 class="section-title">频道个性化定制，独乐乐不如众乐乐
+</h2>
+            <p class="section-content">热门标签，随心而选，频道个性化生成，每一频都是你爱听的。<br>
+频道可分享至好友，同步你的音乐节奏，共享有腔调的音乐生活。</p>
+        </div>
+        <div class="maofm-7 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">感知收听喜好，<br>
+更懂你的品味</h2>
+            <p class="section-content">全网海量优质内容，乐随心动，懂音乐更懂你。</p>
+            <div class="section-img"></div>
+        </div>
+        <div class="maofm-8 section">
+            <h2 class="section-title">免费试听三个月</h2>
+            <p class="section-content">猫王音乐电台为您带来<br>
+            24小时不间断播放的全球好音乐。</p>
+            <div class="section-price-wrap">
+                <div class="price price-low">
+                    <div class="price-num">¥<span>1</span></div>
+                    <div class="price-text">首月体验价</div>
+                </div>
+                <div class="price price-middle">
+                    <div class="price-num">¥<span>9.9</span></div>
+                    <div class="price-text">月度会员</div>
+                </div>
+                <div class="price price-high">
+                    <div class="price-num">¥<span>99</span></div>
+                    <div class="price-text">年度会员</div>
+                </div>
+            </div>
+        </div>
+        <div class="maofm-product section">
+            <div class="product-title">OhPlay适用猫王·旅行者2号及原子唱机 B612，<br>
+更多适用设备，敬请期待... ...</div>
+            <img class="product-img" src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_product_01.png">
+            <div class="product-name">猫王·旅行者2号</div>
+            <div class="product-content-wrap">
+
+                <div class="product-content"><div class="product-icon"></div>支持OhPlay 猫王妙播猫王妙播系统，将你喜欢的全网好内容自动生成到表盘，<br>
+来自全世界的好音乐，尽在耳边。
+      </div>
+                <div class="product-content"><div class="product-icon"></div>最简单、最熟悉的旋钮操控，还原纯粹电台收听体验，无需手机，<br>
+全网十二频道自由切换，好音乐无障碍连接。</div>
+            </div>
+        </div>
+        <div class="maofm-product section product-2">
+            <div class="product-title">猫王·原子唱机 B612</div>
+            <img class="product-img" src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_product_02.png">
+            <div class="product-name"></div>
+            <div class="product-content-wrap">
+                <div class="product-content"><div class="product-icon"></div>支持OhPlay猫王妙播系统，为您精选海量精彩内容，根据个人喜好标签<br>
+自动生成12个频道，来自全世界的好音乐，尽在耳边。
+      </div>
+                <div class="product-content"><div class="product-icon"></div>简单、易用的神奇拨杆，连接蓝牙，全网十二频道自由切换，让聆听更纯粹。</div>
+                <div class="product-content"><div class="product-icon"></div>简单、易用的蓝牙功能，可以连接任何内容。</div>
+            </div>
+        </div>
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="./static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="./static/js/maofm.js"></script>
+</html>

fore/pindao/en_run.htm

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>RADIOOO STATION</title>
+<meta name="description" content="猫王频道">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王频道,猫王1,猫王2,猫王3,猫王小王子">
+<link rel="canonical" href="https://www.radio1964.com/pindao" />
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent_en.css">
+<link rel="stylesheet" type="text/css" href="/static/css/maofm.css">
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<style type="text/css">
+    .content-text {
+        font-size: 0.14rem;
+        line-height: 0.22rem;
+    }
+    .app-text {
+        font-size: 0.14rem;
+        line-height: 0.22rem;
+    }
+</style>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_02.jpg">
+        </div>
+    </div>
+	<header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <!-- <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div> -->
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">简体</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">简体</li>
+                    <li class="nav-lang-item lang-gb">繁体</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/maowang">
+                    <div class="nav-version-item version-maoking">MUZEN RADIO</div>
+                </a>
+                <a href="/radiooo">
+                    <div class="nav-version-item version-radiooo">RADIOOO</div>
+                </a>
+                <a href="/pindao">
+                    <div class="nav-version-item version-maofm nav-version-current">RADIOOO STATION</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo" style="background-image:url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E5%85%B1%E9%80%9A/subnav_logo_fm_en.jpg');"></div>
+            <div class="subnav-main-wrap">
+                <a href="/pindao"><div class="subnav-main-item">Homepage</div></a>
+            </div>
+        </div>
+    </header>
+    <div class="m-maofm">
+    	<div class="maofm-first section">
+    		<div class="maofm-logo">
+    			<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_logo_fm_en.png">
+    		</div>
+    		<div class="content-wrap">
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['ftitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['fcontent']; }--></p>
+    			</div>
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['stitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['scontent']; }--></p>
+    			</div>
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['ttitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['tcontent']; }--></p>
+    			</div>
+    		</div>
+    		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+    	</div>
+    	<div class="maofm-second section">
+            <div class="app-img">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_phone.png" alt="">
+            </div>
+    		<div class="app-content-wrap">
+                <h1 class="app-name"><span style="color:#dab379;">RADIOOO STATION</span> App</h1>
+    			<h2 class="app-title"><!--{ echo $fmData['htitle']; }--></h2>
+                <div class="app-line"></div>
+    			<p class="app-text"><!--{ echo $fmData['hcontent']; }--></p>
+    			<div class="app-download">
+    				<div class="dl-qrcode">
+    					<img src="<!--{ echo $fmData['app']; }-->" alt="">
+    					<span style="font-size:12px;top:0.24rem;">Scan QR code<br>to download App</span>
+    				</div>
+    			</div>
+    		</div>
+            <a href=""><div class="mb-btn-download"></div></a>
+    	</div>
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/maofm.js"></script>
+</html>

fore/pindao/gb_run.htm

@@ -0,0 +1,265 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王妙播_猫王收音机_猫王音响 - 猫王官网</title>
+<meta name="description" content="什么是猫王妙播，猫王官方音乐电台频道，365天24小时不间断的好音乐、好内容，为你提供最新鲜有趣的“声活方式”。">
+<meta name="keywords" content="猫王妙播">
+<link rel="canonical" href="https://www.radio1964.com/pindao" />
+<link rel="shortcut icon" href="./static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="./static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="./static/css/maofm_0817_2.css">
+<script type="text/javascript">
+    if (window.innerWidth <= 1080) {
+        (function (doc, win) {
+            var width = 750;
+            var height = 1220;
+            var docEl = doc.documentElement;
+            var reCalc = (function () {
+                var reCalc = function () {
+                    var winWidth = docEl.clientWidth;
+                    var winHeight = docEl.clientHeight;
+                    if (!winWidth) return;
+                    var fontSize;
+                    if (winWidth / winHeight > width / height) {
+                        fontSize = 100 * winHeight / height;
+                    } else {
+                        fontSize = 100 * winWidth / width;
+                    }
+                    docEl.style.fontSize = fontSize + 'px';
+                    console.log(fontSize, docEl.style.fontSize);
+                    return reCalc;
+                };
+                return reCalc();
+            })();
+            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+            if (!doc.addEventListener) return;
+            win.addEventListener(rszEvt, reCalc);
+        })(document, window);
+    } else {
+          (function (doc, win) {
+            var width = 1920;
+            var height = 1080;
+            var docEl = doc.documentElement;
+            var reCalc = (function () {
+                var reCalc = function () {
+                    var winWidth = docEl.clientWidth;
+                    var winHeight = docEl.clientHeight;
+                    if (!winWidth) return;
+                    var fontSize;
+                    if (winWidth / winHeight > width / height) {
+                        fontSize = 100 * winHeight / height;
+                    } else {
+                        fontSize = 100 * winWidth / width;
+                    }
+                    docEl.style.fontSize = fontSize + 'px';
+                    console.log(fontSize, docEl.style.fontSize);
+                    return reCalc;
+                };
+                return reCalc();
+            })();
+            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+            if (!doc.addEventListener) return;
+            win.addEventListener(rszEvt, reCalc);
+        })(document, window);
+    }
+</script>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="./static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="./static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="./static/js/module/TD.js"></script>
+<style type="text/css">
+    .nav-lang:hover {
+        height: 100px;
+    }
+    @media (max-width: 1600px) {
+        .nav-lang:hover {
+            height: 84px;
+        }
+    }
+    @media (max-width: 1280px) {
+        .nav-lang:hover {
+            height: 72px;
+        }
+    }
+    @media (max-device-width: 1081px) {
+        .nav-lang:hover {
+            height: 0.8rem;
+        }
+    }
+</style>
+</head>
+<body>
+    <!-- http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_qrcode.jpg -->
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_02.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_03.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_04.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_05.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_06.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_07.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_default.jpg">
+        </div>
+    </div>
+    <header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div>
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">简体</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">简体</li>
+                    <li class="nav-lang-item lang-gb">繁体</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/maowang">
+                    <div class="nav-version-item version-maoking">猫王音响</div>
+                </a>
+                <a href="/radiooo">
+                    <div class="nav-version-item version-radiooo">RADIOOO</div>
+                </a>
+                <a href="/pindao">
+                    <div class="nav-version-item version-maofm nav-version-current">猫王妙播</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo"></div>
+            <div class="subnav-main-wrap">
+                <a href="/pindao2"><div class="subnav-main-item">首页</div></a>
+            </div>
+        </div>
+    </header>
+    <div class="m-maofm">
+    	<div class="maofm-1 section">
+            <h1 class="section-title">OhPlay 猫王妙播</h1>
+            <p class="section-content">无需选择，打开就有好音乐</p>
+            <div class="section-app">
+                <div class="app-logo"></div>
+                <div class="app-qrcode"></div>
+                <div class="app-hint">扫描二维码下载APP</div>
+            </div>
+            <div class="mb-download-wrap">
+                <a href="itms-apps://itunes.apple.com/cn/app/id1402502317?mt=8"><div class="download-ios"></div></a>
+                <a href="http://airsmart-photo1.oss-cn-shanghai.aliyuncs.com/download_online/release/oh_play.apk"><div class="download-android"></div></a>
+            </div>
+    	</div>
+    	<div class="maofm-2 section">
+            <h2 class="section-title">关于OhPlay</h2>
+            <div class="section-content-wrap">
+                <div class="content-item">
+                    <div class="content-title">妙播技术</div>
+                    <div class="content-text">是猫王收音机独有的创新收听体验，<br>
+它诞生于2016年底，并获得2017美国CES创新大奖。</div>
+                </div>
+                <div class="content-item">
+                    <div class="content-title">妙播交互</div>
+                    <div class="content-text">下载“OhPlay猫王妙播”APP，通过初次设置（手机app对音箱设置，蓝牙或Wi-Fi），<br>
+用户即可脱离手机，用硬件操控APP，获得预设的互联网音乐内容。<br>
+开机就能听到自己喜爱的音乐内容，转动旋钮即可轻松播控、更换频道。</div>
+                </div>
+                <div class="content-item">
+                    <div class="content-title">妙播智能推荐</div>
+                    <div class="content-text">更奇妙的是——在云端，猫王团队通过“人工+智能”的方式为用户萃取、<br>
+推送优质的音乐内容，保证每一次陌生的聆听都是无比美妙的惊喜体验。</div>
+                </div>
+            </div>
+    	</div>
+        <div class="maofm-3 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">把你的最爱<br>
+量身定做写入12个频道</h2>
+            <p class="section-content">OhPaly 猫王妙播APP，为您精选海量精彩内容，<br>
+根据个人喜好标签自动生成12个频道，并每一个频道亦可单独设置。<br>
+无需繁复选择，就能获得音乐惊喜。</p>
+            <div class="section-img"></div>
+        </div>
+        <div class="maofm-4 section">
+            <h2 class="section-title">CES创新奖,软硬件联控技术</h2>
+            <p class="section-content">快速无线连接，脱离手机繁琐操作，只需轻、拨、点、按、转，<br>
+即可实现播放、暂停、下一曲及频道切换。</p>
+        </div>
+        <div class="maofm-5 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">人性化提示，<br>
+让最爱的音乐把你唤醒</h2>
+            <p class="section-content">有温度的唤醒及休眠功能，<br>
+让你的每一次入眠与醒来，都有你最爱的音乐陪伴。</p>
+        </div>
+        <div class="maofm-6 section">
+            <h2 class="section-title">频道个性化定制，独乐乐不如众乐乐
+</h2>
+            <p class="section-content">热门标签，随心而选，频道个性化生成，每一频都是你爱听的。<br>
+频道可分享至好友，同步你的音乐节奏，共享有腔调的音乐生活。</p>
+        </div>
+        <div class="maofm-7 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">感知收听喜好，<br>
+更懂你的品味</h2>
+            <p class="section-content">全网海量优质内容，乐随心动，懂音乐更懂你。</p>
+            <div class="section-img"></div>
+        </div>
+        <div class="maofm-8 section">
+            <h2 class="section-title">免费试听三个月</h2>
+            <p class="section-content">猫王音乐电台为您带来<br>
+            24小时不间断播放的全球好音乐。</p>
+            <div class="section-price-wrap">
+                <div class="price price-low">
+                    <div class="price-num">¥<span>1</span></div>
+                    <div class="price-text">首月体验价</div>
+                </div>
+                <div class="price price-middle">
+                    <div class="price-num">¥<span>9.9</span></div>
+                    <div class="price-text">月度会员</div>
+                </div>
+                <div class="price price-high">
+                    <div class="price-num">¥<span>99</span></div>
+                    <div class="price-text">年度会员</div>
+                </div>
+            </div>
+        </div>
+        <div class="maofm-product section">
+            <div class="product-title">OhPlay适用猫王·旅行者2号及原子唱机 B612，<br>
+更多适用设备，敬请期待... ...</div>
+            <img class="product-img" src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_product_01.png">
+            <div class="product-name">猫王·旅行者2号</div>
+            <div class="product-content-wrap">
+
+                <div class="product-content"><div class="product-icon"></div>支持OhPlay 猫王妙播猫王妙播系统，将你喜欢的全网好内容自动生成到表盘，<br>
+来自全世界的好音乐，尽在耳边。
+      </div>
+                <div class="product-content"><div class="product-icon"></div>最简单、最熟悉的旋钮操控，还原纯粹电台收听体验，无需手机，<br>
+全网十二频道自由切换，好音乐无障碍连接。</div>
+            </div>
+        </div>
+        <div class="maofm-product section product-2">
+            <div class="product-title">猫王·原子唱机 B612</div>
+            <img class="product-img" src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_product_02.png">
+            <div class="product-name"></div>
+            <div class="product-content-wrap">
+                <div class="product-content"><div class="product-icon"></div>支持OhPlay猫王妙播系统，为您精选海量精彩内容，根据个人喜好标签<br>
+自动生成12个频道，来自全世界的好音乐，尽在耳边。
+      </div>
+                <div class="product-content"><div class="product-icon"></div>简单、易用的神奇拨杆，连接蓝牙，全网十二频道自由切换，让聆听更纯粹。</div>
+                <div class="product-content"><div class="product-icon"></div>简单、易用的蓝牙功能，可以连接任何内容。</div>
+            </div>
+        </div>
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="./static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="./static/js/maofm.js"></script>
+</html>

fore/pindao/gb_run_bk.htm

@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王频道</title>
+<meta name="description" content="猫王频道">
+<meta name="keywords" content="猫王收音机,猫王音响,RADIOOO,猫王频道,猫王1,猫王2,猫王3,猫王小王子">
+<link rel="canonical" href="https://www.radio1964.com/pindao" />
+<link rel="shortcut icon" href="/static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="/static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="/static/css/maofm.css">
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="/static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="/static/js/module/TD.js"></script>
+<style type="text/css">
+    .nav-lang:hover {
+        height: 100px;
+    }
+    @media (max-width: 1600px) {
+        .nav-lang:hover {
+            height: 84px;
+        }
+    }
+    @media (max-width: 1280px) {
+        .nav-lang:hover {
+            height: 72px;
+        }
+    }
+    @media (max-device-width: 1081px) {
+        .nav-lang:hover {
+            height: 0.8rem;
+        }
+    }
+</style>
+</head>
+<body>
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_02.jpg">
+        </div>
+    </div>
+	<header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div>
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">简体</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">简体</li>
+                    <li class="nav-lang-item lang-gb">繁体</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/maowang">
+                    <div class="nav-version-item version-maoking">貓王收音機</div>
+                </a>
+                <a href="/radiooo">
+                    <div class="nav-version-item version-radiooo">RADIOOO</div>
+                </a>
+                <a href="/pindao">
+                    <div class="nav-version-item version-maofm nav-version-current">貓王頻道</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo"></div>
+            <div class="subnav-main-wrap">
+                <a href="/pindao"><div class="subnav-main-item">首頁</div></a>
+            </div>
+        </div>
+    </header>
+    <div class="m-maofm">
+    	<div class="maofm-first section">
+    		<div class="maofm-logo">
+    			<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_logo_fm.png">
+    		</div>
+    		<div class="content-wrap">
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['ftitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['fcontent']; }--></p>
+    			</div>
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['stitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['scontent']; }--></p>
+    			</div>
+    			<div class="content-section">
+    				<h2 class="content-title"><!--{ echo $fmData['ttitle']; }--></h2>
+    				<p class="content-text"><!--{ echo $fmData['tcontent']; }--></p>
+    			</div>
+    		</div>
+    		<img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A6%96%E9%A1%B5/scroll_hint.png" class="scroll-hint">
+    	</div>
+    	<div class="maofm-second section">
+            <div class="app-img">
+                <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_phone.png" alt="">
+            </div>
+    		<div class="app-content-wrap">
+                <h1 class="app-name"><span style="color:#dab379;">RADIOOO STATION</span> App</h1>
+    			<h2 class="app-title"><!--{ echo $fmData['htitle']; }--></h2>
+                <div class="app-line"></div>
+    			<p class="app-text"><!--{ echo $fmData['hcontent']; }--></p>
+    			<div class="app-download">
+    				<div class="dl-qrcode">
+    					<img src="<!--{ echo $fmData['app']; }-->" alt="">
+    					<span>掃壹掃，下載App
+</span>
+    				</div>
+    			</div>
+    		</div>
+            <a href=""><div class="mb-btn-download"></div></a>
+    	</div>
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="/static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="/static/js/maofm.js"></script>
+</html>

fore/pindao2/cn_run.htm

@@ -0,0 +1,283 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王妙播_猫王收音机_猫王音响 - 猫王官网</title>
+<meta name="description" content="什么是猫王妙播，猫王官方音乐电台频道，365天24小时不间断的好音乐、好内容，为你提供最新鲜有趣的“声活方式”。">
+<meta name="keywords" content="猫王妙播">
+<link rel="canonical" href="https://www.radio1964.com/pindao" />
+<link rel="shortcut icon" href="./static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="./static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="./static/css/maofm_1009.css">
+<script type="text/javascript">
+    if (window.innerWidth <= 1080) {
+        (function (doc, win) {
+            var width = 750;
+            var height = 1220;
+            var docEl = doc.documentElement;
+            var reCalc = (function () {
+                var reCalc = function () {
+                    var winWidth = docEl.clientWidth;
+                    var winHeight = docEl.clientHeight;
+                    if (!winWidth) return;
+                    var fontSize;
+                    if (winWidth / winHeight > width / height) {
+                        fontSize = 100 * winHeight / height;
+                    } else {
+                        fontSize = 100 * winWidth / width;
+                    }
+                    docEl.style.fontSize = fontSize + 'px';
+                    console.log(fontSize, docEl.style.fontSize);
+                    return reCalc;
+                };
+                return reCalc();
+            })();
+            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+            if (!doc.addEventListener) return;
+            win.addEventListener(rszEvt, reCalc);
+        })(document, window);
+    } else {
+          (function (doc, win) {
+            var width = 1920;
+            var height = 1080;
+            var docEl = doc.documentElement;
+            var reCalc = (function () {
+                var reCalc = function () {
+                    var winWidth = docEl.clientWidth;
+                    var winHeight = docEl.clientHeight;
+                    if (!winWidth) return;
+                    var fontSize;
+                    if (winWidth / winHeight > width / height) {
+                        fontSize = 100 * winHeight / height;
+                    } else {
+                        fontSize = 100 * winWidth / width;
+                    }
+                    docEl.style.fontSize = fontSize + 'px';
+                    console.log(fontSize, docEl.style.fontSize);
+                    return reCalc;
+                };
+                return reCalc();
+            })();
+            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+            if (!doc.addEventListener) return;
+            win.addEventListener(rszEvt, reCalc);
+        })(document, window);
+    }
+</script>
+<script src="/static/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="./static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="./static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="./static/js/module/TD.js"></script>
+<style type="text/css">
+    .nav-lang:hover {
+        height: 100px;
+    }
+    .section-app .app-qrcode {
+        background-image: url(<!--{ echo $fm2Data['img_1']; }-->);
+    }
+    .maofm-3 .section-img {
+        background-image: url(<!--{ echo $fm2Data['img_2']; }-->);
+    }
+    .maofm-7 .section-img {
+        background-image: url(<!--{ echo $fm2Data['img_3']; }-->);
+    }
+    @media (max-width: 1600px) {
+        .nav-lang:hover {
+            height: 84px;
+        }
+    }
+    @media (max-width: 1280px) {
+        .nav-lang:hover {
+            height: 72px;
+        }
+    }
+    @media (max-device-width: 1081px) {
+        .nav-lang:hover {
+            height: 0.8rem;
+        }
+    }
+</style>
+</head>
+<body>
+    <!-- http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_qrcode.jpg -->
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_02.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_03.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_04.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_05.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_06.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_07.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_default.jpg">
+        </div>
+    </div>
+    <header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div>
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">简体</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">简体</li>
+                    <li class="nav-lang-item lang-gb">繁体</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/maowang">
+                    <div class="nav-version-item version-maoking">猫王音响</div>
+                </a>
+                <a href="/pindao2">
+                    <div class="nav-version-item version-radiooo">猫王妙播</div>
+                </a>
+                <a href="/station">
+                    <div class="nav-version-item version-maofm">猫王音乐台</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo"></div>
+            <div class="subnav-main-wrap">
+                <a href="/pindao2"><div class="subnav-main-item">首页</div></a>
+            </div>
+        </div>
+    </header>
+    <div class="m-maofm">
+    	<div class="maofm-1 section">
+            <div class="section-bg"></div>
+            <h1 class="section-title"><!--{ echo $fm2Data['content'][0]; }--></h1>
+            <p class="section-content"><!--{ echo $fm2Data['content'][1]; }--></p>
+            <div class="section-app">
+                <div class="app-logo"></div>
+                <div class="app-qrcode"></div>
+                <div class="app-hint">扫描二维码下载APP</div>
+            </div>
+            <div class="mb-download-wrap">
+                <a href="itms-apps://itunes.apple.com/cn/app/id1402502317?mt=8"><div class="download-ios"></div></a>
+                <a href="http://airsmart-photo1.oss-cn-shanghai.aliyuncs.com/download_online/release/oh_play.apk"><div class="download-android"></div></a>
+            </div>
+    	</div>
+    	<div class="maofm-2 section">
+            <div class="section-bg"></div>
+            <h2 class="section-title"><!--{ echo $fm2Data['content'][2]; }--></h2>
+            <div class="section-content-wrap">
+                <div class="content-item">
+                    <div class="content-title"><!--{ echo $fm2Data['content'][3]; }--></div>
+                    <div class="content-text"><!--{ echo $fm2Data['content'][4]; }--></div>
+                </div>
+                <div class="content-item">
+                    <div class="content-title"><!--{ echo $fm2Data['content'][5]; }--></div>
+                    <div class="content-text"><!--{ echo $fm2Data['content'][6]; }--></div>
+                </div>
+                <div class="content-item">
+                    <div class="content-title"><!--{ echo $fm2Data['content'][7]; }--></div>
+                    <div class="content-text"><!--{ echo $fm2Data['content'][8]; }--></div>
+                </div>
+            </div>
+    	</div>
+        <div class="maofm-3 section">
+                <div class="section-bg"></div>
+            <div class="title-line"></div>
+            <h2 class="section-title"><!--{ echo $fm2Data['content'][9]; }--></h2>
+            <p class="section-content"><!--{ echo $fm2Data['content'][10]; }--></p>
+            <div class="section-img"></div>
+        </div>
+        <div class="maofm-4 section">
+            <div class="section-bg"></div>
+            <h2 class="section-title"><!--{ echo $fm2Data['content'][11]; }--></h2>
+            <p class="section-content"><!--{ echo $fm2Data['content'][12]; }--></p>
+        </div>
+        <div class="maofm-5 section">
+            <div class="section-bg"></div>
+            <div class="title-line"></div>
+            <h2 class="section-title"><!--{ echo $fm2Data['content'][13]; }--></h2>
+            <p class="section-content"><!--{ echo $fm2Data['content'][14]; }--></p>
+        </div>
+        <div class="maofm-6 section">
+            <div class="section-bg"></div>
+            <h2 class="section-title"><!--{ echo $fm2Data['content'][15]; }-->
+</h2>
+            <p class="section-content"><!--{ echo $fm2Data['content'][16]; }--></p>
+        </div>
+        <div class="maofm-7 section">
+            <div class="section-bg"></div>
+            <div class="title-line"></div>
+            <h2 class="section-title"><!--{ echo $fm2Data['content'][17]; }--></h2>
+            <p class="section-content"><!--{ echo $fm2Data['content'][18]; }--></p>
+            <div class="section-img"></div>
+        </div>
+        <div class="maofm-8 section">
+            <div class="section-bg"></div>
+            <h2 class="section-title"><!--{ echo $fm2Data['content'][19]; }--></h2>
+            <p class="section-content"><!--{ echo $fm2Data['content'][20]; }--></p>
+            <div class="section-price-wrap">
+                <div class="price price-low">
+                    <div class="price-num">¥<span><!--{ echo $fm2Data['price_1']; }--></span></div>
+                    <div class="price-text">首月体验价</div>
+                </div>
+                <div class="price price-middle">
+                    <div class="price-num">¥<span><!--{ echo $fm2Data['price_2']; }--></span></div>
+                    <div class="price-text">月度会员</div>
+                </div>
+                <div class="price price-high">
+                    <div class="price-num">¥<span><!--{ echo $fm2Data['price_3']; }--></span></div>
+                    <div class="price-text">年度会员</div>
+                </div>
+            </div>
+        </div>
+        <!-- <div class="maofm-product section">
+            <div class="product-title">OhPlay适用猫王·旅行者2号及原子唱机 B612，<br>
+更多适用设备，敬请期待... ...</div>
+            <img class="product-img" src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_product_01.png">
+            <div class="product-name">猫王·旅行者2号</div>
+            <div class="product-content-wrap">
+
+                <div class="product-content"><div class="product-icon"></div>支持OhPlay 猫王妙播猫王妙播系统，将你喜欢的全网好内容自动生成到表盘，<br>
+来自全世界的好音乐，尽在耳边。
+      </div>
+                <div class="product-content"><div class="product-icon"></div>最简单、最熟悉的旋钮操控，还原纯粹电台收听体验，无需手机，<br>
+全网十二频道自由切换，好音乐无障碍连接。</div>
+            </div>
+        </div>
+        <div class="maofm-product section product-2">
+            <div class="product-title">猫王·原子唱机 B612</div>
+            <img class="product-img" src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_product_02.png">
+            <div class="product-name"></div>
+            <div class="product-content-wrap">
+                <div class="product-content"><div class="product-icon"></div>支持OhPlay猫王妙播系统，为您精选海量精彩内容，根据个人喜好标签<br>
+自动生成12个频道，来自全世界的好音乐，尽在耳边。
+      </div>
+                <div class="product-content"><div class="product-icon"></div>简单、易用的神奇拨杆，连接蓝牙，全网十二频道自由切换，让聆听更纯粹。</div>
+                <div class="product-content"><div class="product-icon"></div>简单、易用的蓝牙功能，可以连接任何内容。</div>
+            </div>
+        </div> -->
+
+        <!--{ foreach($fm2Data['fm2'] as $key => $row) {}-->
+        <div class="maofm-product section">
+            <div class="section-bg"></div>
+            <div class="product-title"><!--{ echo $fm2Data['fm2'][$key]['fm2_title_1']; }--></div>
+            <img class="product-img" src="<!--{ echo $fm2Data['fm2'][$key]['fm2_img']; }-->">
+            <div class="product-name"><!--{ echo $fm2Data['fm2'][$key]['fm2_title_2']; }--></div>
+            <div class="product-content-wrap">
+                <!--{ for($j = 0; $j < count($fm2Data['fm2'][$key]['fm2_content']); $j++) {}-->
+                <div class="product-content"><div class="product-icon"></div><!--{ echo $fm2Data['fm2'][$key]['fm2_content'][$j]; }--></div>
+                <!--{}}-->
+            </div>
+        </div>
+        <!--{}}-->
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="./static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="./static/js/maofm_0827.js"></script>
+</html>

fore/pindao2/gb_run.htm

@@ -0,0 +1,265 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>猫王妙播_猫王收音机_猫王音响 - 猫王官网</title>
+<meta name="description" content="什么是猫王妙播，猫王官方音乐电台频道，365天24小时不间断的好音乐、好内容，为你提供最新鲜有趣的“声活方式”。">
+<meta name="keywords" content="猫王妙播">
+<link rel="canonical" href="https://www.radio1964.com/pindao" />
+<link rel="shortcut icon" href="./static/css/favicon.ico">
+<link rel="stylesheet" type="text/css" href="./static/css/headerComponent.css">
+<link rel="stylesheet" type="text/css" href="./static/css/maofm_0817_2.css">
+<script type="text/javascript">
+    if (window.innerWidth <= 1080) {
+        (function (doc, win) {
+            var width = 750;
+            var height = 1220;
+            var docEl = doc.documentElement;
+            var reCalc = (function () {
+                var reCalc = function () {
+                    var winWidth = docEl.clientWidth;
+                    var winHeight = docEl.clientHeight;
+                    if (!winWidth) return;
+                    var fontSize;
+                    if (winWidth / winHeight > width / height) {
+                        fontSize = 100 * winHeight / height;
+                    } else {
+                        fontSize = 100 * winWidth / width;
+                    }
+                    docEl.style.fontSize = fontSize + 'px';
+                    console.log(fontSize, docEl.style.fontSize);
+                    return reCalc;
+                };
+                return reCalc();
+            })();
+            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+            if (!doc.addEventListener) return;
+            win.addEventListener(rszEvt, reCalc);
+        })(document, window);
+    } else {
+          (function (doc, win) {
+            var width = 1920;
+            var height = 1080;
+            var docEl = doc.documentElement;
+            var reCalc = (function () {
+                var reCalc = function () {
+                    var winWidth = docEl.clientWidth;
+                    var winHeight = docEl.clientHeight;
+                    if (!winWidth) return;
+                    var fontSize;
+                    if (winWidth / winHeight > width / height) {
+                        fontSize = 100 * winHeight / height;
+                    } else {
+                        fontSize = 100 * winWidth / width;
+                    }
+                    docEl.style.fontSize = fontSize + 'px';
+                    console.log(fontSize, docEl.style.fontSize);
+                    return reCalc;
+                };
+                return reCalc();
+            })();
+            var rszEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+            if (!doc.addEventListener) return;
+            win.addEventListener(rszEvt, reCalc);
+        })(document, window);
+    }
+</script>
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript" src="./static/js/lib/scrolloverflow.min.js"></script>
+<script type="text/javascript" src="./static/js/lib/jquery.fullPage.min.js"></script>
+<script type="text/javascript" src="./static/js/module/TD.js"></script>
+<style type="text/css">
+    .nav-lang:hover {
+        height: 100px;
+    }
+    @media (max-width: 1600px) {
+        .nav-lang:hover {
+            height: 84px;
+        }
+    }
+    @media (max-width: 1280px) {
+        .nav-lang:hover {
+            height: 72px;
+        }
+    }
+    @media (max-device-width: 1081px) {
+        .nav-lang:hover {
+            height: 0.8rem;
+        }
+    }
+</style>
+</head>
+<body>
+    <!-- http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_qrcode.jpg -->
+    <div class="m-loading">
+        <div class="loading-step"></div>
+        <div class="loading-text">0%</div>
+        <div class="img-preload">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_01.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_02.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_03.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_04.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_05.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_06.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_07.jpg">
+            <img src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_slide_default.jpg">
+        </div>
+    </div>
+    <header class="m-header">
+        <a href="/index"><div class="header-logo"></div></a>
+        <div class="nav-wrap">
+            <div class="nav-shop" onclick="window.open('http://shop.radio1964.com')">
+                商城
+            </div>
+            <div class="nav-lang">
+                <div class="nav-lang-current">
+                    <div class="nav-lang-item">简体</div>
+                </div>
+                <ul class="nav-lang-hidden">
+                    <li class="nav-lang-item lang-cn">简体</li>
+                    <li class="nav-lang-item lang-gb">繁体</li>
+                    <!-- <li class="nav-lang-item lang-en">EN</li> -->
+                </ul>
+            </div>
+            <div class="nav-version">
+                <a href="/maowang">
+                    <div class="nav-version-item version-maoking">猫王音响</div>
+                </a>
+                <a href="/radiooo">
+                    <div class="nav-version-item version-radiooo">RADIOOO</div>
+                </a>
+                <a href="/pindao2">
+                    <div class="nav-version-item version-maofm nav-version-current">猫王妙播</div>
+                </a>
+            </div>
+            <div class="nav-menu"></div>
+        </div>
+        <div class="subnav-wrap">
+            <div class="subnav-logo"></div>
+            <div class="subnav-main-wrap">
+                <a href="/pindao2"><div class="subnav-main-item">首页</div></a>
+            </div>
+        </div>
+    </header>
+    <div class="m-maofm">
+    	<div class="maofm-1 section">
+            <h1 class="section-title">OhPlay 猫王妙播</h1>
+            <p class="section-content">无需选择，打开就有好音乐</p>
+            <div class="section-app">
+                <div class="app-logo"></div>
+                <div class="app-qrcode"></div>
+                <div class="app-hint">扫描二维码下载APP</div>
+            </div>
+            <div class="mb-download-wrap">
+                <a href="itms-apps://itunes.apple.com/cn/app/id1402502317?mt=8"><div class="download-ios"></div></a>
+                <a href="http://airsmart-photo1.oss-cn-shanghai.aliyuncs.com/download_online/release/oh_play.apk"><div class="download-android"></div></a>
+            </div>
+    	</div>
+    	<div class="maofm-2 section">
+            <h2 class="section-title">关于OhPlay</h2>
+            <div class="section-content-wrap">
+                <div class="content-item">
+                    <div class="content-title">妙播技术</div>
+                    <div class="content-text">是猫王收音机独有的创新收听体验，<br>
+它诞生于2016年底，并获得2017美国CES创新大奖。</div>
+                </div>
+                <div class="content-item">
+                    <div class="content-title">妙播交互</div>
+                    <div class="content-text">下载“OhPlay猫王妙播”APP，通过初次设置（手机app对音箱设置，蓝牙或Wi-Fi），<br>
+用户即可脱离手机，用硬件操控APP，获得预设的互联网音乐内容。<br>
+开机就能听到自己喜爱的音乐内容，转动旋钮即可轻松播控、更换频道。</div>
+                </div>
+                <div class="content-item">
+                    <div class="content-title">妙播智能推荐</div>
+                    <div class="content-text">更奇妙的是——在云端，猫王团队通过“人工+智能”的方式为用户萃取、<br>
+推送优质的音乐内容，保证每一次陌生的聆听都是无比美妙的惊喜体验。</div>
+                </div>
+            </div>
+    	</div>
+        <div class="maofm-3 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">把你的最爱<br>
+量身定做写入12个频道</h2>
+            <p class="section-content">OhPaly 猫王妙播APP，为您精选海量精彩内容，<br>
+根据个人喜好标签自动生成12个频道，并每一个频道亦可单独设置。<br>
+无需繁复选择，就能获得音乐惊喜。</p>
+            <div class="section-img"></div>
+        </div>
+        <div class="maofm-4 section">
+            <h2 class="section-title">CES创新奖,软硬件联控技术</h2>
+            <p class="section-content">快速无线连接，脱离手机繁琐操作，只需轻、拨、点、按、转，<br>
+即可实现播放、暂停、下一曲及频道切换。</p>
+        </div>
+        <div class="maofm-5 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">人性化提示，<br>
+让最爱的音乐把你唤醒</h2>
+            <p class="section-content">有温度的唤醒及休眠功能，<br>
+让你的每一次入眠与醒来，都有你最爱的音乐陪伴。</p>
+        </div>
+        <div class="maofm-6 section">
+            <h2 class="section-title">频道个性化定制，独乐乐不如众乐乐
+</h2>
+            <p class="section-content">热门标签，随心而选，频道个性化生成，每一频都是你爱听的。<br>
+频道可分享至好友，同步你的音乐节奏，共享有腔调的音乐生活。</p>
+        </div>
+        <div class="maofm-7 section">
+            <div class="title-line"></div>
+            <h2 class="section-title">感知收听喜好，<br>
+更懂你的品味</h2>
+            <p class="section-content">全网海量优质内容，乐随心动，懂音乐更懂你。</p>
+            <div class="section-img"></div>
+        </div>
+        <div class="maofm-8 section">
+            <h2 class="section-title">免费试听三个月</h2>
+            <p class="section-content">猫王音乐电台为您带来<br>
+            24小时不间断播放的全球好音乐。</p>
+            <div class="section-price-wrap">
+                <div class="price price-low">
+                    <div class="price-num">¥<span>1</span></div>
+                    <div class="price-text">首月体验价</div>
+                </div>
+                <div class="price price-middle">
+                    <div class="price-num">¥<span>9.9</span></div>
+                    <div class="price-text">月度会员</div>
+                </div>
+                <div class="price price-high">
+                    <div class="price-num">¥<span>99</span></div>
+                    <div class="price-text">年度会员</div>
+                </div>
+            </div>
+        </div>
+        <div class="maofm-product section">
+            <div class="product-title">OhPlay适用猫王·旅行者2号及原子唱机 B612，<br>
+更多适用设备，敬请期待... ...</div>
+            <img class="product-img" src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_product_01.png">
+            <div class="product-name">猫王·旅行者2号</div>
+            <div class="product-content-wrap">
+
+                <div class="product-content"><div class="product-icon"></div>支持OhPlay 猫王妙播猫王妙播系统，将你喜欢的全网好内容自动生成到表盘，<br>
+来自全世界的好音乐，尽在耳边。
+      </div>
+                <div class="product-content"><div class="product-icon"></div>最简单、最熟悉的旋钮操控，还原纯粹电台收听体验，无需手机，<br>
+全网十二频道自由切换，好音乐无障碍连接。</div>
+            </div>
+        </div>
+        <div class="maofm-product section product-2">
+            <div class="product-title">猫王·原子唱机 B612</div>
+            <img class="product-img" src="http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/pindao2_product_02.png">
+            <div class="product-name"></div>
+            <div class="product-content-wrap">
+                <div class="product-content"><div class="product-icon"></div>支持OhPlay猫王妙播系统，为您精选海量精彩内容，根据个人喜好标签<br>
+自动生成12个频道，来自全世界的好音乐，尽在耳边。
+      </div>
+                <div class="product-content"><div class="product-icon"></div>简单、易用的神奇拨杆，连接蓝牙，全网十二频道自由切换，让聆听更纯粹。</div>
+                <div class="product-content"><div class="product-icon"></div>简单、易用的蓝牙功能，可以连接任何内容。</div>
+            </div>
+        </div>
+    </div>
+    <!--{ echo $footer; }-->
+</body>
+<script type="text/javascript" src="./static/js/module/headerComponent.js"></script>
+<script type="text/javascript" src="./static/js/maofm.js"></script>
+</html>