428 lines
20 KiB
HTML
428 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>好看视频</title>
|
||
<link rel="stylesheet"
|
||
href="https://at.alicdn.com/t/font_2576965_1htpybvcqz8.css?spm=a313x.7781069.1998910419.46&file=font_2576965_1htpybvcqz8.css">
|
||
<link rel="stylesheet" href="./css/clear.css">
|
||
<link rel="stylesheet" href="./css/public.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="header">
|
||
|
||
<div class="header_logo">
|
||
<div class="layout relative">
|
||
<img class="logo left" src="./img/logo.png" alt="">
|
||
|
||
<div class="search left absolute">
|
||
<input class="search_input left" type="text" placeholder="台大医院院长求救">
|
||
<div class="search_button left">
|
||
<i class="iconfont icon-sousuo"></i>
|
||
<span>搜索</span>
|
||
</div>
|
||
</div>
|
||
|
||
<ul class="action right">
|
||
<li>
|
||
<i class="iconfont icon-shangchuan"></i>
|
||
<p>搜索</p>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-sousuo"></i>
|
||
<p>搜索</p>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-sousuo"></i>
|
||
<p>搜索</p>
|
||
</li>
|
||
<li>
|
||
<img src="./img/user.png" alt="">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="header_menu">
|
||
<ul class="layout">
|
||
<li class="active">
|
||
<a href="">推荐</a>
|
||
</li>
|
||
<li>
|
||
<a href="">影视额</a>
|
||
</li>
|
||
<li>
|
||
<a href="">音乐</a>
|
||
</li>
|
||
<li>
|
||
<a href="">音乐</a>
|
||
</li>
|
||
<li>
|
||
<a href="">音乐</a>
|
||
</li>
|
||
<li>
|
||
<a href="">音乐</a>
|
||
</li>
|
||
<li>
|
||
<a href="">音乐</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
<div class="layout">
|
||
<div class="banner hidden">
|
||
<img class="lunbo left"
|
||
src="https://tukuimg.bdstatic.com/processed/06592c2ccca4448e43d6f66b867dd041.jpeg@s_0,w_660,h_370,q_80" />
|
||
<ul class="info_ul left">
|
||
<li class="item">
|
||
<img src="https://tukuimg.bdstatic.com/processed/237437975b9f0cecd0ed9e0fce640c01.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<div class="back"></div>
|
||
<div class="info">
|
||
<div class="info_top">女生宋佳一首《太多》，唱出了不一样的感觉</div>
|
||
<div class="info_center">我是沛总</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-pinglun"></i>
|
||
<span>11</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="item">
|
||
<img src="https://tukuimg.bdstatic.com/processed/237437975b9f0cecd0ed9e0fce640c01.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<div class="back"></div>
|
||
<div class="info">
|
||
<div class="info_top">女生宋佳一首《太多》，唱出了不一样的感觉</div>
|
||
<div class="info_center">我是沛总</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-pinglun"></i>
|
||
<span>11</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="item">
|
||
<img src="https://tukuimg.bdstatic.com/processed/237437975b9f0cecd0ed9e0fce640c01.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<div class="back"></div>
|
||
<div class="info">
|
||
<div class="info_top">女生宋佳一首《太多》，唱出了不一样的感觉</div>
|
||
<div class="info_center">我是沛总</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-pinglun"></i>
|
||
<span>11</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="item">
|
||
<img src="https://tukuimg.bdstatic.com/processed/237437975b9f0cecd0ed9e0fce640c01.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<div class="back"></div>
|
||
<div class="info">
|
||
<div class="info_top">女生宋佳一首《太多》，唱出了不一样的感觉</div>
|
||
<div class="info_center">我是沛总</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-pinglun"></i>
|
||
<span>11</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="item">
|
||
<img src="https://tukuimg.bdstatic.com/processed/237437975b9f0cecd0ed9e0fce640c01.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<div class="back"></div>
|
||
<div class="info">
|
||
<div class="info_top">女生宋佳一首《太多》，唱出了不一样的感觉</div>
|
||
<div class="info_center">我是沛总</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-pinglun"></i>
|
||
<span>11</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="item">
|
||
<img src="https://tukuimg.bdstatic.com/processed/237437975b9f0cecd0ed9e0fce640c01.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<div class="back"></div>
|
||
<div class="info">
|
||
<div class="info_top">女生宋佳一首《太多》，唱出了不一样的感觉</div>
|
||
<div class="info_center">我是沛总</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-pinglun"></i>
|
||
<span>11</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="video">
|
||
<div class="title">影视</div>
|
||
<ul>
|
||
<li>
|
||
<div class="top">
|
||
<img src="https://tukuimg.bdstatic.com/scrop/610134102009905502.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<span>09:17</span>
|
||
</div>
|
||
<p class="top_title">每个人的身上都有毛毛 ，这个女孩特别多《狮女传说》</p>
|
||
<div class="icon hidden">
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="top">
|
||
<img src="https://tukuimg.bdstatic.com/scrop/610134102009905502.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<span>09:17</span>
|
||
</div>
|
||
<p class="top_title">每个人的身上都有毛毛 ，这个女孩特别多《狮女传说》</p>
|
||
<div class="icon hidden">
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="top">
|
||
<img src="https://tukuimg.bdstatic.com/scrop/610134102009905502.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<span>09:17</span>
|
||
</div>
|
||
<p class="top_title">每个人的身上都有毛毛 ，这个女孩特别多《狮女传说》</p>
|
||
<div class="icon hidden">
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="top">
|
||
<img src="https://tukuimg.bdstatic.com/scrop/610134102009905502.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<span>09:17</span>
|
||
</div>
|
||
<p class="top_title">每个人的身上都有毛毛 ，这个女孩特别多《狮女传说》</p>
|
||
<div class="icon hidden">
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="top">
|
||
<img src="https://tukuimg.bdstatic.com/scrop/610134102009905502.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<span>09:17</span>
|
||
</div>
|
||
<p class="top_title">每个人的身上都有毛毛 ，这个女孩特别多《狮女传说》</p>
|
||
<div class="icon hidden">
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="video">
|
||
<div class="title">综艺</div>
|
||
<ul>
|
||
<li>
|
||
<div class="top">
|
||
<img src="https://tukuimg.bdstatic.com/scrop/610134102009905502.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<span>09:17</span>
|
||
</div>
|
||
<p class="top_title">每个人的身上都有毛毛 ，这个女孩特别多《狮女传说》</p>
|
||
<div class="icon hidden">
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="top">
|
||
<img src="https://tukuimg.bdstatic.com/scrop/610134102009905502.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<span>09:17</span>
|
||
</div>
|
||
<p class="top_title">每个人的身上都有毛毛 ，这个女孩特别多《狮女传说》</p>
|
||
<div class="icon hidden">
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="top">
|
||
<img src="https://tukuimg.bdstatic.com/scrop/610134102009905502.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<span>09:17</span>
|
||
</div>
|
||
<p class="top_title">每个人的身上都有毛毛 ，这个女孩特别多《狮女传说》</p>
|
||
<div class="icon hidden">
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="top">
|
||
<img src="https://tukuimg.bdstatic.com/scrop/610134102009905502.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<span>09:17</span>
|
||
</div>
|
||
<p class="top_title">每个人的身上都有毛毛 ，这个女孩特别多《狮女传说》</p>
|
||
<div class="icon hidden">
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="top">
|
||
<img src="https://tukuimg.bdstatic.com/scrop/610134102009905502.jpeg@s_0,w_660,h_370,q_80,f_webp"
|
||
alt="">
|
||
<span>09:17</span>
|
||
</div>
|
||
<p class="top_title">每个人的身上都有毛毛 ，这个女孩特别多《狮女传说》</p>
|
||
<div class="icon hidden">
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
<div class="icon_item">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1281</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<div class="footer_wrap">
|
||
<ul class="footer_top hidden">
|
||
<li>
|
||
<a href="">品牌合作</a>
|
||
<a href="">品牌合作</a>
|
||
</li>
|
||
<li>
|
||
<a href="">品牌合作</a>
|
||
<a href="">品牌合作</a>
|
||
</li>
|
||
<li>
|
||
<a href="">品牌合作</a>
|
||
</li>
|
||
<li class="line"></li>
|
||
<li class="code hidden">
|
||
<div class="text left">
|
||
<p>扫码下载客户端</p>
|
||
<p>轻松有收获</p>
|
||
</div>
|
||
<img class="left" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAAHUAQMAAAC56UsvAAAABlBMVEUAAAD///+l2Z/dAAACTUlEQVR42u3cQW7DMAxEUd3A97+lb8A2qS0OKaUFsukE+EYQJI6eu7EEmqQ64u3jHFisnT3HPPJq3yePeJx5friGPT/kYCzW0uq8eAwQe73reJkIWKyjPcu9fd3891Hu/DYYi3W291zQr+UnLPbjbP31OnNgsR9i9bnyHpaxygzC/4pzsFgH2x8Pf329fA7FYh3skvrLufAzC6JELy/zhFisg70XbU33ZYZkyNWWfCAWa2f1PtdA5X7lZeelNJGCxVrajLSPKImRpZKYsTcW62ZvVcKVMWYh5vp6lHcs1tZmzUXXc03utVglsFhju1vkrwseJRTXiB2LdbTz4fHscbWWY/R5UwuOWKybnWfm/Z8tTBKitEwgFutoa1jSFu2W69vUFrFYM6s3eetZmu3T2ROyDbyxWCebab0ZsURoaSYvqw17WKyfzZ90M0tkebHE3m2+YLFmNsdomC2VF/1QWkGwWENbO07bdq2cHWutHIv1s9rasTadrpXH7KPGYt3s0sukMXbvd1r2J2KxbrbNgtLLdGSlRmvl5c9hsU62tXxoiTxz17V/r2UIsVgXuyzvGX5HrvN6vsQzWKyVjc222dJKveRMSpyDxVpZ6TWN9o9oWldeDVewWEerx7nbWhibQvl4tS0Xi/1f21J80QuLGbSM3nqKxRpaXed7kmRpTN20WGOxVrat1TXkntu4WvUci3W3c9iudzp04wAW62/P0RIgPWUdy95wLNbNRslO76dA3dvScn1YrI/tz5KxqZWPMTYtTFism337wGLt7BcOoXzuYAD95QAAAABJRU5ErkJggg==" alt="">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer_bottom">
|
||
© 2021 Baidu 京ICP证030173号 京公网安备11000002000001 京网文（2017）2863-327号
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</body>
|
||
|
||
</html> |