PageSourceSearch

https://cdstm.cn/theme/kkxw/tyt/kxkkm/

html cdstm.cn collected 2026-10-01 11:45:47 UTC 25,037 bytes, 675 lines download raw bytes

1<!DOCTYPE html>
2<!-- saved from url=(0044)https://www.cdstm.cn/theme/kkxw/tyt/kxkkm_1/ -->
3<html>
4
5<head>
6    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7
8    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
9    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10    
11    <link rel="stylesheet" href="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/base.css">
12    <link rel="stylesheet" href="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/header.css">
13    <link rel="stylesheet" href="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/bootstrap.min.css">
14    <link rel="stylesheet" href="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/font-awesome.min.css">
15    <link rel="stylesheet" href="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/kkxw.css">
16    <link rel="stylesheet" href="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/kkxw-topic-detail.css">
17    <link rel="stylesheet" href="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/kkxw-hd-detail.css">
18<script src="/cms_files/default/script/jslib/jquery.js"></script>
18
19 
19<script src="/cms_files/default/script/jslib/jquery.cookie.js"></script>
19
20 
20<script src="/cms_files/default/script/layui/layui.all.js"></script>
20
21 
21<script src="/cms_files/default/script/layui/layer/layer.js"></script>
21
22 
22<script src="/script/webglobal.js"></script>
22
23 
23<script src="/script/webgray.js"></script>
23
24 
24<script src="/script/webgray_54hxvOF7snlzPk1sz6J9e.js"></script>
24
25 
25<script src="/plugins/libs/require.js"></script>
25
26 
26<script src="/plugins/libs/load.js"></script>
26
27 <link rel="stylesheet" href="/cms_files/default/css/iconfont.css" />
28<link rel="stylesheet" href="/cms_files/default/script/layui/css/layui.css" />
29<title>科学开开门</title>
30<meta name="ColId" content="54hxvOF7snlzPk1sz6J9e">
31<meta name="SiteName" content="中国数字科技馆">
32<meta name="SiteDomain" content="www.cdstm.cn">
33<meta name="SiteIDCode" content="">
34<meta name="ColumnName" content="科学开开门">
35<meta name="ColumnType" content="科学开开门">
36<meta name="ColumnDescription" content="">
37<meta name="ColumnKeywords" content="科学开开门"><meta name="server" content="www.cdstm.cn/theme/kkxw/tyt/kxkkm/index.html">
38<meta name="MakeTime" content="2026-09-04 20:21:43">
39<meta name="SiteID" content="vKOIVNoS9UvCsoqb3RC3e">
40
41<meta id="pagetype" content="2">
42</head>
43
44<body class="kkxw kkxw-topic-detail"><div id='barrierfree_container'>
45    
45<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/bootstrap.min.js"></script>
45
46    
46<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/jquery.qrcode-0.12.0.min.js"></script>
46
47    
47<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/jquery.SuperSlide.2.1.1.js"></script>
47
48    <!-- 头部 -->
49    
49<script src="/cms_files/filemanager/396489973/script/20259/3BE4B8B05968EE0145AB66BAEF620538.js" type="text/javascript" charset="utf-8"></script>
49
50    <style>
51        body,
52        h1,
53        h2,
54        h3,
55        h4,
56        h5,
57        h6,
58        hr,
59        p,
60        blockquote,
61        dl,
62        dt,
63        dd,
64        ul,
65        ol,
66        li,
67        pre,
68        code,
69        form,
70        fieldset,
71        legend,
72        button,
73        input,
74        textarea,
75        select,
76        option,
77        th,
78        td {
79            margin: 0;
80            padding: 0;
81        }
82
83        ol,
84        ul,
85        li {
86            list-style: none;
87        }
88
89        table {
90            border-collapse: collapse;
91            border-spacing: 0;
92        }
93
94        body {
95            color: #000000;
96            font-size: 14px;
97            font-family: "microsoft yahei";
98        }
99
100        h1,
101        h2,
102        h3,
103        h4,
104        h5,
105        h6 {
106            font-size: 100%;
107        }
108
109        fieldset,
110        img {
111            border: 0;
112        }
113
114        a {
115            color: #000000;
116            text-decoration: none;
117        }
118
119        .clearfix:after {
120            display: block;
121            clear: both;
122            content: "";
123            visibility: hidden;
124            height: 0;
125            font-size: 0;
126        }
127
128        .clearfix {
129            zoom: 1
130        }
131
132        .pos-re {
133            position: relative;
134        }
135
136        .pos-ab {
137            position: absolute;
138        }
139
140        .bg-white {
141            background: #FFFFFF;
142        }
143
144        .fl {
145            float: left;
146        }
147
148        .fr {
149            float: right;
150        }
151
152        .inner1000 {
153            width: 1000px;
154            margin: 0 auto;
155        }
156
157        .inner1060 {
158            width: 1060px;
159            margin: 0 auto;
160        }
161
162        .text-left {
163            text-align: left;
164        }
165
166        .text-center {
167            text-align: center;
168        }
169
170        .text-right {
171            text-align: right;
172        }
173
174        .name a,
175        .name a:hover,
176        .name a:focus {
177            color: #333;
178        }
179
180        .recommendation-box .recommendation-items .recommendation-item .recommendation-img {
181            height: 150px;
182        }
183
184        body {
185            padding-top: 0px;
186        }
187
188        .container {
189            max-width: 1122px;
190            min-width: 100%;
191        }
192
193        .play-info .audio-box .audio-play-btn {
194            line-height: 100%;
195        }
196
197        @media screen and (max-width: 980px) {
198            .kkxw .container {
199                width: 100%;
200                min-width: 100%;
201            }
202
203            .kkxw .container .body_nav {
204                width: 100%;
205                margin: 0px;
206            }
207
208            .topic-detail-content {
209                width: 100%;
210                padding: 5px;
211                margin: 0px;
212                max-width: none;
213            }
214
215            .topic-detail-content .clearfix {
216                width: 100%;
217            }
218
219            .m_autocontainer .m_bottombox {
220                width: 100%;
221            }
222
223            .kkpos {
224                margin: 0;
225                background-position: 0px;
226                padding: 10px 0px 10px 20px;
227            }
228        }
229
230        @media screen and (max-width: 768px) {
231            .kkpos {
232                margin: 0px;
233            }
234
235            .kkxw .container {
236                margin-bottom: 0px;
237            }
238
239            .recommendation-box .recommendation-items {
240                padding-bottom: 10px;
241            }
242
243            .topic-detail-content {
244                border-radius: 0px;
245            }
246
247            .recommendation-box .recommendation-items .recommendation-item .recommendation-img {
248                height: auto;
249            }
250
251            .recommendation-box .recommendation-items .recommendation-item .item-info .name {
252                height: 48px;
253            }
254        }
255
256        @media screen and (max-width: 425px) {
257            .recommendation-box .recommendation-items {
258                margin: 0;
259            }
260        }
261
262        @media only screen and (min-width: 1023px) and (max-width:1120px) {
263            .kkxw .container {
264                padding-bottom: 0;
265            }
266        }
267    </style>
268    <div class="container clearfix" style="margin-top:33px;">
269        <div class="topic-detail-content">
270            <div class="kkpos">
271									<a href="/index.html" class="CurrChnlCls">首页</a> >
272									<a href="/theme/index.html" class="CurrChnlCls">兴趣圈</a> >
273									<a href="/theme/kkxw/index.html" class="CurrChnlCls">儿童乐园</a> >
274									<a href="/theme/kkxw/tyt/index.html" class="CurrChnlCls">听一听</a> >
275									<a href="/theme/kkxw/tyt/kxkkm/index.html" class="CurrChnlCls">科学开开门</a>
276            </div>
277
278            <div class="topic-detail-info">
279                <div class="topic-detail-img-box">
280                    <div class="topic-detail-img-outer">
281                        <img src="/cms_files/filemanager/396489973/logo/column/14d22f1409d24fd383797c2c35bf4702.jpg" style="width:227px; height:245px;" />
282                    </div>
283                </div>
284<h3 class="topic-detail-title">科学开开门</h3>
285                <div class="topic-detail-info-box">
286                  <span>曲目数:</span>
287                    <span class="qms"></span>
288                    <div style="padding-top:10px;">最新发布时间:2026-09-04</div>
289                </div>
290                <style>
291                    .common_share {
292                        vertical-align: middle;
293                        display: inline-block;
294                        padding-top: 4px;
295                        display: inline-block !important;
296                    }
297
298                    .common_share .action-share-label {
299                        font-size: 14px;
300                        line-height: 34px;
301                        height: 26px;
302                        display: block;
303                        float: left;
304                    }
305
306                    .common_share .share-item {
307                        display: inline-block !important;
308                        text-align: center;
309                        background-color: #97d4ff;
310                        color: #FFF;
311                        -webkit-border-radius: 50%;
312                        -moz-border-radius: 50%;
313                        border-radius: 50%;
314                        width: 26px;
315                        height: 26px;
316                        line-height: 26px;
317                        font-size: 16px;
318                    }
319
320                    .common_share .share-item img {
321                        width: 100%;
322                        display: inline;
323                    }
324
325                    .modal-open {
326                        overflow: hidden;
327                    }
328
329                    .modal {
330                        position: fixed;
331                        top: 0;
332                        right: 0;
333                        bottom: 0;
334                        left: 0;
335                        z-index: 1050;
336                        display: none;
337                        overflow: hidden;
338                        -webkit-overflow-scrolling: touch;
339                        outline: 0;
340                    }
341
342                    .modal .fade .modal-dialog {
343                        -webkit-transition: -webkit-transform .3s ease-out;
344                        -o-transition: -o-transform .3s ease-out;
345                        transition: transform .3s ease-out;
346                        -webkit-transform: translate(0, -25%);
347                        -ms-transform: translate(0, -25%);
348                        -o-transform: translate(0, -25%);
349                        transform: translate(0, -25%);
350                    }
351
352                    .modal .in .modal-dialog {
353                        -webkit-transform: translate(0, 0);
354                        -ms-transform: translate(0, 0);
355                        -o-transform: translate(0, 0);
356                        transform: translate(0, 0);
357                    }
358
359                    .modal-open .modal {
360                        overflow-x: hidden;
361                        overflow-y: auto;
362                    }
363
364                    .modal-dialog {
365                        position: relative;
366                        width: auto;
367                        margin: 10px;
368                    }
369
370                    .modal-content {
371                        position: relative;
372                        background-color: # fff;
373                        -webkit-background-clip: padding-box;
374                        background-clip: padding-box;
375                        border: 1px solid # 999;
376                        border: 1px solid rgba(0, 0, 0, .2);
377                        border-radius: 6px;
378                        outline: 0;
379                        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
380                        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
381                    }
382
383                    .modal-backdrop {
384                        position: fixed;
385                        top: 0;
386                        right: 0;
387                        bottom: 0;
388                        left: 0;
389                        z-index: 1040;
390                        background-color: # 000;
391                    }
392
393                    .modal-backdrop .fade {
394                        filter: alpha(opacity=0);
395                        opacity: 0;
396                    }
397
398                    .modal-backdrop .in {
399                        filter: alpha(opacity=50);
400                        opacity: .5;
401                    }
402
403                    .modal-header {
404                        min-height: 16.43px;
405                        padding: 15px;
406                        border-bottom: 1px solid # e5e5e5;
407                    }
408
409                    .modal-header .close {
410                        margin-top: -2px;
411                    }
412
413                    .modal-title {
414                        margin: 0;
415                        line-height: 1.42857143;
416                    }
417
418                    .modal-body {
419                        position: relative;
420                        padding: 15px;
421                        z-index: 99999;
422                    }
423
424                    .modal-footer {
425                        padding: 15px;
426                        text-align: right;
427                        border-top: 1px solid # e5e5e5;
428                    }
429
430                    .modal-footer .btn+.btn {
431                        margin-bottom: 0;
432                        margin-left: 5px;
433                    }
434
435                    .modal-footer .btn-group .btn+.btn {
436                        margin-left: -1px;
437                    }
438
439                    .modal-footer .btn-block+.btn-block {
440                        margin-left: 0;
441                    }
442
443                    .modal-scrollbar-measure {
444                        position: absolute;
445                        top: -9999px;
446                        width: 50px;
447                        height: 50px;
448                        overflow: scroll;
449                    }
450
451                    @ media(min-width: 768px) {
452                        .modal-dialog {
453                            width: 600px;
454                            margin: 30px auto;
455                        }
456
457                        .modal-content {
458                            -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
459                            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
460                        }
461
462                        .modal-sm {
463                            width: 300px;
464                        }
465                    }
466
467                    @ media(min-width: 992px) {
468                        .modal-lg {
469                            width: 900px;
470                        }
471                    }
472
473                    #weixin-share-modal {
474                        text-align: center;
475                    }
476
477                    .modal-body {
478                        border: none;
479                        background-color: #fff;
480                        height: auto;
481                    }
482
483                    .modal-dialog {
484                        position: fixed;
485                        width: 260px;
486                        height: 327px;
487                        margin-left: -130px;
488                        margin-top: 60px;
489                        left: 50%;
490                        /*top:50%;*/
491                    }
492
493                    .modal-title {
494                        font-size: 12px;
495                        margin: 0;
496                        line-height: 1.42857143;
497                    }
498
499                    .wechat-dibu {
500                        font-size: 12px;
501                        line-height: 22px;
502                    }
503                </style>
504                <div class="action-share common_share">
505                    <span class="action-share-label" style="color: #666;">分享到:</span>
506                    <a class="share-item share-weixin" href="javascript:void(0);"><img src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/wx.png" alt="" /></a>
507                    <a class="share-item share-weibo" href="javascript:void(0);"><img src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/new.png" alt="" /></a>
508                    <a class="share-item share-qq" href="javascript:void(0);"><img src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/qq.png" alt="" /></a>
509                    <a class="share-item share-qzone" href="javascript:void(0);"><img src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/kong.png" alt="" /></a>
510                </div>
511                <div class="modal fade" id="weixin-share-modal">
512                    <div class="modal-dialog">
513                        <div class="modal-content">
514                            <div class="modal-header">
515                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
516                                    <span aria-hidden="true">×</span>
517                                </button>
518                                <h4 class="modal-title">分享到微信朋友圈</h4>
519                            </div>
520                            <div class="modal-body">
521                                <div class="wechat-share-qrcode" id="wechat-share-qrcode"></div>
522                                <div class="wechat-dibu">
523                                    打开微信,点击底部的“发现”,<br>使用“扫一扫”即可将网页分享至朋友圈。
524                                </div>
525                            </div>
526                        </div>
527                    </div>
528                </div>
529                <!--微信分享-->
530                
530<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/simple-share.min.js"></script>
530
531                
531<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/jquery.qrcode-0.12.0.min.js"></script>
531
532                
532<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/ZBsyr6206cjPcm9fu7iQ2/images/jweixin-1.6.0.js" type="text/javascript"></script>
532
533                
533<script type="text/javascript">
534                    var channelId = window.location.href.split('.cdstm.cn')[1];
535                    var pics;
536                    var contents;
537                    if (channelId == 'http://job') {
538                        contents = 'http://cstm.cdstm.cn/';
539                        pics = 'https://statics.cdstm.cn/cstm/img/szlogo.png';
540                    } else if ('http://cstm') {
541                        contents = 'http://cstm.cdstm.cn/';
542                        pics = 'https://statics.cdstm.cn/cstm/img/szlogo.png';
543                    } else {
544                        contents = 'https://www.cdstm.cn';
545                        pics = 'https://cdn.resources.cdstm.cn/statics/first_logo/logo.jpg';
546                    };
547                    //分享
548                    var share = new SimpleShare({
549                        url: location.href,
550                        title: document.title,
551                        content: contents,
552                        pic: pics
553                    });
554                    function share_fn() {
555                        $('.share-weixin').on('click', function () {
556                            console.log('weixin==========================')
557                            // console.log(share.weixin())
558                            var text = location.href;
559                            $('#wechat-share-qrcode').empty();
560                            // _$('#wechat-share-qrcode').css
561                            $('#wechat-share-qrcode').qrcode({
562                                width: 50,
563                                height: 50,
564                                correctLevel: 0,
565                                text: text
566                            });
567                            $('#weixin-share-modal').modal('show');
568                        });
569                        $('.share-weibo').on('click', function () {
570                            share.weibo();
571                        });
572                        $('.share-qzone').on('click', function () {
573                            share.qzone();
574                        });
575                        $('.share-douban').on('click', function () {
576                            share.douban();
577                        });
578                        $('.share-qq').on('click', function () {
579                            share.qq();
580                        });
581                    }
582                    share_fn();
583                </script>
583
584                <div class="topic-detail-intro-box">简介:中国数字科技馆儿童版“开开小屋”为3-8岁小朋友全新打造的百科音频节目“科学开开门”闪亮登场啦!开开心心帮助小朋友们理解深奥的科学原理~</div>
585            </div>
586
587            <div class="play-info">
588<div class="play-title clearfix">
589  <span id="audio-name">第501集 古诗词中的科学:为什么高处不胜寒?</span>
590  <span class="play-time-box pull-right" id="play-time-box">
591    <span class="played-time" id="playTime">0:00</span>
592  </span>
593</div>
594<audio id="media" preload="metadata" controls="" src="/cms_files/filemanager/396489973/audio/20267/28baf8de80c142898e0bf876f23d48b6.mp3" style="width:100%; margin-top:10px;"></audio>
595                
596            </div>
597
598            <div class="play-list">
599                
600<script>
601var authorizedReadUnitId = "29fb3ef460b54552ab3bdf08a521431c";
602</script>
602<script id="29fb3ef460b54552ab3bdf08a521431c" src="/cms_files/default/script/AuthorizedRead/unitbuild.js?v=6.1.12.2" webId="vKOIVNoS9UvCsoqb3RC3e" parseType="bulidstatic" url="/api-gateway/jpaas-publish-server/front/page/build/unit" queryData="{'parseType':'bulidstatic','webId':'vKOIVNoS9UvCsoqb3RC3e','tplSetId':'8M8T7LhdZY1QubPZMMsKi','pageType':'column','tagId':'音频ajax','editType':'null','pageId':'54hxvOF7snlzPk1sz6J9e'}"></script>
602
603
604            </div>
605
606            <div class="recommendation-box">
607                <div class="recommendation-title">猜你喜欢</div>
608                <div class="recommendation-items clearfix">
609<div class="recommendation-item">
610  <a href="/videos/sounds/60seconds/index.html" target="_blank">
611    <img src="/cms_files/filemanager/396489973/logo/column/aeee768903a34160af3ee04c31afc01c.jpg" alt="科学60S" class="recommendation-img" border="0" style="height:auto">
612  </a>
613  <div class="item-info clearfix">
614    <span class="name">
615      <a href="/videos/sounds/60seconds/index.html">科学60S
616      </a>
617    </span>
618    <span class="time">2018-12-31
619    </span>
620  </div>
621</div>
622<div class="recommendation-item">
623  <a href="/videos/sounds/broadcast/index.html" target="_blank">
624    <img src="/cms_files/filemanager/396489973/logo/column/c8324816fa6d4139ac2a7f646320f2a3.jpg" alt="科学播报" class="recommendation-img" border="0" style="height:auto">
625  </a>
626  <div class="item-info clearfix">
627    <span class="name">
628      <a href="/videos/sounds/broadcast/index.html">科学播报
629      </a>
630    </span>
631    <span class="time">2020-06-18
632    </span>
633  </div>
634</div>
635<div class="recommendation-item">
636  <a href="/videos/sounds/rgdt/index.html" target="_blank">
637    <img src="/cms_files/filemanager/396489973/logo/column/8c97ea1651214e1981ee3db5348d2cf8.jpg" alt="榕哥电台" class="recommendation-img" border="0" style="height:auto">
638  </a>
639  <div class="item-info clearfix">
640    <span class="name">
641      <a href="/videos/sounds/rgdt/index.html">榕哥电台
642      </a>
643    </span>
644    <span class="time">2025-02-21
645    </span>
646  </div>
647</div>
648                </div>
649            </div>
650        </div>
651
652    </div>
653
654
655    <!-- 底部 -->
656    
656<script src="/cms_files/filemanager/396489973/script/20259/893E91626E94F63D21DD8C222729795B.js" type="text/javascript" charset="utf-8"></script>
vendor: 1 bytes, line 656
656
657<script src="/cms_files/filemanager/396489973/script/20259/73c35d03a4a840629d71e8b55c4a3cb4.js" type="text/javascript" charset="utf-8"></script>
657
658
659
660    
660<script type="text/javascript">
661        $(function () {
662            $.each($('.fa-play-circle'), function (index, ele) {
663                $(ele).click(function (e) {
664                    if ($(e.target).hasClass("fa-play-circle")) {
665                        $(document).scrollTop(150);
666                    }
667                })
668            })
669        })
670    </script>
670
671
672<script src="/cms_files/filemanager/396489973/script/juba/jubascript.js?v=6.1.12.2"></script>
672
673 </div></body>
674
675</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.