├── images ├── d1.jpg ├── d2.jpg ├── d3.jpg ├── d4.jpg ├── w1.jpg ├── w2.jpg ├── w3.jpg ├── w4.jpg ├── w5.jpg ├── w6.jpg ├── w7.jpg ├── w8.jpg ├── w9.jpg ├── art1.png ├── bag.png ├── bag1.png ├── bg01.png ├── login.jpg ├── logo.png ├── love.png ├── page.jpg ├── pic1.jpg ├── pic2.jpg ├── pic3.jpg ├── pic4.jpg ├── picll.jpg ├── w10.jpg ├── w11.jpg ├── w12.jpg ├── choose1.jpg ├── choose2.jpg ├── choose3.jpg ├── choose4.jpg ├── choose5.jpg ├── s_icon1.png ├── s_icon2.png ├── s_icon3.png ├── search.png ├── social.png ├── banner_01.jpg ├── banner_02.jpg ├── banner_03.jpg ├── banner_04.jpg ├── banner_05.jpg ├── label_new.png ├── register.jpg ├── sale (1).jpg ├── sale (2).jpg ├── sale (3).jpg ├── register_bg.jpg └── resize_png_new.png ├── README.md ├── css ├── shoplist.css ├── shopcart.css ├── details.css ├── register.css └── shopping.css ├── login_admin.html ├── login_user.html ├── script ├── js.js └── jquery-1.4.2.min.js ├── register.html ├── index.html ├── cart.html ├── goodslist.html └── details.html /images/d1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/d1.jpg -------------------------------------------------------------------------------- /images/d2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/d2.jpg -------------------------------------------------------------------------------- /images/d3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/d3.jpg -------------------------------------------------------------------------------- /images/d4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/d4.jpg -------------------------------------------------------------------------------- /images/w1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w1.jpg -------------------------------------------------------------------------------- /images/w2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w2.jpg -------------------------------------------------------------------------------- /images/w3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w3.jpg -------------------------------------------------------------------------------- /images/w4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w4.jpg -------------------------------------------------------------------------------- /images/w5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w5.jpg -------------------------------------------------------------------------------- /images/w6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w6.jpg -------------------------------------------------------------------------------- /images/w7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w7.jpg -------------------------------------------------------------------------------- /images/w8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w8.jpg -------------------------------------------------------------------------------- /images/w9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w9.jpg -------------------------------------------------------------------------------- /images/art1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/art1.png -------------------------------------------------------------------------------- /images/bag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/bag.png -------------------------------------------------------------------------------- /images/bag1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/bag1.png -------------------------------------------------------------------------------- /images/bg01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/bg01.png -------------------------------------------------------------------------------- /images/login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/login.jpg -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/logo.png -------------------------------------------------------------------------------- /images/love.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/love.png -------------------------------------------------------------------------------- /images/page.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/page.jpg -------------------------------------------------------------------------------- /images/pic1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/pic1.jpg -------------------------------------------------------------------------------- /images/pic2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/pic2.jpg -------------------------------------------------------------------------------- /images/pic3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/pic3.jpg -------------------------------------------------------------------------------- /images/pic4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/pic4.jpg -------------------------------------------------------------------------------- /images/picll.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/picll.jpg -------------------------------------------------------------------------------- /images/w10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w10.jpg -------------------------------------------------------------------------------- /images/w11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w11.jpg -------------------------------------------------------------------------------- /images/w12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w12.jpg -------------------------------------------------------------------------------- /images/choose1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/choose1.jpg -------------------------------------------------------------------------------- /images/choose2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/choose2.jpg -------------------------------------------------------------------------------- /images/choose3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/choose3.jpg -------------------------------------------------------------------------------- /images/choose4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/choose4.jpg -------------------------------------------------------------------------------- /images/choose5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/choose5.jpg -------------------------------------------------------------------------------- /images/s_icon1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/s_icon1.png -------------------------------------------------------------------------------- /images/s_icon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/s_icon2.png -------------------------------------------------------------------------------- /images/s_icon3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/s_icon3.png -------------------------------------------------------------------------------- /images/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/search.png -------------------------------------------------------------------------------- /images/social.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/social.png -------------------------------------------------------------------------------- /images/banner_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/banner_01.jpg -------------------------------------------------------------------------------- /images/banner_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/banner_02.jpg -------------------------------------------------------------------------------- /images/banner_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/banner_03.jpg -------------------------------------------------------------------------------- /images/banner_04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/banner_04.jpg -------------------------------------------------------------------------------- /images/banner_05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/banner_05.jpg -------------------------------------------------------------------------------- /images/label_new.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/label_new.png -------------------------------------------------------------------------------- /images/register.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/register.jpg -------------------------------------------------------------------------------- /images/sale (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/sale (1).jpg -------------------------------------------------------------------------------- /images/sale (2).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/sale (2).jpg -------------------------------------------------------------------------------- /images/sale (3).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/sale (3).jpg -------------------------------------------------------------------------------- /images/register_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/register_bg.jpg -------------------------------------------------------------------------------- /images/resize_png_new.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/resize_png_new.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | \# **zks** 2 | 3 | 基于html+css前端购物网站页面,2014年的时候,学生时代,刚刚学前端时做的,感觉当时的代码和青涩,纯粹是用DIV加CSS写的,现在前端技术更新很快,react,vue 4 | 5 | 主要页面为 6 | 7 | - 注册页面 8 | - 登录页面 9 | - 首页 10 | - 商品详情页 11 | - 购物车页面 12 | - 热销商品页 13 | -------------------------------------------------------------------------------- /css/shoplist.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* CSS Document */ 3 | /*------ start content1-------*/ 4 | .menu { 5 | width: 350px; 6 | height: 1200px; 7 | } 8 | .menu-left { 9 | padding-left: 80px; 10 | margin-left: -109px; 11 | } 12 | .menu1 ul li a { 13 | text-decoration: none; 14 | font-size: 14px; 15 | } 16 | .menu1 h4:hover 17 | { 18 | background-color:#F90;} 19 | .menu1 h4 { 20 | background-color: rgba(204, 204, 204, 0.44); 21 | width: 155px; 22 | border-bottom: 1px solid #555; 23 | } 24 | .menu1 ul li { 25 | list-style: none; 26 | padding-left: 100px; 27 | line-height: 27px; 28 | } 29 | .menu2 form { 30 | padding-left: 140px; 31 | } 32 | .menu2 h4 { 33 | width: 155px; 34 | background-color: rgba(204, 204, 204, 0.44); 35 | border-bottom: 1px solid #555; 36 | } 37 | .menu2 h4:hover 38 | { 39 | background-color:#F90;} 40 | .menu2 form a { 41 | text-decoration: none; 42 | line-height: 27px; 43 | } 44 | 45 | .menu-right { 46 | width: 930px; 47 | height: 1200px; 48 | float: left; 49 | margin-left: 367px; 50 | margin-top: -1200px; 51 | } 52 | .menu-right p { 53 | font-size: 14px; 54 | } 55 | .picture { 56 | width: 200px; 57 | height: 300px; 58 | display: inline-block; 59 | padding: 35px 8px; 60 | text-align: center; 61 | font-size: 14px; 62 | } 63 | .picture a 64 | { 65 | text-decoration:none;} 66 | .picture h5 { 67 | text-align: center; 68 | } 69 | .view1 .mask1, .view1 .content { 70 | position: absolute; 71 | overflow: hidden; 72 | top: 130px; 73 | left: 90px; 74 | } 75 | .info { 76 | display: block; 77 | background: url(../images/label_new.png) no-repeat; 78 | text-indent: -9999px; 79 | width: 75px; 80 | height: 75px; 81 | margin-left: 134px; 82 | margin-top: -145px; 83 | } 84 | /*------end content1------*/ 85 | -------------------------------------------------------------------------------- /login_admin.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 管理员登录 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 |
14 |
15 |
16 |

17 |
欢迎登录
18 |
19 |
20 |
21 | 22 |
23 |
24 |
25 |

管理员登录

26 |
27 |
28 | 29 |
30 |
31 | 32 |
33 |
34 |
35 |
36 | 37 |
38 |
39 | 40 |
41 |
42 |
43 | 44 |
45 |
46 |
47 | 48 |
49 |
50 |

个人用户登录

51 | 52 |
53 |
54 | 55 |
56 | 57 | 58 | -------------------------------------------------------------------------------- /login_user.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 谢亚梅登录 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 |
14 |
15 |
16 |

17 |
欢迎登录
18 |
19 |
20 |
21 | 22 |
23 |
24 |
25 |

会员登录

26 |
27 |
28 | 29 |
30 |
31 | 32 |
33 |
34 |
35 |
36 | 37 |
38 |
39 | 40 |
41 |
42 |
43 | 44 |
45 | 46 |
47 |
48 | 49 |
50 |
51 |

管理员入口

52 | 53 |
54 |
55 | 56 |
57 | 58 | 59 | -------------------------------------------------------------------------------- /script/js.js: -------------------------------------------------------------------------------- 1 | /*my own shop 折扣店 sep.27*/ 2 | $(function(){( 3 | /*-----------幻灯片start------------*/ 4 | function(){ 5 | var curr = 0; 6 | $("#jsNav .trigger").each(function(i){ 7 | $(this).click(function(){ 8 | curr = i; 9 | $("#js img").eq(i).fadeIn("slow").siblings("img").hide(); 10 | $(this).siblings(".trigger").removeClass("imgSelected").end().addClass("imgSelected"); 11 | return false; 12 | }); 13 | }); 14 | 15 | var pg = function(flag){ 16 | if (flag) { 17 | if (curr == 0) { 18 | todo = 4; 19 | } else { 20 | todo = (curr - 1) % 5; 21 | } 22 | } else { 23 | todo = (curr + 1) % 5; 24 | } 25 | $("#jsNav .trigger").eq(todo).click(); 26 | }; 27 | 28 | //ǰ 29 | $("#prev").click(function(){ 30 | pg(true); 31 | return false; 32 | }); 33 | 34 | // 35 | $("#next").click(function(){ 36 | pg(false); 37 | return false; 38 | }); 39 | 40 | //Զ 41 | var timer = setInterval(function(){ 42 | todo = (curr + 1) % 5; 43 | $("#jsNav .trigger").eq(todo).click(); 44 | },2000); 45 | 46 | $("#js,#prev,#next").hover(function(){ 47 | clearInterval(timer); 48 | }, 49 | function(){ 50 | timer = setInterval(function(){ 51 | todo = (curr + 1) % 5; 52 | $("#jsNav .trigger").eq(todo).click(); 53 | },2000); 54 | } 55 | ); 56 | })(); 57 | 58 | /*-----------幻灯片end------------*/ 59 | 60 | 61 | 62 | /*-----------首页变色start-----------*/ 63 | $(".look").hover(function(){ 64 | $(this).addClass("changecolor"); 65 | }, 66 | function(){ 67 | $(this).removeClass("changecolor"); 68 | }); 69 | 70 | }); 71 | /*-----------首页变色end-----------*/ 72 | /*-----------注册界面提醒-----------*/ 73 | $(function(){ 74 | $(".spsearch span").hide(); 75 | $("input.spnormal").focus(function(){ 76 | 77 | $(this).next().show(); 78 | }); 79 | $(".spnormal").blur(function(){ 80 | console.log("k"); 81 | $(this).next().hide(); 82 | }); 83 | }); 84 | 85 | /*-----------注册界面提醒end-----------*/ 86 | -------------------------------------------------------------------------------- /register.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 注册 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 |
15 |
16 |
您好,欢迎来到折扣社![登录]
17 |
18 |
19 | 20 | 21 |
22 |
23 |
24 |

25 |
欢迎注册
26 |
27 |
28 |
29 | 30 |
我已经注册,现在就 登录
31 | 32 |
33 |
34 |
35 |

36 | 37 | 38 | 4-20位字符,支持英文、数字和符号的组合

39 |
40 |
41 |

42 | 43 | 44 | 6-20位字符,支持英文、数字和符号的组合,不建议使用纯数字、纯字母或纯符号

45 |
46 |
47 |

48 | 49 | 50 | 请再次输入密码

51 |
52 |
53 |

54 | 55 | 56 |

57 |
58 |
59 |
60 | 61 |
62 |
63 |

管理员入口

64 | 65 |
66 |
67 | 68 |
69 | 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /css/shopcart.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* shopcart CSS Document */ 3 | /*------start content1------*/ 4 | .cart { 5 | width: 1366px; 6 | height: 900px; 7 | } 8 | .cart1-right { 9 | float: right; 10 | width: 300px; 11 | height: 50px; 12 | padding-top: 16px; 13 | font-size: 14px; 14 | } 15 | .cart1-left { 16 | font-size: 14px; 17 | width: 300px; 18 | height: 50px; 19 | padding-left: 123px; 20 | padding-top: 16px; 21 | } 22 | .cart2-left { 23 | padding-left: 116px; 24 | border: 1px solid rgba(153, 153, 153, 0.21); 25 | height: 160px; 26 | } 27 | .cart2-middle { 28 | float: left; 29 | margin-left: 270px; 30 | margin-top: -174px; 31 | } 32 | .cart2-middle a { 33 | text-decoration: none; 34 | } 35 | .cart2-middle a:hover 36 | { 37 | text-decoration:underline;} 38 | .cart2-middle p { 39 | font-size: 12px; 40 | } 41 | .cart2-middle form { 42 | font-size: 12px; 43 | } 44 | .middle-pic { 45 | height: 20px; 46 | width: 120px; 47 | background-color: #F96; 48 | border-radius:2px; 49 | border:1px solid #f96; 50 | } 51 | .middle-pic1 { 52 | padding-left: 18px; 53 | margin-top: 2px; 54 | } 55 | .middle-pic2 { 56 | float: left; 57 | padding-left: 50px; 58 | padding-bottom: -42px; 59 | margin-top: -15px; 60 | } 61 | .middle-pic3 { 62 | float: left; 63 | padding-left: 21px; 64 | margin-top: -14px; 65 | } 66 | .cart2-right { 67 | float: right; 68 | margin-right: -484px; 69 | margin-top: -120px; 70 | } 71 | .pay { 72 | width: 99px; 73 | height: 24px; 74 | background-color: #FC0; 75 | padding: 2px 8px; 76 | border-radius:2px; 77 | border:1px solid #fc0; 78 | } 79 | .pay a { 80 | text-decoration: none; 81 | color: #FFF; 82 | margin: 12px; 83 | } 84 | .pay a :hover 85 | { 86 | text-decoration:underline;} 87 | .cart7-left { 88 | width: 100px; 89 | height: 39px; 90 | background-color: #F66; 91 | float: left; 92 | margin-left: 280px; 93 | text-align:center; 94 | line-height:39px; 95 | border-radius:2px; 96 | border:1px #F66 solid; 97 | } 98 | .cart7-right { 99 | float: right; 100 | width: 111px; 101 | height: 39px; 102 | background-color: #F66; 103 | margin-right: 182px; 104 | 105 | line-height:39px; 106 | text-align:center; 107 | border-radius:2px; 108 | border:1px #F66 solid; 109 | } 110 | .cart7-left a { 111 | text-decoration: none; 112 | color: #fff; 113 | font-size: 16px; 114 | text-align: center; 115 | font-weight: bold; 116 | } 117 | .cart7-left a:hover 118 | { 119 | text-decoration:underline;} 120 | .cart7-right a { 121 | font-weight: bold; 122 | text-decoration: none; 123 | color: #FFF; 124 | 125 | } 126 | .cart7-right a:hover 127 | { 128 | text-decoration:underline;} 129 | /*------end content1------*/ 130 | -------------------------------------------------------------------------------- /css/details.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* CSS Document */ 3 | /*-------start content left-------*/ 4 | .menu { 5 | width: 1366px; 6 | height: 1200px; 7 | margin-left: 42px; 8 | } 9 | .menu1 h4 { 10 | background-color: rgba(204, 204, 204, 0.44); 11 | width: 155px; 12 | border-bottom: 1px solid #555; 13 | } 14 | .menu1 h4:hover 15 | { 16 | background-color:#F90;} 17 | .menu2 h4 { 18 | width: 155px; 19 | background-color: rgba(204, 204, 204, 0.44); 20 | border-bottom: 1px solid #555; 21 | } 22 | .menu2 h4:hover 23 | { 24 | background-color:#F90;} 25 | .menu-left { 26 | width: 930px; 27 | height: 1200px; 28 | } 29 | .menu-a1 { 30 | margin-left: 100px; 31 | } 32 | .menu-a11 { 33 | margin-left: 100px; 34 | padding: 5px 10px; 35 | } 36 | .menu-A2 { 37 | float: left; 38 | margin-left: 420px; 39 | margin-top: -470px; 40 | } 41 | .menu-a2 h1 { 42 | color: #F30; 43 | } 44 | .img1 { 45 | padding: 2px 10px; 46 | } 47 | .menu-a5 { 48 | width: 100px; 49 | border-radius:5px; 50 | border:1px solid #FC3; 51 | margin-left: 120px; 52 | background-color: #FC3; 53 | text-align: center; 54 | } 55 | .menu-a5 a { 56 | display:block; 57 | width:100px; 58 | height:30px; 59 | line-height:30px; 60 | color: white; 61 | font-weight:bold; 62 | text-decoration: none; 63 | } 64 | .menu-a5 a:hover{ 65 | color:white; 66 | text-decoration:none; 67 | } 68 | .menu-B { 69 | width: 930px; 70 | height: 150px; 71 | } 72 | .menu-C { 73 | width: 930px; 74 | height: 250px; 75 | } 76 | .menu-D { 77 | width: 930px; 78 | height: 250px; 79 | } 80 | .b1 { 81 | margin-left: 100px; 82 | font-size: 14px; 83 | line-height: 23px; 84 | } 85 | .b { 86 | width: 830px; 87 | height: 30px; 88 | font-size: 18px; 89 | text-align: left; 90 | background-color: rgba(204, 204, 204, 0.41); 91 | padding: 5px 0; 92 | margin-left: 100px; 93 | } 94 | .c1 { 95 | margin-left: 100px; 96 | } 97 | .c2 { 98 | margin-left: 300px; 99 | float: left; 100 | width: 430px; 101 | height: 164px; 102 | margin-top: -166px; 103 | font-size: 14px; 104 | } 105 | .c a { 106 | display: block; 107 | padding: 0 10px; 108 | line-height: 36px; 109 | height: 35px; 110 | text-align: center; 111 | text-decoration: none; 112 | font-size: 18px; 113 | color: #fff; 114 | text-align: center; 115 | } 116 | .c { 117 | float: left; 118 | margin-left: 750px; 119 | margin-top: -180px; 120 | } 121 | .c3 h1 { 122 | color: #006680; 123 | } 124 | .c4 { 125 | 126 | background-color: #006680; 127 | } 128 | /*-------end content left-------*/ 129 | 130 | /*-------start content right-------*/ 131 | .menu-right { 132 | float: left; 133 | margin-left: 972px; 134 | margin-top: -1168px; 135 | } 136 | .menu1 ul li a { 137 | text-decoration: none; 138 | font-size: 14px; 139 | } 140 | .menu1 ul { 141 | display: inline; 142 | } 143 | .menu1 ul li { 144 | list-style: none; 145 | padding-left: 100px; 146 | line-height: 27px; 147 | } 148 | .menu2 { 149 | width: 300px; 150 | margin-left: 80px; 151 | } 152 | .menu2 form { 153 | display: inline; 154 | } 155 | .menu2 form a { 156 | text-decoration: none; 157 | line-height: 27px; 158 | } 159 | .menu-top { 160 | margin-top: 43px; 161 | float: left; 162 | } 163 | .menu-left p { 164 | font-size: 14px; 165 | } 166 | /*-------end content right-------*/ 167 | 168 | .imgbig:hover 169 | { 170 | width:400px; 171 | height:550px; 172 | } 173 | -------------------------------------------------------------------------------- /css/register.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* register CSS Document */ 3 | 4 | 5 | 6 | /*-------- 登录 注册 start------- */ 7 | .bg-gray { 8 | background: #f6f6f6; 9 | } 10 | .top { 11 | background-color: #006680; 12 | color: #FFF; 13 | } 14 | .top a { 15 | color: white; 16 | } 17 | .tp_loginInfo { 18 | margin-left: 1100px; 19 | } 20 | .login-wrap { 21 | padding: 20px 0 25px; 22 | } 23 | .login-wrap a { 24 | color: #08c; 25 | } 26 | .login-wrap .welcome { 27 | display: inline-block; 28 | font: bold 30px "SimHei"; 29 | padding-top: 14px; 30 | color: #535353; 31 | } 32 | .personal_info { 33 | display: inline-block; 34 | font: bold 20px "SimHei"; 35 | margin: 20px 0 -15px 0; 36 | color: #535353; 37 | } 38 | .w940 { 39 | width: 940px; 40 | margin: 0 auto; 41 | } 42 | .login-box .pic img { 43 | width: 450px; 44 | height: 440px; 45 | } 46 | .entry { 47 | padding: 0 40px; 48 | margin-top: 50px; 49 | } 50 | .entry .title { 51 | line-height: 50px; 52 | font-family: "Microsoft YaHei"; 53 | font-size: 16px; 54 | color: #666; 55 | } 56 | .entry dl { 57 | position: relative; 58 | margin-bottom: 10px; 59 | } 60 | .entry dt { 61 | position: absolute; 62 | left: 8px; 63 | top: 11px; 64 | color: #999; 65 | font-size: 12px; 66 | line-height: 18px; 67 | cursor: text; 68 | } 69 | .entry .text { 70 | width: 252px; 71 | height: 16px; 72 | border: 1px solid #B0B0B0; 73 | line-height: 16px; 74 | padding: 11px 16px 11px 40px; 75 | color: #333; 76 | font-size: 14px; 77 | } 78 | .entry .entry-name dd label { 79 | position: absolute; 80 | left: 44px; 81 | top: 11px; 82 | color: #AAA; 83 | transition: all .2s ease-out 0s; 84 | font-size: 14px; 85 | cursor: text; 86 | } 87 | .entry .forget-psd { 88 | margin-top: -4px; 89 | overflow: hidden; 90 | _margin-bottom: 45px; 91 | } 92 | .entry .forget-psd a:hover { 93 | text-decoration: underline; 94 | } 95 | .register, .tp.for-register .tp_box, .tp.for-register { 96 | background: white; 97 | } 98 | .register { 99 | border: 1px solid #dddddd; 100 | padding-top: 20px; 101 | margin-bottom: 70px; 102 | background: url(../images/register_bg.jpg) bottom no-repeat white; 103 | } 104 | .register .item input, .entry .item input { 105 | width: 313px; 106 | height: 38px; 107 | margin: 20px 0; 108 | background: url(../images/login.jpg) no-repeat; 109 | border: 0; 110 | cursor: pointer; 111 | outline: none; 112 | } 113 | .register .item input { 114 | background: url(../images/register.jpg) no-repeat; 115 | } 116 | 117 | 118 | .have-reg { 119 | margin: 0 auto; 120 | margin-bottom: 5px; 121 | padding-right: 20px; 122 | text-align: right; 123 | } 124 | 125 | .spsearch { 126 | padding: 15px; 127 | } 128 | .spsearch span.short { 129 | display: inline-block; 130 | width: 250px; 131 | height: 39px; 132 | margin-top: -2px; 133 | line-height: 38px; 134 | padding-left: 10px; 135 | border: 1px solid #DFDFDF; 136 | vertical-align: middle; 137 | background: #F6F6F6; 138 | } 139 | .spsearch span.long { 140 | display: inline-block; 141 | width: 250px; 142 | height: 35px; 143 | margin-top: -2px; 144 | padding-top: 4px; 145 | padding-left: 10px; 146 | border: 1px solid #DFDFDF; 147 | vertical-align: middle; 148 | background: #F6F6F6; 149 | } 150 | .spsearch > p > label { 151 | display: inline-block; 152 | width: 200px; 153 | text-align: right; 154 | color: #999; 155 | font: 14px "Arial" 156 | } 157 | .spsearch > p > label.sex { 158 | width: 50px; 159 | height: 22px; 160 | margin-right: 30px; 161 | text-align: left; 162 | } 163 | .spsearch > p > label.sex input { 164 | margin-right: 10px; 165 | } 166 | input[type="text"].spnormal, input[type="password"].spnormal { 167 | margin-right: 10px; 168 | font-family: inherit; 169 | font-size: 18px; 170 | text-indent: 5px; 171 | width: 270px; 172 | height: 40px; 173 | line-height: 20px; 174 | border: 1px solid #DFDFDF; 175 | box-shadow: 1px 1px 5px rgba(223, 223, 223, 0.7); 176 | } 177 | textarea.spnormal { 178 | vertical-align: top; 179 | margin: 0; 180 | width: 340px; 181 | text-indent: 5px; 182 | height: 80px; 183 | padding-top: 10px; 184 | border: 1px solid #DFDFDF; 185 | box-shadow: 1px 1px 5px red; 186 | resize: none; 187 | font-size: 18px; 188 | } 189 | 190 | 191 | 192 | /* ----------登录 注册 end-------- */ 193 | 194 | body, p, form, input, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4 { 195 | margin: 0; 196 | padding: 0; 197 | list-style: none; 198 | } 199 | body, button, input, select, textarea { 200 | font: 12px Arial, Helvetica, sans-serif; 201 | color: #333; 202 | } 203 | input, select, textarea { 204 | font-size: 100%; 205 | } 206 | a { 207 | text-decoration: none; 208 | color: #333; 209 | } 210 | a:hover { 211 | text-decoration: none; 212 | color: #c00; 213 | } 214 | a.blue_link { 215 | color: #06c; 216 | } 217 | a.blue_link:hover { 218 | color: red; 219 | text-decoration: underline; 220 | } 221 | .clearfix:after { 222 | display: block; 223 | content: "."; 224 | height: 0; 225 | visibility: hidden; 226 | clear: both; 227 | font-size: 0; 228 | line-height: 0; 229 | } 230 | .clearfix { 231 | *zoom:1; 232 | } 233 | img { 234 | border: 0 none; 235 | vertical-align: top; 236 | } 237 | em { 238 | font-style: normal; 239 | } 240 | button::-moz-focus-inner { 241 | padding:0; 242 | border:none; 243 | } 244 | .wrap { 245 | width: 980px; 246 | margin: 0 auto; 247 | } 248 | .fl { 249 | float: left; 250 | margin-left:20px; 251 | } 252 | .fr { 253 | float: right; 254 | margin-right:30px; 255 | } 256 | .mt { 257 | margin-top: 10px; 258 | } 259 | .pt { 260 | padding-top: 10px; 261 | } 262 | .ml { 263 | margin-left: 10px; 264 | } 265 | .mt5 { 266 | margin-top: 5px; 267 | } 268 | .mt10 { 269 | margin-top: 10px; 270 | } 271 | .mb { 272 | margin-bottom: 10px; 273 | } 274 | .none { 275 | display: none; 276 | } 277 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | shopping首页 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |

购物五折啦

16 |
17 |
18 | 19 | 欢迎下载折扣店APP,折扣店随时随地带你购物! 20 | 21 |
22 |
23 | 32 |
33 |
34 | 35 | 36 | 37 |
38 | 39 | 47 |
48 |
49 |
注册账户>
50 |
51 | 52 | 53 | 54 |
55 | 138 |
139 | 140 | 141 | 142 | 143 |
144 |
145 |
146 |
147 |
148 |
149 |
1 2 3 4 5
150 |
151 |
152 |
153 |
154 |
155 |
156 |

纯棉商务休闲衬衣

157 |

    精致与休闲造型兼备的牛津纺衬衫。简约素雅的风格,新潮百搭 158 |

特价¥299
159 |

160 |
161 |
162 |
163 |
164 |
165 |

亲子儿童卫衣

166 |

2014秋装新款女神的新衣张馨予同款亲子装儿童装卫衣 朗姿LANCY 167 |

现价¥199
168 |

169 |
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 |
178 |

防水台真皮靴子

179 |

佰缌2014秋冬新款欧美尖头粗跟短靴高跟 防水台真皮铆钉女式靴子 180 |

181 | 特价优惠¥699 182 |
183 |

184 |
185 |
186 |
187 | 188 | 189 | 190 | 191 | 217 | 218 | 219 | 220 | 221 |
222 |
223 |

购物指南

224 | 232 |
233 |
234 |

配送方式

235 | 243 |
244 |
245 |

支付方式

246 | 254 |
255 |
256 |

售后服务

257 | 265 |
266 |
267 |

商家服务

268 | 276 |
277 |
278 | 279 |
280 | 281 | 282 | 283 | 284 |
285 | 292 |
折扣店服装公司地址:
293 | 中国
294 | 湖北/武汉市
295 | 洪山区雄楚大道91号名仕一号
296 |
297 | Tel: 18702727108
298 | Email: yxjy@sina.com 299 | 300 |
301 | 324 |
325 | 326 | 327 | 328 | 329 |
330 |

关于我们 - 版权声明 - 帮助(?) - 联系我们 - 友情链接 - 用户注册 - 地图
331 | hill may的折扣店 版权所有 CopyRight 2014-2015 Hill may.com, Inc. All Rights Reserved

332 |
333 | 334 | 335 | 336 | 337 | 346 | 347 | 348 | -------------------------------------------------------------------------------- /css/shopping.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* shopping CSS Document */ 3 | 4 | 5 | 6 | 7 | body { 8 | margin: 0; 9 | padding: 0; 10 | width: 1366px; 11 | } 12 | /*------ start header top-------*/ 13 | .top1 { 14 | background-color: #006680; 15 | height: 40px; 16 | width: 1366px; 17 | } 18 | .top-left { 19 | background-color: #FC0; 20 | height: 26px; 21 | width: 100px; 22 | float: left; 23 | margin-left: 100px; 24 | margin-top: 8px; 25 | font-size: 12px; 26 | } 27 | .top-left a { 28 | text-decoration: none; 29 | } 30 | .top-left a:hover 31 | { 32 | text-decoration:underline;} 33 | .top-left p { 34 | margin: 5px 2px; 35 | text-align: center; 36 | color: #FFF; 37 | } 38 | #move { 39 | float: left; 40 | margin-left: 300px; 41 | color: #FFF; 42 | background-color: #006680; 43 | margin-top: -18px; 44 | display: block; 45 | clear: both; 46 | } 47 | .top-right { 48 | float: right; 49 | clear: both; 50 | margin-right: 105px; 51 | color: #FFF; 52 | } 53 | .top-right ul { 54 | margin-top: -28px; 55 | width: 300px; 56 | height: 30px; 57 | } 58 | .top-right ul li { 59 | margin: 10px; 60 | list-style: none; 61 | display: inline-block; 62 | } 63 | .top-right ul li a { 64 | font-size: 10px; 65 | color: #FFF; 66 | text-decoration:none; 67 | } 68 | .top-right a:hover 69 | { 70 | text-decoration:underline;} 71 | /*------ end header top-------*/ 72 | /*-----start header logo-------*/ 73 | #logo { 74 | margin-top: 20px; 75 | margin-left: 100px; 76 | } 77 | .search { 78 | float: left; 79 | margin-left: 686px; 80 | margin-top: -60px; 81 | border: none; 82 | } 83 | #sitesearch { 84 | display: block; 85 | float: right; 86 | } 87 | #sitesearch input { 88 | display: block; 89 | float: left; 90 | width: 230px; 91 | height: 25px; 92 | margin: 0 15px 0 0; 93 | padding: 0 5px; 94 | color: #979797; 95 | border: none; 96 | } 97 | #sitesearch input#search { 98 | width: 23px; 99 | height: 23px; 100 | margin: 0; 101 | padding: 0; 102 | cursor: pointer; 103 | background: none; 104 | float: left; 105 | } 106 | .icon1 { 107 | float: left; 108 | display: block; 109 | margin-left: 1017px; 110 | margin-top: -48px; 111 | } 112 | .icon2 { 113 | float: left; 114 | display: block; 115 | margin-left: 1072px; 116 | margin-top: -48px; 117 | } 118 | .icon3 { 119 | width: 100px; 120 | height: 40px; 121 | background-color: #FC0; 122 | float: right; 123 | display: block; 124 | margin-right: 139px; 125 | margin-top: -51px; 126 | } 127 | .icon3 a { 128 | text-decoration: none; 129 | color: #FFF; 130 | } 131 | .icon3 p { 132 | text-align: center; 133 | margin: 10px 3px; 134 | } 135 | a.register_user { 136 | text-decoration: none; 137 | color: white; 138 | display: block; 139 | width: 100px; 140 | height: 40px; 141 | text-align: center; 142 | line-height: 40px; 143 | } 144 | .img1:hover { 145 | background-color: #F66; 146 | } 147 | .img2:hover { 148 | background-color: #F30; 149 | } 150 | 151 | a.register_user:hover { 152 | background: #006680; 153 | } 154 | /*-----end header logo-------*/ 155 | 156 | /*-------- start header menu---------*/ 157 | 158 | 159 | .header-menu { 160 | height: 35px; 161 | position: relative; 162 | z-index: 100px; 163 | font-size: 16px; 164 | } 165 | .header-menu ul { 166 | margin-left: 24px; 167 | } 168 | .header-menu>ul>li { 169 | list-style: none; 170 | font-size: 16px; 171 | height: 30px; 172 | text-align: center; 173 | line-height: 30px; 174 | } 175 | .header-menu ul li ul li { 176 | list-style: none; 177 | font-size: 16px; 178 | height: 28px; 179 | width: 97px; 180 | text-align: left; 181 | } 182 | .header-menu li { 183 | position: relative; 184 | float: left; 185 | } 186 | .header-menu ul ul { 187 | margin: 0; 188 | padding: 0; 189 | visibility: hidden; 190 | border: 1px solid gray; 191 | position: absolute; 192 | left: 4px; 193 | top: 35px; 194 | background-color: white; 195 | z-index: 33; 196 | } 197 | .header-menu ul li:hover ul { 198 | visibility: visible; 199 | } 200 | .header-menu a { 201 | display: block; 202 | padding: 2px 10px; 203 | margin: 3px; 204 | color: #000; 205 | text-decoration: none; 206 | } 207 | .header-menu a:hover { 208 | color: #000; 209 | } 210 | .header-menu ul ul li { 211 | clear: both; 212 | text-align: left; 213 | font-size: 16px; 214 | } 215 | .header-menu ul ul li a { 216 | display: block; 217 | height: 15px; 218 | margin: 0; 219 | color: #000; 220 | } 221 | a.a1 { 222 | text-decoration: none; 223 | color: black; 224 | width: 80px; 225 | height: 30px; 226 | } 227 | a.a1:hover { 228 | background: #EF5F21; 229 | color: black; 230 | text-align: none; 231 | } 232 | a.a2 { 233 | text-decoration: none; 234 | color: black; 235 | width: 80px; 236 | height: 30px; 237 | } 238 | a.a2:hover { 239 | background: #589D3E; 240 | color: black; 241 | text-align: none; 242 | } 243 | a.a3 { 244 | text-decoration: none; 245 | color: black; 246 | width: 80px; 247 | height: 30px; 248 | } 249 | a.a3:hover { 250 | background: #00ACED; 251 | color: black; 252 | text-align: none; 253 | } 254 | a.a4 { 255 | text-decoration: none; 256 | color: black; 257 | width: 80px; 258 | height: 30px; 259 | } 260 | a.a4:hover { 261 | background: #D61F85; 262 | color: black; 263 | text-align: none; 264 | } 265 | a.a5 { 266 | text-decoration: none; 267 | color: black; 268 | width: 80px; 269 | height: 30px; 270 | } 271 | a.a5:hover { 272 | background: #F89F1B; 273 | color: black; 274 | text-align: none; 275 | } 276 | a.a6 { 277 | text-decoration: none; 278 | color: black; 279 | width: 80px; 280 | height: 30px; 281 | } 282 | a.a6:hover { 283 | background: #00677C; 284 | color: black; 285 | text-align: none; 286 | } 287 | a.a7 { 288 | text-decoration: none; 289 | color: black; 290 | width: 80px; 291 | height: 30px; 292 | } 293 | a.a7:hover { 294 | background: #D5331D; 295 | color: black; 296 | text-align: none; 297 | } 298 | a.a8 { 299 | text-decoration: none; 300 | color: black; 301 | width: 80px; 302 | height: 30px; 303 | } 304 | a.a8:hover { 305 | background: #9CB43A; 306 | color: black; 307 | text-align: none; 308 | } 309 | a.a9 { 310 | text-decoration: none; 311 | color: black; 312 | width: 80px; 313 | height: 30px; 314 | color: black; 315 | } 316 | a.a9:hover { 317 | background: #26BC85; 318 | color: black; 319 | text-align: none; 320 | } 321 | /*-------- end header menu---------*/ 322 | 323 | /*-------- start content1---------*/ 324 | .container { 325 | position: relative; 326 | width: 1366px; 327 | height: 500px; 328 | border: 1px solid #009; 329 | } 330 | .slider { 331 | float: left; 332 | width: 860px; 333 | height: 420px; 334 | background-color: #9F6; 335 | margin-left: 90px; 336 | } 337 | .area { 338 | width: 860px; 339 | margin: 0 auto; 340 | overflow: hidden; 341 | position: relative; 342 | cursor: pointer; 343 | } 344 | .bg { 345 | width: 100%; 346 | padding-top: 1px; 347 | background: url(../images/bg01.png) repeat-x; 348 | _background: none;/*IE6*/ 349 | _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/bg01.png");/*IE6*/ 350 | height: 34px; 351 | left: 0; 352 | FONT-WEIGHT: bold; 353 | top: 385px; 354 | position: absolute; 355 | } 356 | .jsNav { 357 | position: absolute; 358 | right: 10px; 359 | top: 385px; 360 | padding-top: 1px; 361 | } 362 | .jsNav a { 363 | width: 40px; 364 | font-size: 22px; 365 | margin-right: 6px; 366 | font-weight: bold; 367 | display: inline; 368 | height: 33px; 369 | line-height: 33px; 370 | display: block; 371 | float: left; 372 | text-align: center; 373 | color: #fff; 374 | } 375 | .jsNav a:hover { 376 | background: url(../images/bg01.gif) no-repeat; 377 | color: #FF1555; 378 | text-decoration: none; 379 | } 380 | .jsNav .imgSelected { 381 | background: url(../images/bg01.gif) no-repeat; 382 | color: #FF1555; 383 | } 384 | .qq { 385 | display: none; 386 | z-index: 200 387 | } 388 | .container-right { 389 | width: 300px; 390 | height: 420px; 391 | float: right; 392 | margin-right: 82px; 393 | } 394 | .container1 { 395 | width: 290px; 396 | height: 110px; 397 | } 398 | .pic-sale1 { 399 | float: left; 400 | width: 80px; 401 | height: 100px; 402 | margin-top: 3px; 403 | } 404 | .container1 h4 { 405 | padding-left: 134px; 406 | margin: 0; 407 | padding-top: 12px; 408 | } 409 | .container1 a { 410 | text-decoration: none; 411 | display: inlne; 412 | } 413 | .container1 a:hover 414 | { 415 | text-decoration:underline;} 416 | .container1 p { 417 | font-size: 12px; 418 | padding-left: 120px; 419 | line-height: 20px; 420 | } 421 | .container1 h5 { 422 | margin-top: -29px; 423 | margin-left: 167px; 424 | } 425 | .container2 { 426 | width: 280px; 427 | height: 110px; 428 | margin-top: 10px; 429 | float: inherit; 430 | padding: 10px, 3px; 431 | } 432 | .container2 h5 { 433 | margin-top: -29px; 434 | margin-left: 49px; 435 | } 436 | .pic-sale2 { 437 | float: right; 438 | width: 80px; 439 | height: 100px; 440 | margin-top: 15px; 441 | padding-right: 22px; 442 | } 443 | .container2 h4 { 444 | margin-left: -87px; 445 | margin-top: 8px; 446 | } 447 | .container2 a { 448 | width: 120px; 449 | height: 20px; 450 | text-decoration: none; 451 | margin-left: 100px; 452 | } 453 | .container2 a:hover 454 | { 455 | text-decoration:underline;} 456 | .container2 p { 457 | font-size: 12px; 458 | padding-right: 114px; 459 | margin-top: -9px; 460 | line-height: 20px; 461 | } 462 | .container3 { 463 | width: 290px; 464 | height: 110px; 465 | margin-top: 25px; 466 | padding-top: 20px; 467 | } 468 | .pic-sale3 { 469 | float: left; 470 | width: 80px; 471 | height: 100px; 472 | margin-top: 3px; 473 | } 474 | .container3 h5 { 475 | margin-left: 160px; 476 | margin-top: -27px; 477 | } 478 | .container3 h4 { 479 | padding-left: 134px; 480 | margin: 0; 481 | padding-top: 12px; 482 | } 483 | .container3 a { 484 | text-decoration: none; 485 | display: inlne; 486 | } 487 | .container3 a:hover 488 | { 489 | text-decoration:underline;} 490 | .container3 p { 491 | font-size: 12px; 492 | padding-left: 120px; 493 | line-height: 20px; 494 | margin-top: 20px; 495 | } 496 | /*-------- end content1---------*/ 497 | /*-------- start content2---------*/ 498 | .popular { 499 | width: 1366px; 500 | height: 400px; 501 | } 502 | .popular1 { 503 | float: left; 504 | width: 276px; 505 | height: 400px; 506 | margin-left: 54px; 507 | } 508 | .popular1 a { 509 | display: block; 510 | position: relative; 511 | } 512 | .look { 513 | position: absolute; 514 | right: 7px; 515 | bottom: 0; 516 | background: rgba(141, 141, 141, 0.51); 517 | padding: 10px; 518 | } 519 | .look h4 { 520 | margin: 0; 521 | font-size: 18px; 522 | color: #fff; 523 | text-transform: uppercase; 524 | } 525 | .look p { 526 | margin: 10px 0 0 0; 527 | -webkit-text-stroke: 0.5px; 528 | font-size: 12px; 529 | color: #fff; 530 | text-transform: uppercase; 531 | } 532 | .look.changecolor { 533 | background: #fc0; 534 | } 535 | /*-------- end content2---------*/ 536 | /*-------- start content3---------*/ 537 | .content { 538 | width: 1280px; 539 | margin: 0 auto; 540 | clear: both; 541 | } 542 | .content1 { 543 | float: left; 544 | width: 150px; 545 | margin-left: 100px; 546 | } 547 | .content1 ul { 548 | padding-left: 5px; 549 | margin-top: -9px; 550 | } 551 | .content1 ul li { 552 | list-style: none; 553 | line-height: 27px; 554 | font-size: 14px; 555 | } 556 | .content1 ul li a { 557 | text-decoration: none; 558 | font-size: 12px; 559 | color: #777; 560 | } 561 | .content1 h4 { 562 | text-align: left; 563 | padding-left: 5px; 564 | padding-bottom: 15px; 565 | border-bottom: 1px solid #ECECEC; 566 | color: #555; 567 | } 568 | .cleafix { 569 | clear: both; 570 | } 571 | .clearfix:after { 572 | visibility: hidden; 573 | display: block; 574 | font-size: 0; 575 | content: " "; 576 | clear: both; 577 | height: 0; 578 | } 579 | .clearfix { 580 | display: inline-table; 581 | } 582 | /* Hides from IE-mac \*/ 583 | * html .clearfix { 584 | height: 1%; 585 | } 586 | .clearfix { 587 | display: block; 588 | } 589 | 590 | 591 | /*-------- end content3---------*/ 592 | /*--------start footer top--------*/ 593 | .footer1 { 594 | clear: both; 595 | margin-top: 40px; 596 | } 597 | .footer-pic { 598 | float: left; 599 | padding-left: 99px; 600 | } 601 | .put { 602 | font-size: 16px; 603 | margin-top: 10px; 604 | } 605 | #move3 { 606 | color: #F33; 607 | } 608 | .address { 609 | float: left; 610 | font-size: 14px; 611 | color: #555; 612 | margin-top: 20px; 613 | padding-left: 168px; 614 | } 615 | .footer-right { 616 | float: left; 617 | margin-left: 479px; 618 | margin-top: -133px; 619 | } 620 | #move2 { 621 | color: #F33; 622 | } 623 | .footer-right p { 624 | font-size: 14px; 625 | margin: 0; 626 | font-weight: bold; 627 | color: #555; 628 | } 629 | .share-pic { 630 | text-align: center; 631 | padding-top: 8px; 632 | } 633 | .footer-right legend { 634 | display: block; 635 | margin-bottom: 15px; 636 | } 637 | .footer-right input { 638 | display: block; 639 | float: left; 640 | width: 260px; 641 | height: 20px; 642 | margin: 0; 643 | padding: 5px 10px; 644 | color: #666666; 645 | background-color: #ECECEC; 646 | border: none; 647 | } 648 | .footer-right input#subscribe { 649 | width: 100px; 650 | height: 30px; 651 | float: left; 652 | margin: 0 0 0 8px; 653 | padding: 0; 654 | cursor: pointer; 655 | text-align: center; 656 | text-transform: uppercase; 657 | font-weight: bold; 658 | } 659 | #newsletter form legend { 660 | margin: 0; 661 | padding: 0; 662 | } 663 | /*--------end footer top--------*/ 664 | 665 | /*--------start footer --------*/ 666 | .footer2 { 667 | float: left; 668 | width: 1366px; 669 | height: 50px; 670 | background-color: #006680; 671 | } 672 | .footer2 p { 673 | font-size: 12px; 674 | line-height: 20px; 675 | color: white; 676 | text-align: center; 677 | height: 30px; 678 | } 679 | /*--------end footer top--------*/ 680 | 681 | 682 | 683 | 684 | 685 | -------------------------------------------------------------------------------- /cart.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 购物车详情 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 |

购物五折啦

15 |
16 |
17 | 18 | 欢迎下载折扣店APP,折扣店随时随地带你购物! 19 | 20 |
21 |
22 | 31 |
32 |
33 | 34 | 35 |
36 | 37 | 45 |
46 |
47 |
注册账户>
48 |
49 | 50 | 51 | 52 |
53 | 136 |
137 | 138 | 139 | 140 | 141 |
142 |
143 |
我的购物车/5件商品
144 |
喜爱收藏的商品
145 |
146 |
147 |
148 |
149 |

2014春秋装新款女装长袖针织衫女秋冬韩版外搭毛衣厚大码开衫外套

150 |

选择你喜欢的颜色

151 |
152 | 153 | 明黄色 154 | 155 | 湖蓝色 156 | 157 | 浅绿色 158 | 159 | 大红色 160 | 161 | 粉红色 162 | 163 | 橙子色 164 |
165 |

你选择的尺码:M码|订单编号:54133131010

166 |
167 |
168 |
169 |
170 |
171 |
172 |

优惠:9月特惠到10.1 全国满199包邮

173 |

促销:会员享受8折优惠

174 |

价格:8折限时优惠¥299

175 | 176 |
177 |
178 |
179 |
180 |
181 |
182 |

女神的新衣Nana林珍娜同款预售伊芙丽2014新款马甲套装一起更优惠

183 |

选择适合你的尺码和颜色

184 |
185 | 186 | 大红色 187 | 188 | 湖蓝色 189 | 190 | 浅绿色 191 | 192 | S码 193 | 194 | M码 195 | 196 | L码 197 |
198 |

你选择的尺码:M码|订单编号:26833131470

199 |
200 |
201 |
202 |
203 |
204 |
205 |

优惠:9月特惠到10.1 全国满199包邮

206 |

促销:会员享受8折优惠

207 |

价格:8折限时优惠¥399

208 | 209 |
210 |
211 |
212 |
213 |
214 |

预售女神的新衣 ASOBIO 2014 尚雯婕明星同款优雅修身礼服连衣裙

215 |

选择你喜欢的颜色

216 |
217 | 218 | 明黄色 219 | 220 | 湖蓝色 221 | 222 | 浅绿色 223 | 224 | 大红色 225 | 226 | 粉红色 227 | 228 | 橙子色 229 |
230 |

你选择的尺码:M码|订单编号:76133131036

231 |
232 |
233 |
234 |
235 |
236 |
237 |

优惠:9月特惠到10.1 全国满199包邮

238 |

促销:会员享受8折优惠

239 |

价格:8折限时优惠¥699

240 | 241 |
242 |
243 |
244 |
245 |
246 |

女神的新衣 ASOBIO 尚雯婕同款 2014秋装 立体花宽松字母长袖卫衣

247 |

选择你喜欢的颜色

248 |
249 | 250 | 明黄色 251 | 252 | 湖蓝色 253 | 254 | 浅绿色 255 | 256 | 大红色 257 | 258 | 粉红色 259 | 260 | 橙子色 261 |
262 |

你选择的尺码:M码|订单编号:54133131010

263 |
264 |
265 |
266 |
267 |
268 |
269 |

优惠:9月特惠到10.1 全国满199包邮

270 |

促销:会员享受8折优惠

271 |

价格:8折限时优惠¥299

272 | 273 |
274 |
275 |
276 |
277 |
278 |

2014秋冬上新 秋季新款女装 简约撞色 呢子大衣 中长款橙毛呢外套

279 |

选择你喜欢的颜色

280 |
281 | 282 | 明黄色 283 | 284 | 湖蓝色 285 | 286 | 浅绿色 287 | 288 | 大红色 289 | 290 | 粉红色 291 | 292 | 橙子色 293 |
294 |

你选择的尺码:M码|订单编号:341447819210

295 |
296 |
297 |
298 |
299 |
300 |
301 |

优惠:9月特惠到10.1 全国满199包邮

302 |

促销:会员享受8折优惠

303 |

价格:8折限时优惠¥199

304 | 305 |
306 |
307 |
308 |
309 |
310 | 311 | 312 |
313 |
314 |
315 |
316 | 317 | 318 | 319 | 320 |
321 |
322 |

购物指南

323 | 331 |
332 |
333 |

配送方式

334 | 342 |
343 |
344 |

支付方式

345 | 353 |
354 |
355 |

售后服务

356 | 364 |
365 |
366 |

商家服务

367 | 375 |
376 |
377 |
378 |
379 | 380 | 381 | 382 |
383 | 370 | 371 | 372 | 373 |
374 |