entry.htm 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  7. <title>猫王收音机_猫王音响 - 猫王官网</title>
  8. <meta name="description" content="猫王收音机(MUZEN RADIO)猫王音响,一个时代的记忆,一种情怀的延续,一种文化的主张 + 为声活乐趣而生。">
  9. <meta name="keywords" content="猫王,猫王收音机,猫王音响">
  10. <link rel="canonical" href="https://www.radio1964.com/index" />
  11. <link rel="shortcut icon" href="/static/css/favicon.ico">
  12. <link rel="stylesheet" type="text/css" href="/static/css/entryPage.css">
  13. <style type="text/css">
  14. .bg-maoking {
  15. background-image: url('<!--{ echo $entryData['mkingImage']; }-->');
  16. }
  17. .bg-radiooo {
  18. background-image: url('<!--{ echo $entryData['radioooImage']; }-->');
  19. }
  20. .bg-maofm {
  21. background-image: url('<!--{ echo $entryData['fmImage']; }-->');
  22. }
  23. .logo-maofm > img {
  24. height: 0.35rem;
  25. }
  26. /* <!--{ if ($lang == 'en') {}-->
  27. .entry-item img {
  28. left: 55%;
  29. }
  30. .logo-maoking, .icon-maoking {
  31. margin: 0 -20%;
  32. }
  33. .logo-radiooo, .icon-radiooo {
  34. margin: 0 20%;
  35. }
  36. .text-maoking {
  37. margin: 0 -2%;
  38. }
  39. .text-radiooo {
  40. margin: 0 21%;
  41. }
  42. @media (max-device-width: 1081px) {
  43. .logo-maoking, .icon-maoking {
  44. margin: 0;
  45. }
  46. .logo-radiooo, .icon-radiooo {
  47. margin: 0;
  48. }
  49. }
  50. <!--{}}-->*/
  51. </style>
  52. <script src="/static/js/lib/jquery.min.js"></script>
  53. <!-- <script type="text/javascript" src="/static/js/module/TD.js"></script> -->
  54. </head>
  55. <body>
  56. <div class="m-loading">
  57. <div class="loading-step"></div>
  58. <div class="loading-text">0%</div>
  59. <div class="img-preload">
  60. <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="">
  61. <img src="<!--{ echo $entryData['mkingImage']; }-->" alt="">
  62. <img src="<!--{ echo $entryData['radioooImage']; }-->" alt="">
  63. <img src="<!--{ echo $entryData['fmImage']; }-->" alt="">
  64. </div>
  65. </div>
  66. <div class="m-entry">
  67. <div class="entryMain">
  68. <div class="entryDiv">
  69. <a href="/radios" class="entry-select">
  70. <h2 style="display: none;">猫王音响</h2>
  71. <div class="entry-item logo-maoking">
  72. <!--{ if ($lang == 'en') {}-->
  73. <img src="/2022/entry_logo_en.png" style="height: 2.8rem;" alt="">
  74. <!-- <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;"> -->
  75. <!--{}else{}-->
  76. <img src="/2022/entry_logo.png" style="height: 2.8rem;" alt="">
  77. <!-- <img src="http://airsmart-photo1.oss-cn-shanghai.aliyuncs.com/img/20210630/b418fdbdaf3271bf6132327b45514eb7.png"> -->
  78. <!--{}}-->
  79. </div>
  80. <div class="entry-icon icon-maoking"><span>+</span></div>
  81. <p class="entry-text text-maoking">
  82. <!--{ echo $entryData['mkingTitle']; }--> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  83. </p>
  84. </a>
  85. </div>
  86. <div class="entryDiv">
  87. <a href="/ohplay" class="entry-select">
  88. <h2 style="display: none;">猫王妙播</h2>
  89. <div class="entry-item logo-radiooo">
  90. <!-- <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"> -->
  91. <img src="/2022/logo.png" alt="">
  92. </div>
  93. <div class="entry-icon icon-radiooo"><span>+</span></div>
  94. <p class="entry-text text-radiooo">
  95. <!--{ echo $entryData['radioooTitle']; }-->
  96. </p>
  97. </a>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="footerMain">
  102. <div class="footer2020">
  103. <div>
  104. <span>Copyright © 深圳市云动创想科技有限公司 版权所有 Shenzhen Airsmart Technology Co.,Ltd. All Rights Reserved.</span>
  105. <a href="https://beian.miit.gov.cn" style="position:relative;color:#ccc;text-decoration : none ;">粤ICP备15103993号-6</a>
  106. </div>
  107. <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>
  108. </div>
  109. </div>
  110. <script type="text/javascript" src="/static/js/module/TD.js"></script>
  111. <script type="text/javascript" src="/static/js/entryPageController.js"></script>
  112. <style>
  113. .m-entry{
  114. display: flex;
  115. justify-content: center;
  116. align-items: center;
  117. flex-direction: row;
  118. }
  119. .entryMain{
  120. width: 60%;
  121. display: flex;
  122. justify-content: center;
  123. align-items: center;
  124. flex-direction: row;
  125. }
  126. .entryDiv {
  127. position: relative;
  128. width: 100%;
  129. display: flex;
  130. height: 10rem;
  131. }
  132. .footerMain{
  133. position: absolute;
  134. width: 100vw;
  135. z-index: 1000;
  136. bottom: 0;
  137. display: flex;
  138. align-items: center;
  139. justify-content: center;
  140. }
  141. .footer2020{
  142. display: flex;
  143. flex-direction:column;
  144. align-items: center;
  145. width: calc(100vw - 20%);
  146. font-size: 14px;
  147. color: #fff !important;
  148. text-align: center;
  149. }
  150. .footer2020 div {
  151. margin-bottom: 20px;
  152. }
  153. @media screen and (max-width: 750px) {
  154. .entryMain {
  155. display: flex;
  156. flex-direction: column;
  157. width: 100%;
  158. justify-content: center;
  159. align-items: center;
  160. }
  161. .entry-icon{
  162. display: none;
  163. }
  164. .entryDiv{
  165. display: flex;
  166. justify-content: center;
  167. width: 100vw;
  168. height: 1.3rem;
  169. }
  170. .logo-maoking{
  171. margin: 0;
  172. }
  173. .footer2020{
  174. display: none;
  175. }
  176. }
  177. </style>
  178. <script>
  179. $('document').ready(function(){
  180. setTimeout(function(){
  181. var leftp = ($(window).width() - $('#nfooter').width())/2
  182. $('#nfooter').css({"left":leftp+'px'})
  183. },50)
  184. if (document.documentElement.clientWidth <= 1080) {
  185. $('#nfooter').css('opacity', '0');
  186. }
  187. })
  188. </script>
  189. </body>
  190. </html>