PageSourceSearch

https://www.cdstm.cn/theme/kkxw/tyt/kxkkm/art/2026/art_7b7f988c6d0b4adea8bad475695a792a.html

html cdstm.cn collected 2026-09-24 09:33:23 UTC 40,129 bytes, 1,063 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5<meta http-equiv="X-UA-Compatible" content="IE=edge">
6<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1,user-scalable=no">
7
8<script src="/cms_files/default/script/jslib/jquery.js"></script>
8
9 
9<script src="/cms_files/default/script/jslib/jquery.cookie.js"></script>
9
10 
10<script src="/cms_files/default/script/layui/layui.all.js"></script>
10
11 
11<script src="/cms_files/default/script/layui/layer/layer.js"></script>
11
12 
12<script src="/script/webglobal.js"></script>
12
13 
13<script src="/script/webgray.js"></script>
13
14 
14<script src="/script/webgray_7b7f988c6d0b4adea8bad475695a792a.js"></script>
14
15 
15<script src="/plugins/libs/require.js"></script>
15
16 
16<script src="/plugins/libs/load.js"></script>
16
17 <link rel="stylesheet" href="/cms_files/default/css/iconfont.css" />
18<link rel="stylesheet" href="/cms_files/default/script/layui/css/layui.css" />
19<title>第501集 古诗词中的科学:为什么高处不胜寒?</title>
20<meta name="ColId" content="54hxvOF7snlzPk1sz6J9e">
21<meta name="SiteName" content="中国数字科技馆">
22<meta name="SiteDomain" content="www.cdstm.cn">
23<meta name="SiteIDCode" content="">
24<meta name="ColumnName" content="科学开开门">
25<meta name="ColumnType" content="科学开开门">
26<meta name="ArticleTitle" content="第501集 古诗词中的科学:为什么高处不胜寒?">
27<meta name="PubDate" content="2026-09-04 20:21">
28<meta name="ContentSource" content="中国数字科技馆">
29<meta name="Keywords" content="古诗词中的科学,高处不胜寒,科学开开门,科学故事">
30<meta name="Author" content="">
31<meta name="Description" content="小朋友们,为什么会出现“人间四月芳菲尽,山寺桃花始盛开”的现象?为何高处不胜寒?跟着开开心心一起来解锁古诗里藏着的气候小秘密吧!">
32<meta name="Url" content="/theme/kkxw/tyt/kxkkm/art/2026/art_7b7f988c6d0b4adea8bad475695a792a.html">
33<meta name="server" content="/theme/kkxw/tyt/kxkkm/art/2026/art_7b7f988c6d0b4adea8bad475695a792a.html">
34<meta name="extend1" content="0">
35<meta name="DeployTime" content="2026-09-04 20:21:31">
36<meta name="MakeTime" content="2026-09-17 01:12:15">
37<meta name="SiteID" content="vKOIVNoS9UvCsoqb3RC3e">
38
39<meta id="pagetype" content="1">
40
41<meta name="CmsVisitCount" content="true">
42</head>
43
44<body><div id='barrierfree_container'>
45<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/bootstrap.min.js"></script>
vendor: 1 bytes, line 45
45
46<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/simple-share.min.js"></script>
vendor: 1 bytes, line 46
46
47<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/jquery.qrcode-0.12.0.min.js"></script>
vendor: 1 bytes, line 47
47
48<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/jquery.SuperSlide.2.1.1.js"></script>
48
49<link rel="stylesheet" href="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/base.css">
50<link rel="stylesheet" href="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/bootstrap.min.css">
51<link rel="stylesheet" href="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/font-awesome.min.css">
52
53<script src="/cms_files/filemanager/396489973/script/20259/3BE4B8B05968EE0145AB66BAEF620538.js" type="text/javascript" charset="utf-8"></script>
53
54
55
56<style>
57    body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea,select,option,th,td{ margin:0; padding:0;}
58    ol,ul,li{ list-style:none;}
59    table{ border-collapse:collapse; border-spacing:0;}
60    body{ color:#385d8a; font-size:18px; font-family:Helvetica,"microsoft yahei"; background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/bg_body.jpg);}
61    h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:bold;}
62    fieldset,img{ border:0;}
63img{ max-width: 100%;}
64    a{color:#385d8a; text-decoration: none;}
65a:visited{text-decoration: none;}
66    .clearfix:after{ display:block; clear:both; content:""; visibility:hidden; height:0; font-size:0;}
67    .clearfix{ zoom:1}
68    .pos-re{ position:relative;}
69    .pos-ab{ position:absolute;}
70    .bg-white{ background:#FFFFFF;}
71    .fl{ float:left;}
72    .fr{ float:right;}
73    .inner1000{ width:1120px; margin:0 auto;}
74    .text-left{ text-align:left;}
75    .text-center{ text-align:center;}
76    .text-right{ text-align:right;}
77    .hidden{ display: none;}
78
79    /*通用模块*/
80    .gray,a.gray{ color: #979c97;}
81    .green,a.green{ color:#2b4a2a;}
82    .white,a.white{ color:#fff;}
83    .red,a.red{ color: #ba1201;}
84    .blue,a.blue{ color: #0784d8;}
85    .fs24{ font-size: 24px;}
86    .fs18{ font-size: 18px;}
87    .blue_box_t1{ padding: 10px; background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/twill.jpg); box-shadow: 0px 3px 3px #52b9c1;}
88    .blue_box_t1 .inner{ background: #e8fcef; border: dotted 3px #385d8a;}
89
90#weixin-share-modal{ text-align: center;}
91
92    .wrap{background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/bg_wrap.jpg) center top no-repeat;}
93    .main{background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/bg_main.jpg); padding-bottom: 30px; margin-top:52px;}
94    .main .row1{ padding: 0px 25px;}
95    .main .row1 .part_left{ width: 690px;}
96    .main .row1 .part_left .part1{ border-radius: 25px; position: relative; margin-bottom: 30px;}
97    .main .row1 .part_left .part1 .inner{border-radius: 25px; padding: 25px 10px;}
98    .main .row1 .part_left .part1 .title_arc{ margin: 10px 0px; font-size: 24px;}
99    .main .row1 .part_left .part1 .pic_box{border-radius: 25px; width: 280px; height:auto;max-height:280px; overflow: hidden;  /*font-size: 0px;*/ line-height: 100%;}
100
101    .main .row1 .part_left .part1 .col_right h2{ color: #385d8a; font-size: 22px;   background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/twill.jpg); padding: 15px; margin-bottom:20px;}
102    .main .row1 .part_left .part1 .col_right .arc{ padding:15px; height: 155px; background: #cbf4fd; }
103    .main .row1 .part_left .part1 .col_right .arc_list li{ line-height: 26px;}
104    .main .row1 .part_left .part1 .ico{ position: absolute; left: 30px; top: -71px; background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/spirit.png) no-repeat; width: 120px; height: 82px;}
105    .main .row1 .part_left .part3{ margin-top: 50px; position: relative;}
106    .main .row1 .part_left .part3 .arc_list{ padding: 90px 25px 10px 25px;}
107    .main .row1 .part_left .part3 .arc_list li{ line-height: 26px;}
108    .main .row1 .part_left .part3 .arc_list .text{ margin: 10px 0px;}
109    .main .row1 .part_left .part3 .more{ text-align: center; padding: 5px 0px; background: #cbf4fd; text-align: center; font-weight: bold; display:none;}
110    .main .row1 .part_left .part3 .ico{ width: 337px; height: 127px; position: absolute; left: 15px; top: -55px;  background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/spirit.png) no-repeat 0px -82px;}
111    .main .row1 .part_left .part4{ margin-top: 50px; position: relative;}
112    .main .row1 .part_left .part4 .inner{ padding: 70px 20px 20px 20px;}
113    .main .row1 .part_left .part4 .ico{ width: 180px; height: 106px; position: absolute; left: 30px; top: -40px;  background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/spirit.png) no-repeat 0px -209px;}
114
115/*新评论样式 鲜明*/
116.banner{margin-top: 3%;}
117.banner-info h2 span {display: inline-block;border:none;padding:0px;margin: 0px;}
118.pageTable{margin-top:30px;}
119#num{text-align:center;}
120.article-comment-list{padding:26px 0 0 0;}
121.article-comment-header-box , .article-comment-content{display:inline-block;}
122.article-comment-content {padding-top:14px;}
123.article-comment-header-box{float:right;line-height:28px;}
124.left-comment{height:100px;}
125.comment-edit{height:100%;}
126.comment-edit textarea{overflow:hidden;}
127.article-comment-list {height: auto;}
128.left-list li a{text-decoration:none;}
129.pagination {width:100%;}
130.pagination a,.pagination .current{display:none;}
131.pagination .next {display: block;
132    width: 100%;
133    line-height: 30px;
134    border:1px solid #dddddd;
135    background-color: #ededed;
136    text-align: center;
137    color:#141414;
138    font-size: 12px;
139    box-sizing: border-box;
140    margin:20px auto;}
141.article-comment-item{margin-bottom:25px;overflow:hidden;}
142.article-comment-item img {float:left;margin-right:20px;}
143.article-comment-header-box {float:left;width:88%;}
144.article-comment-header-box .time {float:left;color:#b8b8b8;margin-left:2.5em;}
145.author-news {overflow:hidden;}
146.author-name{
147float:left;    width: 89px;
148    overflow: hidden;
149    text-overflow: ellipsis;
150    white-space: nowrap;
151    vertical-align: middle;
152color:#595959;
153}
154    .article-comment textarea{ width: 380px; resize: none;}
155    .article-comment .article-comment-submit-btn{ width: 170px; height: 80px; background: #94e4f0; line-height: 80px;  text-align: center; font-size: 24px; color: #6a97c1;  }
156    .main .row1 .part_right{ width: 295px;}
157    .main .row1 .part_right .part1 .title_block{ width: 230px; height: 90px; margin-left: 25px;  background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/spirit.png) no-repeat 0px -315px;}
158    .main .row1 .part_right .part1 .pic_list li{ margin-top: 20px;}
159    .main .row1 .part_right .part1 .pic_list .pic_box{ width: 284px; height: auto; overflow: hidden; border: solid 5px #92e6ed; border-radius: 25px;}
160     @media only screen and (min-width:753px){.main .row1 .part_right .part1 .pic_list p{ text-align: center; margin-top: 10px;}}
161     @media only screen and (max-width:753px){.main .row1 .part_right .part1 .pic_list p{  margin-top: 10px;}}
162
163
164    .play-info .play-title {
165        font-size: 12px;
166        color: #515151;
167        padding: 8px;
168    }
169    .play-info .audio-box {
170        margin-top: 7px;
171        position: relative;
172        background-color: #eee;
173        padding-left: 58px;
174        padding-right: 1px;
175        height: 45px;
176        border: 1px solid #eee;
177    }
178    .play-info .audio-box .audio-play-btn {
179        position: absolute;
180        color: #45b0fc;
181        font-size: 28px;
182        top: 9px;
183        left: 14px;
184        cursor: pointer;
185        line-height: 100%;;
186    }
187    .play-info .audio-box .progress {
188        margin-bottom: 0;
189        margin-top: 1px;
190        height: 42px;
191        -webkit-box-shadow: none;
192        -moz-box-shadow: none;
193        box-shadow: none;
194        -webkit-border-radius: 0;
195        -moz-border-radius: 0;
196        border-radius: 0;
197        background: #f9f9f9 url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/topic-audio-progress-back.png) repeat-x center left;
198    }
199
200    .play-info .audio-box .progress .progress-bar {
201        -webkit-box-shadow: none;
202        -moz-box-shadow: none;
203        box-shadow: none;
204        background: rgba(0, 0, 0, 0) url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/topic-audio-progress-prev.png) repeat-x center left;
205    }
206    .playTimes {
207        position: relative;
208        padding-left: 1.2em !important;
209    }
210    .playTimes .fa {
211        position: absolute;
212        top: 12px;
213        left: 0;
214    }
215
216@media only screen and (min-width:753px)and (max-width:1120px){
217.inner1000{width:100%; margin:0px;}
218        .main .row1{ padding: 0px 10px;}
219.main{margin-top:52px;}
220        .main .row1 .part_left{ width: 65%;}
221        .main .row1 .part_right{width: 32%;}
222        .main .row1 .part_right .part1 .pic_list .pic_box{ width: auto;}
223        .main .row1 .part_right .part1 .title_block{ margin: 0px;}
224        .main .row1 .part_left .part1 .col_right{ width: 55%;}
225        .article-comment textarea{ width: auto;}
226        .main .row1 .part_left .part1 .pic_box{ width:41%; height: auto;}
227.main .row1 .part_left .part1 .col_right .arc_list li:last-child{
228	width: 233px;
229	}
230    }
231
232    @media only screen and (max-width:753px) {
233        .m_hidden{ display:none;}
234        .inner1000{width:100%; margin:0px;}
235        .fl,.fr{ float:none;}
236        .m_fl{ float:left;}
237        .m_fr{ float:right;}
238        .m_show{ display:block;}
239        img{ max-width:100%;}
240.mobile-header-nav .fl{ float:left;}
241.mobile-header-nav .fr{float:right;}
242
243.main{ margin-top:52px;}
244.main .row1{ padding: 0px 5px;}
245        .main .row1 .part_left{ width: auto;}
246
247        .main .row1 .part_left .part1 .pic_box{height: auto; margin-bottom: 10px;}
248        .main .row1 .part_left .part1 .pic_box img{ width: 100%; height: auto;}
249
250        .main .row1 .part_left .part1{ margin: 70px 0px 20px 0px;}
251        .article-comment textarea{ width: 100%;}
252        .main .row1 .part_right{ width: auto; margin-top: 20px;}
253        .main .row1 .part_right .part1 .pic_list .pic_box{ width: auto;}
254        .main .row1 .part_left .part3 .ico{  background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/spirit.png) no-repeat 0px -41px;  background-size: auto 203px; width: 168px; height: 64px; top: 20px;}
255        .main .row1 .part_left .part4 .ico{background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/spirit.png) no-repeat 0px -104px;  background-size: auto 203px; width: 90px; height: 53px;}
256        .main .row1 .part_right .part1 .title_block{ width: 115px; height: 45px;  background:url(/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/spirit.png) no-repeat 0px -157px; background-size: auto 203px; margin: 0px auto;}
257        .article-comment .article-comment-submit-btn{width: 85px; height: 40px; line-height: 32px;}
258.main .row1 .part_left .part4 .ico{ top:20px;}
259        .main .row1 .part_left .part3{ margin-top: 20px;}
260    }
261
262</style>
263<style>
264@media only screen and (min-width:1120px){
265.main .row1 .part_left .part1 .col_right{ width: 345px;}
266 .main .row1 .part_left .part1 .pic_box{ }
267}
268.pic_box img{//height:250px;}
269@media only screen and (max-width:753px){
270.pic_box{width:45%;float:left;}
271.col_right{width:55%;float:right;}
272.main .row1 .part_left .part1 .pic_box{width:42.5%;}
273.pic_list li {
274    height: 105px;
275}
276
277
278}
279@media only screen and (max-width:665px){
280.main .row1 .part_left .part1 .col_right .arc { padding: 10px 15px;}
281.main .row1 .part_left .part1 .col_right .arc{height:69px;}
282.main .row1 .part_left .part1 .col_right h2 { font-size: 15px;}
283.arc_list li{font-size:10px;line-height:15px;}
284.main .row1 .part_left .part1 .col_right .arc_list li{line-height:15px;}
285.article-comment textarea {
286
287    font-size: 10px;
288}
289.article-comment .article-comment-submit-btn {
290
291    font-size: 10px;
292}
293}
294@media only screen and (max-width:500px){
295	.common_share{width:100%;margin-top:10px;}
296/*.main .row1 .part_left .part1 .inner{height:180px;}*/
297.main .row1 .part_left .part1 .inner{height:200px;}
298	.main .row1 .part_left .part1 .col_right .arc_list li:last-child{
299    position: absolute;
300    left: 30px;
301    bottom: 25px;
302}
303}
304@media only screen and (max-width:400px){
305.main .row1 .part_left .part1 .col_right .arc_list li:last-child{
306
307	}
308.main .row1 .part_left .part1 .col_right h2 {
309    padding: 5px;
310    margin-bottom: 5px;}
311.main .row1 .part_left .part1 .col_right .arc {
312    padding: 5px 5px;}
313.main .row1 .part_left .part1 .col_right .arc {
314    height: 60px;
315}
316
317}
318
319
320@media only screen and (max-width:753px){
321.pic_box img {
322      /* height: 195px; */
323      margin-top: 15%;
324}
325.fl img{margin-top: 0;}
326.rightp{text-align:left;}
327.main .row1 .part_right .part1 .pic_list p {
328
329    margin-top: 15px;
330    padding-right: 5px;
331    float: right;
332    width: 65%;}
333.main .row1 .part_right .part1 .pic_list .pic_box {
334    width: 33%;}
335.pic_box img {
336    //height: auto;
337}
338.pic_list li{height:165px;}
339.main .row1 .part_right .part1 .pic_list .pic_box {
340    width: 33%;
341    height: 0;
342   /* padding-bottom: 140px;*/
343    background:#fff;
344}
345.pic_list li {
346    height: 190px;
347}
348.main .row1 .part_right .part1 .pic_list .pic_box {
349    width: 195px;
350    height: 195px;
351    /* padding-bottom: 140px; */
352}
353
354}
355@media only screen and (max-width:400px){
356.pic_list li {
357    height: 79px;
358    font-size: 15px;}
359.main .row1 .part_left .part1 .ico {
360    background-size: 195px;
361    background-position-y: 33px;
362
363}
364.main .row1 .part_left .part1 {
365    margin: 38px 0px 20px 0px;
366}
367.main .row1 .part_right .part1 .pic_list .pic_box {
368    width: 33%;
369    height: 0;
370  //  padding-bottom: 85px;
371}
372.main .row1 .part_right .part1 .pic_list .pic_box {
373    width: 90px;
374    height: 90px;
375    /* padding-bottom: 85px; */
376}
377.pic_box img {
378       /* height: 90px; */
379}
380}
381@media only screen and (max-width:600px) and (min-width:401px){
382.pic_list li{height:130px;}
383.main .row1 .part_right .part1 .pic_list .pic_box {
384    width: 130px;
385    height: 130px;
386    /* padding-bottom: 140px; */
387}
388.pic_box img {
389       /* height: 90px; */
390}
391}
392@media only screen and (max-width:753px){
393.rightp{text-align:left;}
394
395.article-comment-title,.article-commen
396        {
397            margin-bottom: 24px;
398            position: relative;
399            border-bottom: 2px solid #ececec;
400        }
401        .article-comment-submit-btn-box
402        {
403            text-align: center;
404        }
405        .article-comment-submit-btn
406        {
407            margin: 10px auto;
408            background: #01a3e9 none repeat scroll 0 0;
409            box-shadow: 0 1px 0 #017fb6;
410            color: #ffffff;
411            border-radius: 2px;
412            font-size: 12px;
413            line-height: 17px;
414            min-width: 60px;
415            padding: 6px 10px;
416            border: none;
417            margin: 10px auto;
418            display: inline-block;
419        }
420        .article-comment-input
421        {
422            border: 1px solid #a0a0a0;
423            display: block;
424            height: 114px;
425            line-height: 1.5;
426            outline: medium none;
427            padding: 0.4em 0.8em;
428            width: 100%;
429            font-size: 14px;
430        }
431        .article-comment-item
432        {
433            position: relative;
434            padding: 20px 0 20px 70px;
435            border-bottom: 1px solid #f0f0f0;
436            font-size: 14px;
437        }
438        .article-author-avatar
439        {
440            position: absolute;
441            left: 0;
442            top: 20px;
443            width: 50px;
444            height: 50px;
445        }
446        .article-comment-header-box
447        {
448            margin-bottom: 8px;
449        }
450        .author-name
451        {
452            color: #595959;
453            text-decoration: none;
454        }
455        .time
456        {
457            color: #b8b8b8;
458            margin: 0;
459        }
460        .article-comment-content
461        {
462            color: #333;
463            line-height: 1;
464            height: 3.2em;
465            overflow: hidden;
466        }
467        .article-comment-reply-box
468        {
469            font-weight: 700;
470            margin-top: 24px;
471        }
472}
473    .banner img{
474    margin-top: 40px
475}
476</style>
477
478<div class="wrap">
479    <div class="main inner1000">
480        <div class="banner text-center"><a href="/theme/kkxw/tyt/kxkkm/" target="_blank"><img src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/banner-pc.png" border="0" /></a></div>
481        <div class="row1 clearfix">
482            <div class="part_left fl">
483                <div class="blue_box_t1 part1">
484                    <div class="inner clearfix">
485                        <div class="pic_box fl">
486                            <img src="/cms_files/filemanager/396489973/picture/20267/c4e42d697ea14aacad9352f702d9eb82.jpg" alt="第501集 古诗词中的科学:为什么高处不胜寒?" width="100%" border="0" />
487                        </div>
488                        <div class="col_right fr">
489                            <h2>第501集 古诗词中的科学:为什么高处不胜寒?</h2>
490                            <div class="arc">
491                                <ul class="arc_list">
492                  
493<li>发布时间:2026-09-04  20:21:31</li>
494                            
495                                    <li>
496                                        <div class="topic-share-box">
497                                          <style>
498.common_share{
499    vertical-align: middle;
500    display: inline-block;
501    padding-top: 4px;
502    display:inline-block !important;
503}
504.common_share .action-share-label{
505    font-size: 14px;
506    line-height: 34px;
507    height: 26px;
508    display: block;
509    float: left;
510}
511.common_share .share-item{
512    display: inline-block !important;
513    text-align: center;
514    background-color: #97d4ff;
515    color: #FFF;
516    -webkit-border-radius: 50%;
517    -moz-border-radius: 50%;
518    border-radius: 50%;
519    width: 26px;
520    height: 26px;
521    line-height: 26px;
522    font-size: 16px;
523}
524.common_share .share-item img{
525    width: 100%;
526    display: inline;
527}
528
529.modal-open {
530	overflow: hidden;
531}
532.modal {
533	position: fixed;
534	top: 0;
535	right: 0;
536	bottom: 0;
537	left: 0;
538	z-index: 1050;
539	display: none;
540	overflow: hidden;
541	-webkit-overflow-scrolling: touch;
542	outline: 0;
543}
544.modal .fade .modal-dialog {
545	-webkit-transition: -webkit-transform .3s ease-out;
546	-o-transition: -o-transform .3s ease-out;
547	transition: transform .3s ease-out;
548	-webkit-transform: translate(0, -25%);
549	-ms-transform: translate(0, -25%);
550	-o-transform: translate(0, -25%);
551	transform: translate(0, -25%);
552}
553.modal .in .modal-dialog {
554	-webkit-transform: translate(0, 0);
555	-ms-transform: translate(0, 0);
556	-o-transform: translate(0, 0);
557	transform: translate(0, 0);
558}
559.modal-open .modal {
560	overflow-x: hidden;
561	overflow-y: auto;
562}
563.modal-dialog {
564	position: relative;
565	width: auto;
566	margin: 10px;
567}
568.modal-content {
569	position: relative;
570	background-color:  # fff;
571	-webkit-background-clip: padding-box;
572	background-clip: padding-box;
573	border: 1px solid # 999;
574	border: 1px solid rgba(0, 0, 0, .2);
575	border-radius: 6px;
576	outline: 0;
577	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
578	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
579}
580.modal-backdrop {
581	position: fixed;
582	top: 0;
583	right: 0;
584	bottom: 0;
585	left: 0;
586	z-index: 1040;
587	background-color:  # 000;
588}
589.modal-backdrop .fade {
590	filter: alpha(opacity = 0);
591	opacity: 0;
592}
593.modal-backdrop .in {
594	filter: alpha(opacity = 50);
595	opacity: .5;
596}
597.modal-header {
598	min-height: 16.43px;
599	padding: 15px;
600	border-bottom: 1px solid # e5e5e5;
601}
602.modal-header .close {
603	margin-top: -2px;
604}
605.modal-title {
606	margin: 0;
607	line-height: 1.42857143;
608}
609.modal-body {
610	position: relative;
611	padding: 15px;
612z-index:99999;
613}
614.modal-footer {
615	padding: 15px;
616	text-align: right;
617	border-top: 1px solid # e5e5e5;
618}
619.modal-footer .btn+.btn {
620	margin-bottom: 0;
621	margin-left: 5px;
622}
623.modal-footer .btn-group .btn+.btn {
624	margin-left: -1px;
625}
626.modal-footer .btn-block+.btn-block {
627	margin-left: 0;
628}
629.modal-scrollbar-measure {
630	position: absolute;
631	top: -9999px;
632	width: 50px;
633	height: 50px;
634	overflow: scroll;
635}
636 @ media(min-width: 768px) {
637	.modal-dialog {
638		width: 600px;
639		margin: 30px auto;
640	}
641	.modal-content {
642		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
643		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
644	}
645	.modal-sm {
646		width: 300px;
647	}
648}
649 @ media(min-width: 992px) {
650	.modal-lg {
651		width: 900px;
652	}
653}
654
655#weixin-share-modal {
656    text-align: center;
657}
658.modal-body{
659    border:none;
660    background-color: #fff; 
661    height: auto;
662}
663.modal-dialog {
664    position: fixed;
665    width: 260px;
666    height: 327px;
667    margin-left: -130px;
668    margin-top:60px;
669    left: 50%;
670    /*top:50%;*/ 
671}
672.modal-title {
673	font-size: 12px;
674	margin: 0;
675	line-height: 1.42857143;
676}
677.wechat-dibu{font-size: 12px; line-height: 22px;}		
678</style>
679<div class="action-share common_share">
680    <span class="action-share-label" style="color: #666;">分享到:</span>
681    <a class="share-item share-weixin" href="javascript:void(0);"><img src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/wx.png" alt="" /></a>
682    <a class="share-item share-weibo" href="javascript:void(0);"><img src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/new.png" alt="" /></a>
683    <a class="share-item share-qq" href="javascript:void(0);"><img src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/qq.png" alt="" /></a>
684    <a class="share-item share-qzone" href="javascript:void(0);"><img src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/kong.png" alt="" /></a>
685    <!--<a class="share-item share-douban" href="javascript:void(0);"><img src="https://cdn.resources.cdstm.cn/statics/2019/share/dou.png" alt="" /></a>-->
686</div>
687<div class="modal fade" id="weixin-share-modal">
688	<div class="modal-dialog">
689		<div class="modal-content">
690			<div class="modal-header">
691				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
692					<span aria-hidden="true">×</span>
693				</button>
694				<h4 class="modal-title">分享到微信朋友圈</h4>
695			</div>
696			<div class="modal-body">
697				<div class="wechat-share-qrcode" id="wechat-share-qrcode"></div>
698				<div class="wechat-dibu">
699					打开微信,点击底部的“发现”,<br>使用“扫一扫”即可将网页分享至朋友圈。
700				</div>
701			</div>
702		</div>
703	</div>
704</div>
705<!--微信分享-->
706<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/simple-share.min.js"></script>
vendor: 1 bytes, line 706
706
707<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/jquery.qrcode-0.12.0.min.js"></script>
707   
708<script src="/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/jweixin-1.6.0.js" type="text/javascript"></script>
708
709
710
711<script type="text/javascript">
712    var channelId = window.location.href.split('.cdstm.cn')[1];
713    var pics;
714    var contents;
715    if (channelId=='http://job'){
716        contents='http://cstm.cdstm.cn/';
717        pics='/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/szlogo.png';
718    }else if('http://cstm'){
719        contents='http://cstm.cdstm.cn/';
720        pics='/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/szlogo.png';
721    }else{
722        contents='https://www.cdstm.cn';
723        pics='/cms_files/webzhongguoshuzikejiguan/pubtplobject/defaultSet/XFSi09b5E7FZKtpA30taW/images/logo.jpg';
724    };
725    //分享
726    var share = new SimpleShare({
727        url: location.href,
728        title: document.title,
729        content: contents,
730        pic: pics
731    });
732function share_fn(){
733        $('.share-weixin').on('click', function () {
734          console.log('weixin==========================')
735          // console.log(share.weixin())
736	  var text = location.href;
737	  $('#wechat-share-qrcode').empty();
738                // _$('#wechat-share-qrcode').css
739	  $('#wechat-share-qrcode').qrcode({
740	    width: 50,
741	    height: 50,
742	    correctLevel: 0,
743	    text: text
744	  });
745	  $('#weixin-share-modal').modal('show');  
746	});
747	$('.share-weibo').on('click', function () {
748		share.weibo();
749	});
750	$('.share-qzone').on('click', function () {
751		share.qzone();
752	});
753	$('.share-douban').on('click', function () {
754		share.douban();
755	});
756	$('.share-qq').on('click', function () {
757		share.qq();
758	});
759}
760share_fn();
761</script>
761
762                                        </div>
763                                    </li>
764                                </ul>
765                            </div>
766                        </div>
767
768                    </div>
769                    <div class="ico"></div>
770
771                </div>
772
773                <div class="blue_box_t1 part2">
774                    <div class="inner">
775                        <div class="play-info">
776                            <div class="play-title clearfix">
777                                <span id="audio-name">科学开开门-第501集 古诗词中的科学:为什么高处不胜寒?</span>
778                <span class="play-time-box pull-right" id="play-time-box">
779                   <span class="played-time" id="playTime">0:00</span>
780                </span>
781                            </div>
782<audio id="media" src="/cms_files/filemanager/396489973/audio/20267/28baf8de80c142898e0bf876f23d48b6.mp3"></audio>
783                            <div class="audio-box">
784                                <div class="audio-play-btn">
785                                    <span id="play-btn"><i class="fa fa-play-circle"></i></span>
786                                </div>
787                                <div class="audio-process-box">
788                                    <div class="progress" id="pregrassbg">
789                                        <div id="pregrasscolor" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0px;">
790                                            <span class="sr-only"></span>
791                                        </div>
792                                    </div>
793                                </div>
794                            </div>
795                        </div>
796
797                    </div>
798                </div>
799
800                <div class="blue_box_t1 part3">
801                    <div class="inner">
802                        <ul class="arc_list">
803                            <li>
804                                <!--<p>本期内容:</p>-->
805                              <div class="text">
806  <div class="TRS_Editor">
807<p>小朋友们,为什么会出现“人间四月芳菲尽,山寺桃花始盛开”的现象?为何高处不胜寒?跟着开开心心一起来解锁古诗里藏着的气候小秘密吧!</p><p><br /></p><p>脚本:姬晓培</p><p>配音:赵志敏  赵铮  宋岳龙 姬晓培</p><p>剪辑:姬晓培</p><p style="text-align: center;"><a target="_Blank" href="/cms_files/filemanager/396489973/picture/20267/c2b2c7af761447b690a6b4abbdffdd81.jpg"><img title="微信图片_20260902095911_9_101.jpg" data-faceinfo="0" style="border:none;" src="/cms_files/filemanager/396489973/picture/20267/Sc2b2c7af761447b690a6b4abbdffdd81-800.jpg" /></a></p><p><br /></p>
808  </div>
809</div>
810                            </li>
811                      
812                        </ul>
813          
814
815                    </div>
816                    <div class="ico"></div>
817
818                </div>
819
820
821
822                </div>
823
824            <div class="part_right fr">
825                <div class="part1">
826                    <div class="title_block"></div>
827                    <ul class="pic_list" id="icontainer">
828<li><div class="pic_box"><a href="/theme/kkxw/tyt/kxkkm/art/2026/art_7b7f988c6d0b4adea8bad475695a792a.html" target="_blank"><img src="/cms_files/filemanager/396489973/picture/20267/c4e42d697ea14aacad9352f702d9eb82.jpg" alt="微信图片_20251001115709_70_5.png" width="100%" border="0" /></a></div><p class="rightp"><a href="/theme/kkxw/tyt/kxkkm/art/2026/art_7b7f988c6d0b4adea8bad475695a792a.html">第501集 古诗词中的科学:为什么高处不胜寒?</a></p></li>
829<li><div class="pic_box"><a href="/theme/kkxw/tyt/kxkkm/art/2026/art_93db777225ab41f899d0db6db8ce1393.html" target="_blank"><img src="/cms_files/filemanager/396489973/picture/20267/8a504b1fb91c42aba4d2dbb1d480ca4c.jpg" alt="微信图片_20251001115709_70_5.png" width="100%" border="0" /></a></div><p class="rightp"><a href="/theme/kkxw/tyt/kxkkm/art/2026/art_93db777225ab41f899d0db6db8ce1393.html">第500集 古诗词中的科学:鱼儿为什么喜欢在莲叶下嬉戏?</a></p></li>
830<li><div class="pic_box"><a href="/theme/kkxw/tyt/kxkkm/art/2026/art_02891094129147feb7d4f1f9e4769e13.html" target="_blank"><img src="/cms_files/filemanager/396489973/picture/20267/2dff122bdc7c4fbfbc9c7a25e9ff0c65.jpg" alt="微信图片_20251001115709_70_5.png" width="100%" border="0" /></a></div><p class="rightp"><a href="/theme/kkxw/tyt/kxkkm/art/2026/art_02891094129147feb7d4f1f9e4769e13.html">第499集 蚯蚓被切断会变成两条吗?</a></p></li>
831<li><div class="pic_box"><a href="/theme/kkxw/tyt/kxkkm/art/2026/art_bf284851c4a34a8ba7e6407ada3105b6.html" target="_blank"><img src="/cms_files/filemanager/396489973/picture/20267/aa04e6ad4f0e484ca2eee477b02f0c53.jpg" alt="微信图片_20251001115709_70_5.png" width="100%" border="0" /></a></div><p class="rightp"><a href="/theme/kkxw/tyt/kxkkm/art/2026/art_bf284851c4a34a8ba7e6407ada3105b6.html">第498集 海上大陀螺——台风来了!</a></p></li>
832                </ul>
833
834                </div>
835
836
837            </div>
838
839            </div>
840
841        </div>
842
843    </div>
844
845
846<!--pc端底部html-->
847<script src="/cms_files/filemanager/396489973/script/20259/893E91626E94F63D21DD8C222729795B.js" type="text/javascript" charset="utf-8"></script>
vendor: 1 bytes, line 847
847
848<script>
849  var d=$(".col_right h2").text().trim();
850  var flag=true;
851  $(".pic_list>li").each(function(){
852    var text=$(this).find(".rightp a").text().trim(); 
853    if(text==d){ 
854      flag=false;
855      $(this).hide();
856               }
857  }) 
858  if(flag){ 
859    $(".pic_list>li:last-child").hide()
860  }
861</script>
861
862<div class="modal fade" id="weixin-share-modal">
863    <div class="modal-dialog">
864        <div class="modal-content">
865            <div class="modal-header">
866                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
867                    <span aria-hidden="true">×</span>
868                </button>
869                <h4 class="modal-title" style="font-size:12px;">分享到微信朋友圈</h4>
870            </div>
871            <div class="modal-body">
872                <div class="wechat-share-qrcode" id="wechat-share-qrcode" style="margin:0 auto;width:200px;"></div>
873                <div style="font-size:12px;line-height:22px;">
874                    打开微信,点击底部的“发现”,<br>使用“扫一扫”即可将网页分享至朋友圈。
875                </div>
876            </div>
877        </div>
878    </div>
879</div>
880
881
882<script type="text/javascript">
883$(function(){
884    //本期漫画链接
885    var more_link = $("#more").attr("href");
886    if(more_link == ""){
887        $("#more").hide();
888    }else{
889        $("#more").show();
890      }
891    
892
893
894
895
896
897    //mp3播放器
898    var init = function () {
899        var initData = {
900            media: '#media',
901            xStart: '#pregrassbg',
902            bgWidth: '#pregrassbg',
903            oplay: '#play-btn',
904            precolor: '#pregrasscolor',
905            playTime: '#playTime',
906            surplusTime: '#surplusTime',
907            plist: '#playList',
908            title: '#audio-name',
909            autoPlay: false
910        };
911        //创建音频对象
912        var mymedia = new PlayAudio(initData);
913
914        //绑定播放暂停控制
915        $('#play-btn').bind('click', function () {
916            mymedia.playAudio();
917        });
918
919        //绑定定位歌曲控制
920        $('#pregrassbg').bind('click', function (e) {
921            mymedia.localProgress(e);
922        });
923        //绑定音频播放结束
924        $('#media').bind('ended', function () {
925            mymedia._ended();
926        });
927        //载入window 时初似乎定时器
928        $(window).bind('load', function () {
929            mymedia.openInter();
930        });
931        return mymedia;
932    };
933
934    function PlayAudio(initObj) {
935        this.media = $(initObj.media)[0];
936        this.xStart = $(initObj.xStart).offset();
937        this.bgWidth = $(initObj.bgWidth).width();
938        this.oplay = $(initObj.oplay);
939        this.precolor = $(initObj.precolor);
940        this.playTime = $(initObj.playTime);
941        this.surplusTime = $(initObj.surplusTime);
942        this.plist = $(initObj.plist);
943        this.title = $(initObj.title);
944        this.autoPlay = initObj.autoPlay;
945
946console.log(this.surplusTime);
947        var that = this;
948        this.timer = null;
949        this.mediaIndex = 0;
950        //window改变是处理播放条位置
951        $(window).bind("resize", function () {
952            that.xStart = $('#pregrassbg').offset();
953        });
954    }
955   
956
957    //===============================================播放暂停控制
958    PlayAudio.prototype.playAudio = function () {
959        if (this.media.paused) {
960            this._play(this.oplay);
961        } else {
962            this._pause(this.oplay)
963        }
964    };
965    //===============================================定位歌曲的方法
966    PlayAudio.prototype.localProgress = function (e) {
967        this._play(this.oplay);
968        var scale = (e.pageX - this.xStart.left) / this.bgWidth;
969        var duraTimes = this.media.duration;
970        this.media.currentTime = duraTimes * scale;
971        this.precolor.width(this.bgWidth * scale);
972    };
973    //===============================================开启定时器,更像进度条
974    PlayAudio.prototype.openInter = function () {
975        if (this.timer != null) {
976            clearInterval(this.timer);
977        }
978        var _this = this; //定时器会改变 this
979        this.timer = setInterval(function () {
980            _this._update();
981        }, 200);
982    };
983    //==============================================更新入口
984    PlayAudio.prototype._update = function () {
985        this._updateProgress();
986        this._updatTime();
987    };
988    //===============================================进度条更新方法
989    PlayAudio.prototype._updateProgress = function () {
990        var duraTime = media.duration;
991        var curTime = media.currentTime;
992        var scale = curTime / duraTime;
993        this.precolor.width(this.bgWidth * scale);
994    };
995    //===============================================时间更新方法
996    PlayAudio.prototype._updatTime = function () {
997        var duraTime = media.duration;
998        var curTime = media.currentTime;
999        if (isNaN(duraTime)) {
1000            duraTime = 0;
1001        }
1002        var leftTime = parseInt(curTime);
1003        var rightTime = parseInt(duraTime);
1004        this.playTime.html(this._convertToTime(leftTime));
1005        this.surplusTime.html(this._convertToTime(rightTime));
1006
1007
1008    };
1009    //===============================================播放函数
1010    PlayAudio.prototype._play = function (obj) {
1011        this.media.play();
1012        this.openInter();
1013        obj.attr('class', 'pause');
1014        $(obj).find('.fa').removeClass('fa-play-circle').addClass('fa-pause-circle');
1015
1016    };
1017    //===============================================暂停函数
1018    PlayAudio.prototype._pause = function (obj) {
1019        this.media.pause();
1020        clearInterval(this.timer);
1021        obj.attr('class', 'on');
1022        $(obj).find('.fa').removeClass('fa-pause-circle').addClass('fa-play-circle');
1023    };
1024    //===============================================播放完毕
1025    PlayAudio.prototype._ended = function () {
1026        if (this.autoPlay) {
1027            this.mediaIndex = (this.mediaIndex + 1) % this.mediaLength;
1028            this._playlist(this.mediaIndex);
1029        } else {
1030            this._endedStyle();
1031        }
1032    };
1033    //==============================================
1034    PlayAudio.prototype._endedStyle = function () {
1035        this.precolor.width(0);
1036        this.surplusTime.html(this._convertToTime(parseInt(media.duration)));
1037        this._pause(this.oplay);
1038        this.playTime.html('0:00');
1039
1040console.log(this._convertToTime(parseInt(media.duration)));
1041    };
1042    //================================================工具函数,将秒转换为分钟
1043    PlayAudio.prototype._convertToTime = function (time) {
1044        //将剩余秒数转化为分钟
1045        var min = Math.floor((time / 60) % 60);
1046        //将剩余秒数转化为秒钟
1047        var sec = Math.floor(time % 60);
1048        var cTime;
1049        if (sec < 10) {
1050            sec = '0' + sec;
1051        }
1052        cTime = min + ':' + sec;
1053        return cTime;
1054    };
1055
1056    init();
1057
1058});
1059
1060</script>
1060
1061
1062<script src="/cms_files/filemanager/396489973/script/juba/jubascript.js?v=6.1.12.2"></script>
1062
1063 </div></body></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.