<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘宝网-淘！我喜欢</title>
<style type="text/css" href="index.css">
*{
margin:0px;
padding: 0px;
list-style: none;
text-decoration: none;
}
html,body{
width:100%;
background-color: #f4f4f4;
height: 1000px;
}
.main{
width: 100%;
height:100%;
}
.main .top1{
width: 100%;
heigh:35px;
background-color:#f5f5f5;
border: 1px solid #eee;
}
.main .top1 .top2{
width:1190px;
height:35px;
margin:0px auto;
}
.main .top1 .top2 .top3{
float: left;
}
.main .top1 .top2 .top4{
float: right;
}
.main .top1 .top2 li{
float:left;
margin-right: 7px;
}
.main .top1 .top2 li a{
color:#6c6c6c;
font-size:12px;
line-height: 35px;
padding:0px 6px;
}
.main .top1 .top2 li a:hover,
.main .top1 .top2 li .login{
color:#f40;
}
.main .top1 .top2 .china{
color:#3c3c3c;
font-size:12px;
line-height: 35px;
}
.main .top1 .top2 .china-span{
padding:0px 6px;
}
.main .top1 .top2 .cutOff span{
color:#ddd;
line-height:35px;
}
.main .top1 .top2 .aPic{
display: inline-block;
width:6px;
height:3px;
background-size: 100% 100%;
}
.main .top1 .top2 .bPic{
background-image: url("img/xsj.png");
}
.main .top1 .top2 .shopCarPic{
width:12px;
height:12px;
background-image:url("img/gwc.png");
}
.main .top1 .top2 .likePic{
width:12px;
height:11px;
background-image:url("img/star.png");
}
.main .top1 .top2 .webPic{
width:8px;
height:8px;
background-image:url("img/dh.png");
}
.main .search-wrap{
width:100%;
height:97px;
background-color:#FFFFFF;
padding-top: 24px;
padding-bottom: 9px;
}
.main .search-con{
width:1190px;
height:88px;
margin:0px auto;
}
.main .search-wrap .search-con .logo-box{
display:inline-block;
width:190px;
height:90px;
}
.main .search-wrap .search-con .logo-box ima{
width:100%;
height:100%;
}
.main .search-wrap .search-con .search-box{
display:inline-block;
height:87px;
width: 627px;
margin-left: 50px;
}
.main .search-wrap .search-con .search-box .search-bd{
width: 627px;
height:62px;
}
.main .search-wrap .search-con .search-box .search-bd .search-tab{
width: 610px;
height:22px;
margin-left: 17px;
}
.main .search-wrap .search-con .search-box .search-bd li{
color:#f40;
float:left;
width: 36px;
height:22px;
text-align: center;
line-height:22px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
margin-right:4px;
font-size:12px;
}
.main .search-wrap .search-con .search-box .search-bd li:hover{
background-color:#ffeee5;
}
.main .search-wrap .search-con .search-box .search-bd .select{
background:linear-gradient(to right,#ff9000 0,#ff5000 100%);
color:#fff;
font-weight: 700px;
}
.main .search-wrap .search-con .search-box .search-bd .search-panel{
width:627px;
height:40px;
position: relative;
}
.main .search-wrap .search-con .search-box .search-bd .btn{
position:absolute;
right:0px;
top:0px;
width: 74px;
height: 40px;
z-index: 1000;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
text-align: center;
}
.main .search-wrap .search-con .search-box .search-bd .btn button{
border:none;
background:linear-gradient(to right,#ff9000 0,#ff5000 100%);
width:100%;
height: 100%;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
color:#fff;
font-size: 18px;
font-weight: 700px;
}
.main .search-wrap .search-con .search-box .search-bd .search-inp-box{
width:551px;
border:2px solid #ff5000;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-right: none;
height: 36px;
overflow: hidden;
}
.main .search-wrap .search-con .search-box .search-bd .search-inp-box .search-inp{
width:472px;
height:36px;
overflow: hidden;
}
.main .search-wrap .search-con .search-box .search-bd .search-inp-box .search-inp input{
width:472px;
height: 24px;
border: none;
line-height: 24px;
outline:0px;
text-indent: 10px;
padding: 6px 16px;
background-color: #fff;
}
.main .search-wrap .search-con .search-box .search-bd .search-panel .sousuo,
.main .search-wrap .search-con .search-box .search-bd .search-panel .camera{
display:inline-block;
position:absolute;
}
.main .search-wrap .search-con .search-box .search-bd .search-panel .sousuo{
width:14px;
height: 14px;
top:11px;
left:12px;
background-image: url('img/fdj.png');
background-repeat:no-repeat;
}
.main .search-wrap .search-con .search-box .search-bd .search-panel .camera{
width:23px;
height: 21px;
top:11px;
right: 80px;
background-image: url('img/camera.png');
background-repeat: no-repeat;
}
.main .search-wrap .search-con .search-box .search-ft{
width: 610px;
height:18px;
}
.main .search-wrap .search-con .search-box .search-ft ul li{
float: left;
}
.main .search-wrap .search-con .search-box .search-ft ul li a{
color:#3c3c3c;
font-size: 12px;
margin-right: 8px;
}
.main .search-wrap .search-con .search-box .search-ft a:hover,
.main .search-wrap .search-con .search-box .search-ft ul li select{
color:#ff5000;
}
.main .search-wrap .search-con .search-box .search-ft .more{
float: right;
color:#3c3c3c;
font-size: 12px;
line-height: 25px;
}
.main .search-wrap .search-con .code-box{
display:inline-block;
height:90px;
width:76px;
border:1px solid #eee;
position:relative;
margin-left:120px;
}
.main .search-wrap .search-con .code-box .p-tb{
font-size:14px ;
color:#ff5000;
text-align: center;
line-height: 20px;
margin:4px auto;
width:78px;
}
.main .search-wrap .search-con .code-box .code{
display: inline-block;
width: 62px;
height: 62px;
background-image: url('img/ewm.png');
background-size: 100% 100%;
margin-left: 5px;
}
.main .screen-nav-wrap{
width:100%;
height: 30px;
}
.main .screen-nav-wrap .screen-nav-con{
width:1190px;
height: 30px;
margin:0px auto;
background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
}
.main .screen-nav-wrap .screen-nav-con h2{
float: left;
width: 190px;
height: 30px;
color:#fff;
background-color: #ff5000;
font-size: 16px;
line-height: 30px;
text-align:center;
}
.main .screen-nav-wrap .screen-nav-con ul{
height: 30px;
font-size: 16px;
float: left;
}
.main .screen-nav-wrap .screen-nav-con ul li{
float: left;
text-align: center;
padding:0px 4px;
margin:0px 3px;
line-height: 30px;
font-weight: 700px;
color:#fff;
}
.main .screen-nav-wrap .screen-nav-con ul li a{
color:#fff;
text-align:center;
line-height: 30px;
}
.main .screen-box-wrap{
width: 1190px;
margin:0px auto;
height: 632px;
}
.main .screen-box-wrap .ztsc{
width: 890px;
height:632px;
float: left;
}
.name.screen-box-wrap .ztsc .ztsc-inner{
width: 720px;
height:522px;
}
.main .screen-box-wrap .ztsc .ztsc-inner .inner-left{
width: 190px;
height: 522px;
float:left;
background-color: #fff;
}
.main .screen-box-wrap .ztsc .ztsc-inner .inner-left ul{
border:1px solid #ff5000;
border-top: none;
padding-top: 5px;
padding-bottom: 3px;
font-size: 14px;
}
.main .screen-box-wrap .ztsc .ztsc-inner .inner-left ul li{
height:32px;
width:144px;
line-height: 32px;
font-weight: 400px;
padding-left: 25px;
padding-right:19px;
position: relativ
项目.zip （38个子文件） 
项目 淘宝首页 淘宝首页 
淘宝.html 32KB 注册.html 2KB img 
tm.png 2KB pic2.png 297KB smalllogo9.png 3KB pic1.png 104KB bg.png 3KB smalllogo3.png 7KB star.png 1KB logo.png 25KB dh.png 994B tbtt.png 3KB smalllogo6.png 6KB smalllogo2.png 8KB pics.png 4KB gwc.png 1KB fdj.png 1KB up.png 1KB smalllogo5.png 4KB ysj.png 1KB smalllogo8.png 6KB 截图 2018-12-18 09.33.14.png 876KB pic4.png 58KB smalllogo1.png 7KB smalllogo7.png 5KB yjt.png 980B camera.png 2KB xsj.png 944B smalllogo10.png 7KB pic5.png 9KB ewm.png 9KB smalllogo4.png 6KB
tx.jpg 4KB pic3.png 209KB Images getimage.jpg 3KB validateCode.jpg 17KB 立即注册.jpg 31KB 登录.html 2KB资源评论
甜甜不加糖2023-07-27这个淘宝静态网站首页仿写的排版很合理，不仅美观而且易于用户使用。
月小烟2023-07-27这个淘宝静态网站首页仿写简洁大方，凸显了品牌的高端形象，给人留下深刻的印象。
啊看看2023-07-27这个淘宝静态网站首页仿写的细节处理得很到位，展现出了设计师的专业水平。
蓝洱2023-07-27这是一个非常有创意的淘宝静态网站首页仿写，整体设计非常吸引人。
老许的花开2023-07-27这个淘宝静态网站首页仿写很用心，给人一种优雅简洁的感觉，让人想要停留。
