摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>愛奇藝-在線視頻網(wǎng)站-海量正版高清視頻在線觀看-</title> <link rel="stylesheet" href=
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>愛奇藝-在線視頻網(wǎng)站-海量正版高清視頻在線觀看-</title>
<link rel="stylesheet" href="./static/css/style.css">
<link rel="stylesheet" type="text/css" href="./static/font-awesome/css/font-awesome.min.css">
<script type="text/javascript" src = "./static/js/jquery.js"></script>
<script type="text/javascript">
//i banner輪播圖顯示選中的序號(hào)
var i = 0
$(function(){
m_over(i)
//事件區(qū),banner鼠標(biāo)移上時(shí)
$('.banner_menu_li').mouseover(function(){
m_out(i);
i = $('.banner_menu_li').index(this);
m_over(i);
})
//banner鼠標(biāo)移走時(shí)
$('.banner_menu_li').mouseout(function(){
i = $('.banner_menu_li').index(this);
m_out(i);
})
$('.banner_menu').mouseout(function(){
m_over(i);
})
$(window).scroll(function(){
if($(window).scrollTop()<600){
$('.return_top').hide();
$('.header2').hide();
}else{
$('.return_top').show();
$('.header').css("pointer:fixed;")
$('.header2').fadeIn(1000);
}
})
$('.return_top').click(function(){
$('html ,body').animate({scrollTop: 0}, 300);
return false;
})
$('.header2 span').mousemove(function(){
$('.menu2').show();
})
$('.content').mousemove(function(){
$('.menu2').hide();
})
})
//鼠標(biāo)停留風(fēng)格
function m_over(i){
$('.banner_menu_li').eq(i).css({"height":"70px","background":"rgba(0,0,0,0.75)"})
$('.banner_menu_li').eq(i).find(".banner_menu_title").css({"color":"#00BE06","font-size":"24px","font-weight":"500"})
$('.banner_menu_li').eq(i).find(".banner_menu_colon").html("<br>")
$('.banner_menu_li').eq(i).find(".banner_menu_item").css("color","#00BE06")
$('.banner').css({"background-image":"url(./static/img/banner"+i+".jpg)"})
}
//鼠標(biāo)離開后風(fēng)格
function m_out(i){
$('.banner_menu_li').eq(i).css({"height":"30px","background":"rgba(0,0,0,0)"})
$('.banner_menu_li').eq(i).find(".banner_menu_colon").html(":")
$('.banner_menu_li').eq(i).find(".banner_menu_item").css("color","#ddd")
$('.banner_menu_li').eq(i).find(".banner_menu_title").css({"color":"#ddd","font-size":"15px","height":"30px","line-height":"30px"})
$('banner').css("background","url('./static/img/banner'+i+'.jpg')")
}
</script>
</head>
<body>
<div>
<a href=""><img src="./static/img/logo.png" alt=""></a>
<div>
<input type="text" value="都挺好">
<a href="">搜全網(wǎng)</a>
</div>
<ul>
<li><a href="" style="color:#DAB176"><i class="fa fa-diamond" aria-hidden="true"></i><br>vip</a>
</li>
<li><a href=""><i class="fa fa-cloud-upload" aria-hidden="true"></i><br>上傳</a></li>
<li><a href=""><i class="fa fa-download" aria-hidden="true"></i><br>客戶端</a></li>
<li><a href=""><i class="fa fa-bell-o" aria-hidden="true"></i><br>消息</a></li>
<li><a href=""><i class="fa fa-refresh" aria-hidden="true"></i><br>看過</a></li>
<li><img src="./static/img/3.png" alt=""></li>
</ul>
</div>
<div>
<a href=""><img src="./static/img/logo.png" alt=""></a>
<span><a href="">導(dǎo)航 <i class="fa fa-chevron-down" aria-hidden="true"></i></a></span>
<div>
<input type="text" value="都挺好">
<a href="">搜全網(wǎng)</a>
</div>
<ul>
<li><a href="" style="color:#DAB176"><i class="fa fa-diamond" aria-hidden="true"></i><br>vip</a>
</li>
<li><a href=""><i class="fa fa-cloud-upload" aria-hidden="true"></i><br>上傳</a></li>
<li><a href=""><i class="fa fa-download" aria-hidden="true"></i><br>客戶端</a></li>
<li><a href=""><i class="fa fa-bell-o" aria-hidden="true"></i><br>消息</a></li>
<li><a href=""><i class="fa fa-refresh" aria-hidden="true"></i><br>看過</a></li>
<li><img src="./static/img/3.png" alt=""></li>
</ul>
<div>
<div>
<div>
<div>
<div><a href="">娛樂</a></div>
<div><a href="">資訊</a></div>
</div>
<div>
<div><a href="">電影</a></div>
<div><a href="">網(wǎng)絡(luò)電影</a></div>
</div>
<div>
<div><a href="">電視劇</a></div>
<div><a href="">片花</a></div>
</div>
<div>
<div><a href="">綜藝</a></div>
<div><a href="">脫口秀</a></div>
</div>
</div>
<div>
<div>
<div><a href="">動(dòng)漫</a></div>
<div><a href="">游戲</a></div>
</div>
<div>
<div><a href="">搞笑</a></div>
<div><a href="">旅游</a></div>
</div>
<div>
<div><a href="">音樂</a></div>
<div><a href="">時(shí)尚</a></div>
</div>
<div>
<div><a href="">原創(chuàng)</a></div>
<div><a href="">體育</a></div>
</div>
</div>
<div>
<div>
<div><a href="">財(cái)經(jīng)</a></div>
<div><a href="">科技</a></div>
</div>
<div>
<div><a href="">知識(shí)</a></div>
<div><a href="">教育</a></div>
</div>
<div>
<div><a href="">兒童</a></div>
<div><a href="">母嬰</a></div>
</div>
<div>
<div><a href="">生活</a></div>
<div><a href="">健康</a></div>
</div>
<div>
<div><a href="">軍事</a></div>
<div><a href="">汽車</a></div>
</div>
<div>
<div><a href="">公益</a></div>
<div><a href="">紀(jì)錄片</a></div>
</div>
<div>
<div><a href="">文學(xué)</a></div>
<div><a href="">漫畫</a></div>
</div>
</div>
<div>
<div>
<div><a href="">熱點(diǎn)</a></div>
<div><a href="">風(fēng)云榜</a></div>
</div>
<div>
<div><a href="">全網(wǎng)影視</a></div>
<div><a href="">應(yīng)用商店</a></div>
</div>
<div>
<div><a href="">奇秀直播</a></div>
<div><a href="">直播中心</a></div>
</div>
<div>
<div><a href="">商城</a></div>
<div><a href="">VR</a></div>
</div>
<div>
<div><a href="">大頭</a></div>
<div><a href="">愛奇藝號(hào)</a></div>
</div>
<div>
<div><a href="">泡泡廣場(chǎng)</a></div>
<div><a href="">游戲中心</a></div>
</div>
</div>
<div style="border-right: none">
<div>
<a href="" style="color:#DAB176"><i class="fa fa-diamond" aria-hidden="true"></i><br>會(huì)員精選</a>
</div>
</div>
<div></div>
</div>
</div>
</div>
<div>
<ul>
<li>
<a href="">
<span>青春的花路</span>
<span>:</span>
<span>王思聰嚇壞尤長(zhǎng)靖</span>
</a>
</li>
<li>
<a href="">
<span>青春有你</span>
<span>:</span>
<span>62進(jìn)35殘酷升級(jí)</span>
</a>
</li>
<li>
<a href="">
<span>王牌4</span>
<span>:</span>
<span>《天龍八部》劇組重聚</span>
</a>
</li>
<li>
<a href="">
<span>聲臨其境</span>
<span>:</span>
<span>萬茜一人分飾八角</span>
</a>
</li>
<li>
<a href="">
<span>北斗星男友</span>
<span>:</span>
<span>徐璐張銘恩異星戀</span>
</a>
</li>
<li>
<a href="">
<span>黃金瞳</span>
<span>:</span>
<span>張藝興過叢林勇闖雷區(qū)</span>
</a>
</li>
<li>
<a href="">
<span>妻子2</span>
<span>:</span>
<span>張嘉倪收獲驚喜大禮</span>
</a>
</li>
<li>
<a href="">
<span>回顧</span>
<span>:</span>
<span>李克強(qiáng)總理答中外記者問</span>
</a>
</li>
<li>
<a href="">
<span>最強(qiáng)大腦</span>
<span>:</span>
<span>吳圣潔淘汰戚薇痛哭</span>
</a>
</li>
<li>
<a href="">
<span> 一吻定情</span>
<span>:</span>
<span>少女心瘋狂爆炸</span>
</a>
</li>
</ul>
<div>
<div>
<div>
<div>
<div><a href="">娛樂</a></div>
<div><a href="">資訊</a></div>
</div>
<div>
<div><a href="">電影</a></div>
<div><a href="">網(wǎng)絡(luò)電影</a></div>
</div>
<div>
<div><a href="">電視劇</a></div>
<div><a href="">片花</a></div>
</div>
<div>
<div><a href="">綜藝</a></div>
<div><a href="">脫口秀</a></div>
</div>
</div>
<div>
<div>
<div><a href="">動(dòng)漫</a></div>
<div><a href="">游戲</a></div>
</div>
<div>
<div><a href="">搞笑</a></div>
<div><a href="">旅游</a></div>
</div>
<div>
<div><a href="">音樂</a></div>
<div><a href="">時(shí)尚</a></div>
</div>
<div>
<div><a href="">原創(chuàng)</a></div>
<div><a href="">體育</a></div>
</div>
</div>
<div>
<div>
<div><a href="">財(cái)經(jīng)</a></div>
<div><a href="">科技</a></div>
</div>
<div>
<div><a href="">知識(shí)</a></div>
<div><a href="">教育</a></div>
</div>
<div>
<div><a href="">兒童</a></div>
<div><a href="">母嬰</a></div>
</div>
<div>
<div><a href="">生活</a></div>
<div><a href="">健康</a></div>
</div>
<div>
<div><a href="">軍事</a></div>
<div><a href="">汽車</a></div>
</div>
<div>
<div><a href="">公益</a></div>
<div><a href="">紀(jì)錄片</a></div>
</div>
<div>
<div><a href="">文學(xué)</a></div>
<div><a href="">漫畫</a></div>
</div>
</div>
<div>
<div>
<div><a href="">熱點(diǎn)</a></div>
<div><a href="">風(fēng)云榜</a></div>
</div>
<div>
<div><a href="">全網(wǎng)影視</a></div>
<div><a href="">應(yīng)用商店</a></div>
</div>
<div>
<div><a href="">奇秀直播</a></div>
<div><a href="">直播中心</a></div>
</div>
<div>
<div><a href="">商城</a></div>
<div><a href="">VR</a></div>
</div>
<div>
<div><a href="">大頭</a></div>
<div><a href="">愛奇藝號(hào)</a></div>
</div>
<div>
<div><a href="">泡泡廣場(chǎng)</a></div>
<div><a href="">游戲中心</a></div>
</div>
</div>
<div style="border-right: none">
<div>
<a href="" style="color:#DAB176"><i class="fa fa-diamond" aria-hidden="true"></i><br>會(huì)員精選</a>
</div>
</div>
<div></div>
</div>
</div>
</div>
</div>
<div>
<a href="">
<h2> <i class="fa fa-file-text-o" aria-hidden="true"></i>今日焦點(diǎn)<span>更多></span></h2></a>
<div>
<div>
<h3><span>NEWS <i class="fa fa-terminal" aria-hidden="true"></i> </span><a href="">剛果(金)礦場(chǎng)遭襲致兩名中國(guó)人死亡</a></h3>
<ul>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href=""> “五個(gè)一百”，網(wǎng)絡(luò)空間的中國(guó)音</a><span></span><a href="">荷蘭槍擊案致3死</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">校方回應(yīng)要求女生發(fā)不搭肩:借鑒衡水中學(xué) 會(huì)繼續(xù)推行</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href=""> 四川綿竹：年僅33歲！緝毒警察韓順軍突發(fā)疾病去世</a></li>
</ul>
<h3><span>NEWS <i class="fa fa-terminal" aria-hidden="true"></i> </span><a href="">
痛惜!山西鄉(xiāng)寧滑坡現(xiàn)場(chǎng)又現(xiàn)3名遺體</a></h3>
<ul>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">盜竊大叔堅(jiān)持寫“從業(yè)筆記”</a><span></span><a href="">西安小黃車堆積無人管</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href=""> 新娘出嫁忠犬堵房門</a><span></span><a href="">弟弟壽誕102歲姐姐登門祝賀</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">山西：42人涉黑案件開庭 其中31名被告系聾啞殘疾人</a></li>
</ul>
<div>
<a href=""><div><img src="./static/img/content_focus_left 1.jpg" alt=""></div>
美國(guó)女子9分鐘生6胞胎
</a>
</div>
<div style="margin-left:10px;">
<a href=""><div><img src="./static/img/content_focus_left 2.jpg" alt=""></div> 男子趕時(shí)間上班強(qiáng)闖地鐵</a>
</div>
<div></div>
</div>
<div>
<div>
<img src="./static/img/center_banner1.jpg" alt="">
<div>
<div>
<p><i class="fa fa-dot-circle-o" aria-hidden="true"></i><a href="">
全程回顧：《愛上北斗星男友》粉絲見面會(huì)</a></p>
<span>徐璐張銘恩花式互撩</span>
</div>
<div>
<i class="fa fa-caret-left" aria-hidden="true"></i>
<span>1</span>/4
<i class="fa fa-caret-right" aria-hidden="true"></i>
</div>
</div>
</div>
<div>
<ul>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">倪大紅是倪萍妹夫？</a><span></span><a href="">鄭爽接受采訪時(shí)大贊男友張恒</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">王源吃棒棒糖童心未泯 </a><span></span><a href=""> 昆凌帶小周周兒童樂園玩耍</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">專訪《招搖》許凱：墨青一無所有時(shí) 招搖就是他的光</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">劉雯麂皮風(fēng)衣利落出街超A</a><span></span><a href="">樂華Everglow強(qiáng)勢(shì)出道</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">9.9超值特惠裝兩條數(shù)據(jù)線 </a><span></span><a href=""> 解鎖雷蛇靈刃N種創(chuàng)意玩法</a></li>
</ul>
</div>
</div>
<div>
<div style="margin-left:10px;">
<a href=""><div><img src="./static/img/focus_right1.jpg" alt=""></div> 胡春楊變喜羊羊大笑解尷尬</a>
</div>
<div style="margin-left:10px;">
<a href=""><div><img src="./static/img/focus_right2.jpg" alt=""></div> 范丞丞鬼畜歌聲逼瘋后期</a>
</div>
<div style="margin-left:10px;">
<a href=""><div><img src="./static/img/focus_right3.jpg" alt=""></div> 賈玲的情花毒迷暈楊迪</a>
</div>
<div style="margin-left:10px;">
<a href=""><div><img src="./static/img/focus_right4.jpg" alt=""></div> 熱場(chǎng)女神謝娜即興尬舞嗨翻</a>
</div>
<div style="margin-left:10px;">
<a href=""><div><img src="./static/img/focus_right5.jpg" alt=""></div> 萬茜反串為周星馳配音</a>
</div>
<div style="margin-left:10px;">
<a href=""><div><img src="./static/img/focus_right6.png" alt=""></div> 《都挺好》背后的家庭問題</a>
</div>
</div>
<div></div>
</div>
<!-- 綜藝欄目 -->
<div>
<div>
<div>
<a href="">
<h2> <i class="fa fa-file-video-o" aria-hidden="true"></i>綜藝<span>更多></span></h2></a>
</div>
<div>
<a href="">青春有你</a> /
<a href="">青春的花路</a> /
<a href="">小姐姐的花店</a> /
<a href="">國(guó)風(fēng)美少年</a>
</div>
</div>
<div>
<a href="">
<h2>精彩推薦<span>更多></span></h2></a>
</div>
</div><br><br>
<div>
<div>
<div>
<img src="./static/img/content_variety_content_left_img1.jpg" alt="">
</div>
</div>
<p><a href="">妻子的浪漫旅行</a></p>
<span>劇情升級(jí)版 謝娜遇火災(zāi)搶救錢包</span>
</div>
<div >
<div style="margin-left:15px;">
<a href=""><div><img src="./static/img/content_variety_content_img1.png" alt=""></div> 亂世梟雄</a><br>
<span>張學(xué)良出生 中華民國(guó)成立</span>
</div>
<div style="margin-left:15px;">
<a href=""><div><img src="./static/img/content_variety_content_img2.png" alt=""></div> 王牌對(duì)王牌x天龍八部</a><br>
<span>宋小寶9.9包郵PK原裝段譽(yù)</span>
</div>
<div style="margin-left:15px;">
<a href=""><div><img src="./static/img/content_variety_content_img3.png" alt=""></div> 聲臨其境</a><br>
<span>喻恩泰粵語重演張國(guó)榮經(jīng)典</span>
</div>
<div style="margin-left:15px;">
<a href=""><div><img src="./static/img/content_variety_content_img4.png" alt=""></div> 坑王駕到.無頭案</a><br>
<span>老郭自夸說書評(píng)書比相聲強(qiáng)</span>
</div>
<div style="margin-left:15px;">
<a href=""><div><img src="./static/img/content_variety_content_img5.png" alt=""></div> 遇見你真好</a><br>
<span>紀(jì)思清對(duì)廖錫榮“冷”眼相待？</span>
</div>
<div style="margin-left:15px;">
<a href=""><div><img src="./static/img/content_variety_content_img6.png" alt=""></div> 火星撞地球</a><br>
<span>女友堅(jiān)持各玩各的 男友心態(tài)崩</span>
</div>
</div>
<div >
<div style="margin-left:10px;margin-top:0px;">
<a href=""><div><img src="./static/img/content_variety_content_img7.png" alt=""></div> 揭秘吳亦凡蔡徐坤唱作實(shí)力</a>
<hr style="margin:10px auto">
<ul>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">青春的花路主題曲MV曝光</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">《青你》燙嘴普通話合輯</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">易烊千璽冰場(chǎng)學(xué)習(xí)記?</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">柯藍(lán)曾怒斥求合照粉絲</a></li>
<li><i class="fa fa-caret-right" aria-hidden="true"></i><a href="">張嘉倪甜蜜回顧買超求婚</a></li>
</ul>
</div>
</div>
</div>
<div></div>
<div>
<ul>
<li><i class="fa fa-user-circle" aria-hidden="true"></i></li>
<li><i class="fa fa-comment-o" aria-hidden="true"></i></li>
<li><i class="fa fa-angle-up" aria-hidden="true"></i></li>
</ul>
</div>
</body>
</html>*{margin: 0px;
padding: 0px;
}
li{
list-style: none;
}
.clear{clear: both;}
.header{background: #232325;
height: 70px;
line-height: 70px;
width: 1370px;
}
.header2{background: #232325;
height: 70px;
line-height: 70px;
width: 1370px;
position: relative;
float:left;
position: fixed;
top: 0px;
display: none;
z-index: 9;
}
.header2>span{
float: left;
}
.header2>span a{
color: #ccc;
text-decoration: none;
}
.header2 .menu{
width: 1300px;
float: left;
left: 25px;
top: 70px;
position: absolute;
}
.header2 .menu_list_vip {
margin-left: 15px;
line-height: 25px;
}
.header2_so{
float:left;
margin-top: 15px;
margin-left: 230px;
}
.header2 .menu_list_vip a{
font-size: 13px;
text-align: center;
text-decoration: none;
}
.header2 a:hover{
color: #00BE06;
}
.header2 .menu_list_vip a i{
margin-left:10px;
font-size: 30px;
}
.header img,.header2 img{
height: 50px;
margin:10px 30px;
float: left;
}
.header_so{
float:left;
margin-top: 15px;
margin-left: 280px;
}
.header_input,.header2_input{
float: left;
height: 30px;
width: 350px;
border:none;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background: #333333;
color: #999;
font-size: 17px;
padding: 5px 0px;
padding-left: 15px;
outline:none
}
.header_button,.header2_button{
float: left;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
color: #fff;
background:rgb(0,190,6);
text-decoration: none;
display: block;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
}
.header_menu{
list-style: none;
float: right;
margin-right: 50px;
}
.header2_menu{
display: none;
}
.header_menu li,.header2_menu_li{
height: 70px;
font-size:18px;
line-height: 23px;
float: left;
color: #999999;
margin-left: 20px;
text-align: center;
}
.header_menu li i ,.header2_menu_li i{
margin-top: 15px;
font-size: 20px;
}
.header_menu li a ,.header2_menu li a{
font-size: 10px;
color: #999999;
text-decoration: none;
}
.header_menu li a:hover,.header2_menu li a:hover{
color: #00BE06;
}
.header_menu li img ,.header2_menu li img{
border-radius: 50px;
width: 30px;
height: 30px;
margin:20px 20px;
border:solid 2px #999;
}
.banner{
width:1370px;
height: 520px;
background: url('../img/banner1.jpg');
cursor:pointer;
}
.banner_menu{
float: right;
margin-right: 50px;
background: rgba(0,0,0,0.7);
height: 100%-80px;
cursor:pointer;
}
.banner_menu li{
list-style: none;
margin-top:10px;
height:30px;
padding: 0px 15px;
line-height: 30px;
}
.banner_menu li span{
font-size: 15px;
}
.banner_menu li:hover{
/*//height: 70px; */
background: rgba(0,0,0,0.75);
}
.banner a{
text-decoration: none;
color: #ddd;
}
.menu{
width: 1370px;
height: 80px;
background:rgba(0,0,0,0.8);
float: left;
}
.menu2{
width: 1370px;
height: 80px;
background:rgba(0,0,0,0.8);
float: left;
display: none;
}
.menu_content{
width:1320px;
margin:0 auto;
margin-top: 10px;
}
.menu_list{
float: left;
border-right: 1px solid #999;
padding-right: 15px;
margin-left:10px;
}
/*占兩個(gè)字的區(qū)域*/
.menu_list_item2{
width: 28px;
float: left;
margin-left: 15px;
}
.menu_list_item3{
width: 42px;
float: left;
margin-left: 15px;
}
.menu_list_item4{
width: 56px;
float: left;
margin-left: 15px;
}
.menu_list_item_text{
line-height: 30px;
}
.menu_list_item_text a{
font-size: 13px;
color: #ccc;
text-decoration: none;
}
.menu_list_item_text a:hover{
color: #00BE06;
}
.menu_list_vip {
margin-left: 15px;
}
.menu_list_vip a{
font-size: 13px;
text-align: center;
}
.menu_list_vip a i{
margin-left:10px;
font-size: 30px;
}
.content{
width: 1270px;
margin: 0px auto;
margin-top: 15px;
}
.content a{
text-decoration: none;
color: #222;
}
.content a:hover{
color: #00BE06;
}
.content_title{
font-weight:500;
font-size:27px;
}
.content_title i{
margin: 0px 5px;
color: #00BE06;
}
.content_title2{
font-size: 15px;
margin-left: 10px;
}
.content_focus{
width: 100%;
}
.content_focus_left{
width: 430px;
float: left;
}
.content_focus_left h3{
margin-top: 15px;
text-align: justify;
}
.content_focus_left h3>span{
font-weight: 300;
font-size: 14px;
color: #00BE06;
}
.content_focus_left h3 a{
font-weight: 500;
}
.content_focus li{
margin-top: 22px;
text-align: justify;
}
.content_focus li i{
color: #00BE06;
margin-right: 8px;
}
.content_focus li>span{
border-left: 1px solid #ccc;
height: 14px;
margin:-3px 8px;
display: inline-block;
}
.content_focus_left_img{
float: left;
margin-top: 15px;
height: 150px;
background: #F8F8F8;
width: 210px;
transition: all 0.6s;
}
.content_focus_left_img div{
width: 210px;
height: 120px;
overflow:hidden
}
.content_focus_left_img img:hover{
transform: scale(1.1);
}
.content_focus_left_img img{
width: 210px;
transition: all 0.6s;
}
.content_focus img:hover{
transform: scale(1.1);
}
.content_focus_left_img a{
font-size: 12px;
}
.content_focus_center{
margin-left: 5px;
float: left;
width: 430px;
height: 500px;
}
.content_focus_center_panner{
height: 287px;
width: 420px;
overflow:hidden;
position: relative;
}
.content_focus_center_panner img{
float: left;
z-index: 0;
transition: all 0.6s;
}
.content_focus_center_panner_title{
position: absolute;
float: left;
width: 430px;
height: 60px;
margin-top: 227px;
background: rgba(0,0,0,0.7);
z-index: 9;
}
.center_panner_title_left{
float: left;
}
.center_panner_title_left p{
margin-left: 15px;
margin-top: 5px;
}
.center_panner_title_left i{
color: #00BE06;
}
.center_panner_title_left a{
color: #f8f8f8;
font-size: 13px;
}
.center_panner_title_left span{
color: #ccc;
font-size: 12px;
margin-left: 33px;
}
.center_panner_title_rigth{
float: right;
color: #ccc;
font-size: 9px;
margin-top: 30px;
margin-right: 8px;
}
.center_panner_title_rigth i{
color: #ccc;
cursor: pointer;
font-size: 16px;
margin: 0px 10px;
}
.content_focus_center_panner_bottom{
width: 430px;
}
.content_focus_center_panner_bottom i{
margin-left: 10px;
}
.content_focus_right{
float:left;
width: 405px;
}
.content_focus_right_img{
width:180px;
float:left;
overflow:hidden;
margin-bottom: 25px;
}
.content_focus_right_img a{
font-size: 12px;
}
.content_focus_right_img img{
transition: all 0.6s;
}
.content_focus_right_img img:hover{
transform: scale(1.1);
}
.content_variety_left{
float:left;
height: 30px;
line-height: 30px;
}
.content_variety_left p{
float:left;
}
.content_variety_left_title{
float:left;
display: inline-block;
}
.content_variety_left_title_link{
float: left;
margin-top: 5px;
font-size: 13px;
margin-left: 20px;
color: #00BE06;
}
.content_variety_right{
float:right;
margin-right: 10px;
}
.content_variety_content_left{
width: 425px;
height: 360px;
float: left;
}
.content_variety_content_left a{
margin-left: 10px;
}
.content_variety_content_left_img div{
overflow: hidden;
}
.content_variety_content_left_img img{
transition: all 0.6s;
}
.content_variety_content_left_img img:hover{
transform: scale(1.05);
}
.content_variety_content_left span{
color: #999;
font-size: 13px;
margin-left: 10px;
}
.content_variety_content_center{
width: 605px;
height: 363px;
margin-left: 5px;
float: left;
}
.content_variety_content_center a{
font-size: 15px;
}
.content_variety_content_center span{
margin-left: 10px;
color: #999;
font-size: 12px;
}
.content_variety_content_right{
width: 220px;
height: 363px;
margin-left: 5px;
float: left;
background: #F8F8F8;
}
.content_variety_content_right a{
font-size: 15px;
}
.content_variety_content_right ul{
}
.content_variety_content_right li{
margin: 20px auto;
}
.content_variety_content_right i{
color: #00BE06;
margin-right: 10px;
}
.float_menu{
width:30px;
height: 150px;
font-size: 23px;
position: fixed;
bottom: 10px;
right: 50px;
}
.float_menu i{
font-weight: 100;
background: #E6E6E6;
border-radius: 50px;
width:40px;
height: 40px;
text-align: center;
line-height:40px;
cursor: pointer;
margin-top: 10px;
color: #00BE06;
}
.return_top{
display: none;
}
經(jīng)過這一章節(jié)案例。對(duì)前面學(xué)到的html css jq等等進(jìn)行了綜合運(yùn)用。往后的幾個(gè)作業(yè)案例自我感覺對(duì)前端知識(shí)已經(jīng)掌握得比較熟練。往后再繼續(xù)學(xué)習(xí)前端布局，爭(zhēng)取做到能勝任前端工作崗位
批改老師：滅絕師太批改時(shí)間：2019-03-22 09:19:25
老師總結(jié)：完成的非常好,學(xué)以致用很重要,繼續(xù)保持這分用心!