Help
RSS
API
Feed
Maltego
Contact
Domain > d-one.vqhwv9dx.workers.dev
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-10-31
104.21.65.74
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Thu, 31 Oct 2024 00:03:38 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-aliveCF-Ray: 8daf6213fd77b9ec-SEACF-Cache-Status: DYNAMICAccess-Control-Allow-Origin: *Age: 64Cache-Control: no-storeExpires: Thu, 31 Oct 2024 00:05:34 GMTSet-Cookie: HMF_CI0fb7e91b81467ffd56997a8379b28ebf0106a4ebe90ca239d9d7fc238fe7f431bea86f4b293a8063a6256bf3028efd9f333fa093e9882674ea270781c62d1a47ec; ExpiresSat, 30-Nov-24 00:03:38 GMT; Path/Vary: accept-encodingX-UA-Compatible: IEEdge,chrome1X-Via: 1.1 PSmglsjLAX2ay162:8 (Cdn Cache Server V2.0), 1.1 PSmglsjLAX2vw123:8 (Cdn Cache Server V2.0)x-ws-request-id: 6722c95a_PSmglsjLAX2vw123_24467-42027Report-To: {endpoints:{url:https:\/\/a.nel.cloudflare.com\/report\/v4?s%2F8iJH69HnrRTcgZ0PuPdfX1uTTmOFVSYY%2BEWTOF2ZOFpSFWo5QHNnDPAE%2FEh5GFT64S%2B9BOZ6WIR2%2FoRK%2FkVXIoQ3DczTUG7JC5MYHS9Q2NRm4gtpcUoofngjbnTzOjgQuLrdDDo4PTRVSHuqw%3D%3D},group:cf-nel,max_age:604800}NEL: {success_fraction:0,report_to:cf-nel,max_age:604800}Server: cloudflarealt-svc: h3:443; ma86400server-timing: cfL4;desc?protoTCP&rtt10542&sent1&recv3&lost0&retrans0&sent_bytes0&recv_bytes65&delivery_rate0&cwnd249&unsent_bytes0&cid0000000000000000&ts0&x0 !doctype html>html langen> head> meta namepage-id idpage-id contentPAGEOTftMzKc6PuWFBA26Bop211216> meta namerenderer contentwebkit> meta http-equivX-UA-Compatible contentIEedge,chrome1> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>海外频道_央视网(cctv.com)/title> meta namekeywords content央视网海外频道 中国传统文化 艺术 美食 生态保护> meta namedescription content央视网海外频道(global.cctv.com)是央视网旗下以面向海外用户为主,对外展示新时代中国新风貌、中华优秀传统文化等内容的聚合平台。> script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTEvyhAGpxUV8VgQYkuUBlr211217/jquery.min.js>/script> script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/polyfill.min.js> /script> script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/babel.min.js> /script> script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/getArea.js> /script> script src//ip.apps.cntv.cn/whereis?clienthtml5>/script> !--script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/findGetParameter2.js>/script--> script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/findGetParameter3.js> /script> script> //px转换rem /50 (function (doc, win) { var docEl doc.documentElement, resizeEvt orientationchange in window ? orientationchange : resize, recalc function () { var clientWidth docEl.clientWidth > 750 ? 750 : docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize 50 * (clientWidth / 750) + px; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener(DOMContentLoaded, recalc, false); })(document, window); /script> link relstylesheet typetext/css href//r.img.cctvpic.com/newcctv/global/style/style.css?fd387d8801d19c400aa3d55842d19735> /head> body idtop ontouchstart>script>(function () { document.cookie HOY_TRUEFSXDINGMQAKTJC,859AC167BDEF0324,vsxjlepgzhwcykrf; max-age31536000; path/;document.cookie HBB_HC0d580c9e1eea6af5122840478c7aefff19599d2f1e54753120ea1c2056e91504d6652e19bd78f5d68df7898843b43ef512; max-age600; path/; })()/script>script src/_ws_sbu/sbu_hc.js>/script> script srchttps://js.data.cctv.com/__aplus_plugin_cctv.js,aplus_plugin_aplus_u.js>/script> script> goldlog.record(/sns.1.1, , snsScenezq&producttv, ); /script> style> body { background:url(//p4.img.cctvpic.com/photoAlbum/page/performance/img/2022/1/26/1643194869234_993.png) no-repeat top; } /style> !--头部包含页-头部--> link relstylesheet typetext/css href//r.img.cctvpic.com/newcctv/global/topcontain/style/style.css?3ad9f21d24f6a1be5679f14843c34c34>div classheader-container module-idTPMTJj5jKmvO0LmyGSwc5YkT230515> img styledisplay:none;width:0px; height:0px; src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2023/2/9/1675908806957_283.jpeg> div classheader-box p-media> div classheader-menu> a href/ classlogo-container>img width180px height31px classheader-logo src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2023/5/15/1684143163285_351.png> img classheader-logo-mobile width180px height31px src//p3.img.cctvpic.com/photoAlbum/templet/common/TPTETdowvcN0ylAq0ygHSCRR211231/logo_03.png> /a> ul classmenu-list> li classmenu-item menu-item-1 idmenu-item-PAGEnL0TSDsFQ26XkCx4G7Kl210126>a hrefhttps://global.cctv.com/trending/index.shtml target_blank>新闻/a>/li> li classmenu-item menu-item-2 menu-item-more has-child idmenu-item-PAGEKdlaejKGFN55dqzDmhLz210126> a hrefhttps://global.cctv.com/ipanda/index.shtml target_blank> 熊猫 /a> ul classsub-menu> li classsub-menu-item menu-item-2-sub1>a hrefhttps://global.cctv.com/ipanda/hipanda/index.shtml target_blank>span classmenu-item-sub-tips>/span>熊猫一刻/a>/li> li classsub-menu-item menu-item-2-sub2>a hrefhttps://global.cctv.com/ipanda/pandatroupe/index.shtml target_blank>span classmenu-item-sub-tips>/span>熊猫星团/a>/li> li classsub-menu-item menu-item-2-sub3>a hrefhttps://global.cctv.com/ipanda/pandastories/index.shtml target_blank>span classmenu-item-sub-tips>/span>大熊猫故事/a>/li> li classsub-menu-item menu-item-2-sub4>a hrefhttps://global.cctv.com/ipanda/nationalpark/index.shtml target_blank>span classmenu-item-sub-tips>/span>大熊猫国家公园/a>/li> li classsub-menu-item menu-item-2-sub5>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> /ul> /li> li classmenu-item menu-item-3> a hrefhttps://global.cctv.com/chineseart/index.shtml target_blank> 文艺 /a> ul classsub-menu> li classsub-menu-item menu-item-3-sub1>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-3-sub2>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-3-sub3>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-3-sub4>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-3-sub5>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> /ul> /li> li classmenu-item menu-item-4> a hrefhttps://global.cctv.com/tvplay/index.shtml target_blank>影视 /a> /li> li classmenu-item menu-item-5 menu-item-more has-child idmenu-item-PAGEUBd1QvffCAy5faqqBTdU210126>a hrefhttps://global.cctv.com/documentary/index.shtml>纪录/a> ul classsub-menu> li classsub-menu-item menu-item-5-sub1>a hrefhttps://global.cctv.com/documentary/index.shtml target_blank>span classmenu-item-sub-tips>/span>纪录中国/a>/li> li classsub-menu-item menu-item-5-sub2>a hrefhttps://global.cctv.com/zgmk/index.shtml target_blank>span classmenu-item-sub-tips>/span>中国面孔/a>/li> /ul> /li> li classmenu-item menu-item-6 idmenu-item-PAGExI1E9yHq3eV3FpI6Sycg210126>a hrefhttps://global.cctv.com/chinesegourmet/index.shtml target_blank>美食/a>/li> li classmenu-item menu-item-7 menu-item-more has-child idmenu-item-PAGEAcAwQE2rxqQd91IljaY7210126>a hrefhttps://global.cctv.com/crossstrait/index.shtml>港澳台/a> ul classsub-menu> li classsub-menu-item menu-item-7-sub1>a hrefhttps://global.cctv.com/crossstrait/index.shtml target_blank>span classmenu-item-sub-tips>/span>看两岸/a>/li> li classsub-menu-item menu-item-7-sub2>a hrefhttps://global.cctv.com/wehk/index.shtml target_blank>span classmenu-item-sub-tips>/span>WeHK/a>/li> /ul> /li> li classmenu-item menu-item-8 idmenu-item-PAGEzUr8KbHQeVt3oiO91YW8210126> a hrefhttps://global.cctv.com/live/index.shtml target_blank> 直播 /a> ul classsub-menu> li classsub-menu-item menu-item-8-sub1>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-8-sub2>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-8-sub3>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-8-sub4>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-8-sub5>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> /ul> /li> li classmenu-item menu-item-9>a hrefhttps://global.cctv.com/event/index.shtml target_blank>专题/a>/li> li classmenu-item menu-item-10 menu-item-more has-child>a href target_blank>中文/a> ul classsub-menu> li classsub-menu-item menu-item-10-sub1> fjtignoreurl> a hrefhttps://big5.cctv.com/gate/big5/global.cctv.com/index.shtml target_blank>span classmenu-item-sub-tips>/span>繁体/a> /fjtignoreurl> /li> li classsub-menu-item menu-item-10-sub2> fjtignoreurl> a hrefhttps://global.cctv.com/index.shtml target_blank>span classmenu-item-sub-tips>/span>简体/a> /fjtignoreurl>/li> /ul> /li> li classmenu-item menu-item-11 has-child> a hrefhttps://english.cctv.com/ target_blank> English /a> ul classsub-menu> li classsub-menu-item menu-item-11-sub1>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-11-sub2>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-11-sub3>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-11-sub4>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-11-sub5>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> /ul> /li> li classmenu-item menu-item-12 menu-item-more has-child> a href target_blank> /a> ul classsub-menu> li classsub-menu-item menu-item-12-sub1>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-12-sub2>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-12-sub3>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-12-sub4>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-12-sub5>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> /ul> /li> li classmenu-item menu-item-13>a href target_blank>/a>/li> /ul> ul classmenu-list menu-list_2> li classmenu-item menu-item-14 styledisplay: flex;>a hrefhttps://www.cctv.com target_blank>返回央视网/a>/li> /ul> /div> script typetext/babel> var show_menu_interval setInterval(show_menu, 1000); function show_menu() { var isCN getArea() CN; console.log(isCN) var guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-1)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-2)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-3)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-5)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-6)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-7)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-8)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-9)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-more)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-10)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-11)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-13)0.style.display flex; } // 菜单2隐藏 if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-2-sub1)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-2-sub2)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-2-sub3)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-2-sub4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-2-sub5)0.style.display flex; } // 菜单3隐藏 if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-3-sub1)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-3-sub2)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-3-sub3)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-3-sub4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-3-sub5)0.style.display flex; } // 菜单5隐藏 if ((isCN && 0 1) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-5-sub1)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-5-sub2)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-5-sub3)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-5-sub4)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-5-sub5)0.style.display flex; } // 菜单7隐藏 if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-7-sub1)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-7-sub2)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-7-sub3)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-7-sub4)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-7-sub5)0.style.display flex; } // 菜单8隐藏 if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-8-sub1)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-8-sub2)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-8-sub3)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-8-sub4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-8-sub5)0.style.display flex; } // 菜单10隐藏 if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-10-sub1)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-10-sub2)0.style.display flex; } // 菜单11隐藏 if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-11-sub1)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-11-sub2)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-11-sub3)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-11-sub4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-11-sub5)0.style.display flex; } // 菜单12隐藏 if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12-sub1)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12-sub2)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12-sub3)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12-sub4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12-sub5)0.style.display flex; } clearInterval(show_menu_interval); } /script> /div> /div>script module-idTPMTJj5jKmvO0LmyGSwc5YkT230515>var pathName;if (window.location.pathname.indexOf(big5) ! -1) {pathName window.location.pathname.replace(/gate/big5/, );pathName pathName.split(/)1;} else {pathName window.location.pathname.split(/)1;}var activeEl document.querySelector(.header-container).querySelector(.menu-list).querySelectorAll(.menu-item);activeEl.forEach((item) > {if (pathName ! && pathName ! index.shtml) {if (item.querySelector(a).getAttribute(href).indexOf(pathName) ! -1) {item.querySelector(a).style.color #ff6c00;}}}); if (window.location.pathname.indexOf(big5) ! -1) { $(.menu-item-10-sub1 a).html( span classmenu-item-sub-tips>/span>繁體/a> ); $(.menu-item-10-sub2 a).html( span classmenu-item-sub-tips>/span>簡體/a> ); } else { $(.menu-item-10-sub1 a).html( span classmenu-item-sub-tips>/span>繁体/a> ); $(.menu-item-10-sub2 a).html( span classmenu-item-sub-tips>/span>简体/a> ); } /script> div> div classslide-container idTPMTOr7IKeZ3p5oUzAEyXSZQ211216_container module-idTPMTOr7IKeZ3p5oUzAEyXSZQ211216> div classdraggable> ul classslide-list slide-block> li classslide-item stylebackground-image: url(//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/21/1729503213283_967.jpg) onclickjavascript:window.open(https://global.cctv.com/2024/10/21/VIDE8mrD8Aqjhu1CWb6MkwQW241021.shtml) data-block-idDABKU0ltBFbT49hjKgJsHzMe211216> div classslide-box> a hrefhttps://global.cctv.com/2024/10/21/VIDE8mrD8Aqjhu1CWb6MkwQW241021.shtml classtitle target_blank>创意作品云集2024北京朝阳国际灯光节/a> p classdesc>创意作品云集2024北京朝阳国际灯光节/p> div> a hrefhttps://global.cctv.com/2024/10/21/VIDE8mrD8Aqjhu1CWb6MkwQW241021.shtml classwatch-btn target_blank>立即观看/a> /div> /div> /li> li classslide-item stylebackground-image: url(//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/29/1730183286282_85.jpg) onclickjavascript:window.open(https://global.cctv.com/2024/10/29/VIDE9HI7O3LbYxyOTjpII4Zc241029.shtml) data-block-idDABKU0ltBFbT49hjKgJsHzMe211216> div classslide-box> a hrefhttps://global.cctv.com/2024/10/29/VIDE9HI7O3LbYxyOTjpII4Zc241029.shtml classtitle target_blank>两次“探险之旅”都被抓住啦/a> p classdesc>小团子想探险的心已经蠢蠢欲动啦,但是每次都被奶妈抓回了/p> div> a hrefhttps://global.cctv.com/2024/10/29/VIDE9HI7O3LbYxyOTjpII4Zc241029.shtml classwatch-btn target_blank>立即观看/a> /div> /div> /li> li classslide-item stylebackground-image: url(//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/25/1729850243628_762.png) onclickjavascript:window.open(https://global.cctv.com/2024/10/25/VIDE5sASg489qCyBlENQPXJ5241025.shtml) data-block-idDABKU0ltBFbT49hjKgJsHzMe211216> div classslide-box> a hrefhttps://global.cctv.com/2024/10/25/VIDE5sASg489qCyBlENQPXJ5241025.shtml classtitle target_blank>周深燃情演唱《向光而行》/a> p classdesc>周深燃情演唱《向光而行》,用歌词诉说炽热奔赴的力量/p> div> a hrefhttps://global.cctv.com/2024/10/25/VIDE5sASg489qCyBlENQPXJ5241025.shtml classwatch-btn target_blank>立即观看/a> /div> /div> /li> /ul> div classcj_dispIndex> span classcj_disp_round white_bg>/span> span classcj_disp_round>/span> span classcj_disp_round>/span> /div> /div> /div>script typetext/babel module-idTPMTOr7IKeZ3p5oUzAEyXSZQ211216> // // bannerSlide 开始 function ininBannerSlideEvent() { document.querySelector(#TPMTOr7IKeZ3p5oUzAEyXSZQ211216_container).style.display block; var timer null; function mobileSlide(noPhone) { var carousel document.querySelector(.slide-container); var carouselUl carousel.querySelector(ul); var carouselLis carouselUl.querySelectorAll(li); var points carousel.querySelector(.cj_dispIndex); // 屏幕的宽度 var screenWidth document.documentElement.offsetWidth; // 初始三个固定的位置 var left carouselLis.length - 1; var center 0; var right 1; if(noPhone){ clearInterval(timer); setTransformPC(); return } // 归位(多次使用,封装成函数) setTransform(); // 调用定时器 timer setInterval(showNext, 2000); // 分别绑定touch事件 var startX 0; // 手指落点 var startTime null; // 开始触摸时间 carouselUl.addEventListener(touchstart, touchstartHandler); // 滑动开始绑定的函数 touchstartHandler carouselUl.addEventListener(touchmove, touchmoveHandler); // 持续滑动绑定的函数 touchmoveHandler carouselUl.addEventListener(touchend, touchendHandeler); // 滑动结束绑定的函数 touchendHandeler // 轮播图片切换下一张 function showNext() { // 轮转下标 left center; center right; right++; // 极值判断 if (right > carouselLis.length - 1) { right 0; } //添加过渡(多次使用,封装成函数) setTransition(1, 1, 0); // 归位 setTransform(); // 自动设置小圆点 setPoint(); } // 轮播图片切换上一张 function showPrev() { // 轮转下标 right center; center left; left--; // 极值判断 if (left 0) { left carouselLis.length - 1; } //添加过渡 setTransition(0, 1, 1); // 归位 setTransform(); // 自动设置小圆点 setPoint(); } // 滑动开始 function touchstartHandler(e) { // 清除定时器 clearInterval(timer); // 记录滑动开始的时间 startTime Date.now(); // 记录手指最开始的落点 startX e.changedTouches0.clientX; } // 滑动持续中 function touchmoveHandler(e) { // 获取差值 自带正负 var dx e.changedTouches0.clientX - startX; // 干掉过渡 setTransition(0, 0, 0); // 归位 setTransform(dx); } // 滑动结束 function touchendHandeler(e) { // 在手指松开的时候,要判断当前是否滑动成功 var dx e.changedTouches0.clientX - startX; // 获取时间差 var dTime Date.now() - startTime; // 滑动成功的依据是滑动的距离(绝对值)超过屏幕的三分之一 或者滑动的时间小于300毫秒同时滑动的距离大于30 if (Math.abs(dx) > screenWidth / 3 || (dTime 300 && Math.abs(dx) > 30)) { // 滑动成功了 // 判断用户是往哪个方向滑 if (dx > 0) { // 往右滑 看到上一张 showPrev(); } else { // 往左滑 看到下一张 showNext(); } } else { // 添加上过渡 setTransition(1, 1, 1); // 滑动失败了 setTransform(); } // 重新启动定时器 clearInterval(timer); // 调用定时器 timer setInterval(showNext, 2000); } // 设置过渡 function setTransition(a, b, c) { if (a) { carouselLisleft.style.transition transform 1s; } else { carouselLisleft.style.transition none; } if (b) { carouselLiscenter.style.transition transform 1s; } else { carouselLiscenter.style.transition none; } if (c) { carouselLisright.style.transition transform 1s; } else { carouselLisright.style.transition none; } } // 封装归位 function setTransform(dx) { dx dx || 0; carouselLisleft.style.transform translateX( + (-screenWidth + dx) + px); carouselLiscenter.style.transform translateX( + dx + px); carouselLisright.style.transform translateX( + (screenWidth + dx) + px); } function setTransformPC(dx) { dx dx || 0; carouselLisleft.style.transform none; carouselLiscenter.style.transform none; carouselLisright.style.transform none; } // 动态设置小圆点的active类 var pointsLis points.querySelectorAll(span); function setPoint() { for (var i 0; i pointsLis.length; i++) { pointsLisi.classList.remove(white_bg); } pointsLiscenter.classList.add(white_bg); } } function init() { if (Number(window.innerWidth) 768) { clearInterval(timer); mobileSlide() }else{ clearInterval(timer); mobileSlide(true); } } window.addEventListener(resize, function () { init() }) init() } window.addEventListener(load, ininBannerSlideEvent) // bannerSlide 结束/script> style module-idTPMTyC55g6ZBo3Whkz45Xo67211216>.promptly-section-container { padding:30px 0; width: 100%; max-width: 1200px; margin: 0 auto; } .promptly-section-container .promptly-section-container-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .promptly-section-container .promptly-section-container-wrap dl{ width: 24%; border-radius: 5px; cursor: pointer; /* background: #1d2645; */ background: #1d2645; margin-top: 25px; } .promptly-section-container .promptly-section-container-wrap dl:hover dd{ border-bottom: 4px solid #ff6c00; } .promptly-section-container .promptly-section-container-wrap dl:hover dd span{ color: #ff6c00; } .promptly-section-container .promptly-section-container-wrap dl img{ width: 100%; cursor: pointer; transition: all 0.6s; background: #D8D8D8; border-radius: 5px 5px 0 0 ; height:162px } .promptly-section-container .promptly-section-container-wrap dl dt { display: block; width: 100%; /* width: 285px; */ height: auto; overflow: hidden; position: relative; border-radius: 5px 5px 0 0; } .promptly-section-container .promptly-section-container-wrap dl dt a{ display: flex; } .promptly-section-container .promptly-section-container-wrap dl dd { /* width: 285px; */ width: 100%; height: 70px; background: #1d2645; margin-left: 0px; position: relative; border-radius: 0 0 5px 5px; overflow: hidden; } .promptly-section-container .promptly-section-container-wrap dl dd span { display: block; font-size: 16px; font-family: PingFang SC; color: #fff; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; max-height:50px; } .promptly-section-container .promptly-section-title { text-align: left; font-size: 35px; position: relative; } .promptly-section-container .promptly-section-title h2{ color: #fff; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_white.png) no-repeat left center;*/ font-size: 35px; } .promptly-section-container .promptly-section-title .promptly-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_white.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .promptly-section-container .promptly-section-title .promptly-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .promptly-section-container img:hover { transform: scale(1.1, 1.1); } .promptly-section-container .promptly-section-container-wrap .promptly-section-container-vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; background:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; }.promptly-section-container .promptly-section-container-wrap .promptly-section-container-look-more{ display:none;} @media screen and (max-width:768px) { .promptly-section-container{ margin-top:1.4rem; padding:0; } .promptly-section-container .promptly-section-container-wrap{ margin: 0 0.5rem; } .promptly-section-container .promptly-section-container-wrap dl{ width: 48.5%; border-radius: 0; background: #fff; box-shadow:0px 0px 10px rgb(0 0 0 / 10%); margin-top:0.4rem; } .promptly-section-container .promptly-section-container-wrap dl dt{ border-radius: 0; } .promptly-section-container .promptly-section-container-wrap dl dd{ background: #fff; height: auto; } .promptly-section-container .promptly-section-container-wrap dl dd span{ color: #000; margin:0.4rem 0.4rem 0.6rem 0.4rem; font-size:0.6rem; } .promptly-section-container .promptly-section-container-wrap dl img{ border-radius: 0; height:3.8rem; } .promptly-section-container .promptly-section-title{ margin: 0 0.5rem; } .promptly-section-container .promptly-section-title h2{ padding-left: 0%; background-image: none; color: #000; font-size:0.72rem; margin-bottom:0.2rem; } .promptly-section-container .promptly-section-title .promptly-section-title-more{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right:-0.8rem; } .promptly-section-container .promptly-section-container-wrap dl:nth-of-type(n+5) { display: none; } .promptly-section-container .promptly-section-container-wrap .promptly-section-container-look-more{ width: 70%; margin: 0 auto; text-align: center; line-height: 2rem; border: 1px solid #000; margin-top: 35px; display:block } .promptly-section-container .promptly-section-container-wrap dl:hover dd{ border-bottom: none; } .promptly-section-container .promptly-section-container-wrap dl:hover dd span{ color: #000; } .promptly-section-container img:hover { transform: none; } }/style>div classpromptly-section-container idTPMTyC55g6ZBo3Whkz45Xo67211216_container module-idTPMTyC55g6ZBo3Whkz45Xo67211216> div classpromptly-section-title> h2>即看/h2> a classpromptly-section-title-more hrefhttps://global.cctv.com/trending/index.shtml target_blank>/a> /div> div classpromptly-section-container-wrap> !--div classpromptly-section-container-look-more> p>换一换/p> /div>--> /div> /div>script module-idTPMTyC55g6ZBo3Whkz45Xo67211216> function PAGEnL0TSDsFQ26XkCx4G7Kl210126(res) { const datalist res.data.list.slice(0, 8); var listEl document.querySelector(#TPMTyC55g6ZBo3Whkz45Xo67211216_container).querySelector(.promptly-section-container-wrap); var liList ; var back PAGEnL0TSDsFQ26XkCx4G7Kl210126; for(var i 0 ; i datalist.length ; i++){ var itemHtml ; let item_title datalisti.title; item_title item_title.replace(/\#^\s*\s/ig, ); item_title item_title.replace(/\#.*/i, ); let item_subtitle datalisti.subtitle; item_subtitle item_subtitle.replace(/\#^\s*\s/ig, ); item_subtitle item_subtitle.replace(/\#.*/i, ); itemHtml +dl classpromptly-section-container-dlWrap> itemHtml +dt> itemHtml +a href itemHtml + datalisti.url itemHtml + target_blank > itemHtml +img src //itemHtml +datalisti.image if(datalisti.image || datalisti.image null || datalisti.image undefined){ if(datalisti.s_page_name || datalisti.s_page_name null || datalisti.s_page_name undefined ){ if(back PAGEnL0TSDsFQ26XkCx4G7Kl210126){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jk.jpg }else if(back PAGEZ8HZ8JSmzO1F6GiAYTi9211130){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_hk.jpg }else if(back PAGEMURMOWpDxCfQkQPW3nKA210126){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_zgmk.jpg } }else{ if(datalisti.s_page_name 今日说两岸){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jrsla.jpg }else if(datalisti.s_page_name 国台办权威发布){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_gtbfb.jpg }else if(datalisti.s_page_name 直通两岸){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkla.jpg }else if(datalisti.s_page_name 我同你港){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_wtng.jpg }else if(datalisti.s_page_name 即看大湾区){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkdwq.jpg } } }else{ itemHtml + datalisti.image } itemHtml + > if(datalisti.duration){ itemHtml +span classpromptly-section-container-vidTime> itemHtml +datalisti.duration itemHtml +/span> } itemHtml +/a>/dt> itemHtml +dd>a href itemHtml +datalisti.url itemHtml + target_blank >span> if(datalisti.subtitle ){ itemHtml +item_title }else{ itemHtml +item_subtitle } itemHtml +/span>/a> itemHtml +/dd> itemHtml +/dl> liList +itemHtml; } listEl.innerHTML liList; } /script>script module-idTPMTyC55g6ZBo3Whkz45Xo67211216> window.addEventListener(load, function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTyC55g6ZBo3Whkz45Xo67211216_container).style.display none; }else{ let urlBeing https://global.cctv.com/cmsdatainterface/guonei/new/video/PAGEnL0TSDsFQ26XkCx4G7Kl210126_1.jsonp?true:false; if(urlBeing){ scriptEl.src isCN ? https://global.cctv.com/cmsdatainterface/guonei/new/video/PAGEnL0TSDsFQ26XkCx4G7Kl210126_1.jsonp : https://global.cctv.com/cmsdatainterface/guowai/new/video/PAGEnL0TSDsFQ26XkCx4G7Kl210126_1.jsonp document.body.appendChild(scriptEl) } } })/script> style module-idTPMTzo7laOcaXUpvBX67KgjG211216> .ipanda-section-container { background-color:#fff; padding:30px 0; width: 100%; max-width: 1200px; margin: 0 auto; } .ipanda-section-container .ipanda-section-container-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .ipanda-section-container .ipanda-section-container-wrap dl{ width: 33%; border-radius: 5px; cursor: pointer; /* background: #1d2645; */ background: #1d2645; margin-top: 25px; max-width: 386px; } .ipanda-section-container .ipanda-section-container-wrap dl:hover dd{ border-bottom: 4px solid #ff6c00; } .ipanda-section-container .ipanda-section-container-wrap dl:hover dd span{ color: #ff6c00; } .ipanda-section-container .ipanda-section-container-wrap dl img{ width: 100%; cursor: pointer; transition: all 0.6s; background: #D8D8D8; border-radius: 5px 5px 0 0 ; height:217px; } .ipanda-section-container .ipanda-section-container-wrap dl dt { display: block; width: 100%; /* width: 285px; */ height: auto; overflow: hidden; position: relative; border-radius: 5px 5px 0 0 ; } .ipanda-section-container .ipanda-section-container-wrap dl dt a{ display: flex; } .ipanda-section-container .ipanda-section-container-wrap dl dd { /* width: 285px; */ width: 100%; height: 70px; background: #1d2645; margin-left: 0px; position: relative; border-radius: 0 0 5px 5px; overflow: hidden; } .ipanda-section-container .ipanda-section-container-wrap dl dd span { display: block; font-size: 16px; font-family: PingFang SC; color: #fff; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; } .ipanda-section-container .ipanda-section-title { text-align: left; font-size: 35px; position: relative; } .ipanda-section-container .ipanda-section-title h2{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ font-size: 35px; } .ipanda-section-container .ipanda-section-title .ipanda-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .ipanda-section-container .ipanda-section-title .ipanda-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .ipanda-section-container img:hover { transform: scale(1.1, 1.1); } .ipanda-section-container .ipanda-section-container-wrap .ipanda-section-container-vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; } .ipanda-section-title .ipanda-section-title-right{ font-size: 16px; position: absolute; right: 120px; top: 15%; } .ipanda-section-title .ipanda-section-title-right li{ float: left; margin-left: 30px; line-height: 36px; } .ipanda-section-title .ipanda-section-title-right li a{ cursor: pointer; color: #000; } .ipanda-section-title .ipanda-section-title-right li a img{ vertical-align: middle; } .ipanda-section-title .ipanda-section-title-right li a:hover{ color: #ff6c00; } .ipanda-section-container .ipanda-section-container-wrap .ipanda-section-container-type{ display: none; } @media screen and (max-width:800px) { .ipanda-section-container{ margin-top:1.4rem; padding:0; } .ipanda-section-container .ipanda-section-container-wrap{ margin: 0 0.5rem; } .ipanda-section-container .ipanda-section-container-wrap dl{ width: 48%; border-radius: 0; background: #fff; box-shadow:0px 0px 10px rgb(0 0 0 / 10%); } .ipanda-section-container .ipanda-section-container-wrap dl dd{ background: #fff; } .ipanda-section-container .ipanda-section-container-wrap dl dd span{ color: #000; font-size:0.6rem; margin:0.2rem 0.4rem; } .ipanda-section-container .ipanda-section-container-wrap dl img{ border-radius: 0; height:3.8rem; } .ipanda-section-container .ipanda-section-title{ margin: 0 0.5rem; } .ipanda-section-container .ipanda-section-title h2{ background:url(); padding-left:0; font-size: 0.72rem; } .ipanda-section-container .ipanda-section-title .ipanda-section-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .ipanda-section-container .ipanda-section-container-wrap dl:nth-of-type(n+4) { display: none; } .ipanda-section-container .ipanda-section-container-wrap dl:nth-child(1) { width: 100%; } .ipanda-section-container .ipanda-section-container-wrap dl:nth-child(1) img { height:7.9rem; } .ipanda-section-title .ipanda-section-title-right{ display: none; } .ipanda-section-container .ipanda-section-container-wrap dl:hover dd{ border-bottom: none; } .ipanda-section-container .ipanda-section-container-wrap dl:hover dd span{ color: #000; } .ipanda-section-container .ipanda-section-container-wrap .ipanda-section-container-type{ color: #999999; padding: 0 0 0.4rem 0.4rem; display: block; font-size: 13px; } .ipanda-section-container .ipanda-section-container-wrap dl dt { border-radius: 0; } .ipanda-section-container img:hover { transform: none; } } @media screen and (max-width:1000px) { .ipanda-section-title .ipanda-section-title-right{ display:none; }} /style>div classipanda-section-container idTPMTzo7laOcaXUpvBX67KgjG211216_container module-idTPMTzo7laOcaXUpvBX67KgjG211216> div classipanda-section-title> h2>熊猫频道/h2> ul classipanda-section-title-right> li> a hrefhttps://global.cctv.com/ipanda/pandatroupe/index.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/16/1639647978733_722.png> 熊猫星团 /a> /li> li> a hrefhttps://global.cctv.com/ipanda/pandastories/index.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/16/1639647981712_576.png> 大熊猫故事 /a> /li> li> a hrefhttps://global.cctv.com/ipanda/hipanda/index.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/16/1639647987066_668.png> 熊猫一刻 /a> /li> li> a hrefhttps://global.cctv.com/ipanda/nationalpark/index.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/17/1639725024967_844.png> 大熊猫国家公园 /a> /li> /ul> a classipanda-section-title-more hrefhttps://global.cctv.com/ipanda/index.shtml target_blank>/a> /div> div classipanda-section-container-wrap> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/10/29/VIDE9HI7O3LbYxyOTjpII4Zc241029.shtml target_blank> img src//p2.img.cctvpic.com/photoworkspace/2024/10/29/2024102913544036466.jpg> span classipanda-section-container-vidTime>01:44/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/10/29/VIDE9HI7O3LbYxyOTjpII4Zc241029.shtml target_blank> span>两次“探险之旅”都被抓住啦/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/10/22/VIDExPEuWKkU2wziOT8Tpa8x241022.shtml target_blank> img src//p3.img.cctvpic.com/photoworkspace/2024/10/22/2024102215200898848.jpg> span classipanda-section-container-vidTime>00:59/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/10/22/VIDExPEuWKkU2wziOT8Tpa8x241022.shtml target_blank> span>害怕你摔,但又要看着你摔/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/10/14/VIDEAmfss4tQjR8CCqdgM04F241014.shtml target_blank> img src//p5.img.cctvpic.com/photoworkspace/2024/10/15/2024101514312361953.jpg> span classipanda-section-container-vidTime>02:58/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/10/14/VIDEAmfss4tQjR8CCqdgM04F241014.shtml target_blank> span>你那里还有笋吗/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/10/09/VIDEt3adwwjrSWkDiobE3OUg241009.shtml target_blank> img src//p3.img.cctvpic.com/photoworkspace/2024/10/09/2024100916392419774.jpg> span classipanda-section-container-vidTime>01:35/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/10/09/VIDEt3adwwjrSWkDiobE3OUg241009.shtml target_blank> span>原地打转的“猫猫虫”/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/10/02/VIDEyhvb2OHYp0X2SpuypLZ4241002.shtml target_blank> img src//p4.img.cctvpic.com/photoworkspace/2024/10/02/2024100217582438822.jpg> span classipanda-section-container-vidTime>02:33/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/10/02/VIDEyhvb2OHYp0X2SpuypLZ4241002.shtml target_blank> span>小团子和它未驯服的四肢/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/09/25/VIDEL75fTU77DdU97vpyQbhZ240925.shtml target_blank> img src//p3.img.cctvpic.com/photoworkspace/2024/09/25/2024092514500645505.jpg> span classipanda-section-container-vidTime>01:45/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/09/25/VIDEL75fTU77DdU97vpyQbhZ240925.shtml target_blank> span>你这出的是什么招式?/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> /div> /div>script module-idTPMTzo7laOcaXUpvBX67KgjG211216>window.addEventListener(load, function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTzo7laOcaXUpvBX67KgjG211216_container).style.display none; }else{ scriptEl.src isCN ? : document.body.appendChild(scriptEl) }})/script> style module-idTPMTPx4zGUkt1J4Vyco4gdaY211216> body {overflow-x:hidden;} .videos-carousel-container {padding:30px 0;} .videos-carousel-container .videos-carousel-box {max-width:1276px;padding:0 38px;margin:0 auto;} .videos-carousel-container .videos-carousel-header {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 7.5px 20px 7.5px;} .videos-carousel-container .videos-carousel-header-title {font-size:24px;font-weight:500;color:#121a21;line-height:1.25;letter-spacing:-0.025em;overflow:hidden;} .videos-carousel-container .videos-carousel-header-divider {-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 15px 0 25px;height:1px;background-color:#e8e8e8;} .videos-carousel-container .videos-carousel-header-more {display:block;font-size:14px;color:#949494;line-height:18px;font-weight:500;letter-spacing:-0.01em;} .videos-carousel-container .videos-carousel-header-more:hover {color:#bc0001;} .videos-carousel-container .videos-carousel-swiper {position:relative;} .videos-carousel-container .videos-carousel-swiper .btn-swiper {position:absolute;top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;border:2px solid #d2d2d8;border-radius:20px;background-color:transparent;outline:none;cursor:pointer;-webkit-transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;} .videos-carousel-container .videos-carousel-swiper .btn-swiper svg {width:20px;height:20px;fill:#d2d2d8;-webkit-transition:fill 0.15s ease-in-out;-o-transition:fill 0.15s ease-in-out;transition:fill 0.15s ease-in-out;} .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-prev {left:0;-webkit-transform:translate(-125%,-100%);-ms-transform:translate(-125%,-100%);transform:translate(-125%,-100%);} .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-next {right:0;-webkit-transform:translate(125%,-100%);-ms-transform:translate(125%,-100%);transform:translate(125%,-100%);} .videos-carousel-container .videos-carousel-swiper .btn-swiper:hover {border-color:#9f9fa4;} .videos-carousel-container .videos-carousel-swiper .btn-swiper:hover svg {fill:#9f9fa4;} .videos-carousel-container .videos-carousel-swiper .swiper-list {overflow:hidden;} .videos-carousel-container .videos-carousel-swiper .swiper-track {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);-webkit-transition:-webkit-transform 0.5s ease-out;transition:-webkit-transform 0.5s ease-out;-o-transition:transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out,-webkit-transform 0.5s ease-out;} .videos-carousel-container .videos-carousel-swiper .swiper-slide {padding:0 7px;width:33%;position: relative;} .videos-carousel-container .videos-carousel-swiper .swiper-slide-box {display:block;background: #1d2645;border-radius: 5px;overflow: hidden;} .videos-carousel-container .videos-carousel-swiper .swiper-slide-img {position:relative;padding-top:56.22%;margin-bottom:11px;background-position:center;background-size:cover;background-repeat:no-repeat;background-color: #000;transition: all 0.6s;background-size: 100%;} /* .videos-carousel-container .videos-carousel-swiper .swiper-slide-img::after {display:block;content:;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.3);opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:1;} */ .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-img{background-size: 110%; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-svg {width:20%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .videos-carousel-container .videos-carousel-swiper .swiper-slide-title-wrap{ padding: 0 10px 10px 10px; border-bottom: 4px solid transparent; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-title {font-size:16px;line-height:25px;max-height:50px;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;height: 50px;} .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-title{color: #ff6c00;} .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-title-wrap{border-bottom:4px solid #ff6c00 ;} .videos-carousel-container .videos-carousel-swiper .swiper-slide-length-time{ height: 25px; position: absolute; left: 20px; bottom: 95px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color: rgb(0,0,0,0.4); font-size: 14px; color: #fff; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-date {margin-top:2px;font-size:12px;line-height:2;color:#949cb0;} .videos-carousel-container .videos-carousel-swiper .swiper-dots-list {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;} .videos-carousel-container .videos-carousel-swiper .swiper-dots-item {width:8px;height:8px;margin:0 7px;border-radius:50%;cursor:pointer;background-color:#d3d3d3;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;} .videos-carousel-container .videos-carousel-swiper .swiper-dots-item.active {width:30px;border-radius:3px;background-color:#bc0001;} .videos-carousel-box .videos-carousel-title { text-align: left; font-size: 35px; position: relative; margin-bottom:20px; } .videos-carousel-box .videos-carousel-title h2{ color: #fff; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_white.png) no-repeat left center;*/ font-size: 35px; } .videos-carousel-box .videos-carousel-title .videos-carousel-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_white.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .videos-carousel-box .videos-carousel-title .videos-carousel-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } @media screen and (max-width:1486px) {.videos-carousel-container .videos-carousel-box {max-width:1276px;} } @media screen and (max-width:1440px) {.videos-carousel-container .videos-carousel-box {max-width:1276px;} } @media screen and (max-width:1200px) {.videos-carousel-container .videos-carousel-box {max-width:960px;padding:0 15px;} .videos-carousel-container .videos-carousel-box .videos-carousel-title {font-size:35px;} } @media screen and (max-width:992px) {.videos-carousel-container .videos-carousel-box {max-width:720px;} .videos-carousel-container .videos-carousel-box .videos-carousel-title {font-size:25px;margin-bottom:0.6rem;} .videos-carousel-container .videos-carousel-header-title {font-size:18px;} } @media screen and (max-width:768px) {.videos-carousel-container .videos-carousel-box {max-width:540px;padding:0 0.5rem;} .videos-carousel-container .videos-carousel-header {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;} .videos-carousel-container .videos-carousel-header-title {margin-bottom:20px;} .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-prev {-webkit-transform:translate(20%,-100%);-ms-transform:translate(20%,-100%);transform:translate(20%,-100%);z-index:1;} .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-next {-webkit-transform:translate(-20%,-100%);-ms-transform:translate(-20%,-100%);transform:translate(-20%,-100%);z-index:1;} .videos-carousel-container { padding: 0.8rem 0; margin-top:1.4rem; height:9.8rem; } .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-prev{ display:none; } .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-next{ display:none; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-box {background: #fff;border-radius: 0;} .videos-carousel-container .videos-carousel-swiper .swiper-slide-title{color: #000;font-size:0.6rem;} .videos-carousel-container .videos-carousel-swiper .swiper-slide{ padding:0 0.4rem 0 0; } .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-title{ color:#000; } .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-title-wrap{ border-bottom:4px solid transparent; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-img{ margin-bottom:0; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-title-wrap{ padding:0.4rem; } .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-img{ background-size: 100%; } .videos-carousel-container .videos-carousel-box{ padding: 0 0 0 0.5rem; } .videos-carousel-container .videos-carousel-box .videos-carousel-title{ margin-right:0.5rem; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-length-time{ bottom: 3.2rem; left:0.2rem; } } @media screen and (max-width:800px) { .videos-carousel-box .videos-carousel-title h2{ padding-left: 0%; background-image: none; font-size: 0.72rem; } .videos-carousel-box .videos-carousel-title .videos-carousel-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } } /style>div classvideos-carousel-container idTPMTPx4zGUkt1J4Vyco4gdaY211216_container stylebackground-image: url(//p2.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/16/1639642349883_416.png) module-idTPMTPx4zGUkt1J4Vyco4gdaY211216> div classvideos-carousel-box> div classvideos-carousel-title> h2>美食中国/h2> a classvideos-carousel-title-more hrefhttps://global.cctv.com/chinesegourmet/index.shtml target_blank>/a> /div> section classvideos-carousel-swiper> button classbtn-swiper btn-prev data-direction-1> svg t1608173184169 classicon viewbox0 0 1024 1024 version1.1 xmlnshttp://www.w3.org/2000/svg p-id3786 width200 height200> path dM677.391515 873.916768c-7.86101 0-15.618586-2.999596-21.617778-8.895354L324.473535 533.721212c-11.998384-11.894949-11.998384-31.340606 0-43.235555L655.670303 159.288889c5.999192-5.999192 13.756768-8.895354 21.617778-8.895354 7.757576 0 15.618586 2.999596 21.617778 8.895354 11.894949 11.894949 11.894949 31.237172 0 43.235555L389.223434 512.103434 698.905859 821.785859c11.894949 11.998384 11.894949 31.340606 0 43.235555-5.895758 5.895758-13.756768 8.895354-21.514344 8.895354z m0 0 p-id3787>/path> /svg> /button> div classswiper-list draggable> ul classswiper-track> /ul> /div> button classbtn-swiper btn-next data-direction1> svg t1608173199719 classicon viewbox0 0 1024 1024 version1.1 xmlnshttp://www.w3.org/2000/svg p-id4521 width200 height200> path dM384 883.08c-8.19 0-16.38-3.12-22.62-9.38-12.5-12.5-12.5-32.75 0-45.25L677.83 512 361.38 195.55c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L734.4 478.07c18.72 18.72 18.72 49.16 0 67.88L406.62 873.7c-6.24 6.25-14.43 9.38-22.62 9.38z m305.14-359.77h0.31-0.31z p-id4522>/path> /svg> /button> ul classswiper-dots-list>/ul> /section> /div> /div>script typetext/babel module-idTPMTPx4zGUkt1J4Vyco4gdaY211216>function PAGEAcAwQE2rxqQd91IljaY7210126(res) { const datalist res.data.list.slice(0, 9); const listEl document.querySelector(#TPMTPx4zGUkt1J4Vyco4gdaY211216_container).querySelector(.swiper-track); var liList for(var i 0 ; i datalist.length ; i++){ let item_title datalisti.title; item_title item_title.replace(/\#^\s*\s/ig, ); item_title item_title.replace(/\#.*/i, ); var item ; item +li classswiper-slide> item +a href item +datalisti.url item + classswiper-slide-box target_blank> item +div classswiper-slide-img stylebackground-image: url( item +datalisti.image item +);>/div>div classswiper-slide-title-wrap >p classswiper-slide-title> item +item_title item + /p>/div>/a> if(datalisti.duration){ item + p classswiper-slide-length-time> item + datalisti.duration item +/p> } item +/li> liList +item } listEl.innerHTML liList}/script>script typetext/babel module-idTPMTPx4zGUkt1J4Vyco4gdaY211216> (function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 1) || (!isCN && 1 0)) { document.getElementById(TPMTPx4zGUkt1J4Vyco4gdaY211216_container).style.display none; }else{ let urlBeing https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEAcAwQE2rxqQd91IljaY7210126_1.jsonp?true:false; if(urlBeing){ scriptEl.src isCN ? https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEAcAwQE2rxqQd91IljaY7210126_1.jsonp : https://global.cctv.com/cmsdatainterface/guowai/new/page/PAGEAcAwQE2rxqQd91IljaY7210126_1.jsonp document.body.appendChild(scriptEl) } } })()/script>script typetext/babel module-idTPMTPx4zGUkt1J4Vyco4gdaY211216>// videoSlide 开始function initVideoSlideEvent() { class VideoSlide { constructor (selector, options) { this.swiperContainer document.querySelector(`${selector}`) this.currentIndex 0 this.siwperSlideList Array.from(this.swiperContainer.querySelector(.swiper-list).querySelectorAll(.swiper-slide)) this.trackBox this.swiperContainer.querySelector(.swiper-track) this.dotsBox this.swiperContainer.querySelector(.swiper-dots-list) this.btnList Array.from(this.swiperContainer.querySelectorAll(.btn-swiper)) this.touchEl this.swiperContainer.querySelector(.draggable) this.currentWidth 0 this.dotsList null this.config null this.sliderWidth 0 this.trackBoxWidth 0 this.scrollWidth 0 this.dotsCount 0 this.dragDistance 0 this.sliderObj { 1920: { width: 1200, show: 3, toggle: 1 }, 1486: { width: 1200, show: 3, toggle: 1 }, 1440: { width: 1200, show: 3, toggle: 1 }, 1200: { width: 930, show: 3, toggle: 0 }, 992: { width: 690, show: 2, toggle: 0 }, 768: { width: 360, show: 2, toggle: 0 }, } this.options { showDots: true, ...options } this.reRender(Number(window.innerWidth)) this.onResize() } boxScroll () > { let scrollW this.config.toggle 1 ? - this.currentIndex * (parseFloat(this.siwperSlideList0.style.width) * this.config.show) : - this.currentIndex * parseFloat(this.siwperSlideList0.style.width) const newVal this.trackBoxWidth - this.scrollWidth > -scrollW ? scrollW : scrollW - (this.trackBoxWidth - this.scrollWidth - this.currentIndex * this.scrollWidth) this.trackBox.style.transform `translate3d(${newVal}px, 0px, 0px)`; } changeDots () > { if (!this.options.showDots) { return 0 } this.dotsList.forEach(el > { if (Number(el.dataset.index) this.currentIndex) { el.classList.add(active) } else { el.classList.remove(active) } }) } btnClick (e) > { let newIndex this.currentIndex + parseInt(e.currentTarget.dataset.direction) if (newIndex > 0 && newIndex this.dotsCount) { this.currentIndex newIndex this.boxScroll() this.changeDots() } } dotsClick (e) > { if (!isNaN(e.target.dataset.index)) { this.currentIndex Number(e.target.dataset.index) this.boxScroll() this.changeDots() } } initSwiperDots () > { this.dotsBox.removeEventListener(click, this.dotsClick, false) this.dotsCount this.config.toggle 1 ? Math.ceil(this.trackBoxWidth / this.scrollWidth) : Math.ceil((this.trackBoxWidth - this.scrollWidth) / this.sliderWidth) + 1 let temInnerHtml for (let i 0; i this.dotsCount; i++) { temInnerHtml + `li classswiper-dots-item ${i this.currentIndex ? active : } data-index${i}>/li>` } this.dotsBox.innerHTML temInnerHtml this.dotsList Array.from(this.swiperContainer.querySelectorAll(.swiper-dots-item)) this.dotsBox.addEventListener(click, this.dotsClick, false) if (!this.options.showDots) { this.dotsBox.style.display none } } // 点击初始化 initSwiperSlider () > { this.currentIndex 0 this.btnList.forEach(el > { el.removeEventListener(click, this.btnClick, false) }) this.sliderWidth this.config.width / this.config.show this.trackBoxWidth this.siwperSlideList.length * this.sliderWidth this.scrollWidth this.sliderWidth * this.config.show this.trackBox.style.width this.trackBoxWidth + px this.trackBox.style.transform translate3d(0px, 0px, 0px); this.siwperSlideList.forEach(el > { el.style.width window.innerWidth > this.sliderWidth ? this.sliderWidth + px : window.innerWidth - 30 + px console.log(this.config.width) }) this.btnList.forEach(el > { el.addEventListener(click, this.btnClick, false) }) this.initSwiperDots() } // 移动端滑动初始化 changeSlide () > { const _this this function isBoundary (val) { return val > 0 && val _this.dotsCount - 1 } if (this.dragDistance > 100) { const newIndex this.currentIndex - 1 if (isBoundary(newIndex)) { this.currentIndex newIndex } } else if (this.dragDistance -100) { const newIndex this.currentIndex + 1 if (isBoundary(newIndex)) { this.currentIndex newIndex } } this.boxScroll() this.changeDots() } startTouch (e) > { e.stopPropagation() this.dragDistance e.changedTouches0.clientX } endTouch (e) > { e.stopPropagation() this.dragDistance e.changedTouches0.clientX - this.dragDistance this.changeSlide() } initTouchSlider (remove true) > { if (remove) { this.touchEl.removeEventListener(touchstart, this.startTouch, {passive: true}) this.touchEl.removeEventListener(touchend, this.endTouch, {passive: true}) return 0 } this.touchEl.addEventListener(touchstart, this.startTouch, {passive: true}) this.touchEl.addEventListener(touchend, this.endTouch, {passive: true}) } reRender (windowWidth) > { if (this.currentWidth 1920 && windowWidth > 1486 && this.currentWidth ! 1920) { this.currentWidth 1920 this.config this.sliderObj1920 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1486 && windowWidth > 1440 && this.currentWidth ! 1486) { this.currentWidth 1486 this.config this.sliderObj1486 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1440 && windowWidth > 1200 && this.currentWidth ! 1440) { this.currentWidth 1440 this.config this.sliderObj1440 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1200 && windowWidth > 992 && this.currentWidth ! 1200) { this.currentWidth 1200 this.config this.sliderObj1200 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 992 && windowWidth > 768 && this.currentWidth ! 992) { this.currentWidth 992 this.config this.sliderObj992 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 768 && this.currentWidth ! 768) { this.currentWidth 768 this.config this.sliderObj768 this.initSwiperSlider() this.initTouchSlider(false) } } onResize () > { const _this this window.addEventListener(resize, function () { const windowWidth Number(window.innerWidth) _this.reRender(windowWidth) }) } } new VideoSlide(#TPMTPx4zGUkt1J4Vyco4gdaY211216_container, { showDots: false })}window.addEventListener(load, initVideoSlideEvent)// videoSlide 结束/script> style module-idTPMTtekDoh7wf5Z0Jb4xXSdf211216> body {overflow-x:hidden;} .chineseLiterature-carousel-container {padding:30px 0;} .chineseLiterature-carousel-container .chineseLiterature-carousel-box {max-width:1276px;padding:0 38px;margin:0 auto;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 7.5px 20px 7.5px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-title {font-size:24px;font-weight:500;color:#121a21;line-height:1.25;letter-spacing:-0.025em;overflow:hidden;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-divider {-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 15px 0 25px;height:1px;background-color:#e8e8e8;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-more {display:block;font-size:14px;color:#949494;line-height:18px;font-weight:500;letter-spacing:-0.01em;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-more:hover {color:#bc0001;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper {position:relative;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper {position:absolute;top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;border:2px solid #d2d2d8;border-radius:20px;background-color:transparent;outline:none;cursor:pointer;-webkit-transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper svg {width:20px;height:20px;fill:#d2d2d8;-webkit-transition:fill 0.15s ease-in-out;-o-transition:fill 0.15s ease-in-out;transition:fill 0.15s ease-in-out;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-prev {left:0;-webkit-transform:translate(-125%,-100%);-ms-transform:translate(-125%,-100%);transform:translate(-125%,-100%);} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-next {right:0;-webkit-transform:translate(125%,-100%);-ms-transform:translate(125%,-100%);transform:translate(125%,-100%);} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper:hover {border-color:#9f9fa4;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper:hover svg {fill:#9f9fa4;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-list {overflow:hidden;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-track {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);-webkit-transition:-webkit-transform 0.5s ease-out;transition:-webkit-transform 0.5s ease-out;-o-transition:transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out,-webkit-transform 0.5s ease-out;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide {padding:0 7px;width:33%;position: relative;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-box {display:block;background: #1d2645;border-radius: 5px;overflow: hidden;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-img {position:relative;padding-top:56.22%;margin-bottom:11px;background-position:center;background-size:cover;background-repeat:no-repeat;background-color: #000;transition: all 0.6s;background-size: 100%;} /* .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-img::after {display:block;content:;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.3);opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:1;} */ .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide:hover .swiper-slide-img{background-size: 110%; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-svg {width:20%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-title-wrap{ padding: 10px; border-bottom: 4px solid transparent; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-title {font-size:16px;line-height:25px;max-height:50px;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;height: 50px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide:hover .swiper-slide-title{color: #ff6c00;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide:hover .swiper-slide-title-wrap{border-bottom:4px solid #ff6c00 ;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-length-time{ height: 25px; position: absolute; left: 20px; bottom: 95px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color: rgb(0,0,0,0.4); font-size: 14px; color: #fff; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-date {margin-top:2px;font-size:12px;line-height:2;color:#949cb0;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-dots-list {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-dots-item {width:8px;height:8px;margin:0 7px;border-radius:50%;cursor:pointer;background-color:#d3d3d3;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-dots-item.active {width:30px;border-radius:3px;background-color:#bc0001;} .chineseLiterature-carousel-box .chineseLiterature-carousel-title { text-align: left; font-size: 35px; position: relative; margin-bottom:20px; } .chineseLiterature-carousel-box .chineseLiterature-carousel-title h2{ color: #fff; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_white.png) no-repeat left center;*/ font-size: 35px; } .chineseLiterature-carousel-box .chineseLiterature-carousel-title .chineseLiterature-carousel-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_white.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .chineseLiterature-carousel-box .chineseLiterature-carousel-title .chineseLiterature-carousel-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone{ display: none; } @media screen and (max-width:1486px) {.chineseLiterature-carousel-container .chineseLiterature-carousel-box {max-width:1276px;} } @media screen and (max-width:1440px) {.chineseLiterature-carousel-container .chineseLiterature-carousel-box {max-width:1276px;} } @media screen and (max-width:1200px) {.chineseLiterature-carousel-container .chineseLiterature-carousel-box {max-width:960px;padding:0 15px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-box .chineseLiterature-carousel-title {font-size:35px;} } @media screen and (max-width:992px) {.chineseLiterature-carousel-container .chineseLiterature-carousel-box {max-width:720px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-box .chineseLiterature-carousel-title {font-size:25px;margin-bottom:30px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-title {font-size:18px;} } @media screen and (max-width:768px) {.chineseLiterature-carousel-container .chineseLiterature-carousel-box {margin:0 0.5rem;padding:0;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-title {margin-bottom:20px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-prev {-webkit-transform:translate(20%,-100%);-ms-transform:translate(20%,-100%);transform:translate(20%,-100%);z-index:1;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-next {-webkit-transform:translate(-20%,-100%);-ms-transform:translate(-20%,-100%);transform:translate(-20%,-100%);z-index:1;} .chineseLiterature-carousel-container { padding: 0; margin-top:1.4rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-prev{ display:none; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-next{ display:none; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-box {background: #fff;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-title{color: #000;} .chineseLiterature-carousel-container .chineseLiterature-carousel-box .chineseLiterature-carousel-swiper{ display: none; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone{ display: block; width: 100%; height: auto; display: flex; flex-wrap: wrap; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div{ display: flex; justify-content: space-evenly; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div{ border-radius: 0; background: #fff; box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); position: relative; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div p{ color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; padding: 0.3rem 0.4rem 0rem 0.4rem; font-size:0.6rem; height: 50px; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div .chineseLiterature-carousel-phone-look{ color: #000; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-child(1){ width: 100%; margin-bottom: 0.4rem; height:10.6rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-child(1) a{ width:100%; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-child(2){ margin-right:0.4rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div .chineseLiterature-carousel-phone-look{ font-size: 14px; color: #999999; display: inline-block; padding: 0 0.4rem; margin: 0.4rem 0; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-child(1) .chineseLiterature-carousel-phone-look{ display: none; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-of-type(n+2){ width: 6.8rem; height:7.3rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-of-type(n+2) img{ height: 3.8rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-of-type(n+4){ display: none; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div img{ width: 100%; height: 7.8rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div .chineseLiterature-section-container-vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; color: #fff; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div .chineseLiterature-carousel-phone-imgWrap{ position: relative; display: flex; } .chineseLiterature-carousel-container .chineseLiterature-carousel-box .chineseLiterature-carousel-title{ margin-bottom:0.4rem; } .chineseLiterature-carousel-container{ background-image:url() !important; } } @media screen and (max-width:800px) { .chineseLiterature-carousel-box .chineseLiterature-carousel-title h2{ padding-left: 0%; background-image: none; font-size: 0.72rem; color:#000; } .chineseLiterature-carousel-box .chineseLiterature-carousel-title .chineseLiterature-carousel-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); } } /style>div classchineseLiterature-carousel-container idTPMTtekDoh7wf5Z0Jb4xXSdf211216_container stylebackground-image: url(//p1.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/16/1639642945608_585.png) module-idTPMTtekDoh7wf5Z0Jb4xXSdf211216> div classchineseLiterature-carousel-box> div classchineseLiterature-carousel-title> h2>中华文艺/h2> a classchineseLiterature-carousel-title-more hrefhttps://global.cctv.com/chineseart/index.shtml target_blank>/a> /div> section classchineseLiterature-carousel-swiper> button classbtn-swiper btn-prev data-direction-1> svg t1608173184169 classicon viewbox0 0 1024 1024 version1.1 xmlnshttp://www.w3.org/2000/svg p-id3786 width200 height200> path dM677.391515 873.916768c-7.86101 0-15.618586-2.999596-21.617778-8.895354L324.473535 533.721212c-11.998384-11.894949-11.998384-31.340606 0-43.235555L655.670303 159.288889c5.999192-5.999192 13.756768-8.895354 21.617778-8.895354 7.757576 0 15.618586 2.999596 21.617778 8.895354 11.894949 11.894949 11.894949 31.237172 0 43.235555L389.223434 512.103434 698.905859 821.785859c11.894949 11.998384 11.894949 31.340606 0 43.235555-5.895758 5.895758-13.756768 8.895354-21.514344 8.895354z m0 0 p-id3787>/path> /svg> /button> div classswiper-list draggable> ul classswiper-track> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/25/VIDE5sASg489qCyBlENQPXJ5241025.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/25/1729849628924_961.png);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>周深与澳门蔡高合唱团燃情演唱《向光而行 Run to the Light》,用歌词诉说炽热奔赴的力量/p> /div> /a> p classswiper-slide-length-time>02:14/p> /li> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/15/VIDEYXKVvxuXXRXhCn3HtCkk241015.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p3.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/15/1728983738242_6.jpg);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>张杰霸气演唱《少年中国说》,点燃全场气氛!/p> /div> /a> p classswiper-slide-length-time>02:43/p> /li> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/10/VIDEZO40JhOBNLy6jT0G9I8T241010.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/10/1728551046959_797.png);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>曾小敏、胡彦斌跨界合唱《心愿千万里》,国风戏腔一开口就醉了!/p> /div> /a> p classswiper-slide-length-time>03:43/p> /li> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/06/VIDEPF5O5WHDtb5NeD6zClj5241006.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/6/1728202059552_256.png);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>这是我们美好家园,我爱我的祖国/p> /div> /a> p classswiper-slide-length-time>08:27/p> /li> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/09/30/VIDE96chPFelI896li2lb7Ce240930.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/30/1727687003978_630.jpg);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>当民乐遇见古建,中央民族乐团演绎《我的祖国》| 中央民族乐团/p> /div> /a> p classswiper-slide-length-time>02:41/p> /li> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/09/25/VIDEMVL9M9UXKOZvfxejr4VO240925.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/25/1727256461226_182.png);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>黄霄雲、迪玛希绝美演绎《仰世而来 I Came to Honor Mortal Life》,唱响宇宙级浪漫!/p> /div> /a> p classswiper-slide-length-time>03:37/p> /li> /ul> /div> button classbtn-swiper btn-next data-direction1> svg t1608173199719 classicon viewbox0 0 1024 1024 version1.1 xmlnshttp://www.w3.org/2000/svg p-id4521 width200 height200> path dM384 883.08c-8.19 0-16.38-3.12-22.62-9.38-12.5-12.5-12.5-32.75 0-45.25L677.83 512 361.38 195.55c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L734.4 478.07c18.72 18.72 18.72 49.16 0 67.88L406.62 873.7c-6.24 6.25-14.43 9.38-22.62 9.38z m305.14-359.77h0.31-0.31z p-id4522>/path> /svg> /button> ul classswiper-dots-list>/ul> /section> div classchineseLiterature-carousel-phone> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/25/VIDE5sASg489qCyBlENQPXJ5241025.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/25/1729849628924_961.png> span classchineseLiterature-section-container-vidTime>02:14/span> /div> p>周深与澳门蔡高合唱团燃情演唱《向光而行 Run to the Light》,用歌词诉说炽热奔赴的力量/p> span classchineseLiterature-carousel-phone-look>/span> /a> /div> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/15/VIDEYXKVvxuXXRXhCn3HtCkk241015.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/15/1728983738242_6.jpg> span classchineseLiterature-section-container-vidTime>02:43/span> /div> p>张杰霸气演唱《少年中国说》,点燃全场气氛!/p> span classchineseLiterature-carousel-phone-look>/span> /a> /div> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/10/VIDEZO40JhOBNLy6jT0G9I8T241010.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/10/1728551046959_797.png> span classchineseLiterature-section-container-vidTime>03:43/span> /div> p>曾小敏、胡彦斌跨界合唱《心愿千万里》,国风戏腔一开口就醉了!/p> span classchineseLiterature-carousel-phone-look>/span> /a> /div> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/06/VIDEPF5O5WHDtb5NeD6zClj5241006.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/6/1728202059552_256.png> span classchineseLiterature-section-container-vidTime>08:27/span> /div> p>这是我们美好家园,我爱我的祖国/p> span classchineseLiterature-carousel-phone-look>中央民族歌舞团/span> /a> /div> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/09/30/VIDE96chPFelI896li2lb7Ce240930.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/30/1727687003978_630.jpg> span classchineseLiterature-section-container-vidTime>02:41/span> /div> p>当民乐遇见古建,中央民族乐团演绎《我的祖国》| 中央民族乐团/p> span classchineseLiterature-carousel-phone-look>中央民族乐团/span> /a> /div> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/09/25/VIDEMVL9M9UXKOZvfxejr4VO240925.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/25/1727256461226_182.png> span classchineseLiterature-section-container-vidTime>03:37/span> /div> p>黄霄雲、迪玛希绝美演绎《仰世而来 I Came to Honor Mortal Life》,唱响宇宙级浪漫!/p> span classchineseLiterature-carousel-phone-look>/span> /a> /div> /div> /div> /div>script typetext/babel module-idTPMTtekDoh7wf5Z0Jb4xXSdf211216>(function (){ let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTtekDoh7wf5Z0Jb4xXSdf211216_container).style.display none; }else{ scriptEl.src isCN ? : document.body.appendChild(scriptEl) }})()/script>script typetext/babel module-idTPMTtekDoh7wf5Z0Jb4xXSdf211216>// videoSlide 开始function initChineseLiteratureSlideEvent() { class VideoSlide { constructor (selector, options) { this.swiperContainer document.querySelector(`${selector}`) this.currentIndex 0 this.siwperSlideList Array.from(this.swiperContainer.querySelector(.swiper-list).querySelectorAll(.swiper-slide)) this.trackBox this.swiperContainer.querySelector(.swiper-track) this.dotsBox this.swiperContainer.querySelector(.swiper-dots-list) this.btnList Array.from(this.swiperContainer.querySelectorAll(.btn-swiper)) this.touchEl this.swiperContainer.querySelector(.draggable) this.currentWidth 0 this.dotsList null this.config null this.sliderWidth 0 this.trackBoxWidth 0 this.scrollWidth 0 this.dotsCount 0 this.dragDistance 0 this.sliderObj { 1920: { width: 1200, show: 3, toggle: 1 }, 1486: { width: 1200, show: 3, toggle: 1 }, 1440: { width: 1200, show: 3, toggle: 1 }, 1200: { width: 930, show: 3, toggle: 0 }, 992: { width: 690, show: 2, toggle: 0 }, 768: { width: 330, show: 2, toggle: 0 }, } this.options { showDots: true, ...options } this.reRender(Number(window.innerWidth)) this.onResize() } boxScroll () > { let scrollW this.config.toggle 1 ? - this.currentIndex * (parseFloat(this.siwperSlideList0.style.width) * this.config.show) : - this.currentIndex * parseFloat(this.siwperSlideList0.style.width) const newVal this.trackBoxWidth - this.scrollWidth > -scrollW ? scrollW : scrollW - (this.trackBoxWidth - this.scrollWidth - this.currentIndex * this.scrollWidth) this.trackBox.style.transform `translate3d(${newVal}px, 0px, 0px)`; } changeDots () > { if (!this.options.showDots) { return 0 } this.dotsList.forEach(el > { if (Number(el.dataset.index) this.currentIndex) { el.classList.add(active) } else { el.classList.remove(active) } }) } btnClick (e) > { let newIndex this.currentIndex + parseInt(e.currentTarget.dataset.direction) if (newIndex > 0 && newIndex this.dotsCount) { this.currentIndex newIndex this.boxScroll() this.changeDots() } } dotsClick (e) > { if (!isNaN(e.target.dataset.index)) { this.currentIndex Number(e.target.dataset.index) this.boxScroll() this.changeDots() } } initSwiperDots () > { this.dotsBox.removeEventListener(click, this.dotsClick, false) this.dotsCount this.config.toggle 1 ? Math.ceil(this.trackBoxWidth / this.scrollWidth) : Math.ceil((this.trackBoxWidth - this.scrollWidth) / this.sliderWidth) + 1 let temInnerHtml for (let i 0; i this.dotsCount; i++) { temInnerHtml + `li classswiper-dots-item ${i this.currentIndex ? active : } data-index${i}>/li>` } this.dotsBox.innerHTML temInnerHtml this.dotsList Array.from(this.swiperContainer.querySelectorAll(.swiper-dots-item)) this.dotsBox.addEventListener(click, this.dotsClick, false) if (!this.options.showDots) { this.dotsBox.style.display none } } // 点击初始化 initSwiperSlider () > { this.currentIndex 0 this.btnList.forEach(el > { el.removeEventListener(click, this.btnClick, false) }) this.sliderWidth this.config.width / this.config.show this.trackBoxWidth this.siwperSlideList.length * this.sliderWidth this.scrollWidth this.sliderWidth * this.config.show this.trackBox.style.width this.trackBoxWidth + px this.trackBox.style.transform translate3d(0px, 0px, 0px); this.siwperSlideList.forEach(el > { el.style.width window.innerWidth > this.sliderWidth ? this.sliderWidth + px : window.innerWidth - 30 + px }) this.btnList.forEach(el > { el.addEventListener(click, this.btnClick, false) }) this.initSwiperDots() } // 移动端滑动初始化 changeSlide () > { const _this this function isBoundary (val) { return val > 0 && val _this.dotsCount - 1 } if (this.dragDistance > 100) { const newIndex this.currentIndex - 1 if (isBoundary(newIndex)) { this.currentIndex newIndex } } else if (this.dragDistance -100) { const newIndex this.currentIndex + 1 if (isBoundary(newIndex)) { this.currentIndex newIndex } } this.boxScroll() this.changeDots() } startTouch (e) > { e.stopPropagation() this.dragDistance e.changedTouches0.clientX } endTouch (e) > { e.stopPropagation() this.dragDistance e.changedTouches0.clientX - this.dragDistance this.changeSlide() } initTouchSlider (remove true) > { if (remove) { this.touchEl.removeEventListener(touchstart, this.startTouch, {passive: true}) this.touchEl.removeEventListener(touchend, this.endTouch, {passive: true}) return 0 } this.touchEl.addEventListener(touchstart, this.startTouch, {passive: true}) this.touchEl.addEventListener(touchend, this.endTouch, {passive: true}) } reRender (windowWidth) > { if (this.currentWidth 1920 && windowWidth > 1486 && this.currentWidth ! 1920) { this.currentWidth 1920 this.config this.sliderObj1920 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1486 && windowWidth > 1440 && this.currentWidth ! 1486) { this.currentWidth 1486 this.config this.sliderObj1486 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1440 && windowWidth > 1200 && this.currentWidth ! 1440) { this.currentWidth 1440 this.config this.sliderObj1440 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1200 && windowWidth > 992 && this.currentWidth ! 1200) { this.currentWidth 1200 this.config this.sliderObj1200 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 992 && windowWidth > 768 && this.currentWidth ! 992) { this.currentWidth 992 this.config this.sliderObj992 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 768 && this.currentWidth ! 768) { this.currentWidth 768 this.config this.sliderObj768 this.initSwiperSlider() this.initTouchSlider(false) } } onResize () > { const _this this window.addEventListener(resize, function () { const windowWidth Number(window.innerWidth) _this.reRender(windowWidth) }) } } new VideoSlide(#TPMTtekDoh7wf5Z0Jb4xXSdf211216_container, { showDots: false })}window.addEventListener(load, initChineseLiteratureSlideEvent)// videoSlide 结束/script> style module-idTPMTwof4bkYbF8Og0IQ0pDLA211216>.recordChina-section-container { background-color:#fff; padding:30px 0; width: 100%; max-width: 1200px; margin: 0 auto; } .recordChina-section-container .recordChina-section-container-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .recordChina-section-container .recordChina-section-container-wrap dl{ width: 19%; width: 18.666666%; border-radius: 5px; cursor: pointer; /* background: #1d2645; */ background: #1d2645; margin-top: 25px; } .recordChina-section-container .recordChina-section-container-wrap dl:hover dd{ border-bottom: 4px solid #ff6c00; } .recordChina-section-container .recordChina-section-container-wrap dl:hover dd p{ color: #ff6c00; } .recordChina-section-container .recordChina-section-container-wrap dl img{ width: 100%; height: 280px; cursor: pointer; transition: all 0.6s; background: #D8D8D8; border-radius: 5px 5px 0 0; } .recordChina-section-container .recordChina-section-container-wrap dl dt { display: block; width: 100%; /* width: 285px; */ height: auto; overflow: hidden; position: relative; border-radius: 5px 5px 0 0; } .recordChina-section-container .recordChina-section-container-wrap dl dt a{ display: flex; } .recordChina-section-container .recordChina-section-container-wrap dl dd { /* width: 285px; */ width: 100%; height: 84px; background: #1d2645; margin-left: 0px; position: relative; border-radius: 0 0 5px 5px; overflow: hidden; border-bottom: 4px solid transparent; } .recordChina-section-container .recordChina-section-container-wrap dl dd p { display: block; font-size: 16px; font-family: PingFang SC; color: #fff; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; } .recordChina-section-container .recordChina-section-container-wrap dl dd span { display: block; font-size: 14px; font-family: PingFang SC; color: #808cb1; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; } .recordChina-section-container .recordChina-section-title { text-align: left; font-size: 35px; position: relative; } .recordChina-section-container .recordChina-section-title h2{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ font-size: 35px; } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .recordChina-section-container img:hover { transform: scale(1.1, 1.1); } .recordChina-section-title .recordChina-section-title-right{ font-size: 16px; position: absolute; right: 120px; top: 15%; } .recordChina-section-title .recordChina-section-title-right li{ float: left; margin-left: 30px; line-height: 36px; } .recordChina-section-title .recordChina-section-title-right li a{ cursor: pointer; color: #000; } .recordChina-section-title .recordChina-section-title-right li a img{ vertical-align: middle; } .recordChina-section-title .recordChina-section-title-right li a:hover{ color: #ff6c00; } .recordChina-section-container .recordChina-section-phone{ display: none; } @media screen and (max-width:800px) { .recordChina-section-container{ padding:0; margin-top:1.4rem; } .recordChina-section-container .recordChina-section-container-wrap{ margin: 0 5%; } .recordChina-section-container .recordChina-section-container-wrap dl{ display: none; } .recordChina-section-container .recordChina-section-title{ margin: 0 0.5rem; } .recordChina-section-container .recordChina-section-title h2{ padding-left: 0; background:url(); font-size: 0.72rem; } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .recordChina-section-title .recordChina-section-title-right{ display: none; } .recordChina-section-container .recordChina-section-container-wrap dl dd { display: none; } .recordChina-section-container .recordChina-section-container-wrap{ display: flex; width: 100%; overflow-x: scroll; } .recordChina-section-container .recordChina-section-phone{ display: block; display: flex; width: 100%; overflow-x: scroll; margin-top: 0.6rem; } .recordChina-section-container .recordChina-section-phone li:nth-child(1){ margin-left: 0.5rem; } .recordChina-section-container .recordChina-section-phone li{ border-radius: 0; background: #fff; /* padding: 0 0.5rem; */ margin-left: 0.4rem; } .recordChina-section-container .recordChina-section-phone li img{ width: 6.8rem; height: 8.6rem; } .recordChina-section-container img:hover { transform: none; } .recordChina-section-container .recordChina-section-phone li:last-child{ margin-right:0.4rem; } }/style>div classrecordChina-section-container idTPMTwof4bkYbF8Og0IQ0pDLA211216_container module-idTPMTwof4bkYbF8Og0IQ0pDLA211216> div classrecordChina-section-title> h2>热播剧场/h2> ul classrecordChina-section-title-right> /ul> a classrecordChina-section-title-more hrefhttps://global.cctv.com/tvplay/index.shtml target_blank>/a> /div> div classrecordChina-section-container-wrap> dl data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> dt> a hrefhttps://global.cctv.com/2024/01/04/VIDAZr7QWr3y7s2xRmFOhecB240104.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/8/13/1723539674447_757.png> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/04/VIDAZr7QWr3y7s2xRmFOhecB240104.shtml target_blank>p>《雪莲花盛开的地方》/p>/a> span>援藏干部和乡亲共建美好家园/span> /dd> /dl> dl data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> dt> a hrefhttps://global.cctv.com/2024/01/05/VIDAdIJ19w96zsZa2Xye0UGI240105.shtml target_blank> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/1/5/1704444622973_15.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/05/VIDAdIJ19w96zsZa2Xye0UGI240105.shtml target_blank>p>《大刀记》/p>/a> span>讲述抗日英雄奋勇杀敌的故事/span> /dd> /dl> dl data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> dt> a hrefhttps://global.cctv.com/2023/04/20/VIDAxuIyiyt7QMapiIDJGMMl230420.shtml target_blank> img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2023/8/10/1691655318774_246.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2023/04/20/VIDAxuIyiyt7QMapiIDJGMMl230420.shtml target_blank>p>《最美的乡村》/p>/a> span>返乡创业大学生助力扶贫攻坚/span> /dd> /dl> dl data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> dt> a hrefhttps://global.cctv.com/2022/10/26/VIDAmQCuQliFkWGZ86ceXEWz221026.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2022/10/28/1666941831543_1.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2022/10/26/VIDAmQCuQliFkWGZ86ceXEWz221026.shtml target_blank>p>《衡山医院》/p>/a> span>民国时期大上海的风云故事/span> /dd> /dl> dl data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> dt> a hrefhttps://global.cctv.com/2022/05/24/VIDAGyhr0ik6vae1Xc7keg5F220524.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2022/5/25/1653470368153_51.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2022/05/24/VIDAGyhr0ik6vae1Xc7keg5F220524.shtml target_blank>p>《青山不墨》/p>/a> span>小兴安岭三代林业人的奋斗/span> /dd> /dl> /div> ul classrecordChina-section-phone> li data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> a hrefhttps://global.cctv.com/2024/01/04/VIDAZr7QWr3y7s2xRmFOhecB240104.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/8/13/1723539674447_757.png> /a> /li> li data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> a hrefhttps://global.cctv.com/2024/01/05/VIDAdIJ19w96zsZa2Xye0UGI240105.shtml target_blank> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/1/5/1704444622973_15.jpg> /a> /li> li data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> a hrefhttps://global.cctv.com/2023/04/20/VIDAxuIyiyt7QMapiIDJGMMl230420.shtml target_blank> img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2023/8/10/1691655318774_246.jpg> /a> /li> li data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> a hrefhttps://global.cctv.com/2022/10/26/VIDAmQCuQliFkWGZ86ceXEWz221026.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2022/10/28/1666941831543_1.jpg> /a> /li> li data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> a hrefhttps://global.cctv.com/2022/05/24/VIDAGyhr0ik6vae1Xc7keg5F220524.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2022/5/25/1653470368153_51.jpg> /a> /li> /ul> /div>script module-idTPMTwof4bkYbF8Og0IQ0pDLA211216>window.addEventListener(load, function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 1) || (!isCN && 1 0)) { document.getElementById(TPMTwof4bkYbF8Og0IQ0pDLA211216_container).style.display none; }else{ scriptEl.src isCN ? : document.body.appendChild(scriptEl) }})/script> style module-idTPMTGb0ECeaxfb2pTOI6i1qt211216>.recordChina-section-container { background-color:#fff; padding:30px 0; width: 100%; max-width: 1200px; margin: 0 auto; } .recordChina-section-container .recordChina-section-container-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .recordChina-section-container .recordChina-section-container-wrap dl{ width: 19%; width: 18.666666%; border-radius: 5px; cursor: pointer; /* background: #1d2645; */ background: #1d2645; margin-top: 25px; } .recordChina-section-container .recordChina-section-container-wrap dl:hover dd{ border-bottom: 4px solid #ff6c00; } .recordChina-section-container .recordChina-section-container-wrap dl:hover dd p{ color: #ff6c00; } .recordChina-section-container .recordChina-section-container-wrap dl img{ width: 100%; height: 280px; cursor: pointer; transition: all 0.6s; background: #D8D8D8; border-radius: 5px 5px 0 0; } .recordChina-section-container .recordChina-section-container-wrap dl dt { display: block; width: 100%; /* width: 285px; */ height: auto; overflow: hidden; position: relative; border-radius: 5px 5px 0 0; } .recordChina-section-container .recordChina-section-container-wrap dl dt a{ display: flex; } .recordChina-section-container .recordChina-section-container-wrap dl dd { /* width: 285px; */ width: 100%; height: 84px; background: #1d2645; margin-left: 0px; position: relative; border-radius: 0 0 5px 5px; overflow: hidden; border-bottom: 4px solid transparent; } .recordChina-section-container .recordChina-section-container-wrap dl dd p { display: block; font-size: 16px; font-family: PingFang SC; color: #fff; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; } .recordChina-section-container .recordChina-section-container-wrap dl dd span { display: block; font-size: 14px; font-family: PingFang SC; color: #808cb1; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; } .recordChina-section-container .recordChina-section-title { text-align: left; font-size: 35px; position: relative; } .recordChina-section-container .recordChina-section-title h2{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ font-size: 35px; } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .recordChina-section-container img:hover { transform: scale(1.1, 1.1); } .recordChina-section-title .recordChina-section-title-right{ font-size: 16px; position: absolute; right: 120px; top: 15%; } .recordChina-section-title .recordChina-section-title-right li{ float: left; margin-left: 30px; line-height: 36px; } .recordChina-section-title .recordChina-section-title-right li a{ cursor: pointer; color: #000; } .recordChina-section-title .recordChina-section-title-right li a img{ vertical-align: middle; } .recordChina-section-title .recordChina-section-title-right li a:hover{ color: #ff6c00; } .recordChina-section-container .recordChina-section-phone{ display: none; } @media screen and (max-width:800px) { .recordChina-section-container{ padding:0; margin-top:1.4rem; } .recordChina-section-container .recordChina-section-container-wrap{ margin: 0 5%; } .recordChina-section-container .recordChina-section-container-wrap dl{ display: none; } .recordChina-section-container .recordChina-section-title{ margin: 0 0.5rem; } .recordChina-section-container .recordChina-section-title h2{ padding-left: 0; background:url(); font-size: 0.72rem; } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .recordChina-section-title .recordChina-section-title-right{ display: none; } .recordChina-section-container .recordChina-section-container-wrap dl dd { display: none; } .recordChina-section-container .recordChina-section-container-wrap{ display: flex; width: 100%; overflow-x: scroll; } .recordChina-section-container .recordChina-section-phone{ display: block; display: flex; width: 100%; overflow-x: scroll; margin-top: 0.6rem; } .recordChina-section-container .recordChina-section-phone li:nth-child(1){ margin-left: 0.5rem; } .recordChina-section-container .recordChina-section-phone li{ border-radius: 0; background: #fff; /* padding: 0 0.5rem; */ margin-left: 0.4rem; } .recordChina-section-container .recordChina-section-phone li img{ width: 6.8rem; height: 8.6rem; } .recordChina-section-container img:hover { transform: none; } .recordChina-section-container .recordChina-section-phone li:last-child{ margin-right:0.4rem; } }/style>div classrecordChina-section-container idTPMTGb0ECeaxfb2pTOI6i1qt211216_container module-idTPMTGb0ECeaxfb2pTOI6i1qt211216> div classrecordChina-section-title> h2>纪录中国/h2> ul classrecordChina-section-title-right> /ul> a classrecordChina-section-title-more hrefhttps://global.cctv.com/documentary/index.shtml target_blank>/a> /div> div classrecordChina-section-container-wrap> dl data-block-idDABKjhLR82RZITfSyvX4JcuV211216> dt> a hrefhttps://global.cctv.com/2024/01/04/VIDAE8jnBX7olu0zPJix2wg5240104.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/18/1726651696206_691.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/04/VIDAE8jnBX7olu0zPJix2wg5240104.shtml target_blank>p>《守望秦岭》/p>/a> span>展现秦岭动物的野性之美/span> /dd> /dl> dl data-block-idDABKjhLR82RZITfSyvX4JcuV211216> dt> a hrefhttps://global.cctv.com/2024/01/04/VIDAoGFPIvj5PUP1b5bgS5jD240104.shtml target_blank> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/13/1726218692378_477.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/04/VIDAoGFPIvj5PUP1b5bgS5jD240104.shtml target_blank>p>《大敦煌》/p>/a> span>以敦煌为证讲述东西方交流史/span> /dd> /dl> dl data-block-idDABKjhLR82RZITfSyvX4JcuV211216> dt> a hrefhttps://global.cctv.com/2024/01/04/VIDA67j3voAdnoOXh5b5LYg1240104.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/2/6/1707213737619_980.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/04/VIDA67j3voAdnoOXh5b5LYg1240104.shtml target_blank>p>《山海经奇》/p>/a> span>讲述《山海经》里的神话/span> /dd> /dl> dl data-block-idDABKjhLR82RZITfSyvX4JcuV211216> dt> a hrefhttps://global.cctv.com/2024/01/04/VIDA1sVEK7Ux38FJp5yqbJ2r240104.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/8/13/1723539805375_472.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/04/VIDA1sVEK7Ux38FJp5yqbJ2r240104.shtml target_blank>p>《明中都》/p>/a> span>探索恢宏都城营建背后的秘密/span> /dd> /dl> dl data-block-idDABKjhLR82RZITfSyvX4JcuV211216> dt> a hrefhttps://global.cctv.com/2023/09/05/VIDAaLMaHLBgFyQ68EpBn2kL230905.shtml target_blank> img src//p4.img.cctvpic.com/photoAlbum/page/performance/img/2023/11/14/1699954619809_805.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2023/09/05/VIDAaLMaHLBgFyQ68EpBn2kL230905.shtml target_blank>p>《超级装备第二季》/p>/a> span>聚焦当今中国顶尖装备/span> /dd> /dl> /div> ul classrecordChina-section-phone> li data-block-idDABKjhLR82RZITfSyvX4JcuV211216> a hrefhttps://global.cctv.com/2024/01/04/VIDAE8jnBX7olu0zPJix2wg5240104.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/18/1726651696206_691.jpg> /a> /li> li data-block-idDABKjhLR82RZITfSyvX4JcuV211216> a hrefhttps://global.cctv.com/2024/01/04/VIDAoGFPIvj5PUP1b5bgS5jD240104.shtml target_blank> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/13/1726218692378_477.jpg> /a> /li> li data-block-idDABKjhLR82RZITfSyvX4JcuV211216> a hrefhttps://global.cctv.com/2024/01/04/VIDA67j3voAdnoOXh5b5LYg1240104.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/2/6/1707213737619_980.jpg> /a> /li> li data-block-idDABKjhLR82RZITfSyvX4JcuV211216> a hrefhttps://global.cctv.com/2024/01/04/VIDA1sVEK7Ux38FJp5yqbJ2r240104.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/8/13/1723539805375_472.jpg> /a> /li> li data-block-idDABKjhLR82RZITfSyvX4JcuV211216> a hrefhttps://global.cctv.com/2023/09/05/VIDAaLMaHLBgFyQ68EpBn2kL230905.shtml target_blank> img src//p4.img.cctvpic.com/photoAlbum/page/performance/img/2023/11/14/1699954619809_805.jpg> /a> /li> /ul> /div>script module-idTPMTGb0ECeaxfb2pTOI6i1qt211216>window.addEventListener(load, function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 1) || (!isCN && 1 0)) { document.getElementById(TPMTGb0ECeaxfb2pTOI6i1qt211216_container).style.display none; }else{ scriptEl.src isCN ? : document.body.appendChild(scriptEl) }})/script> style module-idTPMTnR0hMwqDy6QtRYmjQJ0q211216> .hot-section-container .hot-section-title { text-align: left; font-size: 35px; position: relative; } .hot-section-container .hot-section-title h2{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ font-size: 35px; } .hot-section-container .hot-section-title .hot-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .hot-section-container .hot-section-title .hot-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .hot-section-container {background-color:#fff;padding:30px 0;} .hot-section-container .hot-section-box {max-width:1200px;padding:0;margin:0 auto;} .hot-section-container .hot-section-box .hot-section-header {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;} .hot-section-container .hot-section-box .hot-section-header-title {font-size:24px;font-weight:500;line-height:1.25;} .hot-section-container .hot-section-box .hot-section-header-divider {-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;margin:0 15px 0 25px;background-color:#e8e8e8;} .hot-section-container .hot-section-box .hot-section-header-more {font-size:14px;font-weight:500;color:#949494;background: url(//p1.img.cctvpic.com/photoAlbum/templet/common/TPTEJEXAtI2y4WbgUAjK2os6211203/more.png) no-repeat;width: 80px;height: 20px;} .hot-section-container .hot-section-box .hot-section-header-more:hover {background: url(//p1.img.cctvpic.com/photoAlbum/templet/common/TPTEJEXAtI2y4WbgUAjK2os6211203/more_block.png) no-repeat;} .hot-section-container .hot-section-box .hot-section-list {display:-ms-grid;display:grid;-ms-grid-columns:(1fr)5;grid-template-columns:repeat(5,1fr);margin:0 -7.5px;margin-top:20px} .hot-section-container .hot-section-box .hot-section-item {margin:0 10px;margin-bottom:12px;position: relative;} .hot-section-container .hot-section-box .hot-section-item-box {display:block;} .hot-section-container .hot-section-box .hot-section-item-img {position:relative;width:100%;padding-top:53.78%;height:125px;background-position:center;background-size:cover;background-repeat:no-repeat;background-color: #000;border-radius: 5px;} .hot-section-container .hot-section-box .hot-section-item-img::after {display:block;content:;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:1;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-img::after {opacity:0.8;border-radius: 5px;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-date {display: block;} .hot-section-container .hot-section-box .hot-section-item-svg {width:20%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .hot-section-container .hot-section-box .hot-section-item-title {font-size:16px;line-height:18px;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff; min-height: 36px;max-height:36px;position: absolute;top: 20px;left:20px;display: none;padding-right: 20px;z-index: 999;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-title{display: -webkit-box;color: #fff;} /* .hot-section-container .hot-section-box .hot-section-item-title:hover {color:#960001;} */ .hot-section-container .hot-section-box .hot-section-item-date {font-size:12px;line-height:2;color:#fff;position: absolute;top: 60%;left: 20px;display: none;z-index: 999;border-radius: 10px 0px 10px 0;height: 25px;text-align: center;background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px;padding: 0 10px 0 20px;background-color:rgb(0,0,0,0.8);font-size: 14px;line-height: 25px;} .hot-section-container .hot-section-box .hot-section-item:nth-child(1) .hot-section-item-img {padding-top:263px;} .hot-section-container .hot-section-box .hot-section-item:nth-child(1) {-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1 / 3;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1 / 3;} .hot-section-container .hot-section-box .hot-section-item:nth-child(2) {-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3 / 4;} .hot-section-container .hot-section-box .hot-section-item:nth-child(3) {-ms-grid-column:4;-ms-grid-column-span:1;grid-column:4 / 5;} .hot-section-container .hot-section-box .hot-section-item:nth-child(4) {-ms-grid-column:5;-ms-grid-column-span:1;grid-column:5 / 6;} .hot-section-container .hot-section-box .hot-section-item:nth-child(5) {-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3 / 4;} .hot-section-container .hot-section-box .hot-section-item:nth-child(6) {-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:4;-ms-grid-column-span:1;grid-column:4 / 5;} .hot-section-container .hot-section-box .hot-section-item:nth-child(7) {-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:5;-ms-grid-column-span:1;grid-column:5 / 6;} @media screen and (max-width:1440px) {.hot-section-container .hot-section-box {max-width:1200px;} /*.hot-section-container .hot-section-box .hot-section-item:nth-child(1) .hot-section-item-img {padding-top:70.2%;} .hot-section-container .hot-section-box .hot-section-item {margin-bottom:20px;}*/ } @media screen and (max-width:992px) {.hot-section-container .hot-section-box {max-width:100%;} .hot-section-container .hot-section-box .hot-section-header-title {font-size:18px;} } @media screen and (max-width:768px) {.hot-section-container .hot-section-box {margin:0 0.5rem;padding-top:0.8rem;} .hot-section-container .hot-section-box .hot-section-header {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;} .hot-section-container .hot-section-box .hot-section-header-title {font-size:18px;margin-bottom:20px;} .hot-section-container .hot-section-box .hot-section-list {-ms-grid-columns:(1fr)2;grid-template-columns:repeat(2,1fr);} /* .hot-section-container .hot-section-box .hot-section-item:nth-child(1) {-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:2;grid-column-end:3;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-span:1;grid-row-end:2;} */ /* .hot-section-container .hot-section-box .hot-section-item:nth-child(1) {-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1 / 3;} */ .hot-section-container .hot-section-box .hot-section-item:nth-child(1) {-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;} .hot-section-container .hot-section-box .hot-section-item:nth-child(2) {-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;} /* .hot-section-container .hot-section-box .hot-section-item:nth-child(4) {-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3 / 4;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;} .hot-section-container .hot-section-box .hot-section-item:nth-child(5) {-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;} .hot-section-container .hot-section-box .hot-section-item:nth-child(6) {-ms-grid-row:4;-ms-grid-row-span:1;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;} .hot-section-container .hot-section-box .hot-section-item:nth-child(7) {-ms-grid-row:4;-ms-grid-row-span:1;grid-row:4 / 5;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;} */ .hot-section-container .hot-section-box .hot-section-item:nth-child(n+3){ display: none; } .hot-section-container .hot-section-box .hot-section-item-title{ display: block; color: #000; padding: 0.4rem; top: 3.6rem; left: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; background:#fff; font-size:0.6rem; height: 2.7rem; max-height: 2.7rem; line-height: 1.1rem;} .hot-section-container .hot-section-title{ /* margin: 0 5%; */ } .hot-section-container .hot-section-box .hot-section-item .hot-section-item-img {padding-top: auto;padding-top:3.6rem !important;border-radius:0;} .hot-section-container .hot-section-box .hot-section-item-img{height:3.8rem;} .hot-section-container{width:100%;margin:0 auto;} .hot-section-container .hot-section-box .hot-section-list{margin:0.6rem 0 0 0;} .hot-section-container .hot-section-box .hot-section-item{margin:0;} .hot-section-container .hot-section-box .hot-section-item:nth-child(1){margin-right:0.2rem;} .hot-section-container .hot-section-box .hot-section-item:nth-child(2){margin-left:0.2rem;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-img::after {opacity:0;border-radius:0;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-date {display: none;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-title{color:#000;} } @media screen and (max-width:800px) { .hot-section-container .hot-section-title h2{ padding-left: 0; background-image: url(); font-size: 0.72rem; color:#fff; } .hot-section-container .hot-section-title .hot-section-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_white.png); } .hot-section-container .hot-section-box .hot-section-item:nth-child(1) .hot-section-item-img{ height:auto; } .hot-section-container{ height:9.4rem; padding:0; margin-top:1.4rem; background:#464a65; } } @media screen and (min-width:1000px) { .hot-section-container .hot-section-box .hot-section-item:nth-child(1){ min-width:468px; } } /style>div classhot-section-container idTPMTnR0hMwqDy6QtRYmjQJ0q211216_container module-idTPMTnR0hMwqDy6QtRYmjQJ0q211216> div classhot-section-box> div classhot-section-title> h2>中国面孔/h2> a classhot-section-title-more hrefhttps://global.cctv.com/zgmk/index.shtml target_blank>/a> /div> ul classhot-section-list> /ul> /div> /div>script module-idTPMTnR0hMwqDy6QtRYmjQJ0q211216> function PAGEMURMOWpDxCfQkQPW3nKA210126(res) { const datalist res.data.list.slice(0, 7); var listEl document.querySelector(#TPMTnR0hMwqDy6QtRYmjQJ0q211216_container).querySelector(.hot-section-list); var liList ; for(var i 0 ; i datalist.length ; i++){ let item ; let item_title datalisti.title; item_title item_title.replace(/\#^\s*\s/ig, ); item_title item_title.replace(/\#.*/i, ); let item_subtitle datalisti.subtitle; item_subtitle item_subtitle.replace(/\#^\s*\s/ig, ); item_subtitle item_subtitle.replace(/\#.*/i, ); item +li classhot-section-item> item +a href item + datalisti.url item + classhot-section-item-box target_blank> item +div classhot-section-item-img stylebackground-image: url( item +datalisti.image item +);>/div> item +p classhot-section-item-title> if(datalisti.subtitle !){ item +item_subtitle }else{ item +item_title } item +/p> item +/a> if(datalisti.duration){ item +p classhot-section-item-date> item +datalisti.duration item +/p> } item +/li> liList + item } listEl.innerHTML liList; } /script>script module-idTPMTnR0hMwqDy6QtRYmjQJ0q211216> window.addEventListener(load, function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 1) || (!isCN && 1 0)) { document.getElementById(TPMTnR0hMwqDy6QtRYmjQJ0q211216_container).style.display none; }else{ let urlBeing https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEMURMOWpDxCfQkQPW3nKA210126_1.jsonp?true:false; if(urlBeing){ scriptEl.src isCN ? https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEMURMOWpDxCfQkQPW3nKA210126_1.jsonp : https://global.cctv.com/cmsdatainterface/guowai/new/page/PAGEMURMOWpDxCfQkQPW3nKA210126_1.jsonp document.body.appendChild(scriptEl) } } })/script> style module-idTPMTj15Hhg0q8TDcFZNH43kz211216> .zgl_box{ width:100%; /* height: 300px; */ padding:30px 0; } .zgl_main{ max-width: 1200px; height: 100%; margin: 0 auto; } .zgl_header{ position: relative; } .zgl_header .zgl_left{ font-size: 35px; font-weight: bold; } .zgl_header .zgl_left p{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ } .zgl_more{ width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); } .zgl_more:hover{ cursor:pointer; background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .zgl_content{ display: flex; } .zgl_content .zgl_left{ width: 40%; height: 250px; padding: 30px 0; } .zgl_content .zgl_left .zgl_leftcon:first-child{ font-size: 16px; line-height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; padding-bottom: 5px; cursor:pointer; color:#000; } .zgl_content .zgl_left .zgl_leftcon:nth-of-type(n+2){ line-height: 40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; color:#000; font-size:16px; padding-bottom: 5px; } .zgl_content .zgl_left .zgl_leftcon:hover a{ color:#ff6c00; } .zgl_content .zgl_left .zgl_leftcon a{ color:#000; } .zgl_content .zgl_left .zgl_leftcon a img{ vertical-align: middle; max-width:40px; max-height:30px; } .zgl_content .zgl_right{ width: 60%; height: 250px; display: flex; justify-content: space-evenly; padding: 20px; flex-wrap: wrap } .zgl_right .zgl_Img{ background-color:#1D2645; width: 30%; cursor:pointer; border-radius: 5px; max-height:230px; border-bottom: 4px solid transparent; } .zgl_right .zgl_Img:hover{ border-bottom: 4px solid #ff6c00; } .zgl_right .zgl_Img .zgl_imgTop{ background-size:100% 100%; /* background-color: chartreuse; */ height: 55%; border-radius: 5px 5px 0 0; overflow:hidden; position: relative; } .zgl_right .zgl_Img .zgl_imgTop img{ width:100%; height: 100%; transition: all 0.6s; } .zgl_right .zgl_Img .zgl_imgTop .zgl_vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; color: #fff; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; } .zgl_right .zgl_Img .zgl_imgMiddle{ /* background-color: coral; */ height: 30%; padding: 10px; font-size: 16px; color: #fff; line-height: 25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:60px; height:60px; } .zgl_right .zgl_Img a:hover .zgl_imgMiddle{ color: #ff6c00; -webkit-transform: translateZ(0); transform: translateZ(0); } .zgl_right .zgl_Img .zgl_imgFotter{ padding: 10px; font-size: 12px; color: #9DA5C9; line-height: 20px; } .zgl_right .zgl_Img .zgl_imgFotter:hover{ color: #69CDDC; } @media screen and (max-width: 800px) { .zgl_box{ padding:0; margin-top:1.4rem; } .zgl_main{ width: 100%; } .zgl_header{ margin:0 0.5rem; } .zgl_header .zgl_left p{ padding-left:0; background: none; font-size: 0.72rem; } .zgl_content{ display:block; margin:0 0.5rem; } .zgl_content .zgl_left{ display: none; } .zgl_content .zgl_right{ width: 100%; height:auto; padding: 0; justify-content: space-between; } .zgl_right .zgl_Img{ border-radius: 0; } .zgl_right .zgl_Img .zgl_imgTop{ border-radius: 0; height:3.8rem; } .zgl_right .zgl_Img:nth-child(1){ width: 100%; height: 9.6rem; margin-bottom:0.4rem; max-height:9.6rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgTop{ height: 7.9rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgMiddle{ max-height:1.7rem; height: 1.7rem; text-overflow:ellipsis; white-space:nowrap; display:block; font-size: 0.6rem; padding: 0 0.4rem; line-height: 1.7rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgFotter{ display:none } .zgl_right .zgl_Img:nth-child(n + 2) { width:48%; height: 80%; } .zgl_header .zgl_more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .zgl_right .zgl_Img{ background-color:#fff; box-shadow:0px 0px 10px rgb(0 0 0 / 10%) } .zgl_right .zgl_Img .zgl_imgMiddle{ color:#000; font-size:0.6rem; padding:0.4rem; } .zgl_header{ margin-bottom:20px; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgTop img{ width:14rem; height: 7.9rem; } .zgl_right .zgl_Img .zgl_imgTop img{ width:6.8rem; height:3.8rem; } .zgl_right .zgl_Img a:hover .zgl_imgMiddle{ color:#000; } .zgl_content .zgl_left .zgl_leftcon:hover a{ color:#000; } .zgl_right .zgl_Img:hover{ border-bottom: 4px solid transparent; } .zgl_right .zgl_Img .zgl_imgFotter:hover{ color: #999999; } .zgl_right .zgl_Img .zgl_imgFotter{ color: #999999; padding:0.4rem; } } /style>div classzgl_box idTPMTj15Hhg0q8TDcFZNH43kz211216_container module-idTPMTj15Hhg0q8TDcFZNH43kz211216> div classzgl_main> div classzgl_header> div classzgl_left> p>看两岸/p> /div> a hrefhttps://global.cctv.com/crossstrait/index.shtml target_blank> div classzgl_more>/div>/a> /div> div classzgl_content> div classzgl_left> /div> div classzgl_right> /div> /div> /div> /div>script typetext/babel module-idTPMTj15Hhg0q8TDcFZNH43kz211216>function PAGEHo0GzuvzyA5MIci6BUsg210126(res) { const datalist res.data.list.slice(0, 8); const listLeft document.querySelector(#TPMTj15Hhg0q8TDcFZNH43kz211216_container).querySelector(.zgl_content).querySelector(.zgl_left); const listRight document.querySelector(#TPMTj15Hhg0q8TDcFZNH43kz211216_container).querySelector(.zgl_content).querySelector(.zgl_right); var liListLeft var liListRight for(var i 0 ; i datalist.length ; i++){ var item ; let item_title datalisti.title; item_title item_title.replace(/\#^\s*\s/ig, ); item_title item_title.replace(/\#.*/i, ); let item_subtitle datalisti.subtitle; item_subtitle item_subtitle.replace(/\#^\s*\s/ig, ); item_subtitle item_subtitle.replace(/\#.*/i, ); if(i5){ item +div classzgl_leftcon>a href item + datalisti.url item + target_blank> // item +img src // item + datalisti.image // item + > if( datalisti.subtitle!){ item + item_subtitle }else{ item + item_title } item + /a>/div> liListLeft + item }else{ item +div classzgl_Img> item +a href item + datalisti.url item + target_blank>div classzgl_imgTop>img src //item +datalisti.image if(datalisti.image || datalisti.image null || datalisti.image undefined){ if(datalisti.s_page_name || datalisti.s_page_name null || datalisti.s_page_name undefined ){ if(PAGEHo0GzuvzyA5MIci6BUsg210126 PAGEnL0TSDsFQ26XkCx4G7Kl210126){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jk.jpg }else if(PAGEHo0GzuvzyA5MIci6BUsg210126 PAGEZ8HZ8JSmzO1F6GiAYTi9211130){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_hk.jpg }else if(PAGEHo0GzuvzyA5MIci6BUsg210126 PAGEMURMOWpDxCfQkQPW3nKA210126){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_zgmk.jpg } }else{ if(datalisti.s_page_name 今日说两岸){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jrsla.jpg }else if(datalisti.s_page_name 国台办权威发布){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_gtbfb.jpg }else if(datalisti.s_page_name 直通两岸){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkla.jpg }else if(datalisti.s_page_name 我同你港){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_wtng.jpg }else if(datalisti.s_page_name 即看大湾区){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkdwq.jpg } } }else{ item + datalisti.image } item +> if(datalisti.duration){ item +span classzgl_vidTime> item + datalisti.duration item +/span> } item +/div>div classzgl_imgMiddle> if( datalisti.subtitle!){ item + item_subtitle }else{ item + item_title } item +/div>/a>div classzgl_imgFotter> item +datalisti.s_page_name item +/div>/div> liListRight + item } } listLeft.innerHTML liListLeft listRight.innerHTML liListRight}/script>script typetext/babel module-idTPMTj15Hhg0q8TDcFZNH43kz211216> (function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTj15Hhg0q8TDcFZNH43kz211216_container).style.display none; }else{ let urlBeing https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEHo0GzuvzyA5MIci6BUsg210126_1.jsonp?true:false; if(urlBeing){ scriptEl.src isCN ? https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEHo0GzuvzyA5MIci6BUsg210126_1.jsonp : https://global.cctv.com/cmsdatainterface/guowai/new/page/PAGEHo0GzuvzyA5MIci6BUsg210126_1.jsonp document.body.appendChild(scriptEl) } } })()/script> style module-idTPMTLq1Ec406OvekA4Bia2V6211216> .zgl_box{ width:100%; /* height: 300px; */ padding:30px 0; } .zgl_main{ max-width: 1200px; height: 100%; margin: 0 auto; } .zgl_header{ position: relative; } .zgl_header .zgl_left{ font-size: 35px; font-weight: bold; } .zgl_header .zgl_left p{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ } .zgl_more{ width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); } .zgl_more:hover{ cursor:pointer; background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .zgl_content{ display: flex; } .zgl_content .zgl_left{ width: 40%; height: 250px; padding: 30px 0; } .zgl_content .zgl_left .zgl_leftcon:first-child{ font-size: 16px; line-height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; padding-bottom: 5px; cursor:pointer; color:#000; } .zgl_content .zgl_left .zgl_leftcon:nth-of-type(n+2){ line-height: 40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; color:#000; font-size:16px; padding-bottom: 5px; } .zgl_content .zgl_left .zgl_leftcon:hover a{ color:#ff6c00; } .zgl_content .zgl_left .zgl_leftcon a{ color:#000; } .zgl_content .zgl_left .zgl_leftcon a img{ vertical-align: middle; max-width:40px; max-height:30px; } .zgl_content .zgl_right{ width: 60%; height: 250px; display: flex; justify-content: space-evenly; padding: 20px; flex-wrap: wrap } .zgl_right .zgl_Img{ background-color:#1D2645; width: 30%; cursor:pointer; border-radius: 5px; max-height:230px; border-bottom: 4px solid transparent; } .zgl_right .zgl_Img:hover{ border-bottom: 4px solid #ff6c00; } .zgl_right .zgl_Img .zgl_imgTop{ background-size:100% 100%; /* background-color: chartreuse; */ height: 55%; border-radius: 5px 5px 0 0; overflow:hidden; position: relative; } .zgl_right .zgl_Img .zgl_imgTop img{ width:100%; height: 100%; transition: all 0.6s; } .zgl_right .zgl_Img .zgl_imgTop .zgl_vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; color: #fff; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; } .zgl_right .zgl_Img .zgl_imgMiddle{ /* background-color: coral; */ height: 30%; padding: 10px; font-size: 16px; color: #fff; line-height: 25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:60px; height:60px; } .zgl_right .zgl_Img a:hover .zgl_imgMiddle{ color: #ff6c00; -webkit-transform: translateZ(0); transform: translateZ(0); } .zgl_right .zgl_Img .zgl_imgFotter{ padding: 10px; font-size: 12px; color: #9DA5C9; line-height: 20px; } .zgl_right .zgl_Img .zgl_imgFotter:hover{ color: #69CDDC; } @media screen and (max-width: 800px) { .zgl_box{ padding:0; margin-top:1.4rem; } .zgl_main{ width: 100%; } .zgl_header{ margin:0 0.5rem; } .zgl_header .zgl_left p{ padding-left:0; background: none; font-size: 0.72rem; } .zgl_content{ display:block; margin:0 0.5rem; } .zgl_content .zgl_left{ display: none; } .zgl_content .zgl_right{ width: 100%; height:auto; padding: 0; justify-content: space-between; } .zgl_right .zgl_Img{ border-radius: 0; } .zgl_right .zgl_Img .zgl_imgTop{ border-radius: 0; height:3.8rem; } .zgl_right .zgl_Img:nth-child(1){ width: 100%; height: 9.6rem; margin-bottom:0.4rem; max-height:9.6rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgTop{ height: 7.9rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgMiddle{ max-height:1.7rem; height: 1.7rem; text-overflow:ellipsis; white-space:nowrap; display:block; font-size: 0.6rem; padding: 0 0.4rem; line-height: 1.7rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgFotter{ display:none } .zgl_right .zgl_Img:nth-child(n + 2) { width:48%; height: 80%; } .zgl_header .zgl_more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .zgl_right .zgl_Img{ background-color:#fff; box-shadow:0px 0px 10px rgb(0 0 0 / 10%) } .zgl_right .zgl_Img .zgl_imgMiddle{ color:#000; font-size:0.6rem; padding:0.4rem; } .zgl_header{ margin-bottom:20px; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgTop img{ width:14rem; height: 7.9rem; } .zgl_right .zgl_Img .zgl_imgTop img{ width:6.8rem; height:3.8rem; } .zgl_right .zgl_Img a:hover .zgl_imgMiddle{ color:#000; } .zgl_content .zgl_left .zgl_leftcon:hover a{ color:#000; } .zgl_right .zgl_Img:hover{ border-bottom: 4px solid transparent; } .zgl_right .zgl_Img .zgl_imgFotter:hover{ color: #999999; } .zgl_right .zgl_Img .zgl_imgFotter{ color: #999999; padding:0.4rem; } } /style>div classzgl_box idTPMTLq1Ec406OvekA4Bia2V6211216_container module-idTPMTLq1Ec406OvekA4Bia2V6211216> div classzgl_main> div classzgl_header> div classzgl_left> p>WeHK/p> /div> a hrefhttps://global.cctv.com/wehk/index.shtml target_blank> div classzgl_more>/div>/a> /div> div classzgl_content> div classzgl_left> /div> div classzgl_right> /div> /div> /div> /div>script typetext/babel module-idTPMTLq1Ec406OvekA4Bia2V6211216>function PAGEZ8HZ8JSmzO1F6GiAYTi9211130(res) { const datalist res.data.list.slice(0, 8); const listLeft document.querySelector(#TPMTLq1Ec406OvekA4Bia2V6211216_container).querySelector(.zgl_content).querySelector(.zgl_left); const listRight document.querySelector(#TPMTLq1Ec406OvekA4Bia2V6211216_container).querySelector(.zgl_content).querySelector(.zgl_right); var liListLeft var liListRight for(var i 0 ; i datalist.length ; i++){ var item ; let item_title datalisti.title; item_title item_title.replace(/\#^\s*\s/ig, ); item_title item_title.replace(/\#.*/i, ); let item_subtitle datalisti.subtitle; item_subtitle item_subtitle.replace(/\#^\s*\s/ig, ); item_subtitle item_subtitle.replace(/\#.*/i, ); if(i5){ item +div classzgl_leftcon>a href item + datalisti.url item + target_blank> // item +img src // item + datalisti.image // item + > if( datalisti.subtitle!){ item + item_subtitle }else{ item + item_title } item + /a>/div> liListLeft + item }else{ item +div classzgl_Img> item +a href item + datalisti.url item + target_blank>div classzgl_imgTop>img src //item +datalisti.image if(datalisti.image || datalisti.image null || datalisti.image undefined){ if(datalisti.s_page_name || datalisti.s_page_name null || datalisti.s_page_name undefined ){ if(PAGEZ8HZ8JSmzO1F6GiAYTi9211130 PAGEnL0TSDsFQ26XkCx4G7Kl210126){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jk.jpg }else if(PAGEZ8HZ8JSmzO1F6GiAYTi9211130 PAGEZ8HZ8JSmzO1F6GiAYTi9211130){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_hk.jpg }else if(PAGEZ8HZ8JSmzO1F6GiAYTi9211130 PAGEMURMOWpDxCfQkQPW3nKA210126){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_zgmk.jpg } }else{ if(datalisti.s_page_name 今日说两岸){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jrsla.jpg }else if(datalisti.s_page_name 国台办权威发布){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_gtbfb.jpg }else if(datalisti.s_page_name 直通两岸){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkla.jpg }else if(datalisti.s_page_name 我同你港){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_wtng.jpg }else if(datalisti.s_page_name 即看大湾区){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkdwq.jpg } } }else{ item + datalisti.image } item +> if(datalisti.duration){ item +span classzgl_vidTime> item + datalisti.duration item +/span> } item +/div>div classzgl_imgMiddle> if( datalisti.subtitle!){ item + item_subtitle }else{ item + item_title } item +/div>/a>div classzgl_imgFotter> item +datalisti.s_page_name item +/div>/div> liListRight + item } } listLeft.innerHTML liListLeft listRight.innerHTML liListRight}/script>script typetext/babel module-idTPMTLq1Ec406OvekA4Bia2V6211216> (function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTLq1Ec406OvekA4Bia2V6211216_container).style.display none; }else{ let urlBeing https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEZ8HZ8JSmzO1F6GiAYTi9211130_1.jsonp?true:false; if(urlBeing){ scriptEl.src isCN ? https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEZ8HZ8JSmzO1F6GiAYTi9211130_1.jsonp : https://global.cctv.com/cmsdatainterface/guowai/new/page/PAGEZ8HZ8JSmzO1F6GiAYTi9211130_1.jsonp document.body.appendChild(scriptEl) } } })()/script> style module-idTPMTL346mmNEW8MQk7UHgD9t211216> .english-section-container { background-color:#fff; padding:30px 0; width: 100%; max-width: 1200px; margin: 0 auto; } .english-section-container .english-section-container-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .english-section-container .english-section-container-wrap dl{ width: 33%; border-radius: 5px; cursor: pointer; /* background: #1d2645; */ background: #1d2645; margin-top: 25px; max-width: 386px; } .english-section-container .english-section-container-wrap .english-section-container-vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; display:none; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; } .english-section-container .english-section-container-wrap dl:hover dd{ border-bottom: 4px solid #ff6c00; } .english-section-container .english-section-container-wrap dl dd span:hover { color: #ff6c00; } .english-section-container .english-section-container-wrap dl dt img{ width: 100%; cursor: pointer; transition: all 0.6s; background: #D8D8D8; border-radius: 5px 5px 0 0 ; height:217px; } .english-section-container .english-section-container-wrap dl dt { display: block; width: 100%; /* width: 285px; */ height: auto; overflow: hidden; position: relative; border-radius: 5px 5px 0 0 ; } .english-section-container .english-section-container-wrap dl dt a{ display: flex; } .english-section-container .english-section-container-wrap dl dd { /* width: 285px; */ width: 100%; height: 135px; background: #1d2645; margin-left: 0px; position: relative; border-radius: 0 0 5px 5px; overflow: hidden; } .english-section-container .english-section-container-wrap dl dd span { display: block; font-size: 18px; font-family: Arial; color: #fff; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 20px 20px 0 20px; max-height: 50px; height: 50px; } .english-section-container .english-section-title { text-align: left; font-size: 35px; position: relative; } .english-section-container .english-section-title h2{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ font-size: 35px; font-family: Arial; } .english-section-container .english-section-title .english-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .english-section-container .english-section-title .english-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .english-section-container img:hover { transform: scale(1.1, 1.1); } .english-section-title .english-section-title-right{ font-size: 16px; position: absolute; right: 120px; top: 15%; } .english-section-title .english-section-title-right li{ float: left; margin-left: 30px; line-height: 36px; } .english-section-title .english-section-title-right li a{ cursor: pointer; color: #000; font-family: Arial; } .english-section-title .english-section-title-right li a img{ vertical-align: middle; } .english-section-title .english-section-title-right li a .english-section-title-rightP-1{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/wd.png); background-repeat: no-repeat; background-position: left; padding-left: 35px; } .english-section-title .english-section-title-right li a .english-section-title-rightP-2{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/yj.png); background-repeat: no-repeat; background-position: left; padding-left: 35px; } .english-section-title .english-section-title-right li a .english-section-title-rightP-3{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qiu.png); background-repeat: no-repeat; background-position: left; padding-left: 35px; } .english-section-title .english-section-title-right li a:hover{ color: #ff6c00; } .english-section-title .english-section-title-right li a:hover .english-section-title-rightP-1{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/wdh.png); background-repeat: no-repeat; } .english-section-title .english-section-title-right li a:hover .english-section-title-rightP-2{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/yjh.png); background-repeat: no-repeat; } .english-section-title .english-section-title-right li a:hover .english-section-title-rightP-3{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qiuh.png); background-repeat: no-repeat; } .english-section-container .english-section-container-wrap .english-section-container-type{ color: #fff; margin: 14px 0 0 20px; font-size:14px; } .english-section-container .english-section-container-wrap .english-section-container-type p{ line-height: 27px; margin:0; padding-left: 35px; font-family: Arial; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-1{ background-image:url(//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEvyhAGpxUV8VgQYkuUBlr211217/2021_03.png); background-repeat: no-repeat; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-2{ background-image:url(//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEvyhAGpxUV8VgQYkuUBlr211217/2021_06.jpg); background-repeat: no-repeat; background-position: 0px 2px; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-3{ background-image:url(//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEvyhAGpxUV8VgQYkuUBlr211217/2021_08.png); background-repeat: no-repeat; background-position: 1px 2px; } .english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-1{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qiul.png); background-repeat: no-repeat;}.english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-2{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/yjl.png); background-repeat: no-repeat; background-position: 0;}.english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-3{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/wdl.png); background-repeat: no-repeat; background-position: 0;} .english-section-container .english-section-container-wrap .english-section-container-type:hover{ color: #58cff6; } @media screen and (max-width:768px) { .english-section-container { margin:1.4rem 0 1.2rem 0; padding:0; } .english-section-container .english-section-container-wrap{ margin: 0 0.5rem; } .english-section-container .english-section-container-wrap dl{ width: 6.8rem; border-radius: 0; background: #fff; box-shadow:0px 0px 10px rgb(0 0 0 / 10%); margin-top: 0.4rem; } .english-section-container .english-section-container-wrap dl dt{ border-radius:0; } .english-section-container .english-section-container-wrap dl dd{ background: #fff; height:4.5rem; } /* .english-section-container .english-section-container-wrap dl dd span{ color: #000; margin:0; padding:0.4rem; font-size:0.6rem; height: 2.5rem; max-height: 2.5rem; line-height: 0.7rem; -webkit-line-clamp: 3; }*/ .english-section-container .english-section-container-wrap dl dd span{ color: #000; margin:0.3rem; font-size:16px; min-height: 75px; line-height: 25px; -webkit-line-clamp: 3; } .english-section-container .english-section-container-wrap dl dt img{ border-radius: 0; height:3.8rem; } .english-section-container .english-section-title{ margin: 0 0.5rem; } .english-section-container .english-section-title h2{ padding-left: 0; background-image: url(); font-size: 0.72rem; } .english-section-container .english-section-title .english-section-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .english-section-container .english-section-container-wrap dl:nth-of-type(n+5) { display: none; } .english-section-title .english-section-title-right{ display: none; } .english-section-container .english-section-container-wrap dl:hover dd{ border-bottom: none; } .english-section-container .english-section-container-wrap dl:hover dd span{ color: #000; } .english-section-container .english-section-container-wrap .english-section-container-type{ color: #999999; padding: 0.4rem; display: block; font-size: 13px; margin:0; } .english-section-container .english-section-container-wrap .english-section-container-vidTime{ display:block; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-1{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qiu.png); background-repeat: no-repeat; background-position: 0; background-size: 10%; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-2{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/yj.png); background-repeat: no-repeat; background-position: 0; background-size: 10%; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-3{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/wd.png); background-repeat: no-repeat; background-position: 0; background-size: 10%; } .english-section-container .english-section-container-wrap .english-section-container-type:hover{ color:#999999; } .english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-1{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qiu.png); background-repeat: no-repeat; background-position: 0;}.english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-2{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/yj.png); background-repeat: no-repeat; background-position: 0;}.english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-3{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/wd.png); background-repeat: no-repeat; background-position: 0;} .english-section-container .english-section-container-wrap .english-section-container-type p{ padding-left:12%; color:#999999; } .english-section-container img:hover { transform: none; } } /style> div classenglish-section-container idTPMTL346mmNEW8MQk7UHgD9t211216_container module-idTPMTL346mmNEW8MQk7UHgD9t211216> div classenglish-section-title> h2>ENGLISH/h2> ul classenglish-section-title-right> li> a hrefhttps://english.cctv.com/video/chinaqa/index.shtml target_blank> p classenglish-section-title-rightP-1> China Q&A /p> /a> /li> li> a hrefhttps://english.cctv.com/video/trending/index.shtml target_blank> p classenglish-section-title-rightP-2> Trending /p> /a> /li> li> a hrefhttps://english.cctv.com/video/globalview/index.shtml target_blank> p classenglish-section-title-rightP-3> Global View /p> /a> /li> /ul> a hrefhttps://english.cctv.com classenglish-section-title-more target_blank>/a> /div> div classenglish-section-container-wrap> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/25/VIDE2mLnqGHMS5ZTJwOVfoC3241025.shtml target_blank> img src//p4.img.cctvpic.com/photoworkspace/2024/10/25/2024102515175460132.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/25/VIDE2mLnqGHMS5ZTJwOVfoC3241025.shtml target_blank> span>Confucius Statue Unveiled at Kazan Federal University/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/25/VIDErWZKeETpLHbHAxUkxEVi241025.shtml target_blank> img src//p3.img.cctvpic.com/photoworkspace/2024/10/25/2024102514485377209.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/25/VIDErWZKeETpLHbHAxUkxEVi241025.shtml target_blank> span>Xinjiang teachers create sports facilities to fulfill childrens ice dream/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/25/VIDE7ppGwL7udJKj3Fu0FVhH241025.shtml target_blank> img src//p4.img.cctvpic.com/photoworkspace/2024/10/25/2024102514410266323.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/25/VIDE7ppGwL7udJKj3Fu0FVhH241025.shtml target_blank> span>Anhui: Power Line Crossing in Central Anhui Stood for 60 Years/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/24/VIDEIVqGaYrKK36QGW0lV97T241024.shtml target_blank> img src//p3.img.cctvpic.com/fmspic/2024/10/24/42fcb84d8d4442358255407368e05b85-1.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/24/VIDEIVqGaYrKK36QGW0lV97T241024.shtml target_blank> span>Luban Workshop Brings Vocational Education Overseas via the Belt and Road Initiative/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/24/VIDEFnBtcSk90Xl75i3qH127241024.shtml target_blank> img src//p5.img.cctvpic.com/photoworkspace/2024/10/24/2024102414410178649.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/24/VIDEFnBtcSk90Xl75i3qH127241024.shtml target_blank> span>The Changtang wildlife protection dream team guards the restricted zone in SW Chinas Xizang/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/24/VIDE6xq5d99cvyWQWZaZC77u241024.shtml target_blank> img src//p4.img.cctvpic.com/photoworkspace/2024/10/24/2024102414231163410.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/24/VIDE6xq5d99cvyWQWZaZC77u241024.shtml target_blank> span>Paper-cutting artworks shine at exhibition in Luohe/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> /div> /div> !-- 英文开始 --> script typetext/babel module-idTPMTL346mmNEW8MQk7UHgD9t211216> (function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTL346mmNEW8MQk7UHgD9t211216_container).style.display none; }else{ let urlBeing ?true:false; if(urlBeing){ scriptEl.src isCN ? : document.body.appendChild(scriptEl) } } })()/script> !-- 英文结束 --> script typetext/javascript src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/jweixin-1.6.0.js module-idTPMTsw4Sk714hugfRhYvkkYm230209>/script> script typetext/javascript src//g.alicdn.com/dingding/open-develop/1.9.0/dingtalk.js module-idTPMTsw4Sk714hugfRhYvkkYm230209>/script> script typetext/javascript module-idTPMTsw4Sk714hugfRhYvkkYm230209> // 微信配置 //Ajax function getAjax(url, data, cb, spacial) { $.ajax({ url: url, type: get, data: data, dataType: jsonp, jsonp: cb, jsonpCallback: cb1, cache: true, success: function (_data) { cb(_data); }, timeout: 10000, error: function () { warnbox(请求超时,请检查网络或者重新刷新页面!); }, }); } var data { appid: newstiket, serviceId: cmsty, url: encodeURIComponent(encodeURIComponent(window.location.href)), }; getAjax(//api.cntv.cn/list/getWeiXinSignature?tjsonp, data, weixinSucess); function weixinSucess(data) { wx.config({ debug: false, appId: wx2723c0deaa5a97e9, timestamp: data.data.timestamp, nonceStr: data.data.nonceStr, signature: data.data.signature, jsApiList: updateTimelineShareData, updateAppMessageShareData, // 功能列表,我们要使用JS-SDK的什么功能 }); } // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在 页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready 函数中。 wx.ready(function () { // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 wx.updateTimelineShareData({ title: 海外频道, // 分享标题 link: window.location.href, imgUrl: https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2024/7/30/1722328043248_894.jpg, // 分享图标 }); // 获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.updateAppMessageShareData({ title: 海外频道, // 分享标题 desc: 央视网海外频道(global.cctv.com)是央视网旗下以面向海外用户为主,对外展示新时代中国新风貌、中华优秀传统文化等内容的聚合平台。, // 分享描述 link: window.location.href, imgUrl: https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2024/7/30/1722328043248_894.jpg, // 分享图标 type: link, // 分享类型,music、video或link,不填默认为link }); }); wx.error(function (res) { console.log(失败); }); function isdingding_20190304() { //判断是不是钉钉 var ua navigator.userAgent.toLowerCase(); return ua.indexOf(dingtalk) > 0; } if (isdingding_20190304()) { dd.ready(function () { dd.biz.navigation.setRight({ show: true, //控制按钮显示, true 显示, false 隐藏, 默认true control: true, //是否控制点击事件,true 控制,false 不控制, 默认false text: , //控制显示文本,空字符串表示显示默认文本 onSuccess: function (result) { //如果control为true,则onSuccess将在发生按钮点击事件被回调 dd.biz.util.share({ type: 0, //分享类型,0:全部组件 默认; 1:只能分享到钉钉;2:不能分享,只有刷新按钮 url: window.location.href, content: 央视网海外频道(global.cctv.com)是央视网旗下以面向海外用户为主,对外展示新时代中国新风貌、中华优秀传统文化等内容的聚合平台。, title: 海外频道, image: https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2024/7/30/1722328043248_894.jpg, onSuccess: function () {}, onFail: function (err) {}, }); }, onFail: function (err) {}, }); }); }/script> /div> !--底部包含页-底部--> style module-idTPMTWw1uCl6pQ7PsSo6727aX211222> .footer-container {padding:8px 0 0 0;color:#4d5c63;background-color:#151f38;overflow: hidden} .footer-box {max-width:1200px;margin:0 auto;} .footer-container .language {height:140px;padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} /* .footer-container .language-list { visibility: hidden; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;} */ .footer-container .language-list { display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;} .footer-container .language-item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} /* .footer-container .language-item:nth-child(n+2)::before {display:block;content:;margin:0 4px;height:12px;width:1px;background-color:#394a52;} */ .footer-container .language-item a {padding:8px 20px;font-size:14px;line-height:1;color:#949cb0;} .footer-container .language-item a:hover {color:#d1d1d1;} .footer-container .language-item img{border-radius:10px;width:40px;height:40px;} .footer-container .copy-right {font-size:13px;line-height:25px;text-align:center;background-color:#353a50;padding-bottom: 15px;color:#fff} .footer-container .copy-right p:nth-child(1) {padding: 10px 0;} .footer-container .footer-box .cj_foot_language{ display: none; } @media screen and (max-width:1440px) {.footer-box {max-width:1200px;} } @media screen and (max-width:768px) {.footer-container {padding:0;} .footer-box {max-width:960px;padding:0 15px;} /* .footer-container .language {display:none;} */ .footer-container .copy-right {padding:15px;color:#fff;} .footer-container .copy-right p{display: none;} .footer-container .copy-right p:nth-child(1){display: block;} .footer-container .copy-right p:nth-child(1){display: block;} .footer-container .footer-box .language{ display: none ; } .footer-container .footer-box .cj_foot_language{ display: block; text-align: center; } .footer-container .footer-box .cj_foot_language .cj_footrt_logo{ margin: 27px auto 12px auto; } .footer-container .footer-box .cj_foot_language ul{ margin-bottom: 40px; display: flex; justify-content: center; align-items: center; padding:0 } } @media screen and (max-width:992px) {.footer-box {max-width:720px;} } @media screen and (max-width:768px) {.footer-box {max-width:540px;} }/style>div classfooter-container module-idTPMTWw1uCl6pQ7PsSo6727aX211222> div classfooter-box> section classlanguage> a href>img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/31/1640920871087_908.png>/a> ul classlanguage-list> li classlanguage-item>a hrefhttps://www.facebook.com/cctv.cn target_blank>img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578397052_827.png>/a>/li> li classlanguage-item>a hrefhttps://www.youtube.com/channel/UCnAsZ46UTeFEgwOEwMezngQ target_blank>img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578423094_12.png>/a>/li> li classlanguage-item>a hrefhttps://twitter.com/cctv target_blank>img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578430802_655.png>/a>/li> li classlanguage-item>a hrefhttps://www.instagram.com/cctv.chinese/ target_blank>img src//p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578435474_24.png>/a>/li> /ul> /section> div classcj_foot_language> a href>img classcj_footrt_logo src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/31/1640920871087_908.png>/a> ul classlanguage-list> li classlanguage-item>a hrefhttps://www.facebook.com/cctv.cn target_blank>img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578397052_827.png>/a>/li> li classlanguage-item>a hrefhttps://www.youtube.com/channel/UCnAsZ46UTeFEgwOEwMezngQ target_blank>img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578423094_12.png>/a>/li> li classlanguage-item>a hrefhttps://twitter.com/cctv target_blank>img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578430802_655.png>/a>/li> li classlanguage-item>a hrefhttps://www.instagram.com/cctv.chinese/ target_blank>img src//p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578435474_24.png>/a>/li> /ul> /div> /div> div classfooter-box2> section classcopy-right> p>Copyright © 2020, China Media Group,CCTV.com. All Rights Reserved/p> p>京ICP证060535号 京公网安备 11000002000018号 京网文20140383-083号/p> p>网上传播视听节目许可证号 0102002 新出网证(京)字098号/p> /section> /div> /div>script module-idTPMTWw1uCl6pQ7PsSo6727aX211222> $(function(){ var areaInfo eval(( + cntv_whereis.replace(/(^\s*)|(\s*$)/g, ) + )); var code areaInfo.country_code; if(code CN){ $(.language-list).hide() }else{ $(.language-list).show() } })/script> !--底部包含页-返回顶部--> link relstylesheet typetext/css href//r.img.cctvpic.com/newcctv/global/gotop/style/style.css?818b157b3541946e85e765e6839861c1>div classother-set-wrap module-idTPMTarvp0iw7cRdinuoUBZ4Q211227> div classother-phone-container> img srchttps://p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/u309.png> p>手机看/p> div classother-phone-QRcode> img srchttps://p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qrCode.png> /div> /div> a classbacktop-container href> !-- svg t1608707766654 classicon viewBox0 0 1024 1024 version1.1 xmlnshttp://www.w3.org/2000/svg p-id5411 width50 height30 fill#fff>path dM873.472 668.672a76.8 76.8 0 0 1-108.544 0L512 415.744 259.072 668.672a76.8 76.8 0 0 1-108.544-108.544l307.2-307.2a76.8 76.8 0 0 1 108.544 0l307.2 307.2a76.8 76.8 0 0 1 0 108.544z p-id5412>/path>/svg> --> div classother-top-container> img srchttps://p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/u301.png> p>返回顶部/p> /div> /a> /div>script typetext/babel module-idTPMTarvp0iw7cRdinuoUBZ4Q211227> // backtop 开始 function initBackTop () { document.body.id back-top let backTopBtn document.querySelector(.backtop-container) let backTopWrap document.querySelector(.other-set-wrap) backTopBtn.href #back-top function firstInit () { let scrollTop document.documentElement.scrollTop if (scrollTop > 300) { backTopBtn.classList.add(show) } else { backTopBtn.classList.remove(show) } } firstInit() window.addEventListener(scroll, function () { let scrollTop document.documentElement.scrollTop if (scrollTop > 300) { backTopWrap.classList.add(show) } else { backTopWrap.classList.remove(show) } }) } window.addEventListener(load, initBackTop) // backtop 结束 /script> script> document.body.addEventListener(touchstart, function () {});/script> /body>/html>
Port 443
HTTP/1.1 200 OKDate: Thu, 31 Oct 2024 00:03:38 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-aliveCF-Ray: 8daf62176a307534-SEACF-Cache-Status: DYNAMICAccess-Control-Allow-Origin: *Age: 160Cache-Control: no-storeExpires: Thu, 31 Oct 2024 00:03:58 GMTSet-Cookie: HMF_CI1cc0a57e4f9acd30606fb9816f6768ac50dc4db0520e0ccafd0f0ac303a201623d3eb8a69f9fb527984cc3cb3ab10c25082d83f9937e7711c923cd6a566c18e1db; ExpiresSat, 30-Nov-24 00:03:38 GMT; Path/Vary: accept-encodingX-UA-Compatible: IEEdge,chrome1X-Via: 1.1 PSmglsjLAX2ay162:8 (Cdn Cache Server V2.0), 1.1 yatu3:8 (Cdn Cache Server V2.0)x-ws-request-id: 6722c95a_yatu3_1666-46796Report-To: {endpoints:{url:https:\/\/a.nel.cloudflare.com\/report\/v4?scB0zPhOeOlzm99SSAf9bnv6pjz1Xlk1UFDRYgldjvjAetNdpzNclNg6Op8ZY2Gau5JYipLVOCjbcbQYXpb%2BDaeC%2BOIjs7JhK6qwT60gFNhKbvYTN7rH0eAZ7wlESsYxrp9y2VXuqo2u0yMvk7g%3D%3D},group:cf-nel,max_age:604800}NEL: {success_fraction:0,report_to:cf-nel,max_age:604800}Server: cloudflarealt-svc: h3:443; ma86400server-timing: cfL4;desc?protoTCP&rtt10554&sent5&recv6&lost0&retrans0&sent_bytes2878&recv_bytes737&delivery_rate276546&cwnd243&unsent_bytes0&cidcfaa379b1d5c1195&ts121&x0 !doctype html>html langen> head> meta namepage-id idpage-id contentPAGEOTftMzKc6PuWFBA26Bop211216> meta namerenderer contentwebkit> meta http-equivX-UA-Compatible contentIEedge,chrome1> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>海外频道_央视网(cctv.com)/title> meta namekeywords content央视网海外频道 中国传统文化 艺术 美食 生态保护> meta namedescription content央视网海外频道(global.cctv.com)是央视网旗下以面向海外用户为主,对外展示新时代中国新风貌、中华优秀传统文化等内容的聚合平台。> script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTEvyhAGpxUV8VgQYkuUBlr211217/jquery.min.js>/script> script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/polyfill.min.js> /script> script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/babel.min.js> /script> script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/getArea.js> /script> script src//ip.apps.cntv.cn/whereis?clienthtml5>/script> !--script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/findGetParameter2.js>/script--> script src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/findGetParameter3.js> /script> script> //px转换rem /50 (function (doc, win) { var docEl doc.documentElement, resizeEvt orientationchange in window ? orientationchange : resize, recalc function () { var clientWidth docEl.clientWidth > 750 ? 750 : docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize 50 * (clientWidth / 750) + px; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener(DOMContentLoaded, recalc, false); })(document, window); /script> link relstylesheet typetext/css href//r.img.cctvpic.com/newcctv/global/style/style.css?fd387d8801d19c400aa3d55842d19735> /head> body idtop ontouchstart>script>(function () { document.cookie HOY_TRITGNQAHKFCEXZLBR,53A68EF794BC2D01,pkzgwciyxfslaqtu; max-age31536000; path/;document.cookie HBB_HC023ff81b5a3ffa1bd6a4164e73ab6ca31b6b8f9d349a0b62828a0b15a5c0152370cd4b65147761847ef0ca945fad9702d0; max-age600; path/; })()/script>script src/_ws_sbu/sbu_hc.js>/script> script srchttps://js.data.cctv.com/__aplus_plugin_cctv.js,aplus_plugin_aplus_u.js>/script> script> goldlog.record(/sns.1.1, , snsScenezq&producttv, ); /script> style> body { background:url(//p4.img.cctvpic.com/photoAlbum/page/performance/img/2022/1/26/1643194869234_993.png) no-repeat top; } /style> !--头部包含页-头部--> link relstylesheet typetext/css href//r.img.cctvpic.com/newcctv/global/topcontain/style/style.css?3ad9f21d24f6a1be5679f14843c34c34>div classheader-container module-idTPMTJj5jKmvO0LmyGSwc5YkT230515> img styledisplay:none;width:0px; height:0px; src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2023/2/9/1675908806957_283.jpeg> div classheader-box p-media> div classheader-menu> a href/ classlogo-container>img width180px height31px classheader-logo src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2023/5/15/1684143163285_351.png> img classheader-logo-mobile width180px height31px src//p3.img.cctvpic.com/photoAlbum/templet/common/TPTETdowvcN0ylAq0ygHSCRR211231/logo_03.png> /a> ul classmenu-list> li classmenu-item menu-item-1 idmenu-item-PAGEnL0TSDsFQ26XkCx4G7Kl210126>a hrefhttps://global.cctv.com/trending/index.shtml target_blank>新闻/a>/li> li classmenu-item menu-item-2 menu-item-more has-child idmenu-item-PAGEKdlaejKGFN55dqzDmhLz210126> a hrefhttps://global.cctv.com/ipanda/index.shtml target_blank> 熊猫 /a> ul classsub-menu> li classsub-menu-item menu-item-2-sub1>a hrefhttps://global.cctv.com/ipanda/hipanda/index.shtml target_blank>span classmenu-item-sub-tips>/span>熊猫一刻/a>/li> li classsub-menu-item menu-item-2-sub2>a hrefhttps://global.cctv.com/ipanda/pandatroupe/index.shtml target_blank>span classmenu-item-sub-tips>/span>熊猫星团/a>/li> li classsub-menu-item menu-item-2-sub3>a hrefhttps://global.cctv.com/ipanda/pandastories/index.shtml target_blank>span classmenu-item-sub-tips>/span>大熊猫故事/a>/li> li classsub-menu-item menu-item-2-sub4>a hrefhttps://global.cctv.com/ipanda/nationalpark/index.shtml target_blank>span classmenu-item-sub-tips>/span>大熊猫国家公园/a>/li> li classsub-menu-item menu-item-2-sub5>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> /ul> /li> li classmenu-item menu-item-3> a hrefhttps://global.cctv.com/chineseart/index.shtml target_blank> 文艺 /a> ul classsub-menu> li classsub-menu-item menu-item-3-sub1>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-3-sub2>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-3-sub3>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-3-sub4>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-3-sub5>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> /ul> /li> li classmenu-item menu-item-4> a hrefhttps://global.cctv.com/tvplay/index.shtml target_blank>影视 /a> /li> li classmenu-item menu-item-5 menu-item-more has-child idmenu-item-PAGEUBd1QvffCAy5faqqBTdU210126>a hrefhttps://global.cctv.com/documentary/index.shtml>纪录/a> ul classsub-menu> li classsub-menu-item menu-item-5-sub1>a hrefhttps://global.cctv.com/documentary/index.shtml target_blank>span classmenu-item-sub-tips>/span>纪录中国/a>/li> li classsub-menu-item menu-item-5-sub2>a hrefhttps://global.cctv.com/zgmk/index.shtml target_blank>span classmenu-item-sub-tips>/span>中国面孔/a>/li> /ul> /li> li classmenu-item menu-item-6 idmenu-item-PAGExI1E9yHq3eV3FpI6Sycg210126>a hrefhttps://global.cctv.com/chinesegourmet/index.shtml target_blank>美食/a>/li> li classmenu-item menu-item-7 menu-item-more has-child idmenu-item-PAGEAcAwQE2rxqQd91IljaY7210126>a hrefhttps://global.cctv.com/crossstrait/index.shtml>港澳台/a> ul classsub-menu> li classsub-menu-item menu-item-7-sub1>a hrefhttps://global.cctv.com/crossstrait/index.shtml target_blank>span classmenu-item-sub-tips>/span>看两岸/a>/li> li classsub-menu-item menu-item-7-sub2>a hrefhttps://global.cctv.com/wehk/index.shtml target_blank>span classmenu-item-sub-tips>/span>WeHK/a>/li> /ul> /li> li classmenu-item menu-item-8 idmenu-item-PAGEzUr8KbHQeVt3oiO91YW8210126> a hrefhttps://global.cctv.com/live/index.shtml target_blank> 直播 /a> ul classsub-menu> li classsub-menu-item menu-item-8-sub1>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-8-sub2>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-8-sub3>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-8-sub4>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-8-sub5>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> /ul> /li> li classmenu-item menu-item-9>a hrefhttps://global.cctv.com/event/index.shtml target_blank>专题/a>/li> li classmenu-item menu-item-10 menu-item-more has-child>a href target_blank>中文/a> ul classsub-menu> li classsub-menu-item menu-item-10-sub1> fjtignoreurl> a hrefhttps://big5.cctv.com/gate/big5/global.cctv.com/index.shtml target_blank>span classmenu-item-sub-tips>/span>繁体/a> /fjtignoreurl> /li> li classsub-menu-item menu-item-10-sub2> fjtignoreurl> a hrefhttps://global.cctv.com/index.shtml target_blank>span classmenu-item-sub-tips>/span>简体/a> /fjtignoreurl>/li> /ul> /li> li classmenu-item menu-item-11 has-child> a hrefhttps://english.cctv.com/ target_blank> English /a> ul classsub-menu> li classsub-menu-item menu-item-11-sub1>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-11-sub2>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-11-sub3>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-11-sub4>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-11-sub5>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> /ul> /li> li classmenu-item menu-item-12 menu-item-more has-child> a href target_blank> /a> ul classsub-menu> li classsub-menu-item menu-item-12-sub1>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-12-sub2>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-12-sub3>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-12-sub4>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> li classsub-menu-item menu-item-12-sub5>a href target_blank>span classmenu-item-sub-tips>/span>/a>/li> /ul> /li> li classmenu-item menu-item-13>a href target_blank>/a>/li> /ul> ul classmenu-list menu-list_2> li classmenu-item menu-item-14 styledisplay: flex;>a hrefhttps://www.cctv.com target_blank>返回央视网/a>/li> /ul> /div> script typetext/babel> var show_menu_interval setInterval(show_menu, 1000); function show_menu() { var isCN getArea() CN; console.log(isCN) var guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-1)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-2)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-3)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-5)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-6)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-7)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-8)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-9)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-more)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-10)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-11)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-13)0.style.display flex; } // 菜单2隐藏 if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-2-sub1)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-2-sub2)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-2-sub3)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-2-sub4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-2-sub5)0.style.display flex; } // 菜单3隐藏 if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-3-sub1)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-3-sub2)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-3-sub3)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-3-sub4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-3-sub5)0.style.display flex; } // 菜单5隐藏 if ((isCN && 0 1) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-5-sub1)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-5-sub2)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-5-sub3)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-5-sub4)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-5-sub5)0.style.display flex; } // 菜单7隐藏 if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-7-sub1)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-7-sub2)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-7-sub3)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-7-sub4)0.style.display flex; } if ((isCN && 0 ) || (!isCN && 0 )) { document.getElementsByClassName(menu-item-7-sub5)0.style.display flex; } // 菜单8隐藏 if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-8-sub1)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-8-sub2)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-8-sub3)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-8-sub4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-8-sub5)0.style.display flex; } // 菜单10隐藏 if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-10-sub1)0.style.display flex; } if ((isCN && 0 0) || (!isCN && 0 0)) { document.getElementsByClassName(menu-item-10-sub2)0.style.display flex; } // 菜单11隐藏 if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-11-sub1)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-11-sub2)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-11-sub3)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-11-sub4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-11-sub5)0.style.display flex; } // 菜单12隐藏 if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12-sub1)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12-sub2)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12-sub3)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12-sub4)0.style.display flex; } if ((isCN && 0 1) || (!isCN && 0 1)) { document.getElementsByClassName(menu-item-12-sub5)0.style.display flex; } clearInterval(show_menu_interval); } /script> /div> /div>script module-idTPMTJj5jKmvO0LmyGSwc5YkT230515>var pathName;if (window.location.pathname.indexOf(big5) ! -1) {pathName window.location.pathname.replace(/gate/big5/, );pathName pathName.split(/)1;} else {pathName window.location.pathname.split(/)1;}var activeEl document.querySelector(.header-container).querySelector(.menu-list).querySelectorAll(.menu-item);activeEl.forEach((item) > {if (pathName ! && pathName ! index.shtml) {if (item.querySelector(a).getAttribute(href).indexOf(pathName) ! -1) {item.querySelector(a).style.color #ff6c00;}}}); if (window.location.pathname.indexOf(big5) ! -1) { $(.menu-item-10-sub1 a).html( span classmenu-item-sub-tips>/span>繁體/a> ); $(.menu-item-10-sub2 a).html( span classmenu-item-sub-tips>/span>簡體/a> ); } else { $(.menu-item-10-sub1 a).html( span classmenu-item-sub-tips>/span>繁体/a> ); $(.menu-item-10-sub2 a).html( span classmenu-item-sub-tips>/span>简体/a> ); } /script> div> div classslide-container idTPMTOr7IKeZ3p5oUzAEyXSZQ211216_container module-idTPMTOr7IKeZ3p5oUzAEyXSZQ211216> div classdraggable> ul classslide-list slide-block> li classslide-item stylebackground-image: url(//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/21/1729503213283_967.jpg) onclickjavascript:window.open(https://global.cctv.com/2024/10/21/VIDE8mrD8Aqjhu1CWb6MkwQW241021.shtml) data-block-idDABKU0ltBFbT49hjKgJsHzMe211216> div classslide-box> a hrefhttps://global.cctv.com/2024/10/21/VIDE8mrD8Aqjhu1CWb6MkwQW241021.shtml classtitle target_blank>创意作品云集2024北京朝阳国际灯光节/a> p classdesc>创意作品云集2024北京朝阳国际灯光节/p> div> a hrefhttps://global.cctv.com/2024/10/21/VIDE8mrD8Aqjhu1CWb6MkwQW241021.shtml classwatch-btn target_blank>立即观看/a> /div> /div> /li> li classslide-item stylebackground-image: url(//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/29/1730183286282_85.jpg) onclickjavascript:window.open(https://global.cctv.com/2024/10/29/VIDE9HI7O3LbYxyOTjpII4Zc241029.shtml) data-block-idDABKU0ltBFbT49hjKgJsHzMe211216> div classslide-box> a hrefhttps://global.cctv.com/2024/10/29/VIDE9HI7O3LbYxyOTjpII4Zc241029.shtml classtitle target_blank>两次“探险之旅”都被抓住啦/a> p classdesc>小团子想探险的心已经蠢蠢欲动啦,但是每次都被奶妈抓回了/p> div> a hrefhttps://global.cctv.com/2024/10/29/VIDE9HI7O3LbYxyOTjpII4Zc241029.shtml classwatch-btn target_blank>立即观看/a> /div> /div> /li> li classslide-item stylebackground-image: url(//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/25/1729850243628_762.png) onclickjavascript:window.open(https://global.cctv.com/2024/10/25/VIDE5sASg489qCyBlENQPXJ5241025.shtml) data-block-idDABKU0ltBFbT49hjKgJsHzMe211216> div classslide-box> a hrefhttps://global.cctv.com/2024/10/25/VIDE5sASg489qCyBlENQPXJ5241025.shtml classtitle target_blank>周深燃情演唱《向光而行》/a> p classdesc>周深燃情演唱《向光而行》,用歌词诉说炽热奔赴的力量/p> div> a hrefhttps://global.cctv.com/2024/10/25/VIDE5sASg489qCyBlENQPXJ5241025.shtml classwatch-btn target_blank>立即观看/a> /div> /div> /li> /ul> div classcj_dispIndex> span classcj_disp_round white_bg>/span> span classcj_disp_round>/span> span classcj_disp_round>/span> /div> /div> /div>script typetext/babel module-idTPMTOr7IKeZ3p5oUzAEyXSZQ211216> // // bannerSlide 开始 function ininBannerSlideEvent() { document.querySelector(#TPMTOr7IKeZ3p5oUzAEyXSZQ211216_container).style.display block; var timer null; function mobileSlide(noPhone) { var carousel document.querySelector(.slide-container); var carouselUl carousel.querySelector(ul); var carouselLis carouselUl.querySelectorAll(li); var points carousel.querySelector(.cj_dispIndex); // 屏幕的宽度 var screenWidth document.documentElement.offsetWidth; // 初始三个固定的位置 var left carouselLis.length - 1; var center 0; var right 1; if(noPhone){ clearInterval(timer); setTransformPC(); return } // 归位(多次使用,封装成函数) setTransform(); // 调用定时器 timer setInterval(showNext, 2000); // 分别绑定touch事件 var startX 0; // 手指落点 var startTime null; // 开始触摸时间 carouselUl.addEventListener(touchstart, touchstartHandler); // 滑动开始绑定的函数 touchstartHandler carouselUl.addEventListener(touchmove, touchmoveHandler); // 持续滑动绑定的函数 touchmoveHandler carouselUl.addEventListener(touchend, touchendHandeler); // 滑动结束绑定的函数 touchendHandeler // 轮播图片切换下一张 function showNext() { // 轮转下标 left center; center right; right++; // 极值判断 if (right > carouselLis.length - 1) { right 0; } //添加过渡(多次使用,封装成函数) setTransition(1, 1, 0); // 归位 setTransform(); // 自动设置小圆点 setPoint(); } // 轮播图片切换上一张 function showPrev() { // 轮转下标 right center; center left; left--; // 极值判断 if (left 0) { left carouselLis.length - 1; } //添加过渡 setTransition(0, 1, 1); // 归位 setTransform(); // 自动设置小圆点 setPoint(); } // 滑动开始 function touchstartHandler(e) { // 清除定时器 clearInterval(timer); // 记录滑动开始的时间 startTime Date.now(); // 记录手指最开始的落点 startX e.changedTouches0.clientX; } // 滑动持续中 function touchmoveHandler(e) { // 获取差值 自带正负 var dx e.changedTouches0.clientX - startX; // 干掉过渡 setTransition(0, 0, 0); // 归位 setTransform(dx); } // 滑动结束 function touchendHandeler(e) { // 在手指松开的时候,要判断当前是否滑动成功 var dx e.changedTouches0.clientX - startX; // 获取时间差 var dTime Date.now() - startTime; // 滑动成功的依据是滑动的距离(绝对值)超过屏幕的三分之一 或者滑动的时间小于300毫秒同时滑动的距离大于30 if (Math.abs(dx) > screenWidth / 3 || (dTime 300 && Math.abs(dx) > 30)) { // 滑动成功了 // 判断用户是往哪个方向滑 if (dx > 0) { // 往右滑 看到上一张 showPrev(); } else { // 往左滑 看到下一张 showNext(); } } else { // 添加上过渡 setTransition(1, 1, 1); // 滑动失败了 setTransform(); } // 重新启动定时器 clearInterval(timer); // 调用定时器 timer setInterval(showNext, 2000); } // 设置过渡 function setTransition(a, b, c) { if (a) { carouselLisleft.style.transition transform 1s; } else { carouselLisleft.style.transition none; } if (b) { carouselLiscenter.style.transition transform 1s; } else { carouselLiscenter.style.transition none; } if (c) { carouselLisright.style.transition transform 1s; } else { carouselLisright.style.transition none; } } // 封装归位 function setTransform(dx) { dx dx || 0; carouselLisleft.style.transform translateX( + (-screenWidth + dx) + px); carouselLiscenter.style.transform translateX( + dx + px); carouselLisright.style.transform translateX( + (screenWidth + dx) + px); } function setTransformPC(dx) { dx dx || 0; carouselLisleft.style.transform none; carouselLiscenter.style.transform none; carouselLisright.style.transform none; } // 动态设置小圆点的active类 var pointsLis points.querySelectorAll(span); function setPoint() { for (var i 0; i pointsLis.length; i++) { pointsLisi.classList.remove(white_bg); } pointsLiscenter.classList.add(white_bg); } } function init() { if (Number(window.innerWidth) 768) { clearInterval(timer); mobileSlide() }else{ clearInterval(timer); mobileSlide(true); } } window.addEventListener(resize, function () { init() }) init() } window.addEventListener(load, ininBannerSlideEvent) // bannerSlide 结束/script> style module-idTPMTyC55g6ZBo3Whkz45Xo67211216>.promptly-section-container { padding:30px 0; width: 100%; max-width: 1200px; margin: 0 auto; } .promptly-section-container .promptly-section-container-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .promptly-section-container .promptly-section-container-wrap dl{ width: 24%; border-radius: 5px; cursor: pointer; /* background: #1d2645; */ background: #1d2645; margin-top: 25px; } .promptly-section-container .promptly-section-container-wrap dl:hover dd{ border-bottom: 4px solid #ff6c00; } .promptly-section-container .promptly-section-container-wrap dl:hover dd span{ color: #ff6c00; } .promptly-section-container .promptly-section-container-wrap dl img{ width: 100%; cursor: pointer; transition: all 0.6s; background: #D8D8D8; border-radius: 5px 5px 0 0 ; height:162px } .promptly-section-container .promptly-section-container-wrap dl dt { display: block; width: 100%; /* width: 285px; */ height: auto; overflow: hidden; position: relative; border-radius: 5px 5px 0 0; } .promptly-section-container .promptly-section-container-wrap dl dt a{ display: flex; } .promptly-section-container .promptly-section-container-wrap dl dd { /* width: 285px; */ width: 100%; height: 70px; background: #1d2645; margin-left: 0px; position: relative; border-radius: 0 0 5px 5px; overflow: hidden; } .promptly-section-container .promptly-section-container-wrap dl dd span { display: block; font-size: 16px; font-family: PingFang SC; color: #fff; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; max-height:50px; } .promptly-section-container .promptly-section-title { text-align: left; font-size: 35px; position: relative; } .promptly-section-container .promptly-section-title h2{ color: #fff; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_white.png) no-repeat left center;*/ font-size: 35px; } .promptly-section-container .promptly-section-title .promptly-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_white.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .promptly-section-container .promptly-section-title .promptly-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .promptly-section-container img:hover { transform: scale(1.1, 1.1); } .promptly-section-container .promptly-section-container-wrap .promptly-section-container-vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; background:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; }.promptly-section-container .promptly-section-container-wrap .promptly-section-container-look-more{ display:none;} @media screen and (max-width:768px) { .promptly-section-container{ margin-top:1.4rem; padding:0; } .promptly-section-container .promptly-section-container-wrap{ margin: 0 0.5rem; } .promptly-section-container .promptly-section-container-wrap dl{ width: 48.5%; border-radius: 0; background: #fff; box-shadow:0px 0px 10px rgb(0 0 0 / 10%); margin-top:0.4rem; } .promptly-section-container .promptly-section-container-wrap dl dt{ border-radius: 0; } .promptly-section-container .promptly-section-container-wrap dl dd{ background: #fff; height: auto; } .promptly-section-container .promptly-section-container-wrap dl dd span{ color: #000; margin:0.4rem 0.4rem 0.6rem 0.4rem; font-size:0.6rem; } .promptly-section-container .promptly-section-container-wrap dl img{ border-radius: 0; height:3.8rem; } .promptly-section-container .promptly-section-title{ margin: 0 0.5rem; } .promptly-section-container .promptly-section-title h2{ padding-left: 0%; background-image: none; color: #000; font-size:0.72rem; margin-bottom:0.2rem; } .promptly-section-container .promptly-section-title .promptly-section-title-more{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right:-0.8rem; } .promptly-section-container .promptly-section-container-wrap dl:nth-of-type(n+5) { display: none; } .promptly-section-container .promptly-section-container-wrap .promptly-section-container-look-more{ width: 70%; margin: 0 auto; text-align: center; line-height: 2rem; border: 1px solid #000; margin-top: 35px; display:block } .promptly-section-container .promptly-section-container-wrap dl:hover dd{ border-bottom: none; } .promptly-section-container .promptly-section-container-wrap dl:hover dd span{ color: #000; } .promptly-section-container img:hover { transform: none; } }/style>div classpromptly-section-container idTPMTyC55g6ZBo3Whkz45Xo67211216_container module-idTPMTyC55g6ZBo3Whkz45Xo67211216> div classpromptly-section-title> h2>即看/h2> a classpromptly-section-title-more hrefhttps://global.cctv.com/trending/index.shtml target_blank>/a> /div> div classpromptly-section-container-wrap> !--div classpromptly-section-container-look-more> p>换一换/p> /div>--> /div> /div>script module-idTPMTyC55g6ZBo3Whkz45Xo67211216> function PAGEnL0TSDsFQ26XkCx4G7Kl210126(res) { const datalist res.data.list.slice(0, 8); var listEl document.querySelector(#TPMTyC55g6ZBo3Whkz45Xo67211216_container).querySelector(.promptly-section-container-wrap); var liList ; var back PAGEnL0TSDsFQ26XkCx4G7Kl210126; for(var i 0 ; i datalist.length ; i++){ var itemHtml ; let item_title datalisti.title; item_title item_title.replace(/\#^\s*\s/ig, ); item_title item_title.replace(/\#.*/i, ); let item_subtitle datalisti.subtitle; item_subtitle item_subtitle.replace(/\#^\s*\s/ig, ); item_subtitle item_subtitle.replace(/\#.*/i, ); itemHtml +dl classpromptly-section-container-dlWrap> itemHtml +dt> itemHtml +a href itemHtml + datalisti.url itemHtml + target_blank > itemHtml +img src //itemHtml +datalisti.image if(datalisti.image || datalisti.image null || datalisti.image undefined){ if(datalisti.s_page_name || datalisti.s_page_name null || datalisti.s_page_name undefined ){ if(back PAGEnL0TSDsFQ26XkCx4G7Kl210126){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jk.jpg }else if(back PAGEZ8HZ8JSmzO1F6GiAYTi9211130){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_hk.jpg }else if(back PAGEMURMOWpDxCfQkQPW3nKA210126){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_zgmk.jpg } }else{ if(datalisti.s_page_name 今日说两岸){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jrsla.jpg }else if(datalisti.s_page_name 国台办权威发布){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_gtbfb.jpg }else if(datalisti.s_page_name 直通两岸){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkla.jpg }else if(datalisti.s_page_name 我同你港){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_wtng.jpg }else if(datalisti.s_page_name 即看大湾区){ itemHtml +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkdwq.jpg } } }else{ itemHtml + datalisti.image } itemHtml + > if(datalisti.duration){ itemHtml +span classpromptly-section-container-vidTime> itemHtml +datalisti.duration itemHtml +/span> } itemHtml +/a>/dt> itemHtml +dd>a href itemHtml +datalisti.url itemHtml + target_blank >span> if(datalisti.subtitle ){ itemHtml +item_title }else{ itemHtml +item_subtitle } itemHtml +/span>/a> itemHtml +/dd> itemHtml +/dl> liList +itemHtml; } listEl.innerHTML liList; } /script>script module-idTPMTyC55g6ZBo3Whkz45Xo67211216> window.addEventListener(load, function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTyC55g6ZBo3Whkz45Xo67211216_container).style.display none; }else{ let urlBeing https://global.cctv.com/cmsdatainterface/guonei/new/video/PAGEnL0TSDsFQ26XkCx4G7Kl210126_1.jsonp?true:false; if(urlBeing){ scriptEl.src isCN ? https://global.cctv.com/cmsdatainterface/guonei/new/video/PAGEnL0TSDsFQ26XkCx4G7Kl210126_1.jsonp : https://global.cctv.com/cmsdatainterface/guowai/new/video/PAGEnL0TSDsFQ26XkCx4G7Kl210126_1.jsonp document.body.appendChild(scriptEl) } } })/script> style module-idTPMTzo7laOcaXUpvBX67KgjG211216> .ipanda-section-container { background-color:#fff; padding:30px 0; width: 100%; max-width: 1200px; margin: 0 auto; } .ipanda-section-container .ipanda-section-container-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .ipanda-section-container .ipanda-section-container-wrap dl{ width: 33%; border-radius: 5px; cursor: pointer; /* background: #1d2645; */ background: #1d2645; margin-top: 25px; max-width: 386px; } .ipanda-section-container .ipanda-section-container-wrap dl:hover dd{ border-bottom: 4px solid #ff6c00; } .ipanda-section-container .ipanda-section-container-wrap dl:hover dd span{ color: #ff6c00; } .ipanda-section-container .ipanda-section-container-wrap dl img{ width: 100%; cursor: pointer; transition: all 0.6s; background: #D8D8D8; border-radius: 5px 5px 0 0 ; height:217px; } .ipanda-section-container .ipanda-section-container-wrap dl dt { display: block; width: 100%; /* width: 285px; */ height: auto; overflow: hidden; position: relative; border-radius: 5px 5px 0 0 ; } .ipanda-section-container .ipanda-section-container-wrap dl dt a{ display: flex; } .ipanda-section-container .ipanda-section-container-wrap dl dd { /* width: 285px; */ width: 100%; height: 70px; background: #1d2645; margin-left: 0px; position: relative; border-radius: 0 0 5px 5px; overflow: hidden; } .ipanda-section-container .ipanda-section-container-wrap dl dd span { display: block; font-size: 16px; font-family: PingFang SC; color: #fff; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; } .ipanda-section-container .ipanda-section-title { text-align: left; font-size: 35px; position: relative; } .ipanda-section-container .ipanda-section-title h2{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ font-size: 35px; } .ipanda-section-container .ipanda-section-title .ipanda-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .ipanda-section-container .ipanda-section-title .ipanda-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .ipanda-section-container img:hover { transform: scale(1.1, 1.1); } .ipanda-section-container .ipanda-section-container-wrap .ipanda-section-container-vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; } .ipanda-section-title .ipanda-section-title-right{ font-size: 16px; position: absolute; right: 120px; top: 15%; } .ipanda-section-title .ipanda-section-title-right li{ float: left; margin-left: 30px; line-height: 36px; } .ipanda-section-title .ipanda-section-title-right li a{ cursor: pointer; color: #000; } .ipanda-section-title .ipanda-section-title-right li a img{ vertical-align: middle; } .ipanda-section-title .ipanda-section-title-right li a:hover{ color: #ff6c00; } .ipanda-section-container .ipanda-section-container-wrap .ipanda-section-container-type{ display: none; } @media screen and (max-width:800px) { .ipanda-section-container{ margin-top:1.4rem; padding:0; } .ipanda-section-container .ipanda-section-container-wrap{ margin: 0 0.5rem; } .ipanda-section-container .ipanda-section-container-wrap dl{ width: 48%; border-radius: 0; background: #fff; box-shadow:0px 0px 10px rgb(0 0 0 / 10%); } .ipanda-section-container .ipanda-section-container-wrap dl dd{ background: #fff; } .ipanda-section-container .ipanda-section-container-wrap dl dd span{ color: #000; font-size:0.6rem; margin:0.2rem 0.4rem; } .ipanda-section-container .ipanda-section-container-wrap dl img{ border-radius: 0; height:3.8rem; } .ipanda-section-container .ipanda-section-title{ margin: 0 0.5rem; } .ipanda-section-container .ipanda-section-title h2{ background:url(); padding-left:0; font-size: 0.72rem; } .ipanda-section-container .ipanda-section-title .ipanda-section-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .ipanda-section-container .ipanda-section-container-wrap dl:nth-of-type(n+4) { display: none; } .ipanda-section-container .ipanda-section-container-wrap dl:nth-child(1) { width: 100%; } .ipanda-section-container .ipanda-section-container-wrap dl:nth-child(1) img { height:7.9rem; } .ipanda-section-title .ipanda-section-title-right{ display: none; } .ipanda-section-container .ipanda-section-container-wrap dl:hover dd{ border-bottom: none; } .ipanda-section-container .ipanda-section-container-wrap dl:hover dd span{ color: #000; } .ipanda-section-container .ipanda-section-container-wrap .ipanda-section-container-type{ color: #999999; padding: 0 0 0.4rem 0.4rem; display: block; font-size: 13px; } .ipanda-section-container .ipanda-section-container-wrap dl dt { border-radius: 0; } .ipanda-section-container img:hover { transform: none; } } @media screen and (max-width:1000px) { .ipanda-section-title .ipanda-section-title-right{ display:none; }} /style>div classipanda-section-container idTPMTzo7laOcaXUpvBX67KgjG211216_container module-idTPMTzo7laOcaXUpvBX67KgjG211216> div classipanda-section-title> h2>熊猫频道/h2> ul classipanda-section-title-right> li> a hrefhttps://global.cctv.com/ipanda/pandatroupe/index.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/16/1639647978733_722.png> 熊猫星团 /a> /li> li> a hrefhttps://global.cctv.com/ipanda/pandastories/index.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/16/1639647981712_576.png> 大熊猫故事 /a> /li> li> a hrefhttps://global.cctv.com/ipanda/hipanda/index.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/16/1639647987066_668.png> 熊猫一刻 /a> /li> li> a hrefhttps://global.cctv.com/ipanda/nationalpark/index.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/17/1639725024967_844.png> 大熊猫国家公园 /a> /li> /ul> a classipanda-section-title-more hrefhttps://global.cctv.com/ipanda/index.shtml target_blank>/a> /div> div classipanda-section-container-wrap> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/10/29/VIDE9HI7O3LbYxyOTjpII4Zc241029.shtml target_blank> img src//p2.img.cctvpic.com/photoworkspace/2024/10/29/2024102913544036466.jpg> span classipanda-section-container-vidTime>01:44/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/10/29/VIDE9HI7O3LbYxyOTjpII4Zc241029.shtml target_blank> span>两次“探险之旅”都被抓住啦/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/10/22/VIDExPEuWKkU2wziOT8Tpa8x241022.shtml target_blank> img src//p3.img.cctvpic.com/photoworkspace/2024/10/22/2024102215200898848.jpg> span classipanda-section-container-vidTime>00:59/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/10/22/VIDExPEuWKkU2wziOT8Tpa8x241022.shtml target_blank> span>害怕你摔,但又要看着你摔/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/10/14/VIDEAmfss4tQjR8CCqdgM04F241014.shtml target_blank> img src//p5.img.cctvpic.com/photoworkspace/2024/10/15/2024101514312361953.jpg> span classipanda-section-container-vidTime>02:58/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/10/14/VIDEAmfss4tQjR8CCqdgM04F241014.shtml target_blank> span>你那里还有笋吗/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/10/09/VIDEt3adwwjrSWkDiobE3OUg241009.shtml target_blank> img src//p3.img.cctvpic.com/photoworkspace/2024/10/09/2024100916392419774.jpg> span classipanda-section-container-vidTime>01:35/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/10/09/VIDEt3adwwjrSWkDiobE3OUg241009.shtml target_blank> span>原地打转的“猫猫虫”/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/10/02/VIDEyhvb2OHYp0X2SpuypLZ4241002.shtml target_blank> img src//p4.img.cctvpic.com/photoworkspace/2024/10/02/2024100217582438822.jpg> span classipanda-section-container-vidTime>02:33/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/10/02/VIDEyhvb2OHYp0X2SpuypLZ4241002.shtml target_blank> span>小团子和它未驯服的四肢/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> dl data-block-idDABKpdikwApsxPJrlFE5uA0e211216> dt> a hrefhttps://global.cctv.com/2024/09/25/VIDEL75fTU77DdU97vpyQbhZ240925.shtml target_blank> img src//p3.img.cctvpic.com/photoworkspace/2024/09/25/2024092514500645505.jpg> span classipanda-section-container-vidTime>01:45/span> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/09/25/VIDEL75fTU77DdU97vpyQbhZ240925.shtml target_blank> span>你这出的是什么招式?/span> /a> /dd> div classipanda-section-container-type> 熊猫一刻 /div> /dl> /div> /div>script module-idTPMTzo7laOcaXUpvBX67KgjG211216>window.addEventListener(load, function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTzo7laOcaXUpvBX67KgjG211216_container).style.display none; }else{ scriptEl.src isCN ? : document.body.appendChild(scriptEl) }})/script> style module-idTPMTPx4zGUkt1J4Vyco4gdaY211216> body {overflow-x:hidden;} .videos-carousel-container {padding:30px 0;} .videos-carousel-container .videos-carousel-box {max-width:1276px;padding:0 38px;margin:0 auto;} .videos-carousel-container .videos-carousel-header {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 7.5px 20px 7.5px;} .videos-carousel-container .videos-carousel-header-title {font-size:24px;font-weight:500;color:#121a21;line-height:1.25;letter-spacing:-0.025em;overflow:hidden;} .videos-carousel-container .videos-carousel-header-divider {-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 15px 0 25px;height:1px;background-color:#e8e8e8;} .videos-carousel-container .videos-carousel-header-more {display:block;font-size:14px;color:#949494;line-height:18px;font-weight:500;letter-spacing:-0.01em;} .videos-carousel-container .videos-carousel-header-more:hover {color:#bc0001;} .videos-carousel-container .videos-carousel-swiper {position:relative;} .videos-carousel-container .videos-carousel-swiper .btn-swiper {position:absolute;top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;border:2px solid #d2d2d8;border-radius:20px;background-color:transparent;outline:none;cursor:pointer;-webkit-transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;} .videos-carousel-container .videos-carousel-swiper .btn-swiper svg {width:20px;height:20px;fill:#d2d2d8;-webkit-transition:fill 0.15s ease-in-out;-o-transition:fill 0.15s ease-in-out;transition:fill 0.15s ease-in-out;} .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-prev {left:0;-webkit-transform:translate(-125%,-100%);-ms-transform:translate(-125%,-100%);transform:translate(-125%,-100%);} .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-next {right:0;-webkit-transform:translate(125%,-100%);-ms-transform:translate(125%,-100%);transform:translate(125%,-100%);} .videos-carousel-container .videos-carousel-swiper .btn-swiper:hover {border-color:#9f9fa4;} .videos-carousel-container .videos-carousel-swiper .btn-swiper:hover svg {fill:#9f9fa4;} .videos-carousel-container .videos-carousel-swiper .swiper-list {overflow:hidden;} .videos-carousel-container .videos-carousel-swiper .swiper-track {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);-webkit-transition:-webkit-transform 0.5s ease-out;transition:-webkit-transform 0.5s ease-out;-o-transition:transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out,-webkit-transform 0.5s ease-out;} .videos-carousel-container .videos-carousel-swiper .swiper-slide {padding:0 7px;width:33%;position: relative;} .videos-carousel-container .videos-carousel-swiper .swiper-slide-box {display:block;background: #1d2645;border-radius: 5px;overflow: hidden;} .videos-carousel-container .videos-carousel-swiper .swiper-slide-img {position:relative;padding-top:56.22%;margin-bottom:11px;background-position:center;background-size:cover;background-repeat:no-repeat;background-color: #000;transition: all 0.6s;background-size: 100%;} /* .videos-carousel-container .videos-carousel-swiper .swiper-slide-img::after {display:block;content:;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.3);opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:1;} */ .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-img{background-size: 110%; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-svg {width:20%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .videos-carousel-container .videos-carousel-swiper .swiper-slide-title-wrap{ padding: 0 10px 10px 10px; border-bottom: 4px solid transparent; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-title {font-size:16px;line-height:25px;max-height:50px;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;height: 50px;} .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-title{color: #ff6c00;} .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-title-wrap{border-bottom:4px solid #ff6c00 ;} .videos-carousel-container .videos-carousel-swiper .swiper-slide-length-time{ height: 25px; position: absolute; left: 20px; bottom: 95px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color: rgb(0,0,0,0.4); font-size: 14px; color: #fff; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-date {margin-top:2px;font-size:12px;line-height:2;color:#949cb0;} .videos-carousel-container .videos-carousel-swiper .swiper-dots-list {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;} .videos-carousel-container .videos-carousel-swiper .swiper-dots-item {width:8px;height:8px;margin:0 7px;border-radius:50%;cursor:pointer;background-color:#d3d3d3;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;} .videos-carousel-container .videos-carousel-swiper .swiper-dots-item.active {width:30px;border-radius:3px;background-color:#bc0001;} .videos-carousel-box .videos-carousel-title { text-align: left; font-size: 35px; position: relative; margin-bottom:20px; } .videos-carousel-box .videos-carousel-title h2{ color: #fff; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_white.png) no-repeat left center;*/ font-size: 35px; } .videos-carousel-box .videos-carousel-title .videos-carousel-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_white.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .videos-carousel-box .videos-carousel-title .videos-carousel-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } @media screen and (max-width:1486px) {.videos-carousel-container .videos-carousel-box {max-width:1276px;} } @media screen and (max-width:1440px) {.videos-carousel-container .videos-carousel-box {max-width:1276px;} } @media screen and (max-width:1200px) {.videos-carousel-container .videos-carousel-box {max-width:960px;padding:0 15px;} .videos-carousel-container .videos-carousel-box .videos-carousel-title {font-size:35px;} } @media screen and (max-width:992px) {.videos-carousel-container .videos-carousel-box {max-width:720px;} .videos-carousel-container .videos-carousel-box .videos-carousel-title {font-size:25px;margin-bottom:0.6rem;} .videos-carousel-container .videos-carousel-header-title {font-size:18px;} } @media screen and (max-width:768px) {.videos-carousel-container .videos-carousel-box {max-width:540px;padding:0 0.5rem;} .videos-carousel-container .videos-carousel-header {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;} .videos-carousel-container .videos-carousel-header-title {margin-bottom:20px;} .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-prev {-webkit-transform:translate(20%,-100%);-ms-transform:translate(20%,-100%);transform:translate(20%,-100%);z-index:1;} .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-next {-webkit-transform:translate(-20%,-100%);-ms-transform:translate(-20%,-100%);transform:translate(-20%,-100%);z-index:1;} .videos-carousel-container { padding: 0.8rem 0; margin-top:1.4rem; height:9.8rem; } .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-prev{ display:none; } .videos-carousel-container .videos-carousel-swiper .btn-swiper.btn-next{ display:none; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-box {background: #fff;border-radius: 0;} .videos-carousel-container .videos-carousel-swiper .swiper-slide-title{color: #000;font-size:0.6rem;} .videos-carousel-container .videos-carousel-swiper .swiper-slide{ padding:0 0.4rem 0 0; } .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-title{ color:#000; } .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-title-wrap{ border-bottom:4px solid transparent; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-img{ margin-bottom:0; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-title-wrap{ padding:0.4rem; } .videos-carousel-container .videos-carousel-swiper .swiper-slide:hover .swiper-slide-img{ background-size: 100%; } .videos-carousel-container .videos-carousel-box{ padding: 0 0 0 0.5rem; } .videos-carousel-container .videos-carousel-box .videos-carousel-title{ margin-right:0.5rem; } .videos-carousel-container .videos-carousel-swiper .swiper-slide-length-time{ bottom: 3.2rem; left:0.2rem; } } @media screen and (max-width:800px) { .videos-carousel-box .videos-carousel-title h2{ padding-left: 0%; background-image: none; font-size: 0.72rem; } .videos-carousel-box .videos-carousel-title .videos-carousel-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } } /style>div classvideos-carousel-container idTPMTPx4zGUkt1J4Vyco4gdaY211216_container stylebackground-image: url(//p2.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/16/1639642349883_416.png) module-idTPMTPx4zGUkt1J4Vyco4gdaY211216> div classvideos-carousel-box> div classvideos-carousel-title> h2>美食中国/h2> a classvideos-carousel-title-more hrefhttps://global.cctv.com/chinesegourmet/index.shtml target_blank>/a> /div> section classvideos-carousel-swiper> button classbtn-swiper btn-prev data-direction-1> svg t1608173184169 classicon viewbox0 0 1024 1024 version1.1 xmlnshttp://www.w3.org/2000/svg p-id3786 width200 height200> path dM677.391515 873.916768c-7.86101 0-15.618586-2.999596-21.617778-8.895354L324.473535 533.721212c-11.998384-11.894949-11.998384-31.340606 0-43.235555L655.670303 159.288889c5.999192-5.999192 13.756768-8.895354 21.617778-8.895354 7.757576 0 15.618586 2.999596 21.617778 8.895354 11.894949 11.894949 11.894949 31.237172 0 43.235555L389.223434 512.103434 698.905859 821.785859c11.894949 11.998384 11.894949 31.340606 0 43.235555-5.895758 5.895758-13.756768 8.895354-21.514344 8.895354z m0 0 p-id3787>/path> /svg> /button> div classswiper-list draggable> ul classswiper-track> /ul> /div> button classbtn-swiper btn-next data-direction1> svg t1608173199719 classicon viewbox0 0 1024 1024 version1.1 xmlnshttp://www.w3.org/2000/svg p-id4521 width200 height200> path dM384 883.08c-8.19 0-16.38-3.12-22.62-9.38-12.5-12.5-12.5-32.75 0-45.25L677.83 512 361.38 195.55c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L734.4 478.07c18.72 18.72 18.72 49.16 0 67.88L406.62 873.7c-6.24 6.25-14.43 9.38-22.62 9.38z m305.14-359.77h0.31-0.31z p-id4522>/path> /svg> /button> ul classswiper-dots-list>/ul> /section> /div> /div>script typetext/babel module-idTPMTPx4zGUkt1J4Vyco4gdaY211216>function PAGEAcAwQE2rxqQd91IljaY7210126(res) { const datalist res.data.list.slice(0, 9); const listEl document.querySelector(#TPMTPx4zGUkt1J4Vyco4gdaY211216_container).querySelector(.swiper-track); var liList for(var i 0 ; i datalist.length ; i++){ let item_title datalisti.title; item_title item_title.replace(/\#^\s*\s/ig, ); item_title item_title.replace(/\#.*/i, ); var item ; item +li classswiper-slide> item +a href item +datalisti.url item + classswiper-slide-box target_blank> item +div classswiper-slide-img stylebackground-image: url( item +datalisti.image item +);>/div>div classswiper-slide-title-wrap >p classswiper-slide-title> item +item_title item + /p>/div>/a> if(datalisti.duration){ item + p classswiper-slide-length-time> item + datalisti.duration item +/p> } item +/li> liList +item } listEl.innerHTML liList}/script>script typetext/babel module-idTPMTPx4zGUkt1J4Vyco4gdaY211216> (function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 1) || (!isCN && 1 0)) { document.getElementById(TPMTPx4zGUkt1J4Vyco4gdaY211216_container).style.display none; }else{ let urlBeing https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEAcAwQE2rxqQd91IljaY7210126_1.jsonp?true:false; if(urlBeing){ scriptEl.src isCN ? https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEAcAwQE2rxqQd91IljaY7210126_1.jsonp : https://global.cctv.com/cmsdatainterface/guowai/new/page/PAGEAcAwQE2rxqQd91IljaY7210126_1.jsonp document.body.appendChild(scriptEl) } } })()/script>script typetext/babel module-idTPMTPx4zGUkt1J4Vyco4gdaY211216>// videoSlide 开始function initVideoSlideEvent() { class VideoSlide { constructor (selector, options) { this.swiperContainer document.querySelector(`${selector}`) this.currentIndex 0 this.siwperSlideList Array.from(this.swiperContainer.querySelector(.swiper-list).querySelectorAll(.swiper-slide)) this.trackBox this.swiperContainer.querySelector(.swiper-track) this.dotsBox this.swiperContainer.querySelector(.swiper-dots-list) this.btnList Array.from(this.swiperContainer.querySelectorAll(.btn-swiper)) this.touchEl this.swiperContainer.querySelector(.draggable) this.currentWidth 0 this.dotsList null this.config null this.sliderWidth 0 this.trackBoxWidth 0 this.scrollWidth 0 this.dotsCount 0 this.dragDistance 0 this.sliderObj { 1920: { width: 1200, show: 3, toggle: 1 }, 1486: { width: 1200, show: 3, toggle: 1 }, 1440: { width: 1200, show: 3, toggle: 1 }, 1200: { width: 930, show: 3, toggle: 0 }, 992: { width: 690, show: 2, toggle: 0 }, 768: { width: 360, show: 2, toggle: 0 }, } this.options { showDots: true, ...options } this.reRender(Number(window.innerWidth)) this.onResize() } boxScroll () > { let scrollW this.config.toggle 1 ? - this.currentIndex * (parseFloat(this.siwperSlideList0.style.width) * this.config.show) : - this.currentIndex * parseFloat(this.siwperSlideList0.style.width) const newVal this.trackBoxWidth - this.scrollWidth > -scrollW ? scrollW : scrollW - (this.trackBoxWidth - this.scrollWidth - this.currentIndex * this.scrollWidth) this.trackBox.style.transform `translate3d(${newVal}px, 0px, 0px)`; } changeDots () > { if (!this.options.showDots) { return 0 } this.dotsList.forEach(el > { if (Number(el.dataset.index) this.currentIndex) { el.classList.add(active) } else { el.classList.remove(active) } }) } btnClick (e) > { let newIndex this.currentIndex + parseInt(e.currentTarget.dataset.direction) if (newIndex > 0 && newIndex this.dotsCount) { this.currentIndex newIndex this.boxScroll() this.changeDots() } } dotsClick (e) > { if (!isNaN(e.target.dataset.index)) { this.currentIndex Number(e.target.dataset.index) this.boxScroll() this.changeDots() } } initSwiperDots () > { this.dotsBox.removeEventListener(click, this.dotsClick, false) this.dotsCount this.config.toggle 1 ? Math.ceil(this.trackBoxWidth / this.scrollWidth) : Math.ceil((this.trackBoxWidth - this.scrollWidth) / this.sliderWidth) + 1 let temInnerHtml for (let i 0; i this.dotsCount; i++) { temInnerHtml + `li classswiper-dots-item ${i this.currentIndex ? active : } data-index${i}>/li>` } this.dotsBox.innerHTML temInnerHtml this.dotsList Array.from(this.swiperContainer.querySelectorAll(.swiper-dots-item)) this.dotsBox.addEventListener(click, this.dotsClick, false) if (!this.options.showDots) { this.dotsBox.style.display none } } // 点击初始化 initSwiperSlider () > { this.currentIndex 0 this.btnList.forEach(el > { el.removeEventListener(click, this.btnClick, false) }) this.sliderWidth this.config.width / this.config.show this.trackBoxWidth this.siwperSlideList.length * this.sliderWidth this.scrollWidth this.sliderWidth * this.config.show this.trackBox.style.width this.trackBoxWidth + px this.trackBox.style.transform translate3d(0px, 0px, 0px); this.siwperSlideList.forEach(el > { el.style.width window.innerWidth > this.sliderWidth ? this.sliderWidth + px : window.innerWidth - 30 + px console.log(this.config.width) }) this.btnList.forEach(el > { el.addEventListener(click, this.btnClick, false) }) this.initSwiperDots() } // 移动端滑动初始化 changeSlide () > { const _this this function isBoundary (val) { return val > 0 && val _this.dotsCount - 1 } if (this.dragDistance > 100) { const newIndex this.currentIndex - 1 if (isBoundary(newIndex)) { this.currentIndex newIndex } } else if (this.dragDistance -100) { const newIndex this.currentIndex + 1 if (isBoundary(newIndex)) { this.currentIndex newIndex } } this.boxScroll() this.changeDots() } startTouch (e) > { e.stopPropagation() this.dragDistance e.changedTouches0.clientX } endTouch (e) > { e.stopPropagation() this.dragDistance e.changedTouches0.clientX - this.dragDistance this.changeSlide() } initTouchSlider (remove true) > { if (remove) { this.touchEl.removeEventListener(touchstart, this.startTouch, {passive: true}) this.touchEl.removeEventListener(touchend, this.endTouch, {passive: true}) return 0 } this.touchEl.addEventListener(touchstart, this.startTouch, {passive: true}) this.touchEl.addEventListener(touchend, this.endTouch, {passive: true}) } reRender (windowWidth) > { if (this.currentWidth 1920 && windowWidth > 1486 && this.currentWidth ! 1920) { this.currentWidth 1920 this.config this.sliderObj1920 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1486 && windowWidth > 1440 && this.currentWidth ! 1486) { this.currentWidth 1486 this.config this.sliderObj1486 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1440 && windowWidth > 1200 && this.currentWidth ! 1440) { this.currentWidth 1440 this.config this.sliderObj1440 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1200 && windowWidth > 992 && this.currentWidth ! 1200) { this.currentWidth 1200 this.config this.sliderObj1200 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 992 && windowWidth > 768 && this.currentWidth ! 992) { this.currentWidth 992 this.config this.sliderObj992 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 768 && this.currentWidth ! 768) { this.currentWidth 768 this.config this.sliderObj768 this.initSwiperSlider() this.initTouchSlider(false) } } onResize () > { const _this this window.addEventListener(resize, function () { const windowWidth Number(window.innerWidth) _this.reRender(windowWidth) }) } } new VideoSlide(#TPMTPx4zGUkt1J4Vyco4gdaY211216_container, { showDots: false })}window.addEventListener(load, initVideoSlideEvent)// videoSlide 结束/script> style module-idTPMTtekDoh7wf5Z0Jb4xXSdf211216> body {overflow-x:hidden;} .chineseLiterature-carousel-container {padding:30px 0;} .chineseLiterature-carousel-container .chineseLiterature-carousel-box {max-width:1276px;padding:0 38px;margin:0 auto;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 7.5px 20px 7.5px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-title {font-size:24px;font-weight:500;color:#121a21;line-height:1.25;letter-spacing:-0.025em;overflow:hidden;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-divider {-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 15px 0 25px;height:1px;background-color:#e8e8e8;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-more {display:block;font-size:14px;color:#949494;line-height:18px;font-weight:500;letter-spacing:-0.01em;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-more:hover {color:#bc0001;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper {position:relative;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper {position:absolute;top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;border:2px solid #d2d2d8;border-radius:20px;background-color:transparent;outline:none;cursor:pointer;-webkit-transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper svg {width:20px;height:20px;fill:#d2d2d8;-webkit-transition:fill 0.15s ease-in-out;-o-transition:fill 0.15s ease-in-out;transition:fill 0.15s ease-in-out;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-prev {left:0;-webkit-transform:translate(-125%,-100%);-ms-transform:translate(-125%,-100%);transform:translate(-125%,-100%);} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-next {right:0;-webkit-transform:translate(125%,-100%);-ms-transform:translate(125%,-100%);transform:translate(125%,-100%);} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper:hover {border-color:#9f9fa4;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper:hover svg {fill:#9f9fa4;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-list {overflow:hidden;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-track {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);-webkit-transition:-webkit-transform 0.5s ease-out;transition:-webkit-transform 0.5s ease-out;-o-transition:transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out,-webkit-transform 0.5s ease-out;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide {padding:0 7px;width:33%;position: relative;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-box {display:block;background: #1d2645;border-radius: 5px;overflow: hidden;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-img {position:relative;padding-top:56.22%;margin-bottom:11px;background-position:center;background-size:cover;background-repeat:no-repeat;background-color: #000;transition: all 0.6s;background-size: 100%;} /* .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-img::after {display:block;content:;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.3);opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:1;} */ .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide:hover .swiper-slide-img{background-size: 110%; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-svg {width:20%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-title-wrap{ padding: 10px; border-bottom: 4px solid transparent; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-title {font-size:16px;line-height:25px;max-height:50px;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;height: 50px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide:hover .swiper-slide-title{color: #ff6c00;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide:hover .swiper-slide-title-wrap{border-bottom:4px solid #ff6c00 ;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-length-time{ height: 25px; position: absolute; left: 20px; bottom: 95px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color: rgb(0,0,0,0.4); font-size: 14px; color: #fff; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-date {margin-top:2px;font-size:12px;line-height:2;color:#949cb0;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-dots-list {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-dots-item {width:8px;height:8px;margin:0 7px;border-radius:50%;cursor:pointer;background-color:#d3d3d3;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-dots-item.active {width:30px;border-radius:3px;background-color:#bc0001;} .chineseLiterature-carousel-box .chineseLiterature-carousel-title { text-align: left; font-size: 35px; position: relative; margin-bottom:20px; } .chineseLiterature-carousel-box .chineseLiterature-carousel-title h2{ color: #fff; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_white.png) no-repeat left center;*/ font-size: 35px; } .chineseLiterature-carousel-box .chineseLiterature-carousel-title .chineseLiterature-carousel-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_white.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .chineseLiterature-carousel-box .chineseLiterature-carousel-title .chineseLiterature-carousel-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone{ display: none; } @media screen and (max-width:1486px) {.chineseLiterature-carousel-container .chineseLiterature-carousel-box {max-width:1276px;} } @media screen and (max-width:1440px) {.chineseLiterature-carousel-container .chineseLiterature-carousel-box {max-width:1276px;} } @media screen and (max-width:1200px) {.chineseLiterature-carousel-container .chineseLiterature-carousel-box {max-width:960px;padding:0 15px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-box .chineseLiterature-carousel-title {font-size:35px;} } @media screen and (max-width:992px) {.chineseLiterature-carousel-container .chineseLiterature-carousel-box {max-width:720px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-box .chineseLiterature-carousel-title {font-size:25px;margin-bottom:30px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-title {font-size:18px;} } @media screen and (max-width:768px) {.chineseLiterature-carousel-container .chineseLiterature-carousel-box {margin:0 0.5rem;padding:0;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;} .chineseLiterature-carousel-container .chineseLiterature-carousel-header-title {margin-bottom:20px;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-prev {-webkit-transform:translate(20%,-100%);-ms-transform:translate(20%,-100%);transform:translate(20%,-100%);z-index:1;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-next {-webkit-transform:translate(-20%,-100%);-ms-transform:translate(-20%,-100%);transform:translate(-20%,-100%);z-index:1;} .chineseLiterature-carousel-container { padding: 0; margin-top:1.4rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-prev{ display:none; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .btn-swiper.btn-next{ display:none; } .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-box {background: #fff;} .chineseLiterature-carousel-container .chineseLiterature-carousel-swiper .swiper-slide-title{color: #000;} .chineseLiterature-carousel-container .chineseLiterature-carousel-box .chineseLiterature-carousel-swiper{ display: none; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone{ display: block; width: 100%; height: auto; display: flex; flex-wrap: wrap; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div{ display: flex; justify-content: space-evenly; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div{ border-radius: 0; background: #fff; box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); position: relative; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div p{ color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; padding: 0.3rem 0.4rem 0rem 0.4rem; font-size:0.6rem; height: 50px; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div .chineseLiterature-carousel-phone-look{ color: #000; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-child(1){ width: 100%; margin-bottom: 0.4rem; height:10.6rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-child(1) a{ width:100%; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-child(2){ margin-right:0.4rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div .chineseLiterature-carousel-phone-look{ font-size: 14px; color: #999999; display: inline-block; padding: 0 0.4rem; margin: 0.4rem 0; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-child(1) .chineseLiterature-carousel-phone-look{ display: none; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-of-type(n+2){ width: 6.8rem; height:7.3rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-of-type(n+2) img{ height: 3.8rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div:nth-of-type(n+4){ display: none; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div img{ width: 100%; height: 7.8rem; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div .chineseLiterature-section-container-vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; color: #fff; } .chineseLiterature-carousel-container .chineseLiterature-carousel-phone .chineseLiterature-carousel-phone-div .chineseLiterature-carousel-phone-imgWrap{ position: relative; display: flex; } .chineseLiterature-carousel-container .chineseLiterature-carousel-box .chineseLiterature-carousel-title{ margin-bottom:0.4rem; } .chineseLiterature-carousel-container{ background-image:url() !important; } } @media screen and (max-width:800px) { .chineseLiterature-carousel-box .chineseLiterature-carousel-title h2{ padding-left: 0%; background-image: none; font-size: 0.72rem; color:#000; } .chineseLiterature-carousel-box .chineseLiterature-carousel-title .chineseLiterature-carousel-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); } } /style>div classchineseLiterature-carousel-container idTPMTtekDoh7wf5Z0Jb4xXSdf211216_container stylebackground-image: url(//p1.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/16/1639642945608_585.png) module-idTPMTtekDoh7wf5Z0Jb4xXSdf211216> div classchineseLiterature-carousel-box> div classchineseLiterature-carousel-title> h2>中华文艺/h2> a classchineseLiterature-carousel-title-more hrefhttps://global.cctv.com/chineseart/index.shtml target_blank>/a> /div> section classchineseLiterature-carousel-swiper> button classbtn-swiper btn-prev data-direction-1> svg t1608173184169 classicon viewbox0 0 1024 1024 version1.1 xmlnshttp://www.w3.org/2000/svg p-id3786 width200 height200> path dM677.391515 873.916768c-7.86101 0-15.618586-2.999596-21.617778-8.895354L324.473535 533.721212c-11.998384-11.894949-11.998384-31.340606 0-43.235555L655.670303 159.288889c5.999192-5.999192 13.756768-8.895354 21.617778-8.895354 7.757576 0 15.618586 2.999596 21.617778 8.895354 11.894949 11.894949 11.894949 31.237172 0 43.235555L389.223434 512.103434 698.905859 821.785859c11.894949 11.998384 11.894949 31.340606 0 43.235555-5.895758 5.895758-13.756768 8.895354-21.514344 8.895354z m0 0 p-id3787>/path> /svg> /button> div classswiper-list draggable> ul classswiper-track> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/25/VIDE5sASg489qCyBlENQPXJ5241025.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/25/1729849628924_961.png);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>周深与澳门蔡高合唱团燃情演唱《向光而行 Run to the Light》,用歌词诉说炽热奔赴的力量/p> /div> /a> p classswiper-slide-length-time>02:14/p> /li> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/15/VIDEYXKVvxuXXRXhCn3HtCkk241015.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p3.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/15/1728983738242_6.jpg);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>张杰霸气演唱《少年中国说》,点燃全场气氛!/p> /div> /a> p classswiper-slide-length-time>02:43/p> /li> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/10/VIDEZO40JhOBNLy6jT0G9I8T241010.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/10/1728551046959_797.png);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>曾小敏、胡彦斌跨界合唱《心愿千万里》,国风戏腔一开口就醉了!/p> /div> /a> p classswiper-slide-length-time>03:43/p> /li> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/06/VIDEPF5O5WHDtb5NeD6zClj5241006.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/6/1728202059552_256.png);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>这是我们美好家园,我爱我的祖国/p> /div> /a> p classswiper-slide-length-time>08:27/p> /li> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/09/30/VIDE96chPFelI896li2lb7Ce240930.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/30/1727687003978_630.jpg);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>当民乐遇见古建,中央民族乐团演绎《我的祖国》| 中央民族乐团/p> /div> /a> p classswiper-slide-length-time>02:41/p> /li> li classswiper-slide data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/09/25/VIDEMVL9M9UXKOZvfxejr4VO240925.shtml classswiper-slide-box target_blank> div classswiper-slide-img stylebackground-image: url(//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/25/1727256461226_182.png);>/div> div classswiper-slide-title-wrap> p classswiper-slide-title>黄霄雲、迪玛希绝美演绎《仰世而来 I Came to Honor Mortal Life》,唱响宇宙级浪漫!/p> /div> /a> p classswiper-slide-length-time>03:37/p> /li> /ul> /div> button classbtn-swiper btn-next data-direction1> svg t1608173199719 classicon viewbox0 0 1024 1024 version1.1 xmlnshttp://www.w3.org/2000/svg p-id4521 width200 height200> path dM384 883.08c-8.19 0-16.38-3.12-22.62-9.38-12.5-12.5-12.5-32.75 0-45.25L677.83 512 361.38 195.55c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L734.4 478.07c18.72 18.72 18.72 49.16 0 67.88L406.62 873.7c-6.24 6.25-14.43 9.38-22.62 9.38z m305.14-359.77h0.31-0.31z p-id4522>/path> /svg> /button> ul classswiper-dots-list>/ul> /section> div classchineseLiterature-carousel-phone> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/25/VIDE5sASg489qCyBlENQPXJ5241025.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/25/1729849628924_961.png> span classchineseLiterature-section-container-vidTime>02:14/span> /div> p>周深与澳门蔡高合唱团燃情演唱《向光而行 Run to the Light》,用歌词诉说炽热奔赴的力量/p> span classchineseLiterature-carousel-phone-look>/span> /a> /div> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/15/VIDEYXKVvxuXXRXhCn3HtCkk241015.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/15/1728983738242_6.jpg> span classchineseLiterature-section-container-vidTime>02:43/span> /div> p>张杰霸气演唱《少年中国说》,点燃全场气氛!/p> span classchineseLiterature-carousel-phone-look>/span> /a> /div> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/10/VIDEZO40JhOBNLy6jT0G9I8T241010.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/10/1728551046959_797.png> span classchineseLiterature-section-container-vidTime>03:43/span> /div> p>曾小敏、胡彦斌跨界合唱《心愿千万里》,国风戏腔一开口就醉了!/p> span classchineseLiterature-carousel-phone-look>/span> /a> /div> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/10/06/VIDEPF5O5WHDtb5NeD6zClj5241006.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/10/6/1728202059552_256.png> span classchineseLiterature-section-container-vidTime>08:27/span> /div> p>这是我们美好家园,我爱我的祖国/p> span classchineseLiterature-carousel-phone-look>中央民族歌舞团/span> /a> /div> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/09/30/VIDE96chPFelI896li2lb7Ce240930.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/30/1727687003978_630.jpg> span classchineseLiterature-section-container-vidTime>02:41/span> /div> p>当民乐遇见古建,中央民族乐团演绎《我的祖国》| 中央民族乐团/p> span classchineseLiterature-carousel-phone-look>中央民族乐团/span> /a> /div> div classchineseLiterature-carousel-phone-div data-block-idDABKTZYJoSJYNlCXqFIubRty211216> a hrefhttps://global.cctv.com/2024/09/25/VIDEMVL9M9UXKOZvfxejr4VO240925.shtml target_blank> div classchineseLiterature-carousel-phone-imgWrap> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/25/1727256461226_182.png> span classchineseLiterature-section-container-vidTime>03:37/span> /div> p>黄霄雲、迪玛希绝美演绎《仰世而来 I Came to Honor Mortal Life》,唱响宇宙级浪漫!/p> span classchineseLiterature-carousel-phone-look>/span> /a> /div> /div> /div> /div>script typetext/babel module-idTPMTtekDoh7wf5Z0Jb4xXSdf211216>(function (){ let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTtekDoh7wf5Z0Jb4xXSdf211216_container).style.display none; }else{ scriptEl.src isCN ? : document.body.appendChild(scriptEl) }})()/script>script typetext/babel module-idTPMTtekDoh7wf5Z0Jb4xXSdf211216>// videoSlide 开始function initChineseLiteratureSlideEvent() { class VideoSlide { constructor (selector, options) { this.swiperContainer document.querySelector(`${selector}`) this.currentIndex 0 this.siwperSlideList Array.from(this.swiperContainer.querySelector(.swiper-list).querySelectorAll(.swiper-slide)) this.trackBox this.swiperContainer.querySelector(.swiper-track) this.dotsBox this.swiperContainer.querySelector(.swiper-dots-list) this.btnList Array.from(this.swiperContainer.querySelectorAll(.btn-swiper)) this.touchEl this.swiperContainer.querySelector(.draggable) this.currentWidth 0 this.dotsList null this.config null this.sliderWidth 0 this.trackBoxWidth 0 this.scrollWidth 0 this.dotsCount 0 this.dragDistance 0 this.sliderObj { 1920: { width: 1200, show: 3, toggle: 1 }, 1486: { width: 1200, show: 3, toggle: 1 }, 1440: { width: 1200, show: 3, toggle: 1 }, 1200: { width: 930, show: 3, toggle: 0 }, 992: { width: 690, show: 2, toggle: 0 }, 768: { width: 330, show: 2, toggle: 0 }, } this.options { showDots: true, ...options } this.reRender(Number(window.innerWidth)) this.onResize() } boxScroll () > { let scrollW this.config.toggle 1 ? - this.currentIndex * (parseFloat(this.siwperSlideList0.style.width) * this.config.show) : - this.currentIndex * parseFloat(this.siwperSlideList0.style.width) const newVal this.trackBoxWidth - this.scrollWidth > -scrollW ? scrollW : scrollW - (this.trackBoxWidth - this.scrollWidth - this.currentIndex * this.scrollWidth) this.trackBox.style.transform `translate3d(${newVal}px, 0px, 0px)`; } changeDots () > { if (!this.options.showDots) { return 0 } this.dotsList.forEach(el > { if (Number(el.dataset.index) this.currentIndex) { el.classList.add(active) } else { el.classList.remove(active) } }) } btnClick (e) > { let newIndex this.currentIndex + parseInt(e.currentTarget.dataset.direction) if (newIndex > 0 && newIndex this.dotsCount) { this.currentIndex newIndex this.boxScroll() this.changeDots() } } dotsClick (e) > { if (!isNaN(e.target.dataset.index)) { this.currentIndex Number(e.target.dataset.index) this.boxScroll() this.changeDots() } } initSwiperDots () > { this.dotsBox.removeEventListener(click, this.dotsClick, false) this.dotsCount this.config.toggle 1 ? Math.ceil(this.trackBoxWidth / this.scrollWidth) : Math.ceil((this.trackBoxWidth - this.scrollWidth) / this.sliderWidth) + 1 let temInnerHtml for (let i 0; i this.dotsCount; i++) { temInnerHtml + `li classswiper-dots-item ${i this.currentIndex ? active : } data-index${i}>/li>` } this.dotsBox.innerHTML temInnerHtml this.dotsList Array.from(this.swiperContainer.querySelectorAll(.swiper-dots-item)) this.dotsBox.addEventListener(click, this.dotsClick, false) if (!this.options.showDots) { this.dotsBox.style.display none } } // 点击初始化 initSwiperSlider () > { this.currentIndex 0 this.btnList.forEach(el > { el.removeEventListener(click, this.btnClick, false) }) this.sliderWidth this.config.width / this.config.show this.trackBoxWidth this.siwperSlideList.length * this.sliderWidth this.scrollWidth this.sliderWidth * this.config.show this.trackBox.style.width this.trackBoxWidth + px this.trackBox.style.transform translate3d(0px, 0px, 0px); this.siwperSlideList.forEach(el > { el.style.width window.innerWidth > this.sliderWidth ? this.sliderWidth + px : window.innerWidth - 30 + px }) this.btnList.forEach(el > { el.addEventListener(click, this.btnClick, false) }) this.initSwiperDots() } // 移动端滑动初始化 changeSlide () > { const _this this function isBoundary (val) { return val > 0 && val _this.dotsCount - 1 } if (this.dragDistance > 100) { const newIndex this.currentIndex - 1 if (isBoundary(newIndex)) { this.currentIndex newIndex } } else if (this.dragDistance -100) { const newIndex this.currentIndex + 1 if (isBoundary(newIndex)) { this.currentIndex newIndex } } this.boxScroll() this.changeDots() } startTouch (e) > { e.stopPropagation() this.dragDistance e.changedTouches0.clientX } endTouch (e) > { e.stopPropagation() this.dragDistance e.changedTouches0.clientX - this.dragDistance this.changeSlide() } initTouchSlider (remove true) > { if (remove) { this.touchEl.removeEventListener(touchstart, this.startTouch, {passive: true}) this.touchEl.removeEventListener(touchend, this.endTouch, {passive: true}) return 0 } this.touchEl.addEventListener(touchstart, this.startTouch, {passive: true}) this.touchEl.addEventListener(touchend, this.endTouch, {passive: true}) } reRender (windowWidth) > { if (this.currentWidth 1920 && windowWidth > 1486 && this.currentWidth ! 1920) { this.currentWidth 1920 this.config this.sliderObj1920 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1486 && windowWidth > 1440 && this.currentWidth ! 1486) { this.currentWidth 1486 this.config this.sliderObj1486 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1440 && windowWidth > 1200 && this.currentWidth ! 1440) { this.currentWidth 1440 this.config this.sliderObj1440 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 1200 && windowWidth > 992 && this.currentWidth ! 1200) { this.currentWidth 1200 this.config this.sliderObj1200 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 992 && windowWidth > 768 && this.currentWidth ! 992) { this.currentWidth 992 this.config this.sliderObj992 this.initSwiperSlider() this.initTouchSlider() } else if (windowWidth 768 && this.currentWidth ! 768) { this.currentWidth 768 this.config this.sliderObj768 this.initSwiperSlider() this.initTouchSlider(false) } } onResize () > { const _this this window.addEventListener(resize, function () { const windowWidth Number(window.innerWidth) _this.reRender(windowWidth) }) } } new VideoSlide(#TPMTtekDoh7wf5Z0Jb4xXSdf211216_container, { showDots: false })}window.addEventListener(load, initChineseLiteratureSlideEvent)// videoSlide 结束/script> style module-idTPMTwof4bkYbF8Og0IQ0pDLA211216>.recordChina-section-container { background-color:#fff; padding:30px 0; width: 100%; max-width: 1200px; margin: 0 auto; } .recordChina-section-container .recordChina-section-container-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .recordChina-section-container .recordChina-section-container-wrap dl{ width: 19%; width: 18.666666%; border-radius: 5px; cursor: pointer; /* background: #1d2645; */ background: #1d2645; margin-top: 25px; } .recordChina-section-container .recordChina-section-container-wrap dl:hover dd{ border-bottom: 4px solid #ff6c00; } .recordChina-section-container .recordChina-section-container-wrap dl:hover dd p{ color: #ff6c00; } .recordChina-section-container .recordChina-section-container-wrap dl img{ width: 100%; height: 280px; cursor: pointer; transition: all 0.6s; background: #D8D8D8; border-radius: 5px 5px 0 0; } .recordChina-section-container .recordChina-section-container-wrap dl dt { display: block; width: 100%; /* width: 285px; */ height: auto; overflow: hidden; position: relative; border-radius: 5px 5px 0 0; } .recordChina-section-container .recordChina-section-container-wrap dl dt a{ display: flex; } .recordChina-section-container .recordChina-section-container-wrap dl dd { /* width: 285px; */ width: 100%; height: 84px; background: #1d2645; margin-left: 0px; position: relative; border-radius: 0 0 5px 5px; overflow: hidden; border-bottom: 4px solid transparent; } .recordChina-section-container .recordChina-section-container-wrap dl dd p { display: block; font-size: 16px; font-family: PingFang SC; color: #fff; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; } .recordChina-section-container .recordChina-section-container-wrap dl dd span { display: block; font-size: 14px; font-family: PingFang SC; color: #808cb1; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; } .recordChina-section-container .recordChina-section-title { text-align: left; font-size: 35px; position: relative; } .recordChina-section-container .recordChina-section-title h2{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ font-size: 35px; } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .recordChina-section-container img:hover { transform: scale(1.1, 1.1); } .recordChina-section-title .recordChina-section-title-right{ font-size: 16px; position: absolute; right: 120px; top: 15%; } .recordChina-section-title .recordChina-section-title-right li{ float: left; margin-left: 30px; line-height: 36px; } .recordChina-section-title .recordChina-section-title-right li a{ cursor: pointer; color: #000; } .recordChina-section-title .recordChina-section-title-right li a img{ vertical-align: middle; } .recordChina-section-title .recordChina-section-title-right li a:hover{ color: #ff6c00; } .recordChina-section-container .recordChina-section-phone{ display: none; } @media screen and (max-width:800px) { .recordChina-section-container{ padding:0; margin-top:1.4rem; } .recordChina-section-container .recordChina-section-container-wrap{ margin: 0 5%; } .recordChina-section-container .recordChina-section-container-wrap dl{ display: none; } .recordChina-section-container .recordChina-section-title{ margin: 0 0.5rem; } .recordChina-section-container .recordChina-section-title h2{ padding-left: 0; background:url(); font-size: 0.72rem; } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .recordChina-section-title .recordChina-section-title-right{ display: none; } .recordChina-section-container .recordChina-section-container-wrap dl dd { display: none; } .recordChina-section-container .recordChina-section-container-wrap{ display: flex; width: 100%; overflow-x: scroll; } .recordChina-section-container .recordChina-section-phone{ display: block; display: flex; width: 100%; overflow-x: scroll; margin-top: 0.6rem; } .recordChina-section-container .recordChina-section-phone li:nth-child(1){ margin-left: 0.5rem; } .recordChina-section-container .recordChina-section-phone li{ border-radius: 0; background: #fff; /* padding: 0 0.5rem; */ margin-left: 0.4rem; } .recordChina-section-container .recordChina-section-phone li img{ width: 6.8rem; height: 8.6rem; } .recordChina-section-container img:hover { transform: none; } .recordChina-section-container .recordChina-section-phone li:last-child{ margin-right:0.4rem; } }/style>div classrecordChina-section-container idTPMTwof4bkYbF8Og0IQ0pDLA211216_container module-idTPMTwof4bkYbF8Og0IQ0pDLA211216> div classrecordChina-section-title> h2>热播剧场/h2> ul classrecordChina-section-title-right> /ul> a classrecordChina-section-title-more hrefhttps://global.cctv.com/tvplay/index.shtml target_blank>/a> /div> div classrecordChina-section-container-wrap> dl data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> dt> a hrefhttps://global.cctv.com/2024/01/04/VIDAZr7QWr3y7s2xRmFOhecB240104.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/8/13/1723539674447_757.png> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/04/VIDAZr7QWr3y7s2xRmFOhecB240104.shtml target_blank>p>《雪莲花盛开的地方》/p>/a> span>援藏干部和乡亲共建美好家园/span> /dd> /dl> dl data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> dt> a hrefhttps://global.cctv.com/2024/01/05/VIDAdIJ19w96zsZa2Xye0UGI240105.shtml target_blank> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/1/5/1704444622973_15.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/05/VIDAdIJ19w96zsZa2Xye0UGI240105.shtml target_blank>p>《大刀记》/p>/a> span>讲述抗日英雄奋勇杀敌的故事/span> /dd> /dl> dl data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> dt> a hrefhttps://global.cctv.com/2023/04/20/VIDAxuIyiyt7QMapiIDJGMMl230420.shtml target_blank> img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2023/8/10/1691655318774_246.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2023/04/20/VIDAxuIyiyt7QMapiIDJGMMl230420.shtml target_blank>p>《最美的乡村》/p>/a> span>返乡创业大学生助力扶贫攻坚/span> /dd> /dl> dl data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> dt> a hrefhttps://global.cctv.com/2022/10/26/VIDAmQCuQliFkWGZ86ceXEWz221026.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2022/10/28/1666941831543_1.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2022/10/26/VIDAmQCuQliFkWGZ86ceXEWz221026.shtml target_blank>p>《衡山医院》/p>/a> span>民国时期大上海的风云故事/span> /dd> /dl> dl data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> dt> a hrefhttps://global.cctv.com/2022/05/24/VIDAGyhr0ik6vae1Xc7keg5F220524.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2022/5/25/1653470368153_51.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2022/05/24/VIDAGyhr0ik6vae1Xc7keg5F220524.shtml target_blank>p>《青山不墨》/p>/a> span>小兴安岭三代林业人的奋斗/span> /dd> /dl> /div> ul classrecordChina-section-phone> li data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> a hrefhttps://global.cctv.com/2024/01/04/VIDAZr7QWr3y7s2xRmFOhecB240104.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/8/13/1723539674447_757.png> /a> /li> li data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> a hrefhttps://global.cctv.com/2024/01/05/VIDAdIJ19w96zsZa2Xye0UGI240105.shtml target_blank> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/1/5/1704444622973_15.jpg> /a> /li> li data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> a hrefhttps://global.cctv.com/2023/04/20/VIDAxuIyiyt7QMapiIDJGMMl230420.shtml target_blank> img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2023/8/10/1691655318774_246.jpg> /a> /li> li data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> a hrefhttps://global.cctv.com/2022/10/26/VIDAmQCuQliFkWGZ86ceXEWz221026.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2022/10/28/1666941831543_1.jpg> /a> /li> li data-block-idDABKuzhV4bEioqvKfl7ef0dU211216> a hrefhttps://global.cctv.com/2022/05/24/VIDAGyhr0ik6vae1Xc7keg5F220524.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2022/5/25/1653470368153_51.jpg> /a> /li> /ul> /div>script module-idTPMTwof4bkYbF8Og0IQ0pDLA211216>window.addEventListener(load, function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 1) || (!isCN && 1 0)) { document.getElementById(TPMTwof4bkYbF8Og0IQ0pDLA211216_container).style.display none; }else{ scriptEl.src isCN ? : document.body.appendChild(scriptEl) }})/script> style module-idTPMTGb0ECeaxfb2pTOI6i1qt211216>.recordChina-section-container { background-color:#fff; padding:30px 0; width: 100%; max-width: 1200px; margin: 0 auto; } .recordChina-section-container .recordChina-section-container-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .recordChina-section-container .recordChina-section-container-wrap dl{ width: 19%; width: 18.666666%; border-radius: 5px; cursor: pointer; /* background: #1d2645; */ background: #1d2645; margin-top: 25px; } .recordChina-section-container .recordChina-section-container-wrap dl:hover dd{ border-bottom: 4px solid #ff6c00; } .recordChina-section-container .recordChina-section-container-wrap dl:hover dd p{ color: #ff6c00; } .recordChina-section-container .recordChina-section-container-wrap dl img{ width: 100%; height: 280px; cursor: pointer; transition: all 0.6s; background: #D8D8D8; border-radius: 5px 5px 0 0; } .recordChina-section-container .recordChina-section-container-wrap dl dt { display: block; width: 100%; /* width: 285px; */ height: auto; overflow: hidden; position: relative; border-radius: 5px 5px 0 0; } .recordChina-section-container .recordChina-section-container-wrap dl dt a{ display: flex; } .recordChina-section-container .recordChina-section-container-wrap dl dd { /* width: 285px; */ width: 100%; height: 84px; background: #1d2645; margin-left: 0px; position: relative; border-radius: 0 0 5px 5px; overflow: hidden; border-bottom: 4px solid transparent; } .recordChina-section-container .recordChina-section-container-wrap dl dd p { display: block; font-size: 16px; font-family: PingFang SC; color: #fff; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; } .recordChina-section-container .recordChina-section-container-wrap dl dd span { display: block; font-size: 14px; font-family: PingFang SC; color: #808cb1; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /* padding: 10px 20px; */ margin: 10px 20px; } .recordChina-section-container .recordChina-section-title { text-align: left; font-size: 35px; position: relative; } .recordChina-section-container .recordChina-section-title h2{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ font-size: 35px; } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .recordChina-section-container img:hover { transform: scale(1.1, 1.1); } .recordChina-section-title .recordChina-section-title-right{ font-size: 16px; position: absolute; right: 120px; top: 15%; } .recordChina-section-title .recordChina-section-title-right li{ float: left; margin-left: 30px; line-height: 36px; } .recordChina-section-title .recordChina-section-title-right li a{ cursor: pointer; color: #000; } .recordChina-section-title .recordChina-section-title-right li a img{ vertical-align: middle; } .recordChina-section-title .recordChina-section-title-right li a:hover{ color: #ff6c00; } .recordChina-section-container .recordChina-section-phone{ display: none; } @media screen and (max-width:800px) { .recordChina-section-container{ padding:0; margin-top:1.4rem; } .recordChina-section-container .recordChina-section-container-wrap{ margin: 0 5%; } .recordChina-section-container .recordChina-section-container-wrap dl{ display: none; } .recordChina-section-container .recordChina-section-title{ margin: 0 0.5rem; } .recordChina-section-container .recordChina-section-title h2{ padding-left: 0; background:url(); font-size: 0.72rem; } .recordChina-section-container .recordChina-section-title .recordChina-section-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .recordChina-section-title .recordChina-section-title-right{ display: none; } .recordChina-section-container .recordChina-section-container-wrap dl dd { display: none; } .recordChina-section-container .recordChina-section-container-wrap{ display: flex; width: 100%; overflow-x: scroll; } .recordChina-section-container .recordChina-section-phone{ display: block; display: flex; width: 100%; overflow-x: scroll; margin-top: 0.6rem; } .recordChina-section-container .recordChina-section-phone li:nth-child(1){ margin-left: 0.5rem; } .recordChina-section-container .recordChina-section-phone li{ border-radius: 0; background: #fff; /* padding: 0 0.5rem; */ margin-left: 0.4rem; } .recordChina-section-container .recordChina-section-phone li img{ width: 6.8rem; height: 8.6rem; } .recordChina-section-container img:hover { transform: none; } .recordChina-section-container .recordChina-section-phone li:last-child{ margin-right:0.4rem; } }/style>div classrecordChina-section-container idTPMTGb0ECeaxfb2pTOI6i1qt211216_container module-idTPMTGb0ECeaxfb2pTOI6i1qt211216> div classrecordChina-section-title> h2>纪录中国/h2> ul classrecordChina-section-title-right> /ul> a classrecordChina-section-title-more hrefhttps://global.cctv.com/documentary/index.shtml target_blank>/a> /div> div classrecordChina-section-container-wrap> dl data-block-idDABKjhLR82RZITfSyvX4JcuV211216> dt> a hrefhttps://global.cctv.com/2024/01/04/VIDAE8jnBX7olu0zPJix2wg5240104.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/18/1726651696206_691.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/04/VIDAE8jnBX7olu0zPJix2wg5240104.shtml target_blank>p>《守望秦岭》/p>/a> span>展现秦岭动物的野性之美/span> /dd> /dl> dl data-block-idDABKjhLR82RZITfSyvX4JcuV211216> dt> a hrefhttps://global.cctv.com/2024/01/04/VIDAoGFPIvj5PUP1b5bgS5jD240104.shtml target_blank> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/13/1726218692378_477.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/04/VIDAoGFPIvj5PUP1b5bgS5jD240104.shtml target_blank>p>《大敦煌》/p>/a> span>以敦煌为证讲述东西方交流史/span> /dd> /dl> dl data-block-idDABKjhLR82RZITfSyvX4JcuV211216> dt> a hrefhttps://global.cctv.com/2024/01/04/VIDA67j3voAdnoOXh5b5LYg1240104.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/2/6/1707213737619_980.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/04/VIDA67j3voAdnoOXh5b5LYg1240104.shtml target_blank>p>《山海经奇》/p>/a> span>讲述《山海经》里的神话/span> /dd> /dl> dl data-block-idDABKjhLR82RZITfSyvX4JcuV211216> dt> a hrefhttps://global.cctv.com/2024/01/04/VIDA1sVEK7Ux38FJp5yqbJ2r240104.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/8/13/1723539805375_472.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2024/01/04/VIDA1sVEK7Ux38FJp5yqbJ2r240104.shtml target_blank>p>《明中都》/p>/a> span>探索恢宏都城营建背后的秘密/span> /dd> /dl> dl data-block-idDABKjhLR82RZITfSyvX4JcuV211216> dt> a hrefhttps://global.cctv.com/2023/09/05/VIDAaLMaHLBgFyQ68EpBn2kL230905.shtml target_blank> img src//p4.img.cctvpic.com/photoAlbum/page/performance/img/2023/11/14/1699954619809_805.jpg> /a> /dt> dd> a hrefhttps://global.cctv.com/2023/09/05/VIDAaLMaHLBgFyQ68EpBn2kL230905.shtml target_blank>p>《超级装备第二季》/p>/a> span>聚焦当今中国顶尖装备/span> /dd> /dl> /div> ul classrecordChina-section-phone> li data-block-idDABKjhLR82RZITfSyvX4JcuV211216> a hrefhttps://global.cctv.com/2024/01/04/VIDAE8jnBX7olu0zPJix2wg5240104.shtml target_blank> img src//p2.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/18/1726651696206_691.jpg> /a> /li> li data-block-idDABKjhLR82RZITfSyvX4JcuV211216> a hrefhttps://global.cctv.com/2024/01/04/VIDAoGFPIvj5PUP1b5bgS5jD240104.shtml target_blank> img src//p1.img.cctvpic.com/photoAlbum/page/performance/img/2024/9/13/1726218692378_477.jpg> /a> /li> li data-block-idDABKjhLR82RZITfSyvX4JcuV211216> a hrefhttps://global.cctv.com/2024/01/04/VIDA67j3voAdnoOXh5b5LYg1240104.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/2/6/1707213737619_980.jpg> /a> /li> li data-block-idDABKjhLR82RZITfSyvX4JcuV211216> a hrefhttps://global.cctv.com/2024/01/04/VIDA1sVEK7Ux38FJp5yqbJ2r240104.shtml target_blank> img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2024/8/13/1723539805375_472.jpg> /a> /li> li data-block-idDABKjhLR82RZITfSyvX4JcuV211216> a hrefhttps://global.cctv.com/2023/09/05/VIDAaLMaHLBgFyQ68EpBn2kL230905.shtml target_blank> img src//p4.img.cctvpic.com/photoAlbum/page/performance/img/2023/11/14/1699954619809_805.jpg> /a> /li> /ul> /div>script module-idTPMTGb0ECeaxfb2pTOI6i1qt211216>window.addEventListener(load, function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 1) || (!isCN && 1 0)) { document.getElementById(TPMTGb0ECeaxfb2pTOI6i1qt211216_container).style.display none; }else{ scriptEl.src isCN ? : document.body.appendChild(scriptEl) }})/script> style module-idTPMTnR0hMwqDy6QtRYmjQJ0q211216> .hot-section-container .hot-section-title { text-align: left; font-size: 35px; position: relative; } .hot-section-container .hot-section-title h2{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ font-size: 35px; } .hot-section-container .hot-section-title .hot-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .hot-section-container .hot-section-title .hot-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .hot-section-container {background-color:#fff;padding:30px 0;} .hot-section-container .hot-section-box {max-width:1200px;padding:0;margin:0 auto;} .hot-section-container .hot-section-box .hot-section-header {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;} .hot-section-container .hot-section-box .hot-section-header-title {font-size:24px;font-weight:500;line-height:1.25;} .hot-section-container .hot-section-box .hot-section-header-divider {-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;margin:0 15px 0 25px;background-color:#e8e8e8;} .hot-section-container .hot-section-box .hot-section-header-more {font-size:14px;font-weight:500;color:#949494;background: url(//p1.img.cctvpic.com/photoAlbum/templet/common/TPTEJEXAtI2y4WbgUAjK2os6211203/more.png) no-repeat;width: 80px;height: 20px;} .hot-section-container .hot-section-box .hot-section-header-more:hover {background: url(//p1.img.cctvpic.com/photoAlbum/templet/common/TPTEJEXAtI2y4WbgUAjK2os6211203/more_block.png) no-repeat;} .hot-section-container .hot-section-box .hot-section-list {display:-ms-grid;display:grid;-ms-grid-columns:(1fr)5;grid-template-columns:repeat(5,1fr);margin:0 -7.5px;margin-top:20px} .hot-section-container .hot-section-box .hot-section-item {margin:0 10px;margin-bottom:12px;position: relative;} .hot-section-container .hot-section-box .hot-section-item-box {display:block;} .hot-section-container .hot-section-box .hot-section-item-img {position:relative;width:100%;padding-top:53.78%;height:125px;background-position:center;background-size:cover;background-repeat:no-repeat;background-color: #000;border-radius: 5px;} .hot-section-container .hot-section-box .hot-section-item-img::after {display:block;content:;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:1;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-img::after {opacity:0.8;border-radius: 5px;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-date {display: block;} .hot-section-container .hot-section-box .hot-section-item-svg {width:20%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .hot-section-container .hot-section-box .hot-section-item-title {font-size:16px;line-height:18px;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff; min-height: 36px;max-height:36px;position: absolute;top: 20px;left:20px;display: none;padding-right: 20px;z-index: 999;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-title{display: -webkit-box;color: #fff;} /* .hot-section-container .hot-section-box .hot-section-item-title:hover {color:#960001;} */ .hot-section-container .hot-section-box .hot-section-item-date {font-size:12px;line-height:2;color:#fff;position: absolute;top: 60%;left: 20px;display: none;z-index: 999;border-radius: 10px 0px 10px 0;height: 25px;text-align: center;background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px;padding: 0 10px 0 20px;background-color:rgb(0,0,0,0.8);font-size: 14px;line-height: 25px;} .hot-section-container .hot-section-box .hot-section-item:nth-child(1) .hot-section-item-img {padding-top:263px;} .hot-section-container .hot-section-box .hot-section-item:nth-child(1) {-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1 / 3;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1 / 3;} .hot-section-container .hot-section-box .hot-section-item:nth-child(2) {-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3 / 4;} .hot-section-container .hot-section-box .hot-section-item:nth-child(3) {-ms-grid-column:4;-ms-grid-column-span:1;grid-column:4 / 5;} .hot-section-container .hot-section-box .hot-section-item:nth-child(4) {-ms-grid-column:5;-ms-grid-column-span:1;grid-column:5 / 6;} .hot-section-container .hot-section-box .hot-section-item:nth-child(5) {-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3 / 4;} .hot-section-container .hot-section-box .hot-section-item:nth-child(6) {-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:4;-ms-grid-column-span:1;grid-column:4 / 5;} .hot-section-container .hot-section-box .hot-section-item:nth-child(7) {-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:5;-ms-grid-column-span:1;grid-column:5 / 6;} @media screen and (max-width:1440px) {.hot-section-container .hot-section-box {max-width:1200px;} /*.hot-section-container .hot-section-box .hot-section-item:nth-child(1) .hot-section-item-img {padding-top:70.2%;} .hot-section-container .hot-section-box .hot-section-item {margin-bottom:20px;}*/ } @media screen and (max-width:992px) {.hot-section-container .hot-section-box {max-width:100%;} .hot-section-container .hot-section-box .hot-section-header-title {font-size:18px;} } @media screen and (max-width:768px) {.hot-section-container .hot-section-box {margin:0 0.5rem;padding-top:0.8rem;} .hot-section-container .hot-section-box .hot-section-header {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;} .hot-section-container .hot-section-box .hot-section-header-title {font-size:18px;margin-bottom:20px;} .hot-section-container .hot-section-box .hot-section-list {-ms-grid-columns:(1fr)2;grid-template-columns:repeat(2,1fr);} /* .hot-section-container .hot-section-box .hot-section-item:nth-child(1) {-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:2;grid-column-end:3;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-span:1;grid-row-end:2;} */ /* .hot-section-container .hot-section-box .hot-section-item:nth-child(1) {-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1 / 2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1 / 3;} */ .hot-section-container .hot-section-box .hot-section-item:nth-child(1) {-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;} .hot-section-container .hot-section-box .hot-section-item:nth-child(2) {-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;} /* .hot-section-container .hot-section-box .hot-section-item:nth-child(4) {-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3 / 4;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;} .hot-section-container .hot-section-box .hot-section-item:nth-child(5) {-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3 / 4;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;} .hot-section-container .hot-section-box .hot-section-item:nth-child(6) {-ms-grid-row:4;-ms-grid-row-span:1;grid-row:4 / 5;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;} .hot-section-container .hot-section-box .hot-section-item:nth-child(7) {-ms-grid-row:4;-ms-grid-row-span:1;grid-row:4 / 5;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;} */ .hot-section-container .hot-section-box .hot-section-item:nth-child(n+3){ display: none; } .hot-section-container .hot-section-box .hot-section-item-title{ display: block; color: #000; padding: 0.4rem; top: 3.6rem; left: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; background:#fff; font-size:0.6rem; height: 2.7rem; max-height: 2.7rem; line-height: 1.1rem;} .hot-section-container .hot-section-title{ /* margin: 0 5%; */ } .hot-section-container .hot-section-box .hot-section-item .hot-section-item-img {padding-top: auto;padding-top:3.6rem !important;border-radius:0;} .hot-section-container .hot-section-box .hot-section-item-img{height:3.8rem;} .hot-section-container{width:100%;margin:0 auto;} .hot-section-container .hot-section-box .hot-section-list{margin:0.6rem 0 0 0;} .hot-section-container .hot-section-box .hot-section-item{margin:0;} .hot-section-container .hot-section-box .hot-section-item:nth-child(1){margin-right:0.2rem;} .hot-section-container .hot-section-box .hot-section-item:nth-child(2){margin-left:0.2rem;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-img::after {opacity:0;border-radius:0;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-date {display: none;} .hot-section-container .hot-section-box ul li:hover .hot-section-item-title{color:#000;} } @media screen and (max-width:800px) { .hot-section-container .hot-section-title h2{ padding-left: 0; background-image: url(); font-size: 0.72rem; color:#fff; } .hot-section-container .hot-section-title .hot-section-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_white.png); } .hot-section-container .hot-section-box .hot-section-item:nth-child(1) .hot-section-item-img{ height:auto; } .hot-section-container{ height:9.4rem; padding:0; margin-top:1.4rem; background:#464a65; } } @media screen and (min-width:1000px) { .hot-section-container .hot-section-box .hot-section-item:nth-child(1){ min-width:468px; } } /style>div classhot-section-container idTPMTnR0hMwqDy6QtRYmjQJ0q211216_container module-idTPMTnR0hMwqDy6QtRYmjQJ0q211216> div classhot-section-box> div classhot-section-title> h2>中国面孔/h2> a classhot-section-title-more hrefhttps://global.cctv.com/zgmk/index.shtml target_blank>/a> /div> ul classhot-section-list> /ul> /div> /div>script module-idTPMTnR0hMwqDy6QtRYmjQJ0q211216> function PAGEMURMOWpDxCfQkQPW3nKA210126(res) { const datalist res.data.list.slice(0, 7); var listEl document.querySelector(#TPMTnR0hMwqDy6QtRYmjQJ0q211216_container).querySelector(.hot-section-list); var liList ; for(var i 0 ; i datalist.length ; i++){ let item ; let item_title datalisti.title; item_title item_title.replace(/\#^\s*\s/ig, ); item_title item_title.replace(/\#.*/i, ); let item_subtitle datalisti.subtitle; item_subtitle item_subtitle.replace(/\#^\s*\s/ig, ); item_subtitle item_subtitle.replace(/\#.*/i, ); item +li classhot-section-item> item +a href item + datalisti.url item + classhot-section-item-box target_blank> item +div classhot-section-item-img stylebackground-image: url( item +datalisti.image item +);>/div> item +p classhot-section-item-title> if(datalisti.subtitle !){ item +item_subtitle }else{ item +item_title } item +/p> item +/a> if(datalisti.duration){ item +p classhot-section-item-date> item +datalisti.duration item +/p> } item +/li> liList + item } listEl.innerHTML liList; } /script>script module-idTPMTnR0hMwqDy6QtRYmjQJ0q211216> window.addEventListener(load, function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 1) || (!isCN && 1 0)) { document.getElementById(TPMTnR0hMwqDy6QtRYmjQJ0q211216_container).style.display none; }else{ let urlBeing https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEMURMOWpDxCfQkQPW3nKA210126_1.jsonp?true:false; if(urlBeing){ scriptEl.src isCN ? https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEMURMOWpDxCfQkQPW3nKA210126_1.jsonp : https://global.cctv.com/cmsdatainterface/guowai/new/page/PAGEMURMOWpDxCfQkQPW3nKA210126_1.jsonp document.body.appendChild(scriptEl) } } })/script> style module-idTPMTj15Hhg0q8TDcFZNH43kz211216> .zgl_box{ width:100%; /* height: 300px; */ padding:30px 0; } .zgl_main{ max-width: 1200px; height: 100%; margin: 0 auto; } .zgl_header{ position: relative; } .zgl_header .zgl_left{ font-size: 35px; font-weight: bold; } .zgl_header .zgl_left p{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ } .zgl_more{ width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); } .zgl_more:hover{ cursor:pointer; background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .zgl_content{ display: flex; } .zgl_content .zgl_left{ width: 40%; height: 250px; padding: 30px 0; } .zgl_content .zgl_left .zgl_leftcon:first-child{ font-size: 16px; line-height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; padding-bottom: 5px; cursor:pointer; color:#000; } .zgl_content .zgl_left .zgl_leftcon:nth-of-type(n+2){ line-height: 40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; color:#000; font-size:16px; padding-bottom: 5px; } .zgl_content .zgl_left .zgl_leftcon:hover a{ color:#ff6c00; } .zgl_content .zgl_left .zgl_leftcon a{ color:#000; } .zgl_content .zgl_left .zgl_leftcon a img{ vertical-align: middle; max-width:40px; max-height:30px; } .zgl_content .zgl_right{ width: 60%; height: 250px; display: flex; justify-content: space-evenly; padding: 20px; flex-wrap: wrap } .zgl_right .zgl_Img{ background-color:#1D2645; width: 30%; cursor:pointer; border-radius: 5px; max-height:230px; border-bottom: 4px solid transparent; } .zgl_right .zgl_Img:hover{ border-bottom: 4px solid #ff6c00; } .zgl_right .zgl_Img .zgl_imgTop{ background-size:100% 100%; /* background-color: chartreuse; */ height: 55%; border-radius: 5px 5px 0 0; overflow:hidden; position: relative; } .zgl_right .zgl_Img .zgl_imgTop img{ width:100%; height: 100%; transition: all 0.6s; } .zgl_right .zgl_Img .zgl_imgTop .zgl_vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; color: #fff; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; } .zgl_right .zgl_Img .zgl_imgMiddle{ /* background-color: coral; */ height: 30%; padding: 10px; font-size: 16px; color: #fff; line-height: 25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:60px; height:60px; } .zgl_right .zgl_Img a:hover .zgl_imgMiddle{ color: #ff6c00; -webkit-transform: translateZ(0); transform: translateZ(0); } .zgl_right .zgl_Img .zgl_imgFotter{ padding: 10px; font-size: 12px; color: #9DA5C9; line-height: 20px; } .zgl_right .zgl_Img .zgl_imgFotter:hover{ color: #69CDDC; } @media screen and (max-width: 800px) { .zgl_box{ padding:0; margin-top:1.4rem; } .zgl_main{ width: 100%; } .zgl_header{ margin:0 0.5rem; } .zgl_header .zgl_left p{ padding-left:0; background: none; font-size: 0.72rem; } .zgl_content{ display:block; margin:0 0.5rem; } .zgl_content .zgl_left{ display: none; } .zgl_content .zgl_right{ width: 100%; height:auto; padding: 0; justify-content: space-between; } .zgl_right .zgl_Img{ border-radius: 0; } .zgl_right .zgl_Img .zgl_imgTop{ border-radius: 0; height:3.8rem; } .zgl_right .zgl_Img:nth-child(1){ width: 100%; height: 9.6rem; margin-bottom:0.4rem; max-height:9.6rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgTop{ height: 7.9rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgMiddle{ max-height:1.7rem; height: 1.7rem; text-overflow:ellipsis; white-space:nowrap; display:block; font-size: 0.6rem; padding: 0 0.4rem; line-height: 1.7rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgFotter{ display:none } .zgl_right .zgl_Img:nth-child(n + 2) { width:48%; height: 80%; } .zgl_header .zgl_more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .zgl_right .zgl_Img{ background-color:#fff; box-shadow:0px 0px 10px rgb(0 0 0 / 10%) } .zgl_right .zgl_Img .zgl_imgMiddle{ color:#000; font-size:0.6rem; padding:0.4rem; } .zgl_header{ margin-bottom:20px; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgTop img{ width:14rem; height: 7.9rem; } .zgl_right .zgl_Img .zgl_imgTop img{ width:6.8rem; height:3.8rem; } .zgl_right .zgl_Img a:hover .zgl_imgMiddle{ color:#000; } .zgl_content .zgl_left .zgl_leftcon:hover a{ color:#000; } .zgl_right .zgl_Img:hover{ border-bottom: 4px solid transparent; } .zgl_right .zgl_Img .zgl_imgFotter:hover{ color: #999999; } .zgl_right .zgl_Img .zgl_imgFotter{ color: #999999; padding:0.4rem; } } /style>div classzgl_box idTPMTj15Hhg0q8TDcFZNH43kz211216_container module-idTPMTj15Hhg0q8TDcFZNH43kz211216> div classzgl_main> div classzgl_header> div classzgl_left> p>看两岸/p> /div> a hrefhttps://global.cctv.com/crossstrait/index.shtml target_blank> div classzgl_more>/div>/a> /div> div classzgl_content> div classzgl_left> /div> div classzgl_right> /div> /div> /div> /div>script typetext/babel module-idTPMTj15Hhg0q8TDcFZNH43kz211216>function PAGEHo0GzuvzyA5MIci6BUsg210126(res) { const datalist res.data.list.slice(0, 8); const listLeft document.querySelector(#TPMTj15Hhg0q8TDcFZNH43kz211216_container).querySelector(.zgl_content).querySelector(.zgl_left); const listRight document.querySelector(#TPMTj15Hhg0q8TDcFZNH43kz211216_container).querySelector(.zgl_content).querySelector(.zgl_right); var liListLeft var liListRight for(var i 0 ; i datalist.length ; i++){ var item ; let item_title datalisti.title; item_title item_title.replace(/\#^\s*\s/ig, ); item_title item_title.replace(/\#.*/i, ); let item_subtitle datalisti.subtitle; item_subtitle item_subtitle.replace(/\#^\s*\s/ig, ); item_subtitle item_subtitle.replace(/\#.*/i, ); if(i5){ item +div classzgl_leftcon>a href item + datalisti.url item + target_blank> // item +img src // item + datalisti.image // item + > if( datalisti.subtitle!){ item + item_subtitle }else{ item + item_title } item + /a>/div> liListLeft + item }else{ item +div classzgl_Img> item +a href item + datalisti.url item + target_blank>div classzgl_imgTop>img src //item +datalisti.image if(datalisti.image || datalisti.image null || datalisti.image undefined){ if(datalisti.s_page_name || datalisti.s_page_name null || datalisti.s_page_name undefined ){ if(PAGEHo0GzuvzyA5MIci6BUsg210126 PAGEnL0TSDsFQ26XkCx4G7Kl210126){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jk.jpg }else if(PAGEHo0GzuvzyA5MIci6BUsg210126 PAGEZ8HZ8JSmzO1F6GiAYTi9211130){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_hk.jpg }else if(PAGEHo0GzuvzyA5MIci6BUsg210126 PAGEMURMOWpDxCfQkQPW3nKA210126){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_zgmk.jpg } }else{ if(datalisti.s_page_name 今日说两岸){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jrsla.jpg }else if(datalisti.s_page_name 国台办权威发布){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_gtbfb.jpg }else if(datalisti.s_page_name 直通两岸){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkla.jpg }else if(datalisti.s_page_name 我同你港){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_wtng.jpg }else if(datalisti.s_page_name 即看大湾区){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkdwq.jpg } } }else{ item + datalisti.image } item +> if(datalisti.duration){ item +span classzgl_vidTime> item + datalisti.duration item +/span> } item +/div>div classzgl_imgMiddle> if( datalisti.subtitle!){ item + item_subtitle }else{ item + item_title } item +/div>/a>div classzgl_imgFotter> item +datalisti.s_page_name item +/div>/div> liListRight + item } } listLeft.innerHTML liListLeft listRight.innerHTML liListRight}/script>script typetext/babel module-idTPMTj15Hhg0q8TDcFZNH43kz211216> (function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTj15Hhg0q8TDcFZNH43kz211216_container).style.display none; }else{ let urlBeing https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEHo0GzuvzyA5MIci6BUsg210126_1.jsonp?true:false; if(urlBeing){ scriptEl.src isCN ? https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEHo0GzuvzyA5MIci6BUsg210126_1.jsonp : https://global.cctv.com/cmsdatainterface/guowai/new/page/PAGEHo0GzuvzyA5MIci6BUsg210126_1.jsonp document.body.appendChild(scriptEl) } } })()/script> style module-idTPMTLq1Ec406OvekA4Bia2V6211216> .zgl_box{ width:100%; /* height: 300px; */ padding:30px 0; } .zgl_main{ max-width: 1200px; height: 100%; margin: 0 auto; } .zgl_header{ position: relative; } .zgl_header .zgl_left{ font-size: 35px; font-weight: bold; } .zgl_header .zgl_left p{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ } .zgl_more{ width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); } .zgl_more:hover{ cursor:pointer; background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .zgl_content{ display: flex; } .zgl_content .zgl_left{ width: 40%; height: 250px; padding: 30px 0; } .zgl_content .zgl_left .zgl_leftcon:first-child{ font-size: 16px; line-height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; padding-bottom: 5px; cursor:pointer; color:#000; } .zgl_content .zgl_left .zgl_leftcon:nth-of-type(n+2){ line-height: 40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; color:#000; font-size:16px; padding-bottom: 5px; } .zgl_content .zgl_left .zgl_leftcon:hover a{ color:#ff6c00; } .zgl_content .zgl_left .zgl_leftcon a{ color:#000; } .zgl_content .zgl_left .zgl_leftcon a img{ vertical-align: middle; max-width:40px; max-height:30px; } .zgl_content .zgl_right{ width: 60%; height: 250px; display: flex; justify-content: space-evenly; padding: 20px; flex-wrap: wrap } .zgl_right .zgl_Img{ background-color:#1D2645; width: 30%; cursor:pointer; border-radius: 5px; max-height:230px; border-bottom: 4px solid transparent; } .zgl_right .zgl_Img:hover{ border-bottom: 4px solid #ff6c00; } .zgl_right .zgl_Img .zgl_imgTop{ background-size:100% 100%; /* background-color: chartreuse; */ height: 55%; border-radius: 5px 5px 0 0; overflow:hidden; position: relative; } .zgl_right .zgl_Img .zgl_imgTop img{ width:100%; height: 100%; transition: all 0.6s; } .zgl_right .zgl_Img .zgl_imgTop .zgl_vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; color: #fff; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; } .zgl_right .zgl_Img .zgl_imgMiddle{ /* background-color: coral; */ height: 30%; padding: 10px; font-size: 16px; color: #fff; line-height: 25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:60px; height:60px; } .zgl_right .zgl_Img a:hover .zgl_imgMiddle{ color: #ff6c00; -webkit-transform: translateZ(0); transform: translateZ(0); } .zgl_right .zgl_Img .zgl_imgFotter{ padding: 10px; font-size: 12px; color: #9DA5C9; line-height: 20px; } .zgl_right .zgl_Img .zgl_imgFotter:hover{ color: #69CDDC; } @media screen and (max-width: 800px) { .zgl_box{ padding:0; margin-top:1.4rem; } .zgl_main{ width: 100%; } .zgl_header{ margin:0 0.5rem; } .zgl_header .zgl_left p{ padding-left:0; background: none; font-size: 0.72rem; } .zgl_content{ display:block; margin:0 0.5rem; } .zgl_content .zgl_left{ display: none; } .zgl_content .zgl_right{ width: 100%; height:auto; padding: 0; justify-content: space-between; } .zgl_right .zgl_Img{ border-radius: 0; } .zgl_right .zgl_Img .zgl_imgTop{ border-radius: 0; height:3.8rem; } .zgl_right .zgl_Img:nth-child(1){ width: 100%; height: 9.6rem; margin-bottom:0.4rem; max-height:9.6rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgTop{ height: 7.9rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgMiddle{ max-height:1.7rem; height: 1.7rem; text-overflow:ellipsis; white-space:nowrap; display:block; font-size: 0.6rem; padding: 0 0.4rem; line-height: 1.7rem; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgFotter{ display:none } .zgl_right .zgl_Img:nth-child(n + 2) { width:48%; height: 80%; } .zgl_header .zgl_more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .zgl_right .zgl_Img{ background-color:#fff; box-shadow:0px 0px 10px rgb(0 0 0 / 10%) } .zgl_right .zgl_Img .zgl_imgMiddle{ color:#000; font-size:0.6rem; padding:0.4rem; } .zgl_header{ margin-bottom:20px; } .zgl_right .zgl_Img:nth-child(1) .zgl_imgTop img{ width:14rem; height: 7.9rem; } .zgl_right .zgl_Img .zgl_imgTop img{ width:6.8rem; height:3.8rem; } .zgl_right .zgl_Img a:hover .zgl_imgMiddle{ color:#000; } .zgl_content .zgl_left .zgl_leftcon:hover a{ color:#000; } .zgl_right .zgl_Img:hover{ border-bottom: 4px solid transparent; } .zgl_right .zgl_Img .zgl_imgFotter:hover{ color: #999999; } .zgl_right .zgl_Img .zgl_imgFotter{ color: #999999; padding:0.4rem; } } /style>div classzgl_box idTPMTLq1Ec406OvekA4Bia2V6211216_container module-idTPMTLq1Ec406OvekA4Bia2V6211216> div classzgl_main> div classzgl_header> div classzgl_left> p>WeHK/p> /div> a hrefhttps://global.cctv.com/wehk/index.shtml target_blank> div classzgl_more>/div>/a> /div> div classzgl_content> div classzgl_left> /div> div classzgl_right> /div> /div> /div> /div>script typetext/babel module-idTPMTLq1Ec406OvekA4Bia2V6211216>function PAGEZ8HZ8JSmzO1F6GiAYTi9211130(res) { const datalist res.data.list.slice(0, 8); const listLeft document.querySelector(#TPMTLq1Ec406OvekA4Bia2V6211216_container).querySelector(.zgl_content).querySelector(.zgl_left); const listRight document.querySelector(#TPMTLq1Ec406OvekA4Bia2V6211216_container).querySelector(.zgl_content).querySelector(.zgl_right); var liListLeft var liListRight for(var i 0 ; i datalist.length ; i++){ var item ; let item_title datalisti.title; item_title item_title.replace(/\#^\s*\s/ig, ); item_title item_title.replace(/\#.*/i, ); let item_subtitle datalisti.subtitle; item_subtitle item_subtitle.replace(/\#^\s*\s/ig, ); item_subtitle item_subtitle.replace(/\#.*/i, ); if(i5){ item +div classzgl_leftcon>a href item + datalisti.url item + target_blank> // item +img src // item + datalisti.image // item + > if( datalisti.subtitle!){ item + item_subtitle }else{ item + item_title } item + /a>/div> liListLeft + item }else{ item +div classzgl_Img> item +a href item + datalisti.url item + target_blank>div classzgl_imgTop>img src //item +datalisti.image if(datalisti.image || datalisti.image null || datalisti.image undefined){ if(datalisti.s_page_name || datalisti.s_page_name null || datalisti.s_page_name undefined ){ if(PAGEZ8HZ8JSmzO1F6GiAYTi9211130 PAGEnL0TSDsFQ26XkCx4G7Kl210126){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jk.jpg }else if(PAGEZ8HZ8JSmzO1F6GiAYTi9211130 PAGEZ8HZ8JSmzO1F6GiAYTi9211130){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_hk.jpg }else if(PAGEZ8HZ8JSmzO1F6GiAYTi9211130 PAGEMURMOWpDxCfQkQPW3nKA210126){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_zgmk.jpg } }else{ if(datalisti.s_page_name 今日说两岸){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jrsla.jpg }else if(datalisti.s_page_name 国台办权威发布){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_gtbfb.jpg }else if(datalisti.s_page_name 直通两岸){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkla.jpg }else if(datalisti.s_page_name 我同你港){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_wtng.jpg }else if(datalisti.s_page_name 即看大湾区){ item +//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/20220224_seat_jkdwq.jpg } } }else{ item + datalisti.image } item +> if(datalisti.duration){ item +span classzgl_vidTime> item + datalisti.duration item +/span> } item +/div>div classzgl_imgMiddle> if( datalisti.subtitle!){ item + item_subtitle }else{ item + item_title } item +/div>/a>div classzgl_imgFotter> item +datalisti.s_page_name item +/div>/div> liListRight + item } } listLeft.innerHTML liListLeft listRight.innerHTML liListRight}/script>script typetext/babel module-idTPMTLq1Ec406OvekA4Bia2V6211216> (function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTLq1Ec406OvekA4Bia2V6211216_container).style.display none; }else{ let urlBeing https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEZ8HZ8JSmzO1F6GiAYTi9211130_1.jsonp?true:false; if(urlBeing){ scriptEl.src isCN ? https://global.cctv.com/cmsdatainterface/guonei/new/page/PAGEZ8HZ8JSmzO1F6GiAYTi9211130_1.jsonp : https://global.cctv.com/cmsdatainterface/guowai/new/page/PAGEZ8HZ8JSmzO1F6GiAYTi9211130_1.jsonp document.body.appendChild(scriptEl) } } })()/script> style module-idTPMTL346mmNEW8MQk7UHgD9t211216> .english-section-container { background-color:#fff; padding:30px 0; width: 100%; max-width: 1200px; margin: 0 auto; } .english-section-container .english-section-container-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .english-section-container .english-section-container-wrap dl{ width: 33%; border-radius: 5px; cursor: pointer; /* background: #1d2645; */ background: #1d2645; margin-top: 25px; max-width: 386px; } .english-section-container .english-section-container-wrap .english-section-container-vidTime{ height: 25px; position: absolute; left: 10px; bottom: 10px; line-height: 25px; text-align: center; border-radius: 10px 0 10px 0; display:none; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/videoTime.png) no-repeat 7px; padding: 0 10px 0 20px; background-color:rgb(0,0,0,0.4) ; font-size: 14px; } .english-section-container .english-section-container-wrap dl:hover dd{ border-bottom: 4px solid #ff6c00; } .english-section-container .english-section-container-wrap dl dd span:hover { color: #ff6c00; } .english-section-container .english-section-container-wrap dl dt img{ width: 100%; cursor: pointer; transition: all 0.6s; background: #D8D8D8; border-radius: 5px 5px 0 0 ; height:217px; } .english-section-container .english-section-container-wrap dl dt { display: block; width: 100%; /* width: 285px; */ height: auto; overflow: hidden; position: relative; border-radius: 5px 5px 0 0 ; } .english-section-container .english-section-container-wrap dl dt a{ display: flex; } .english-section-container .english-section-container-wrap dl dd { /* width: 285px; */ width: 100%; height: 135px; background: #1d2645; margin-left: 0px; position: relative; border-radius: 0 0 5px 5px; overflow: hidden; } .english-section-container .english-section-container-wrap dl dd span { display: block; font-size: 18px; font-family: Arial; color: #fff; line-height: 25px; text-shadow: 0px 2px 10px rgb(0 0 0 / 10%); transition: all 0.6s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 20px 20px 0 20px; max-height: 50px; height: 50px; } .english-section-container .english-section-title { text-align: left; font-size: 35px; position: relative; } .english-section-container .english-section-title h2{ color: #000; /*padding-left: 3%; background: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/tips_block.png) no-repeat left center;*/ font-size: 35px; font-family: Arial; } .english-section-container .english-section-title .english-section-title-more{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_block.png); width: 78px; height: 20px; position: absolute; right: -3%; top: 50%; bottom: 50%; transform: translate(-50%,-50%); } .english-section-container .english-section-title .english-section-title-more:hover{ background-image: url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/more_blockBg.png); } .english-section-container img:hover { transform: scale(1.1, 1.1); } .english-section-title .english-section-title-right{ font-size: 16px; position: absolute; right: 120px; top: 15%; } .english-section-title .english-section-title-right li{ float: left; margin-left: 30px; line-height: 36px; } .english-section-title .english-section-title-right li a{ cursor: pointer; color: #000; font-family: Arial; } .english-section-title .english-section-title-right li a img{ vertical-align: middle; } .english-section-title .english-section-title-right li a .english-section-title-rightP-1{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/wd.png); background-repeat: no-repeat; background-position: left; padding-left: 35px; } .english-section-title .english-section-title-right li a .english-section-title-rightP-2{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/yj.png); background-repeat: no-repeat; background-position: left; padding-left: 35px; } .english-section-title .english-section-title-right li a .english-section-title-rightP-3{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qiu.png); background-repeat: no-repeat; background-position: left; padding-left: 35px; } .english-section-title .english-section-title-right li a:hover{ color: #ff6c00; } .english-section-title .english-section-title-right li a:hover .english-section-title-rightP-1{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/wdh.png); background-repeat: no-repeat; } .english-section-title .english-section-title-right li a:hover .english-section-title-rightP-2{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/yjh.png); background-repeat: no-repeat; } .english-section-title .english-section-title-right li a:hover .english-section-title-rightP-3{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qiuh.png); background-repeat: no-repeat; } .english-section-container .english-section-container-wrap .english-section-container-type{ color: #fff; margin: 14px 0 0 20px; font-size:14px; } .english-section-container .english-section-container-wrap .english-section-container-type p{ line-height: 27px; margin:0; padding-left: 35px; font-family: Arial; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-1{ background-image:url(//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEvyhAGpxUV8VgQYkuUBlr211217/2021_03.png); background-repeat: no-repeat; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-2{ background-image:url(//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEvyhAGpxUV8VgQYkuUBlr211217/2021_06.jpg); background-repeat: no-repeat; background-position: 0px 2px; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-3{ background-image:url(//p4.img.cctvpic.com/photoAlbum/templet/common/TPTEvyhAGpxUV8VgQYkuUBlr211217/2021_08.png); background-repeat: no-repeat; background-position: 1px 2px; } .english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-1{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qiul.png); background-repeat: no-repeat;}.english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-2{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/yjl.png); background-repeat: no-repeat; background-position: 0;}.english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-3{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/wdl.png); background-repeat: no-repeat; background-position: 0;} .english-section-container .english-section-container-wrap .english-section-container-type:hover{ color: #58cff6; } @media screen and (max-width:768px) { .english-section-container { margin:1.4rem 0 1.2rem 0; padding:0; } .english-section-container .english-section-container-wrap{ margin: 0 0.5rem; } .english-section-container .english-section-container-wrap dl{ width: 6.8rem; border-radius: 0; background: #fff; box-shadow:0px 0px 10px rgb(0 0 0 / 10%); margin-top: 0.4rem; } .english-section-container .english-section-container-wrap dl dt{ border-radius:0; } .english-section-container .english-section-container-wrap dl dd{ background: #fff; height:4.5rem; } /* .english-section-container .english-section-container-wrap dl dd span{ color: #000; margin:0; padding:0.4rem; font-size:0.6rem; height: 2.5rem; max-height: 2.5rem; line-height: 0.7rem; -webkit-line-clamp: 3; }*/ .english-section-container .english-section-container-wrap dl dd span{ color: #000; margin:0.3rem; font-size:16px; min-height: 75px; line-height: 25px; -webkit-line-clamp: 3; } .english-section-container .english-section-container-wrap dl dt img{ border-radius: 0; height:3.8rem; } .english-section-container .english-section-title{ margin: 0 0.5rem; } .english-section-container .english-section-title h2{ padding-left: 0; background-image: url(); font-size: 0.72rem; } .english-section-container .english-section-title .english-section-title-more{ width: 1.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; right: -0.8rem; } .english-section-container .english-section-container-wrap dl:nth-of-type(n+5) { display: none; } .english-section-title .english-section-title-right{ display: none; } .english-section-container .english-section-container-wrap dl:hover dd{ border-bottom: none; } .english-section-container .english-section-container-wrap dl:hover dd span{ color: #000; } .english-section-container .english-section-container-wrap .english-section-container-type{ color: #999999; padding: 0.4rem; display: block; font-size: 13px; margin:0; } .english-section-container .english-section-container-wrap .english-section-container-vidTime{ display:block; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-1{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qiu.png); background-repeat: no-repeat; background-position: 0; background-size: 10%; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-2{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/yj.png); background-repeat: no-repeat; background-position: 0; background-size: 10%; } .english-section-container .english-section-container-wrap .english-section-container-type .english-section-container-type-3{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/wd.png); background-repeat: no-repeat; background-position: 0; background-size: 10%; } .english-section-container .english-section-container-wrap .english-section-container-type:hover{ color:#999999; } .english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-1{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qiu.png); background-repeat: no-repeat; background-position: 0;}.english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-2{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/yj.png); background-repeat: no-repeat; background-position: 0;}.english-section-container .english-section-container-wrap .english-section-container-type:hover .english-section-container-type-3{ background-image:url(//p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/wd.png); background-repeat: no-repeat; background-position: 0;} .english-section-container .english-section-container-wrap .english-section-container-type p{ padding-left:12%; color:#999999; } .english-section-container img:hover { transform: none; } } /style> div classenglish-section-container idTPMTL346mmNEW8MQk7UHgD9t211216_container module-idTPMTL346mmNEW8MQk7UHgD9t211216> div classenglish-section-title> h2>ENGLISH/h2> ul classenglish-section-title-right> li> a hrefhttps://english.cctv.com/video/chinaqa/index.shtml target_blank> p classenglish-section-title-rightP-1> China Q&A /p> /a> /li> li> a hrefhttps://english.cctv.com/video/trending/index.shtml target_blank> p classenglish-section-title-rightP-2> Trending /p> /a> /li> li> a hrefhttps://english.cctv.com/video/globalview/index.shtml target_blank> p classenglish-section-title-rightP-3> Global View /p> /a> /li> /ul> a hrefhttps://english.cctv.com classenglish-section-title-more target_blank>/a> /div> div classenglish-section-container-wrap> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/25/VIDE2mLnqGHMS5ZTJwOVfoC3241025.shtml target_blank> img src//p4.img.cctvpic.com/photoworkspace/2024/10/25/2024102515175460132.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/25/VIDE2mLnqGHMS5ZTJwOVfoC3241025.shtml target_blank> span>Confucius Statue Unveiled at Kazan Federal University/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/25/VIDErWZKeETpLHbHAxUkxEVi241025.shtml target_blank> img src//p3.img.cctvpic.com/photoworkspace/2024/10/25/2024102514485377209.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/25/VIDErWZKeETpLHbHAxUkxEVi241025.shtml target_blank> span>Xinjiang teachers create sports facilities to fulfill childrens ice dream/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/25/VIDE7ppGwL7udJKj3Fu0FVhH241025.shtml target_blank> img src//p4.img.cctvpic.com/photoworkspace/2024/10/25/2024102514410266323.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/25/VIDE7ppGwL7udJKj3Fu0FVhH241025.shtml target_blank> span>Anhui: Power Line Crossing in Central Anhui Stood for 60 Years/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/24/VIDEIVqGaYrKK36QGW0lV97T241024.shtml target_blank> img src//p3.img.cctvpic.com/fmspic/2024/10/24/42fcb84d8d4442358255407368e05b85-1.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/24/VIDEIVqGaYrKK36QGW0lV97T241024.shtml target_blank> span>Luban Workshop Brings Vocational Education Overseas via the Belt and Road Initiative/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/24/VIDEFnBtcSk90Xl75i3qH127241024.shtml target_blank> img src//p5.img.cctvpic.com/photoworkspace/2024/10/24/2024102414410178649.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/24/VIDEFnBtcSk90Xl75i3qH127241024.shtml target_blank> span>The Changtang wildlife protection dream team guards the restricted zone in SW Chinas Xizang/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> dl data-block-idDABKYMYhOdWsvrJwJj46XIir211216> dt> a hrefhttps://english.cctv.com/2024/10/24/VIDE6xq5d99cvyWQWZaZC77u241024.shtml target_blank> img src//p4.img.cctvpic.com/photoworkspace/2024/10/24/2024102414231163410.jpg> /a> /dt> dd> a hrefhttps://english.cctv.com/2024/10/24/VIDE6xq5d99cvyWQWZaZC77u241024.shtml target_blank> span>Paper-cutting artworks shine at exhibition in Luohe/span> /a> div classenglish-section-container-type> p>/p> /div> /dd> /dl> /div> /div> !-- 英文开始 --> script typetext/babel module-idTPMTL346mmNEW8MQk7UHgD9t211216> (function () { let scriptEl document.createElement(script) let isCN getArea() CN; let guowai findGetParameter(guowai); if (guowai 1) { isCN false } if ((isCN && 1 0) || (!isCN && 1 0)) { document.getElementById(TPMTL346mmNEW8MQk7UHgD9t211216_container).style.display none; }else{ let urlBeing ?true:false; if(urlBeing){ scriptEl.src isCN ? : document.body.appendChild(scriptEl) } } })()/script> !-- 英文结束 --> script typetext/javascript src//r.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/jweixin-1.6.0.js module-idTPMTsw4Sk714hugfRhYvkkYm230209>/script> script typetext/javascript src//g.alicdn.com/dingding/open-develop/1.9.0/dingtalk.js module-idTPMTsw4Sk714hugfRhYvkkYm230209>/script> script typetext/javascript module-idTPMTsw4Sk714hugfRhYvkkYm230209> // 微信配置 //Ajax function getAjax(url, data, cb, spacial) { $.ajax({ url: url, type: get, data: data, dataType: jsonp, jsonp: cb, jsonpCallback: cb1, cache: true, success: function (_data) { cb(_data); }, timeout: 10000, error: function () { warnbox(请求超时,请检查网络或者重新刷新页面!); }, }); } var data { appid: newstiket, serviceId: cmsty, url: encodeURIComponent(encodeURIComponent(window.location.href)), }; getAjax(//api.cntv.cn/list/getWeiXinSignature?tjsonp, data, weixinSucess); function weixinSucess(data) { wx.config({ debug: false, appId: wx2723c0deaa5a97e9, timestamp: data.data.timestamp, nonceStr: data.data.nonceStr, signature: data.data.signature, jsApiList: updateTimelineShareData, updateAppMessageShareData, // 功能列表,我们要使用JS-SDK的什么功能 }); } // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在 页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready 函数中。 wx.ready(function () { // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 wx.updateTimelineShareData({ title: 海外频道, // 分享标题 link: window.location.href, imgUrl: https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2024/7/30/1722328043248_894.jpg, // 分享图标 }); // 获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.updateAppMessageShareData({ title: 海外频道, // 分享标题 desc: 央视网海外频道(global.cctv.com)是央视网旗下以面向海外用户为主,对外展示新时代中国新风貌、中华优秀传统文化等内容的聚合平台。, // 分享描述 link: window.location.href, imgUrl: https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2024/7/30/1722328043248_894.jpg, // 分享图标 type: link, // 分享类型,music、video或link,不填默认为link }); }); wx.error(function (res) { console.log(失败); }); function isdingding_20190304() { //判断是不是钉钉 var ua navigator.userAgent.toLowerCase(); return ua.indexOf(dingtalk) > 0; } if (isdingding_20190304()) { dd.ready(function () { dd.biz.navigation.setRight({ show: true, //控制按钮显示, true 显示, false 隐藏, 默认true control: true, //是否控制点击事件,true 控制,false 不控制, 默认false text: , //控制显示文本,空字符串表示显示默认文本 onSuccess: function (result) { //如果control为true,则onSuccess将在发生按钮点击事件被回调 dd.biz.util.share({ type: 0, //分享类型,0:全部组件 默认; 1:只能分享到钉钉;2:不能分享,只有刷新按钮 url: window.location.href, content: 央视网海外频道(global.cctv.com)是央视网旗下以面向海外用户为主,对外展示新时代中国新风貌、中华优秀传统文化等内容的聚合平台。, title: 海外频道, image: https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2024/7/30/1722328043248_894.jpg, onSuccess: function () {}, onFail: function (err) {}, }); }, onFail: function (err) {}, }); }); }/script> /div> !--底部包含页-底部--> style module-idTPMTWw1uCl6pQ7PsSo6727aX211222> .footer-container {padding:8px 0 0 0;color:#4d5c63;background-color:#151f38;overflow: hidden} .footer-box {max-width:1200px;margin:0 auto;} .footer-container .language {height:140px;padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} /* .footer-container .language-list { visibility: hidden; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;} */ .footer-container .language-list { display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;} .footer-container .language-item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} /* .footer-container .language-item:nth-child(n+2)::before {display:block;content:;margin:0 4px;height:12px;width:1px;background-color:#394a52;} */ .footer-container .language-item a {padding:8px 20px;font-size:14px;line-height:1;color:#949cb0;} .footer-container .language-item a:hover {color:#d1d1d1;} .footer-container .language-item img{border-radius:10px;width:40px;height:40px;} .footer-container .copy-right {font-size:13px;line-height:25px;text-align:center;background-color:#353a50;padding-bottom: 15px;color:#fff} .footer-container .copy-right p:nth-child(1) {padding: 10px 0;} .footer-container .footer-box .cj_foot_language{ display: none; } @media screen and (max-width:1440px) {.footer-box {max-width:1200px;} } @media screen and (max-width:768px) {.footer-container {padding:0;} .footer-box {max-width:960px;padding:0 15px;} /* .footer-container .language {display:none;} */ .footer-container .copy-right {padding:15px;color:#fff;} .footer-container .copy-right p{display: none;} .footer-container .copy-right p:nth-child(1){display: block;} .footer-container .copy-right p:nth-child(1){display: block;} .footer-container .footer-box .language{ display: none ; } .footer-container .footer-box .cj_foot_language{ display: block; text-align: center; } .footer-container .footer-box .cj_foot_language .cj_footrt_logo{ margin: 27px auto 12px auto; } .footer-container .footer-box .cj_foot_language ul{ margin-bottom: 40px; display: flex; justify-content: center; align-items: center; padding:0 } } @media screen and (max-width:992px) {.footer-box {max-width:720px;} } @media screen and (max-width:768px) {.footer-box {max-width:540px;} }/style>div classfooter-container module-idTPMTWw1uCl6pQ7PsSo6727aX211222> div classfooter-box> section classlanguage> a href>img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/31/1640920871087_908.png>/a> ul classlanguage-list> li classlanguage-item>a hrefhttps://www.facebook.com/cctv.cn target_blank>img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578397052_827.png>/a>/li> li classlanguage-item>a hrefhttps://www.youtube.com/channel/UCnAsZ46UTeFEgwOEwMezngQ target_blank>img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578423094_12.png>/a>/li> li classlanguage-item>a hrefhttps://twitter.com/cctv target_blank>img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578430802_655.png>/a>/li> li classlanguage-item>a hrefhttps://www.instagram.com/cctv.chinese/ target_blank>img src//p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578435474_24.png>/a>/li> /ul> /section> div classcj_foot_language> a href>img classcj_footrt_logo src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/31/1640920871087_908.png>/a> ul classlanguage-list> li classlanguage-item>a hrefhttps://www.facebook.com/cctv.cn target_blank>img src//p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578397052_827.png>/a>/li> li classlanguage-item>a hrefhttps://www.youtube.com/channel/UCnAsZ46UTeFEgwOEwMezngQ target_blank>img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578423094_12.png>/a>/li> li classlanguage-item>a hrefhttps://twitter.com/cctv target_blank>img src//p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578430802_655.png>/a>/li> li classlanguage-item>a hrefhttps://www.instagram.com/cctv.chinese/ target_blank>img src//p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/12/27/1640578435474_24.png>/a>/li> /ul> /div> /div> div classfooter-box2> section classcopy-right> p>Copyright © 2020, China Media Group,CCTV.com. All Rights Reserved/p> p>京ICP证060535号 京公网安备 11000002000018号 京网文20140383-083号/p> p>网上传播视听节目许可证号 0102002 新出网证(京)字098号/p> /section> /div> /div>script module-idTPMTWw1uCl6pQ7PsSo6727aX211222> $(function(){ var areaInfo eval(( + cntv_whereis.replace(/(^\s*)|(\s*$)/g, ) + )); var code areaInfo.country_code; if(code CN){ $(.language-list).hide() }else{ $(.language-list).show() } })/script> !--底部包含页-返回顶部--> link relstylesheet typetext/css href//r.img.cctvpic.com/newcctv/global/gotop/style/style.css?818b157b3541946e85e765e6839861c1>div classother-set-wrap module-idTPMTarvp0iw7cRdinuoUBZ4Q211227> div classother-phone-container> img srchttps://p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/u309.png> p>手机看/p> div classother-phone-QRcode> img srchttps://p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/qrCode.png> /div> /div> a classbacktop-container href> !-- svg t1608707766654 classicon viewBox0 0 1024 1024 version1.1 xmlnshttp://www.w3.org/2000/svg p-id5411 width50 height30 fill#fff>path dM873.472 668.672a76.8 76.8 0 0 1-108.544 0L512 415.744 259.072 668.672a76.8 76.8 0 0 1-108.544-108.544l307.2-307.2a76.8 76.8 0 0 1 108.544 0l307.2 307.2a76.8 76.8 0 0 1 0 108.544z p-id5412>/path>/svg> --> div classother-top-container> img srchttps://p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/u301.png> p>返回顶部/p> /div> /a> /div>script typetext/babel module-idTPMTarvp0iw7cRdinuoUBZ4Q211227> // backtop 开始 function initBackTop () { document.body.id back-top let backTopBtn document.querySelector(.backtop-container) let backTopWrap document.querySelector(.other-set-wrap) backTopBtn.href #back-top function firstInit () { let scrollTop document.documentElement.scrollTop if (scrollTop > 300) { backTopBtn.classList.add(show) } else { backTopBtn.classList.remove(show) } } firstInit() window.addEventListener(scroll, function () { let scrollTop document.documentElement.scrollTop if (scrollTop > 300) { backTopWrap.classList.add(show) } else { backTopWrap.classList.remove(show) } }) } window.addEventListener(load, initBackTop) // backtop 结束 /script> script> document.body.addEventListener(touchstart, function () {});/script> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]