<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body{
background-image:url(%E7%B4%A0%E6%9D%90/t01316c7c8ce65878b6.jpg);
background-size:100% 100%;
width:100%;
height:1000px;}
*{
margin:0;
padding:0;}
a{
color:#FFF;
}
a:hover{
color:#3C3;
transition:all 1s ;
}
.box{
position:absolute;
top:200px;
width:1600px;
height:800px;
background-repeat:repeat;
margin:0 auto;}
.right1{
height:200px;
width:200px;
float:right;
position:absolute;
right:50px;
border-radius:30px;}
.right{
position:relative;
left:300px;
float:left;
width:1300px;
height:800px;
background-image:url(%E7%B4%A0%E6%9D%90/t01316c7c8ce65878b6.jpg);
background-size:100% 100%;}
.right>div{float:left;
width:280px;
height:350px;
margin-left:15px;
margin-bottom:20px;}
.d1{
position:absolute;
top:40px;
background-color:#FFC;
width:0px;
}
.d2left{
top:10px;
height:200px;
width:200px;
float:left;
position:absolute;
left:50px;
border-radius:30px;
}
.d3right{
width:698px;
height:100px;
position:relative;
left:300px;
float:left;
margin-left:20px;
font-size:12px;
font-family:"黑体";
}
.d4top{
width:718px;
height:30px;
margin-top:15px;
}
.d5center{
width:718px;
height:33px;
position:relative;
}
.d7{
background-image:url(%E7%B4%A0%E6%9D%90/button.jpg);
position:absolute;
right:131px;
width:133px;
height:33px;
}
.d8{
position:absolute;
right:50px;
top:50%;
margin-top:-15px;
width:60px;
height:40px;
color:#FFF;
}
.d9bottom li a{
list-style:none;
float:left;
line-height:30px;
margin-right:20px;
height:30px;
color:#FFF;
}
li{
list-style:none;
}
.d10 li a{
margin-right:20px;
float:left;
line-height:30px;
height:30px;
font-size:16px;
color:#FFF;
}
.d9bottom li a:hover{
color:#3C3;}
.d10 li a:hover{
color:#3C3;}
a:link{
text-decoration:none;}
.sign{
width:100px;
height:50px;
color:#000;
position:absolute;
float:right;
right:400px;
top:100px;
font-size:18px;
border-right:solid 3px #FFFFFF;
margin-right:3px;
line-height:50px;
text-align:center;}
.reg{width:100px;
height:50px;
color:#000;
position:absolute;
float:right;
right:310px;
top:100px;
font-size:18px;
line-height:50px;
text-align:center;}
.bl{
background-repeat:no-repeat;
height:200px;
width:200px;
float:left;
top:930px;
position:absolute;
left:50px;
border-radius:30px;}
.br{
height:200px;
width:200px;
float:right;
position:absolute;
right:50px;
top:930px;
border-radius:30px;}
.b3{
width:120px;
height:40px;
position:absolute;
top:930px;
letter-spacing:3px;
left:300px;
font-size:18px;
font-weight:bolder;
color:#FFF;}
.b2{
width:180px;
height:350px;
position:absolute;
left:350px;
float:left;
top:975px;}
.b4{
position:absolute;
left:580px;
float:left;
top:975px;}
.b5{
position:absolute;
left:810px;
float:left;
top:975px;}
.b6{
position:absolute;
left:1030px;
float:left;
top:975px;}
.z1{
width:600px;
height:500px;
float:left;
position:absolute;
margin:100px auto;}
.ul0{
float:left;
position:relative;
top:200px;
left:20px;}
.ul0 li{
list-style:none;
text-align:right;
font-weight:bold;
font-size:18px;
height:65px;
line-height:40px;
border-bottom:solid 3px #999999;}
.ul1{
width:100px;
float:right;
position:absolute;
left:80px;}
.ul1 li{
position:relative;
top:200px;
list-style:none;
text-align:left;
height:65px;
left:-50px;
border-bottom:solid 3px #999999;
width:200px;
line-height:40px;
text-align:center;}
.a1{
color:#F00;}
.l1{
color:#F60;}
.a2{
font-weight:bolder;
font-size:20px;
}
.x1{
display:inline-block;
position:relative;
z-index:80;}
span{
font-size:14px;
color:#666;
position:absolute;
display:inline-block;
top:30px;
width:200px;
left:10px;}
.z2{
font-size:24px;
letter-spacing:5px;
position:absolute;
top:250px;
left:10px;
color:#FFF;}
.z3{
font-size:14px;
position:absolute;
top:260px;
left:210px;}
.s1{
font-size:14px;
position:absolute;
top:220px;
color:#FFF;
text-align:center;
left:-20px;
display:inline-block;
margin-top:10px;}
.s2{
font-size:35px;
left:-2px;
position:absolute;
top:10px;}
input{
height:30px;
width:470px;
position:absolute;
left:-458px;}
div img{
border-radius:7px;}
.d9bottom a{
text-decoration:none;
color:#FFF;
}
.d9bottom ul ul{
display:none;
}
.d9bottom li{
width:85px;
height:25px;
font-size:16px;
text-align:center;
line-height:25px;
float:left;
}
.d9bottom .li2{
border-right:none;
position:relative;
}
.d9bottom ul li a:hover ul,.d9bottom ul li:hover ul{
display:block;
}
.d9bottom li li{
background-color:#999;
}
.d9bottom li li:hover{
color:#3C3;
}
.right a{
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
.right a:hover{
-webkit-transform:scale(1.0);
-webkit-box-shadow:0px 0px 30px #ccc;
-moz-transform:scale(1.0);
-moz-box-shadow:0px 0px 30px #ccc;
-o-transform:scale(1.0);
-o-box-shadow:0px 0px 30px #ccc;}
</style>
</head>
<body>
<span class="s2"><a href="1.html">< </a></span>
<div class="sign"><a href="sign.html">登陆</a></div>
<div class="reg"><a href="reg.html">注册</a></div>
<div class="d2left"><img src="素材/t019593492b6a4c0aaf.jpg" width="200px" height="190px"/></div>
<div class="right1"></div>
<div class="box">
<div class="right">
<div><a href="11.html" class="x1"><img src="素材/liuli1.jpg" width="280px" height="350px"/></a></div>
<div><a href="22.html" class="x1"><img src="素材/QQ图片20210622113059.jpg" width="280px" height="350px"/></a></div>
<div><a href="33.html" class="x1"><img src="素材/QQ图片20210622112434.jpg" width="280px" height="350px"/></a></div>
<div><a href="44.html" class="x1"><img src="素材/QQ图片20210622115629.jpg" width="280px" height="350px"/></a></div>
<div><a href="55.html" class="x1"><img src="素材/QQ图片20210622120258.jpg" width="280px" height="350px"/></a></div>
<div><a href="66.html" class="x1"><img src="素材/QQ图片20210622120303.jpg" width="280px" height="350px"/></a></div>
<div><a href="77.html" class="x1"><img src="素材/QQ图片20210622120306.jpg" width="280px" height="350px"/></a></div>
<div><a href="88.html" class="x1"><img src="素材/QQ图片20210622120313.jpg" width="280px" height="350px"/></a></div>
</div>
</div>
<div class="d1">
<div class="d3right">
<div class="d4top">
<ul class="d10">
<li><a href="#" >热播</a></li>
<li><a href="#" >热搜榜</a></li>
<li><a href="#" >小视频</a></li>
</ul>
</div>
<div class="d5center">
<div class="d6">
</div>
<div class="d7"><input type="text" />
</div>
<div class="d8">
<p>高级搜索</p>
<p>使用帮助</p>
</div>
</div>
<div class="d9bottom">
<ul>
<li><a href="#" class="x1">青春校园</a></li>
<li><a href="#" class="x1">都市爱情</a></li>
<li><a href="#" class="x1">宫廷古装</a></li>
<li><a href="#">奇幻穿越</a></li>
<li class="li2"><a href="#">偶像恋爱</a>
<ul>
<li><a href="#">刘亦菲</a></li>
<li><a href="#">任嘉伦</a></li>
<li><a href="#">杨蓉</a></li>
</ul></li>
<li class="li2"><a href="#">悬疑刑侦</a>
<ul>
<li><a h
没有合适的资源?快使用搜索试试~ 我知道了~
资源详情
资源评论
资源推荐
收起资源包目录





































































































共 98 条
- 1
























哈啾813
- 粉丝: 4
- 资源: 3
上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


会员权益专享
安全验证
文档复制为VIP权益,开通VIP直接复制

评论0