<style>
/* CSS Styling */
#endText .video-info a {
text-decoration: none;
color: #000;
}
#endText .video-info a:hover {
color: #d34747;
}
#endText .video-list li {
overflow: hidden;
float: left;
list-style: none;
width: 132px;
height: 118px;
position: relative;
margin: 8px 3px 0 0;
}
#endText .video-list a, #endText .video-list a:visited {
text-decoration: none;
color: #fff;
}
#endText .video-list .overlay {
text-align: left;
padding: 0 6px;
background-color: #313131;
font-size: 12px;
width: 120px;
position: absolute;
bottom: 0;
left: 0;
height: 26px;
line-height: 26px;
overflow: hidden;
color: #fff;
}
#endText .video-list .on {
border-bottom: 8px solid #c4282b;
}
#endText .video-list .play {
width: 20px;
height: 20px;
background: url('http://static.ws.126.net/video/img14/zhuzhan/play.png') no-repeat;
position: absolute;
right: 12px;
top: 62px;
opacity: 0.7;
color: #fff;
filter: alpha(opacity=70);
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.ws.126.net/video/img14/zhuzhan/play.png");
}
#endText .video-list a:hover .play {
opacity: 1;
filter: alpha(opacity=100);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.ws.126.net/video/img14/zhuzhan/play.png");
}
</style>
<script src="https://static.ws.126.net/163/f2e/libs/hls.min.js"></script>
<div class="video-wrapper" style="margin: 10px auto; background: #F5F5F5;">
<div class="video-inner" style="padding: 25px; padding-bottom: 20px;">
<div class="video" style="height: 435px; background: #000;">
<video id="VK4PGMBLV" preload="true" controlslist="nodownload" width="100%" height="100%" controls="controls" style="object-fit: contain;" poster="http://cms-bucket.ws.126.net/2022/0424/dfeebcb1p00ratnvm0020c001hc00u0c.png" data-vid="VK4PGMBLV" alt="最新中国癌症数据出炉,5大癌种最常见"></video>
</div>
<script>
if (/mp4$/.test("https://flv0.bn.netease.com/7b6021ff288b8c2f0c9894669d94078b52e8a6731c507836a6b16bb57b4e7377d4c7c35d5640ab98eaa1a459763c513abaef0e24dab3423802a1578a208aea2ccc96b4dc63c8ebd0b8ae37a69ebe06f8ae33dac1829c90339493277770a82bc1874534a1c5a16bb7e904ba31193b59963ac25e9d0c0991e0.m3u8")) {
document.getElementById("VK4PGMBLV").src = "https://flv0.bn.netease.com/7b6021ff288b8c2f0c9894669d94078b52e8a6731c507836a6b16bb57b4e7377d4c7c35d5640ab98eaa1a459763c513abaef0e24dab3423802a1578a208aea2ccc96b4dc63c8ebd0b8ae37a69ebe06f8ae33dac1829c90339493277770a82bc1874534a1c5a16bb7e904ba31193b59963ac25e9d0c0991e0.m3u8";
} else if (Hls && Hls.isSupported()) {
var hls = new Hls();
hls.loadSource("https://flv0.bn.netease.com/7b6021ff288b8c2f0c9894669d94078b52e8a6731c507836a6b16bb57b4e7377d4c7c35d5640ab98eaa1a459763c513abaef0e24dab3423802a1578a208aea2ccc96b4dc63c8ebd0b8ae37a69ebe06f8ae33dac1829c90339493277770a82bc1874534a1c5a16bb7e904ba31193b59963ac25e9d0c0991e0.m3u8");
hls.attachMedia(document.getElementById("VK4PGMBLV"));
}
</script>
<div class="video-info clearfix" style="margin: 16px 0 0 0; height: 20px; line-height: 20px;">
<p class="fn-right" style="height: 22px; line-height: 22px; overflow: hidden; font-size: 12px; float: right; margin: 0; padding: 0; text-indent: 0;">
<a style="text-align: right; float: left; width: 300px;" href="https://www.163.com/v/video/VK4PGMBLV.html" target="_blank" class="video-title">最新中国癌症数据出炉,5大癌种最常见</a>
<span class="video-from" style="color: #a7a7a7; margin-left: 10px;">(来源:网易健康)</span>
</p>
</div>
<div class="video-list">
<ul class="clearfix" style="margin: 0; padding: 0; list-style: none; width: 540px;">
<!-- List items here -->
</ul>
</div>
</div>
</div>
<p>2016年,我国新发癌症病例高达406.4万例,其中,新增病例数最多的为肺癌,占总新增病例的约20.4%。其次是结直肠癌、胃癌、肝癌和乳腺癌,新增病例数分别为40.8万、39.7万、38.9万和30.6万。</p>
<p>肺癌是我国癌症患者的“头号杀手”,死亡率位居第一。2016年,我国癌症死亡病例总数为241.4万,其中因肺癌死亡的人数高达65.7万。此外,肝癌、胃癌、结直肠癌和食管癌的死亡率也较高。</p>
<p><font color="#7f7f7f">注:由于数据统计通常存在3到5年的延迟,因此2016年的数据为最新统计。</font></p>
<div style="height: 0px; overflow: hidden;"></div>
在排版方面,我已将HTML内容整理成适合博客发布的格式,包括适当的段落分隔和样式调整,以确保内容清晰易读。