├── js ├── 说明.txt ├── ie6Fixpng.js └── DD_belatedPNG_0.0.8a-min.js ├── images ├── ad.jpg ├── pad.jpg ├── des_sm.jpg ├── logo.jpg ├── sh_btn.jpg ├── step.jpg ├── des_big.jpg ├── des_sm2.jpg ├── icon │ ├── car.jpg │ ├── hot.jpg │ ├── sj.jpg │ ├── down.jpg │ ├── down.png │ ├── icon.png │ ├── xing.gif │ ├── aLink_bg.png │ ├── buy_btn.jpg │ ├── hg_icon.jpg │ ├── plus_bg.jpg │ ├── red_link.jpg │ ├── shaoIcon.jpg │ ├── shopIcon.jpg │ ├── shop_sj.jpg │ ├── sj_blue.jpg │ ├── sj_grey.gif │ ├── collection.jpg │ ├── des_title.jpg │ ├── login_btn.jpg │ ├── user_icon.jpg │ ├── des_input_bg.jpg │ ├── des_title_icon.png │ └── icon_cart_prompt.jpg ├── shopImg.jpg ├── userhead.jpg ├── webLogo.jpg ├── shopping_bg.jpg └── banner │ ├── banner_01.jpg │ ├── banner_02.jpg │ ├── banner_sm_01.jpg │ └── banner_sm_02.jpg ├── .gitattributes ├── README.md ├── style ├── reset.css └── main.css ├── 注册.html ├── 登陆.html ├── 购物车.html ├── index.html ├── 筛选页.html ├── 商品介绍.html └── 产品分类.html /js/说明.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/js/说明.txt -------------------------------------------------------------------------------- /images/ad.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/ad.jpg -------------------------------------------------------------------------------- /images/pad.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/pad.jpg -------------------------------------------------------------------------------- /images/des_sm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/des_sm.jpg -------------------------------------------------------------------------------- /images/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/logo.jpg -------------------------------------------------------------------------------- /images/sh_btn.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/sh_btn.jpg -------------------------------------------------------------------------------- /images/step.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/step.jpg -------------------------------------------------------------------------------- /images/des_big.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/des_big.jpg -------------------------------------------------------------------------------- /images/des_sm2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/des_sm2.jpg -------------------------------------------------------------------------------- /images/icon/car.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/car.jpg -------------------------------------------------------------------------------- /images/icon/hot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/hot.jpg -------------------------------------------------------------------------------- /images/icon/sj.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/sj.jpg -------------------------------------------------------------------------------- /images/shopImg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/shopImg.jpg -------------------------------------------------------------------------------- /images/userhead.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/userhead.jpg -------------------------------------------------------------------------------- /images/webLogo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/webLogo.jpg -------------------------------------------------------------------------------- /images/icon/down.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/down.jpg -------------------------------------------------------------------------------- /images/icon/down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/down.png -------------------------------------------------------------------------------- /images/icon/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/icon.png -------------------------------------------------------------------------------- /images/icon/xing.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/xing.gif -------------------------------------------------------------------------------- /images/shopping_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/shopping_bg.jpg -------------------------------------------------------------------------------- /images/icon/aLink_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/aLink_bg.png -------------------------------------------------------------------------------- /images/icon/buy_btn.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/buy_btn.jpg -------------------------------------------------------------------------------- /images/icon/hg_icon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/hg_icon.jpg -------------------------------------------------------------------------------- /images/icon/plus_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/plus_bg.jpg -------------------------------------------------------------------------------- /images/icon/red_link.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/red_link.jpg -------------------------------------------------------------------------------- /images/icon/shaoIcon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/shaoIcon.jpg -------------------------------------------------------------------------------- /images/icon/shopIcon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/shopIcon.jpg -------------------------------------------------------------------------------- /images/icon/shop_sj.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/shop_sj.jpg -------------------------------------------------------------------------------- /images/icon/sj_blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/sj_blue.jpg -------------------------------------------------------------------------------- /images/icon/sj_grey.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/sj_grey.gif -------------------------------------------------------------------------------- /images/banner/banner_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/banner/banner_01.jpg -------------------------------------------------------------------------------- /images/banner/banner_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/banner/banner_02.jpg -------------------------------------------------------------------------------- /images/icon/collection.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/collection.jpg -------------------------------------------------------------------------------- /images/icon/des_title.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/des_title.jpg -------------------------------------------------------------------------------- /images/icon/login_btn.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/login_btn.jpg -------------------------------------------------------------------------------- /images/icon/user_icon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/user_icon.jpg -------------------------------------------------------------------------------- /images/icon/des_input_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/des_input_bg.jpg -------------------------------------------------------------------------------- /images/banner/banner_sm_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/banner/banner_sm_01.jpg -------------------------------------------------------------------------------- /images/banner/banner_sm_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/banner/banner_sm_02.jpg -------------------------------------------------------------------------------- /images/icon/des_title_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/des_title_icon.png -------------------------------------------------------------------------------- /images/icon/icon_cart_prompt.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/e-commerce-site/HEAD/images/icon/icon_cart_prompt.jpg -------------------------------------------------------------------------------- /js/ie6Fixpng.js: -------------------------------------------------------------------------------- 1 | // JavaScript Document 2 | DD_belatedPNG.fix('div,ul,ol,li,dt,dd,dl,span,img,a,em,strong,h1,h2,h3,h4,h5,h6,p'); 3 | //尽量少偷懒，不要用*，性能是很低的 4 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | 7 | # Standard to msysgit 8 | *.doc diff=astextplain 9 | *.DOC diff=astextplain 10 | *.docx diff=astextplain 11 | *.DOCX diff=astextplain 12 | *.dot diff=astextplain 13 | *.DOT diff=astextplain 14 | *.pdf diff=astextplain 15 | *.PDF diff=astextplain 16 | *.rtf diff=astextplain 17 | *.RTF diff=astextplain 18 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | # 电商网站 3 | 4 | 这是一个纯前端电商网站，使用 HTML/CSS/JS 编写页面。 5 | 6 | 主要页面：首页、商品分类、商品介绍、筛选页、购物车、登陆、注册 7 | 8 | ![图片预览](http://oph264zoo.bkt.clouddn.com/17-7-20/6482721.jpg) 9 | 10 | 11 | ## 技术栈 12 | 13 | + HTML：手写大量 HTML 14 | + CSS：小图片使用 CSS Sprites 15 | + JS：处理了 ie6Fixpng 兼容性问题等 16 | 17 | 18 | ## 收获 19 | 20 | 1. 对 DIV + CSS 布局及 HTML 相关标签有所掌握 21 | 2. 对常见网页布局设计有简单的了解 22 | 3. 掌握一定的 JS 基础知识，对浏览器兼容性问题有一定了解 23 | 24 | 25 | ## TODO 26 | 27 | 1. 没有做后台的功能和页面 28 | 2. 网站目前不是响应式的，尺寸固定了 29 | 3. 目前是纯静态，没有动画和交互 30 | 31 | ## License 32 | 33 | The code is available under the [MIT license](LICENSE.txt). 34 | 35 | 36 | ## Thanks 37 | 38 | @Busy 39 | -------------------------------------------------------------------------------- /style/reset.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* CSS Document */ 3 | body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;} 4 | body{font-size:12px;} 5 | img{border:none;} 6 | li{list-style:none;} 7 | input,select,textarea{outline:none;border:none; background:none;} 8 | textarea{resize:none;} 9 | a{text-decoration:none; color:#656565;} 10 | 11 | /*清浮动*/ 12 | .clearfix:after{content:"";display:block;clear:both;} 13 | .clearfix{zoom:1;} 14 | .fl{float:left;} 15 | .fr{float:right;} 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 | -------------------------------------------------------------------------------- /注册.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 注册 6 | 7 | 8 | 12 | 13 | 14 | 15 |
16 | 24 |
25 | 26 |
27 |
28 | 36 | 37 |
38 |
39 | 40 |
41 |
42 |

慕课简介|慕课公告| 招纳贤士|联系我们|客服热线：400-675-1234

43 |

Copyright © 2006 - 2014 慕课版权所有   京ICP备09037834号   京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123

44 |

logologologologo

45 |
46 | 47 | 48 | -------------------------------------------------------------------------------- /登陆.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 登陆 6 | 7 | 8 | 12 | 13 | 14 | 15 |
16 | 24 |
25 | 26 |
27 |
28 | 36 | 52 |
53 | 54 |
55 | 56 |
57 |
58 |

慕课简介|慕课公告| 招纳贤士|联系我们|客服热线：400-675-1234

59 |

Copyright © 2006 - 2014 慕课版权所有   京ICP备09037834号   京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123

60 |

logologologologo

61 |
62 | 63 | 64 | -------------------------------------------------------------------------------- /购物车.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 购物车 6 | 7 | 8 | 12 | 13 | 14 | 15 |
16 |
17 |
18 |
19 | 收藏慕课 20 |
21 |
22 | 欢迎来到慕课网！[登录][免费注册] 23 |
24 |
25 |
26 |
27 |
28 | 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 |
  • *手 机： 或固定电话：--
    • 60 |
    • 61 |
62 |
63 |
64 |
65 |
66 |

支付方式

67 |
68 |
    69 |
  • 微信支付微信支付微信支付
    • 70 |
  • 微信支付微信支付微信支付
    • 71 |
72 |
73 |
74 |
75 |
76 |

送货清单返回购物车修改

77 |
78 |
79 |
80 |
商品名称
81 |
单价
82 |
返现
83 |
数量
84 |
小计
85 |
86 |
87 |
88 |
89 | 90 |
91 |

微信支付微信支付微信支付微

92 |

微信支付微信支付微信支付微

93 |
94 |
95 |
96 |
97 | asdfa 98 |
99 |
返现
100 |
数量
101 |
小计
102 |
103 |
104 | 若有问题请留言，若有问题请留言 105 |
106 |
抱歉，一下商品无法购买。
107 |
108 |
109 |
110 | 111 |
112 |

微信支付微信支付微信支付微

113 |

微信支付微信支付微信支付微

114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |

订单结算

124 |
125 |
126 |
127 | 总计：￥145000009.00 128 |
129 |
130 | 131 |
132 |
133 |
134 |
135 |
136 |
137 |
138 |

慕课简介|慕课公告| 招纳贤士|联系我们|客服热线：400-675-1234

139 |

Copyright © 2006 - 2014 慕课版权所有   京ICP备09037834号   京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123

140 |

logologologologo

141 |
142 | 143 | 144 | -------------------------------------------------------------------------------- /js/DD_belatedPNG_0.0.8a-min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML . 3 | * Author: Drew Diller 4 | * Email: drew.diller@gmail.com 5 | * URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/ 6 | * Version: 0.0.8a 7 | * Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license 8 | * 9 | * Example usage: 10 | * DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector 11 | * DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement 12 | **/ 13 | var DD_belatedPNG={ns:"DD_belatedPNG",imgSize:{},delay:10,nodesFixed:0,createVmlNameSpace:function(){if(document.namespaces&&!document.namespaces[this.ns]){document.namespaces.add(this.ns,"urn:schemas-microsoft-com:vml")}},createVmlStyleSheet:function(){var b,a;b=document.createElement("style");b.setAttribute("media","screen");document.documentElement.firstChild.insertBefore(b,document.documentElement.firstChild.firstChild);if(b.styleSheet){b=b.styleSheet;b.addRule(this.ns+"\\:*","{behavior:url(#default#VML)}");b.addRule(this.ns+"\\:shape","position:absolute;");b.addRule("img."+this.ns+"_sizeFinder","behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;");this.screenStyleSheet=b;a=document.createElement("style");a.setAttribute("media","print");document.documentElement.firstChild.insertBefore(a,document.documentElement.firstChild.firstChild);a=a.styleSheet;a.addRule(this.ns+"\\:*","{display: none !important;}");a.addRule("img."+this.ns+"_sizeFinder","{display: none !important;}")}},readPropertyChange:function(){var b,c,a;b=event.srcElement;if(!b.vmlInitiated){return}if(event.propertyName.search("background")!=-1||event.propertyName.search("border")!=-1){DD_belatedPNG.applyVML(b)}if(event.propertyName=="style.display"){c=(b.currentStyle.display=="none")?"none":"block";for(a in b.vml){if(b.vml.hasOwnProperty(a)){b.vml[a].shape.style.display=c}}}if(event.propertyName.search("filter")!=-1){DD_belatedPNG.vmlOpacity(b)}},vmlOpacity:function(b){if(b.currentStyle.filter.search("lpha")!=-1){var a=b.currentStyle.filter;a=parseInt(a.substring(a.lastIndexOf("=")+1,a.lastIndexOf(")")),10)/100;b.vml.color.shape.style.filter=b.currentStyle.filter;b.vml.image.fill.opacity=a}},handlePseudoHover:function(a){setTimeout(function(){DD_belatedPNG.applyVML(a)},1)},fix:function(a){if(this.screenStyleSheet){var c,b;c=a.split(",");for(b=0;bn.H){i.B=n.H}d.vml.image.shape.style.clip="rect("+i.T+"px "+(i.R+a)+"px "+i.B+"px "+(i.L+a)+"px)"}else{d.vml.image.shape.style.clip="rect("+f.T+"px "+f.R+"px "+f.B+"px "+f.L+"px)"}},figurePercentage:function(d,c,f,a){var b,e;e=true;b=(f=="X");switch(a){case"left":case"top":d[f]=0;break;case"center":d[f]=0.5;break;case"right":case"bottom":d[f]=1;break;default:if(a.search("%")!=-1){d[f]=parseInt(a,10)/100}else{e=false}}d[f]=Math.ceil(e?((c[b?"W":"H"]*d[f])-(c[b?"w":"h"]*d[f])):parseInt(a,10));if(d[f]%2===0){d[f]++}return d[f]},fixPng:function(c){c.style.behavior="none";var g,b,f,a,d;if(c.nodeName=="BODY"||c.nodeName=="TD"||c.nodeName=="TR"){return}c.isImg=false;if(c.nodeName=="IMG"){if(c.src.toLowerCase().search(/\.png$/)!=-1){c.isImg=true;c.style.visibility="hidden"}else{return}}else{if(c.currentStyle.backgroundImage.toLowerCase().search(".png")==-1){return}}g=DD_belatedPNG;c.vml={color:{},image:{}};b={shape:{},fill:{}};for(a in c.vml){if(c.vml.hasOwnProperty(a)){for(d in b){if(b.hasOwnProperty(d)){f=g.ns+":"+d;c.vml[a][d]=document.createElement(f)}}c.vml[a].shape.stroked=false;c.vml[a].shape.appendChild(c.vml[a].fill);c.parentNode.insertBefore(c.vml[a].shape,c)}}c.vml.image.shape.fillcolor="none";c.vml.image.fill.type="tile";c.vml.color.fill.on=false;g.attachHandlers(c);g.giveLayout(c);g.giveLayout(c.offsetParent);c.vmlInitiated=true;g.applyVML(c)}};try{document.execCommand("BackgroundImageCache",false,true)}catch(r){}DD_belatedPNG.createVmlNameSpace();DD_belatedPNG.createVmlStyleSheet(); -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 首页 6 | 7 | 8 | 12 | 13 | 14 | 15 |
16 |
17 |
18 |
19 | 收藏慕课 20 |
21 |
22 | 欢迎来到慕课网！[登录][免费注册] 23 |
24 |
25 |
26 |
27 |
28 | 31 |
32 | 33 | 34 |
35 |
36 | 购物车 37 | 0 38 |
39 |
40 |
41 |
42 |
43 |
44 |

全部商品分类

45 |
46 |
47 |
手机 数码 合约机
48 |
荣耀3X 单反 智能设备
49 |
50 |
51 |
手机 数码 合约机
52 |
荣耀3X 单反 智能设备
53 |
54 |
55 |
手机 数码 合约机
56 |
荣耀3X 单反 智能设备
57 |
58 |
59 |
手机 数码 合约机
60 |
荣耀3X 单反 智能设备
61 |
62 |
63 |
手机 数码 合约机
64 |
荣耀3X 单反 智能设备
65 |
66 |
67 |
68 |
69 |
70 |
电脑装机
71 |
72 | 文字啊文字字啊文字字字啊文字啊文字文字啊 73 |
74 |
75 |
76 |
电脑装机
77 |
78 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 79 |
80 |
81 |
82 |
电脑装机
83 |
84 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 85 |
86 |
87 |
88 |
电脑装机
89 |
90 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 91 |
92 |
93 |
94 |
电脑装机
95 |
96 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 97 |
98 |
99 |
100 | 文字测试内容等等文字容等等 101 |
102 |
103 |
104 |
105 | 113 |
114 |
115 |
116 | 127 |
128 |

家用电脑

129 | 更多>> 130 |
131 |
132 |
133 | 142 |
143 |
144 |
145 |
146 |
147 | 148 |
149 |

HTC新渴望8系列

150 |

1899元

151 |
152 |
153 |
154 | 155 |
156 |

HTC新渴望8系列

157 |

1899元

158 |
159 |
160 |
161 | 162 |
163 |

HTC新渴望8系列

164 |

1899元

165 |
166 |
167 |
168 | 169 |
170 |

HTC新渴望8系列

171 |

1899元

172 |
173 |
174 |
175 |
176 |
177 | 178 |
179 |
180 |

NFC技术一碰轻松配对！接触屏幕

181 |

￥149.00

182 |
183 |
184 |
185 |
186 | 187 |
188 |
189 |

NFC技术一碰轻松配对！接触屏幕

190 |

￥149.00

191 |
192 |
193 |
194 |
195 | 196 |
197 |
198 |

NFC技术一碰轻松配对！接触屏幕

199 |

￥149.00

200 |
201 |
202 |
203 |
204 | 205 |
206 |
207 |

NFC技术一碰轻松配对！接触屏幕

208 |

￥149.00

209 |
210 |
211 |
212 |
213 |
214 |
215 |

家用电脑

216 | 更多>> 217 |
218 |
219 |
220 | 229 |
230 |
231 |
232 |
233 |
234 | 235 |
236 |

HTC新渴望8系列

237 |

1899元

238 |
239 |
240 |
241 | 242 |
243 |

HTC新渴望8系列

244 |

1899元

245 |
246 |
247 |
248 | 249 |
250 |

HTC新渴望8系列

251 |

1899元

252 |
253 |
254 |
255 | 256 |
257 |

HTC新渴望8系列

258 |

1899元

259 |
260 |
261 |
262 |
263 |
264 | 265 |
266 |
267 |

NFC技术一碰轻松配对！接触屏幕

268 |

￥149.00

269 |
270 |
271 |
272 |
273 | 274 |
275 |
276 |

NFC技术一碰轻松配对！接触屏幕

277 |

￥149.00

278 |
279 |
280 |
281 |
282 | 283 |
284 |
285 |

NFC技术一碰轻松配对！接触屏幕

286 |

￥149.00

287 |
288 |
289 |
290 |
291 | 292 |
293 |
294 |

NFC技术一碰轻松配对！接触屏幕

295 |

￥149.00

296 |
297 |
298 |
299 |
300 |
301 |
302 |
303 |

慕课简介|慕课公告| 招纳贤士|联系我们|客服热线：400-675-1234

304 |

Copyright © 2006 - 2014 慕课版权所有   京ICP备09037834号   京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123

305 |

logologologologo

306 |
307 | 308 | 309 | -------------------------------------------------------------------------------- /筛选页.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 筛选页 6 | 7 | 8 | 12 | 13 | 14 | 15 |
16 |
17 |
18 |
19 | 收藏慕课 20 |
21 |
22 | 欢迎来到慕课网！[登录][免费注册] 23 |
24 |
25 |
26 |
27 |
28 | 31 |
32 | 33 | 34 |
35 |
36 | 购物车 37 | 0 38 |
39 |
40 |
41 |
42 |
43 |
44 |

全部商品分类

45 |
46 |
47 |
手机 数码 合约机
48 |
荣耀3X 单反 智能设备
49 |
50 |
51 |
手机 数码 合约机
52 |
荣耀3X 单反 智能设备
53 |
54 |
55 |
手机 数码 合约机
56 |
荣耀3X 单反 智能设备
57 |
58 |
59 |
手机 数码 合约机
60 |
荣耀3X 单反 智能设备
61 |
62 |
63 |
手机 数码 合约机
64 |
荣耀3X 单反 智能设备
65 |
66 |
67 |
68 |
69 |
70 |
电脑装机
71 |
72 | 文字啊文字字啊文字字字啊文字啊文字文字啊 73 |
74 |
75 |
76 |
电脑装机
77 |
78 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 79 |
80 |
81 |
82 |
电脑装机
83 |
84 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 85 |
86 |
87 |
88 |
电脑装机
89 |
90 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 91 |
92 |
93 |
94 |
电脑装机
95 |
96 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 97 |
98 |
99 |
100 | 文字测试内容等等文字容等等 101 |
102 |
103 |
104 |
105 | 113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |

手机、数码

121 |
122 |

手机通讯

123 | 127 |
128 |
129 |

手机通讯

130 | 135 |
136 |
137 |

手机通讯

138 | 147 |
148 |
149 |
150 |
151 |
152 |
153 |
手机
154 |
不限
155 |
156 | 163 |
164 |
165 |
166 |
手机
167 |
不限
168 |
169 | 176 |
177 |
178 |
179 |
手机
180 |
不限
181 |
182 | 194 |
195 |
196 |
197 |
更多选项
198 |
199 |
200 | Samsung/三星 201 |
202 |
203 | 三星三星三星三星三星三星三星 204 |
205 |
206 |
207 |
208 |
209 |
210 |
211 | 送至 212 |
213 |

海淀区五环内

214 |
    215 |
  • 上帝
    • 216 |
  • 五道口
    • 217 |
  • 上帝
    • 218 |
219 |
220 |
221 |
222 | 223 | 224 | 225 | 226 | 共11123件 227 | 228 |
229 |
230 |
231 |
232 |
233 |
234 | 235 |
236 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

237 |

￥888

238 |

加入购物车

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

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

247 |

￥888

248 |

加入购物车

249 |
250 |
251 |
252 |
253 |
254 | 255 |
256 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

257 |

￥888

258 |

加入购物车

259 |
260 |
261 |
262 |
263 |
264 | 265 |
266 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

267 |

￥888

268 |

加入购物车

269 |
270 |
271 |
272 |
273 |
274 | 275 |
276 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

277 |

￥888

278 |

加入购物车

279 |
280 |
281 |
282 |
283 |
284 | 285 |
286 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

287 |

￥888

288 |

加入购物车

289 |
290 |
291 |
292 |
293 |
294 | 295 |
296 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

297 |

￥888

298 |

加入购物车

299 |
300 |
301 |
302 |
303 |
304 | 305 |
306 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

307 |

￥888

308 |

加入购物车

309 |
310 |
311 |
312 |
313 |
314 | 315 |
316 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

317 |

￥888

318 |

加入购物车

319 |
320 |
321 |
322 |
323 |
324 | 325 |
326 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

327 |

￥888

328 |

加入购物车

329 |
330 |
331 |
332 |
333 |
334 | 335 |
336 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

337 |

￥888

338 |

加入购物车

339 |
340 |
341 |
342 |
343 |
344 | 345 |
346 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

347 |

￥888

348 |

加入购物车

349 |
350 |
351 |
352 |
353 |
354 |
355 | 上一页123456...200下一页共200页，到第页 356 |
357 |
358 |
359 |
360 |
361 |

慕课简介|慕课公告| 招纳贤士|联系我们|客服热线：400-675-1234

362 |

Copyright © 2006 - 2014 慕课版权所有   京ICP备09037834号   京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123

363 |

logologologologo

364 |
365 | 366 | 367 | -------------------------------------------------------------------------------- /商品介绍.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 商品介绍 6 | 7 | 8 | 12 | 13 | 14 | 15 |
16 |
17 |
18 |
19 | 收藏慕课 20 |
21 |
22 | 欢迎来到慕课网！[登录][免费注册] 23 |
24 |
25 |
26 |
27 |
28 | 31 |
32 | 33 | 34 |
35 |
36 | 购物车 37 | 0 38 |
39 |
40 |
41 |
42 |
43 |
44 |

全部商品分类

45 |
46 |
47 |
手机 数码 合约机
48 |
荣耀3X 单反 智能设备
49 |
50 |
51 |
手机 数码 合约机
52 |
荣耀3X 单反 智能设备
53 |
54 |
55 |
手机 数码 合约机
56 |
荣耀3X 单反 智能设备
57 |
58 |
59 |
手机 数码 合约机
60 |
荣耀3X 单反 智能设备
61 |
62 |
63 |
手机 数码 合约机
64 |
荣耀3X 单反 智能设备
65 |
66 |
67 |
68 |
69 |
70 |
电脑装机
71 |
72 | 文字啊文字字啊文字字字啊文字啊文字文字啊 73 |
74 |
75 |
76 |
电脑装机
77 |
78 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 79 |
80 |
81 |
82 |
电脑装机
83 |
84 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 85 |
86 |
87 |
88 |
电脑装机
89 |
90 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 91 |
92 |
93 |
94 |
电脑装机
95 |
96 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 97 |
98 |
99 |
100 | 文字测试内容等等文字容等等 101 |
102 |
103 |
104 |
105 | 113 |
114 |
115 |
116 |
117 | 首页 118 |  >  119 | 平板电脑 120 |  >  121 | MD531CH/A 122 |
123 |
124 |
125 |
126 |
127 |
128 | 129 |
130 |
    131 |
    • 132 |
    • 133 |
    • 134 |
    • 135 |
    • 136 |
137 |
138 |
139 |
140 |
141 |

全网底价 Apple 苹果 iPad mini 16G wifi版 平板电脑 前白后银 MD531CH/A 银白两色生 142 | 产批次不同混合发货

143 |
144 |
慕课价
145 |
￥999.00
146 |
147 |
148 |
优惠
149 |
满换购购ipad加价优惠够配件或USB充电插座
150 |
151 |
152 |
153 |
送到
154 |
155 |
156 |

海淀区五环内

157 |
    158 |
  • 上帝
    • 159 |
  • 五道口
    • 160 |
  • 上帝
    • 161 |
162 |
163 | 有货，可当日出货 164 |
165 |
166 |
167 |
选择颜色
168 |
169 |
170 | WIFI 16GB 171 |
172 |
173 | WIFI 16GB 174 |
175 |
176 | WIFI 16GB 177 |
178 |
179 |
180 |
181 |
选择版本
182 |
183 |
184 | WIFI 16GB 185 |
186 |
187 | WIFI 16GB + 3G 188 |
189 |
190 | WIFI + 3G 191 |
192 |
193 | WIFI 16GB 194 |
195 |
196 | WIFI 16GB + 3G 197 |
198 |
199 | WIFI + 3G 200 |
201 |
202 | WIFI 16GB 203 |
204 |
205 | WIFI 16GB + 3G 206 |
207 |
208 | WIFI + 3G 209 |
210 |
211 |
212 |
213 |
数量
214 |
215 |
216 |
-
217 |
218 | 219 |
220 |
+
221 |
222 | 限购9件 223 |
224 |
225 |
226 |
227 | 已选择 "白色|WIFI 16G" 228 |
229 |
230 | 231 | 232 | 233 |
234 |
235 | 注意：此商品可提供普通发票，不提供增值税发票。 236 |
237 |
238 |
239 |
240 |
241 |
242 |
243 |
244 |
245 |

同价位

246 |
247 |
248 |
249 | 250 |
251 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

252 |

￥888

253 |
254 |
255 |
256 |
257 |
258 | 259 |
260 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

261 |

￥888

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

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

270 |

￥888

271 |
272 |
273 |
274 |
275 |
276 |

同价位

277 |
278 |
279 |
280 | 281 |
282 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

283 |

￥888

284 |
285 |
286 |
287 |
288 |
289 | 290 |
291 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

292 |

￥888

293 |
294 |
295 |
296 |
297 |
298 | 299 |
300 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

301 |

￥888

302 |
303 |
304 |
305 |
306 |
307 |
308 |
    309 |
  • 产品介绍
    • 310 |
  • 产品评价(12312)
    • 311 |
312 |
313 | 314 |
315 |
316 |
317 |

强烈推荐

货比三家，还选

318 |
319 |

现在就是买mini的好时候！换代清仓直降，但苹果品质不变！A5双核，内置Lightning闪电接口，正反可插，方便人性。小身材，炫丽的7.9英寸显示屏，7.2mm的厚度，薄如铅笔。女生包包随身携带更时尚！facetime视频通话，与密友24小时畅聊不断线。微信倾力打造，你的智能助理。苹果的牌子就不用我说了，1111补仓，存货不多哦！

320 |
321 |
322 |

强烈推荐

货比三家，还选

323 |
324 |

现在就是买mini的好时候！换代清仓直降，但苹果品质不变！A5双核，内置Lightning闪电接口，正反可插，方便人性。小身材，炫丽的7.9英寸显示屏，7.2mm的厚度，薄如铅笔。女生包包随身携带更时尚！facetime视频通话，与密友24小时畅聊不断线。微信倾力打造，你的智能助理。苹果的牌子就不用我说了，1111补仓，存货不多哦！

325 |
326 | 327 |
328 |
329 |
330 |
331 |
332 |

商品评价

333 |
334 |
335 | 4.7分 336 |
337 |
338 |
    339 |
  • 非常不满意
    • 340 |
  • 不满意
    • 341 |
  • 一般
    • 342 |
  • 满意
    • 343 |
  • 非常满意
    • 344 |
345 |
346 | 4.7 347 |
348 |

共18939位慕课网友参与评分

349 |
350 |
351 |
352 | 358 |
359 | 时间排序推荐排序 360 |
361 |
362 |
363 |
364 |
365 |
366 | 367 |

61***42

368 |

金色会员

369 |
370 |
371 |
372 |
373 |
374 | 5分 满意 375 |
376 |

赖慕课挺不错的信赖慕课挺不错的，信赖慕课

377 |

顶(0)踩(0)

378 |
379 |
380 |
381 |
382 |
383 | 384 |

61***42

385 |

金色会员

386 |
387 |
388 |
389 |
390 |
391 | 5分 满意 392 |
393 |

赖慕课挺不错的信赖慕课挺不错的，信赖慕课

394 |

顶(0)踩(0)

395 |
396 |
397 |
398 |
399 |
400 |
401 |
402 |
403 |
404 |

慕课简介|慕课公告| 招纳贤士|联系我们|客服热线：400-675-1234

405 |

Copyright © 2006 - 2014 慕课版权所有   京ICP备09037834号   京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123

406 |

logologologologo

407 |
408 | 409 | 410 | -------------------------------------------------------------------------------- /产品分类.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 产品分类 6 | 7 | 8 | 12 | 13 | 14 | 15 |
16 |
17 |
18 |
19 | 收藏慕课 20 |
21 |
22 | 欢迎来到慕课网！[登录][免费注册] 23 |
24 |
25 |
26 |
27 |
28 | 31 |
32 | 33 | 34 |
35 |
36 | 购物车 37 | 0 38 |
39 |
40 |
41 |
42 |
43 |
44 |

全部商品分类

45 |
46 |
47 |
手机 数码 合约机
48 |
荣耀3X 单反 智能设备
49 |
50 |
51 |
手机 数码 合约机
52 |
荣耀3X 单反 智能设备
53 |
54 |
55 |
手机 数码 合约机
56 |
荣耀3X 单反 智能设备
57 |
58 |
59 |
手机 数码 合约机
60 |
荣耀3X 单反 智能设备
61 |
62 |
63 |
手机 数码 合约机
64 |
荣耀3X 单反 智能设备
65 |
66 |
67 |
68 |
69 |
70 |
电脑装机
71 |
72 | 文字啊文字字啊文字字字啊文字啊文字文字啊 73 |
74 |
75 |
76 |
电脑装机
77 |
78 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 79 |
80 |
81 |
82 |
电脑装机
83 |
84 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 85 |
86 |
87 |
88 |
电脑装机
89 |
90 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 91 |
92 |
93 |
94 |
电脑装机
95 |
96 | 文字啊文字字啊文字字字啊文字啊文字文字啊文字啊文字字啊文字字字啊文字啊文字文字啊文字啊 97 |
98 |
99 |
100 | 文字测试内容等等文字容等等 101 |
102 |
103 |
104 |
105 | 113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |

手机、数码

121 |
122 |

手机通讯

123 | 132 |
133 |
134 |

手机通讯

135 | 144 |
145 |
146 |

手机通讯

147 | 156 |
157 |
158 |

手机通讯

159 | 168 |
169 |
170 |

手机通讯

171 | 180 |
181 |
182 |
183 |
184 | 193 |
194 |
195 |

数码影像

196 |
197 |
198 |
199 |
200 |
201 | 202 |
203 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

204 |

￥888

205 |

评论：(78条)

206 |
207 |
208 |
209 |
210 |
211 | 212 |
213 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

214 |

￥888

215 |

评论：(78条)

216 |
217 |
218 |
219 |
220 |
221 | 222 |
223 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

224 |

￥888

225 |

评论：(78条)

226 |
227 |
228 |
229 |
230 |
231 | 232 |
233 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

234 |

￥888

235 |

评论：(78条)

236 |
237 |
238 |
239 |
240 |
241 | 242 |
243 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

244 |

￥888

245 |

评论：(78条)

246 |
247 |
248 |
249 |
250 |
251 | 252 |
253 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

254 |

￥888

255 |

评论：(78条)

256 |
257 |
258 |
259 |
260 |
261 | 262 |
263 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

264 |

￥888

265 |

评论：(78条)

266 |
267 |
268 |
269 |
270 |
271 | 272 |
273 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

274 |

￥888

275 |

评论：(78条)

276 |
277 |
278 |
279 |
280 |
281 |

数码影像

282 |
283 |
284 |
285 |
286 |
287 | 288 |
289 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

290 |

￥888

291 |

评论：(78条)

292 |
293 |
294 |
295 |
296 |
297 | 298 |
299 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

300 |

￥888

301 |

评论：(78条)

302 |
303 |
304 |
305 |
306 |
307 | 308 |
309 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

310 |

￥888

311 |

评论：(78条)

312 |
313 |
314 |
315 |
316 |
317 | 318 |
319 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

320 |

￥888

321 |

评论：(78条)

322 |
323 |
324 |
325 |
326 |
327 | 328 |
329 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

330 |

￥888

331 |

评论：(78条)

332 |
333 |
334 |
335 |
336 |
337 | 338 |
339 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

340 |

￥888

341 |

评论：(78条)

342 |
343 |
344 |
345 |
346 |
347 | 348 |
349 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

350 |

￥888

351 |

评论：(78条)

352 |
353 |
354 |
355 |
356 |
357 | 358 |
359 |

文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍

360 |

￥888

361 |

评论：(78条)

362 |
363 |
364 |
365 |
366 |
367 |
368 |
369 |

慕课简介|慕课公告| 招纳贤士|联系我们|客服热线：400-675-1234

370 |

Copyright © 2006 - 2014 慕课版权所有   京ICP备09037834号   京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123

371 |

logologologologo

372 |
373 | 374 | 375 | -------------------------------------------------------------------------------- /style/main.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* CSS Document */ 3 | 4 | /*公用*/ 5 | .comWidth{width:1000px; margin-left:auto; margin-right:auto;} 6 | .leftArea{float:left;} 7 | .rightArea{float:right;} 8 | .hide{display:none;} 9 | .show{display:block;} 10 | 11 | /*topBar*/ 12 | .topBar{height:31px; background-color:#F7F7F7; line-height:31px;} 13 | .collection{background:url(../images/icon/collection.jpg) left center no-repeat; padding-left:19px; font-weight:bold;} 14 | .topBar a:hover{color:red;} 15 | /*logo*/ 16 | .logoBar{height:85px; background-color:#1D7AD9;} 17 | .logo{padding-left:41px; padding-top:13px;} 18 | /*search*/ 19 | .search_box{width:430px; padding-top:23px; padding-left:185px;} 20 | /*.search_text{width:350px;height:14px; line-height:14px; padding:11px 5px 10px; background-color:#FFF;} 21 | */ 22 | .search_text{width:350px;height:35px; line-height:35px\9;/*css hack \9 代表所有的ie浏览器*/ padding:0 5px; background-color:#FFF;} 23 | .search_btn{width:70px; height:35px; font-size:14px; font-family:"Microsoft YaHei", "微软雅黑"; background-color:#FF8C00; color:#FFF;} 24 | /*购物车*/ 25 | .shopCar{width:145px; height:35px;background-color:#FF8C00; margin-top:23px;font:14px/35px "Microsoft YaHei", "微软雅黑"; color:#FFF; margin-right:59px; display:inline;} 26 | .shopText{/*font-size:14px; font-family:"Microsoft YaHei", "微软雅黑"; line-height:35px;*/ height:100%; width:87px; border-right:#E27A00 solid 1px; background:url(../images/icon/shaoIcon.jpg) 10px center no-repeat; text-indent:40px;} 27 | .shopNum{width:27px; height:35px; border-left:#FF9C01 solid 1px; background:url(../images/icon/sj.jpg) 33px center no-repeat; text-align:right; padding-right:29px;} 28 | /*导航*/ 29 | .navBox{height:35px; background-color:#1369C0; color:#FFF;} 30 | .shopClass{width:190px; position:relative;} 31 | .shopClass h3{text-align:center; line-height:35px;} 32 | .shopClass_icon{width:11px; height:7px; overflow:hidden; background-position:0 -39px; display:inline-block; margin-left:11px;} 33 | .nav,.shopClass h3{font-family:"Microsoft YaHei", "微软雅黑";} 34 | .nav{line-height:35px;} 35 | .nav li{float:left;} 36 | .nav a{height:35px; display:inline-block; padding:0 35px; color:#FFF;} 37 | .nav .active{background-color:#4593FD;} 38 | /*商品弹出列表*/ 39 | .shopClass_show{background-color:#4593FD; position:absolute; left:0; top:35px; width:100%; padding-bottom:1px;} 40 | .shopClass_item{padding:13px 10px; border-bottom:#3487F2 solid 1px; border-top:#5AA1FE solid 1px; line-height:16px;} 41 | .shopClass_item dt{height:21px; line-height:1; overflow:hidden; background:url(../images/icon/shop_sj.jpg) right center no-repeat;} 42 | .shopClass_item .b{/*font-family:"Microsoft YaHei", "微软雅黑"; font-size:14px; font-weight:bold;*/ font:14px/1 "Microsoft YaHei", "微软雅黑";} 43 | .shopClass_item a{color:#FFF;} 44 | .shopClass_item a:hover{text-decoration:underline;} 45 | .shopClass_item .aLink{width:48px; height:20px; background:url(../images/icon/aLink_bg.png) left center no-repeat; display:inline-block; text-align:center; line-height:20px; text-decoration:underline;} 46 | 47 | /*shopClass_item active 状态*/ 48 | .shopClass_active{background-color:#FFF; border-left:#4593FD solid 1px;} 49 | .shopClass_active dt{background:none;} 50 | .shopClass_active a{ color:#000;} 51 | .shopClass_active .aLink{color:#FFF; text-decoration:none;} 52 | /*弹出的菜单*/ 53 | .shopClass_list{width:568px; border:#CCC solid 1px; position:absolute; left:190px; top:35px;} 54 | .shopClass_cont{padding:0 20px;} 55 | .shopList_item{padding:10px 0; border-bottom:#CCC solid 1px;} 56 | .shopList_item dt{color:#4B87D9; line-height:24px; font-weight:bold; height:24px;} 57 | .shopList_item dd{padding-left:68px; line-height:24px; margin-top:-24px;} 58 | .shopList_item dd a{margin-right:12px;} 59 | .shopList_links{padding:15px 0;} 60 | .shopList_links a{color:#FFF; background-color:#2785E6; height:26px; line-height:26px; font-size:12px; display:inline-block; padding:0 14px 0 8px; margin-right:10px;} 61 | .shopList_links span{width:11px; height:7px; background:url(../images/icon/shop_sj.jpg) left center no-repeat; display:inline-block; margin-left:7px;} 62 | 63 | /*banner部分*/ 64 | .banner{margin-bottom:15px;} 65 | .banner_bar{float:right; position:relative; overflow:hidden;} 66 | .imgBox{position:absolute; left:0; top:0;} 67 | .imgBox li{float:left;} 68 | .imgBox img{display:block;} 69 | .imgNum{position:absolute; left:0; bottom:15px; width:100%; text-align:center;} 70 | .imgNum a{width:20px; height:5px; overflow:hidden; background-color:#FFF; display:inline-block; margin:0 3px;} 71 | .imgNum .active{background-color:#FF7700;} 72 | .banner_big, 73 | .banner_big img{width:810px; height:326px;} 74 | .banner_big .imgBox{width:1620px; height:326px;} 75 | .banner_sm, 76 | .banner_sm img{width:190px; height:400px;} 77 | .banner_sm .imgBox{width:380px; height:400px;} 78 | /*商品标题*/ 79 | .shopTit{height:44px; font-family:"Microsoft YaHei", "微软雅黑"; line-height:44px; margin-bottom:15px;} 80 | .shopTit h3{font-size:24px; float:left; font-weight:normal; padding-left:15px;} 81 | .icon{width:44px; height:44px; background:url(../images/icon/shopIcon.jpg) left top no-repeat; float:left;} 82 | .more{float:right; font-family:"宋体";} 83 | .more:hover{text-decoration:underline;} 84 | /*商品列表*/ 85 | .shopList .leftArea{width:190px;} 86 | .shopList .rightArea{width:808px; border:#999 solid 1px; border-bottom:#FF7201 solid 3px; height:396px; overflow:hidden;} 87 | /*商品列表-右侧*/ 88 | .shopList{margin-bottom:15px;} 89 | .shopList_top, 90 | .shopList_sm{margin-right:-4px;} 91 | .shop_item{width:202px; border-right:#999 solid 1px;border-bottom:#999 solid 1px;height:279px; text-align:center; font-family:"Microsoft YaHei", "微软雅黑"; float:left;} 92 | .shop_img{height:218px;} 93 | .shop_img img{width:100%; height:218px; display:block;} 94 | .shop_item h3{font-size:16px;} 95 | .shop_item p{font-size:14px; color:#FF7300; line-height:21px;} 96 | /*商品列表-小*/ 97 | .shopItem_sm{width:202px; border-right:#999 solid 1px; height:110px; padding-top:6px; float:left;} 98 | .shopItem_smImg{width:95px; height:95px; text-align:center; float:left;} 99 | .shopItem_smImg img{width:95px; height:95px;} 100 | .shopItem_text{padding-top:28px; width:100px; float:left;} 101 | .shopItem_text p{color:#FF7300;} 102 | .shopItem_text h3{font-family:"Microsoft YaHei", "微软雅黑"; font-size:16px; font-weight:normal; color:#181818; line-height:30px;} 103 | /*底部*/ 104 | .footer{text-align:center; background-color:#D4D4D4; line-height:24px; padding:50px 0;} 105 | .footer i{font-style:normal; margin:0 5px; } 106 | .footer a{color:#000;} 107 | .footer a:hover{color:#F60;} 108 | .web{padding-top:30px;} 109 | .web img{margin:0 12px;} 110 | .hr_25{height:25px;} 111 | .hr_45{height:45px;} 112 | .hr_7{height:7px; overflow:hidden;} 113 | .hr_15{height:15px; overflow:hidden;} 114 | /*产品分类*/ 115 | .products .leftArea{width:185px;} 116 | .products .rightArea{width:810px;} 117 | .products .banner_bar{float:none;} 118 | .products .item{width:25%; *width:24.9%; margin-bottom:10px;} 119 | /*产品分类导航*/ 120 | .leftNav{background-color:#F3F3F3; border:#D7D7D7 solid 1px;} 121 | .nav_title{height:34px; line-height:34px; font-size:14px; border-bottom:#D7D7D7 solid 1px; text-align:center;} 122 | .nav_cont{padding:0 18px 4px;/*上 左右 下*/ border-bottom:#D7D7D7 1px dotted; margin-bottom:-1px;} 123 | .nav_cont h3{font-size:12px; height:30px; line-height:30px;} 124 | .navCont_list{line-height:25px;} 125 | .navCont_list li{float:left; width:50%;} 126 | .vertical li{width:auto; float:none; padding-left:8px;} 127 | .vertical .nav_title, 128 | .vertical .nav_cont h3{font-family:"Microsoft YaHei", "微软雅黑"; font-size:14px;} 129 | /*标题*/ 130 | .products_title{height:34px; border-bottom:#CCCCCC solid 2px;} 131 | .products_title h3{width:180px; border-bottom:#096DBA solid 2px; height:34px; line-height:34px; text-indent:9px; margin-bottom:-2px; position:relative;} 132 | /*商品*/ 133 | .item{float:left; height:265px; position:relative;} 134 | .item_cont{padding:0 15px;} 135 | .img_item{height:170px; text-align:center;} 136 | .img_item img{height:170px;} 137 | .item p{line-height:20px;} 138 | .item a{color:#000;} 139 | .item a:hover{text-decoration:underline;} 140 | .money{color:#D4105A; font-weight:bold; padding-top:10px;} 141 | .stars{width:13px; height:12px; overflow:hidden; background-position:0 0;display:inline-block; margin-right:1px;} 142 | .hot{width:52px; height:52px; background-position:-35px 0; position:absolute; right:0; top:0;} 143 | /*筛选*/ 144 | .screening{border-bottom:#CCC solid 1px; font-family:Verdana;} 145 | .screening dt{line-height:32px; width:74px; text-align:right; float:left; margin-right:42px;} 146 | .limit{width:55px; float:left; line-height:32px;} 147 | .screening .active{background-color:#1D7AD9; color:#FFF;} 148 | .screening a{padding:2px; } 149 | .screening_list{line-height:32px; width:626px; float:left;} 150 | .screening_list li{width:20%; float:left;} 151 | .screen_more{border:#CCC solid 1px; height:23px; line-height:23px; margin-top:4px; float:left; padding-right:11px; padding-left:11px; margin-right:10px;} 152 | .screen_more a{background:url(../images/icon/sj_grey.gif) right center no-repeat; padding-right:14px;} 153 | .addInfo{height:31px; border:#CCC solid 1px; background-color:#F5F5F5;} 154 | .address{float:left;} 155 | .add_text{float:left; line-height:31px; padding-left:12px; padding-right:6px;} 156 | .addInfo .select{margin-top:4px;} 157 | .screen_text{line-height:31px; padding-right:80px;} 158 | .check{position:relative; top:-1px; _top:4px;} 159 | .shop_number{position:relative; _top:4px;} 160 | .check input, 161 | .check label{vertical-align:middle;} 162 | .shop_number em{color:#F00; font-style:normal; font-weight:bold;} 163 | .addCar{border:#999 solid 1px; height:22px; line-height:22px; display:inline-block; padding:0 6px 0 23px; background:url(../images/icon/car.jpg) 6px center no-repeat;} 164 | .screening_list_more{padding-left:0.5%;} 165 | .screening_list_more .item{width:33.3%;} 166 | /*page*/ 167 | .page{text-align:center; position:relative; z-index:2;} 168 | .page a{height:24px; display:inline-block; line-height:24px; border:#CCC solid 1px; padding:0 12px; margin:0 2px;} 169 | .page .hl{display:inline-block;padding:0 12px; margin:0 2px;} 170 | .morePage{padding-left:14px; display:inline-block; height:24px; line-height:24px;} 171 | .pageNum{width:29px; padding:0 3px; border:#ccc solid 1px; height:24px; line-height:24px\9; text-align:center; margin-left:4px;} 172 | .page_btn{width:44px; height:24px; line-height:24px; background-color:#E8E8E8; border:#CCC solid 1px;} 173 | .ye{padding:0 8px 0 6px;} 174 | .page a, 175 | .page span, 176 | .page input{vertical-align:middle; position:relative;} 177 | /*组件*/ 178 | .select{border:#999 solid 1px; height:22px; line-height:22px; float:left; background-color:#FFF; padding-left:10px; padding-right:20px; position:relative; z-index:4;} 179 | .select h3{font-size:12px; font-weight:normal;} 180 | .select span{position:absolute; right:0; top:0; height:100%; width:20px; background:url(../images/icon/sj_blue.jpg) center center no-repeat;} 181 | .show_select{position:absolute; left:-1px; top:22px; background-color:#FFF; width:100%;border:#999 solid 1px; display:none;} 182 | .show_select li{padding-left:10px;} 183 | 184 | /*商品介绍*/ 185 | .grey{background-color:#F0F0F0;} 186 | /*位置*/ 187 | .userPosition{font-size:0; font-family:Verdana; margin-top:25px; margin-bottom:15px;} 188 | .userPosition em, 189 | .userPosition span, 190 | .userPosition strong, 191 | .userPosition a{font-size:12px;} 192 | .userPosition em{font-style:normal;} 193 | .userPosition a:hover{text-decoration:underline;} 194 | .description_info{background-color:#FFF;} 195 | .description{border:#CCC solid 1px;} 196 | .description .leftArea{width:309px;} 197 | .description .rightArea{width:688px; border-left:#CCC solid 1px;} 198 | /*图片展示*/ 199 | .description_imgs .big{height:340px; text-align:center;} 200 | .des_smimg{padding-left:1px; width:265px; margin:0 auto;} 201 | .des_smimg li{float:left; margin-left:-1px;} 202 | .des_smimg img{border:#CCC solid 1px;} 203 | .des_smimg .active{border-color:#317EE7; position:relative;} 204 | .des_content{padding:10px;} 205 | .des_content_tit{font:bold 16px/22px "Microsoft YaHei", "微软雅黑"; padding:13px 25px;} 206 | .des_content .dl{margin-bottom:8px;} 207 | .des_content .dt{width:75px; float:left; position:relative; color:#666; text-indent:17px; line-height:25px;} 208 | .des_content .dd{padding-left:75px; *padding-left:0;} 209 | .des_money{font-size:18px; color:#F30; font-family:Verdana;} 210 | .des_money em{font-style:normal; font-size:12px;} 211 | /*换购*/ 212 | .hg{padding-top:4px; display:inline-block;} 213 | .hg_icon{width:55px; height:18px; display:inline-block; background-position:0 -101px; color:#FFF;font-style:normal; text-indent:16px; line-height:18px; margin-right:10px; float:left;} 214 | .hg em{float:left; font-style:normal; line-height:18px;} 215 | /*送货*/ 216 | .des_position{background-color:#F2F2F2; padding:15px 0;} 217 | .theGoods{line-height:24px; padding-left:10px;} 218 | .des_content .colorSelect{line-height:35px;} 219 | .des_item{color:#666; padding:9px 10px; border:#CCC solid 1px; float:left; background-color:#FFF; margin-right:10px;} 220 | .des_item_acitve{border-color:#317EE7; color:#333;} 221 | .des_item_sm{padding:3px 7px; margin-bottom:8px;} 222 | .des_content .des_select_more{line-height:55px;} 223 | /*数量*/ 224 | .des_number{border:#B2B2B2 solid 1px; height:32px; width:82px; float:left;} 225 | .des_number div{height:100%; float:left;} 226 | .reduction,.plus{width:15px; background:url(../images/icon/plus_bg.jpg) left top no-repeat; line-height:32px; text-align:center; color:#333;} 227 | .reduction{border-right:#CCC solid 1px;} 228 | .plus{border-left:#CCC solid 1px;} 229 | .des_input{width:42px; background:url(../images/icon/des_input_bg.jpg) left top no-repeat; padding:0 4px; overflow:hidden;} 230 | .des_input input{width:100%; height:32px; line-height:32px\9; text-align:center;} 231 | .xg{line-height:32px; float:left; padding-left:10px; font-weight:bold; color:#656565;} 232 | .xg em{color:#FB7700; font-style:normal;} 233 | .des_content .des_num{line-height:32px;} 234 | /*已选择*/ 235 | .des_select{font-weight:bold; margin:22px 0 12px; text-indent:17px;} 236 | .des_select span{color:#0479C9;} 237 | .shop_buy{text-align:center;} 238 | .shopping_btn,.buy_btn{display:inline-block; width:184px; height:48px; background:url(../images/icon/buy_btn.jpg) left top no-repeat;} 239 | .line{width:1px; height:90px; overflow:hidden; background-color:#CCC; display:inline-block; margin:0 40px;} 240 | .line,.shopping_btn,.buy_btn{vertical-align:middle;} 241 | .notes{color:#CCC; text-indent:17px;} 242 | /*产品介绍*/ 243 | .des_info .leftArea{width:190px;} 244 | .des_info .rightArea{width:790px;} 245 | .recommend{border:#CCC solid 1px; background-color:#FFF; padding-bottom:15px;} 246 | .recommend .tit{height:39px; border-bottom:solid 1px #ccc; line-height:39px; text-indent:15px; font-size:14px; background-color:#F3F3F3;} 247 | .recommend .item{float:none; height:auto;} 248 | .recommend .money{padding-top:0;} 249 | /*详细介绍*/ 250 | .des_infoContent{border:#CCC solid 1px; background-color:#FFF;} 251 | .des_tit{height:39px; border-bottom: #CCC solid 1px; background:url(../images/icon/des_title.jpg) left top repeat-x;} 252 | .des_tit li{float:left; width:50%; font:14px/39px "宋体"; text-align:center; border-left:solid 1px #ccc; margin-left:-1px;} 253 | .des_tit .active{background-color:#0479CA; font-weight:bold; color:#FFF; position:relative;} 254 | .des_tit span{background:url(../images/icon/des_title_icon.png) left center no-repeat; padding-left:32px; display:inline-block; line-height:39px;} 255 | .ad{padding:30px 0; text-align:center;} 256 | .info_tit{height:26px; border-bottom:#CCC solid 1px; font-family:"Microsoft YaHei", "微软雅黑"; margin-bottom:18px;} 257 | .info_tit h3{float:left; font-size:16px; color:#2357A5; border-bottom:#2357A5 solid 1px; height:26px; margin-bottom:-1px; position:relative; padding-right:8px;} 258 | .info_tit h4{font-size:12px; line-height:26px; padding-left:4px; color:#656565;} 259 | .info_text{padding:0 20px;} 260 | .info_text p{line-height:22px; font-size:14px; color:#656565;} 261 | .center{display:block; margin:0 auto;} 262 | /*商品评价*/ 263 | .shopDes_tit{line-height:38px; height:38px; font-size:14px; color:#656565; padding-left:10px;} 264 | .score_box{padding-left:10px; height:120px;} 265 | .score{font-family:"Microsoft YaHei", "微软雅黑"; float:left; margin-right:10px;} 266 | .score em{font-size:18px; color:#65657D; font-style:normal;} 267 | .score span{font-size:50px; color:#FF8F00;} 268 | .score_speed{float:left; width:450px; line-height:16px; font-size:12px; margin-top:12px; position:relative;} 269 | .score_speed_text{overflow:hidden; margin-bottom:10px; color:#FFF; height:16px;background-color:#BDBDBD; } 270 | .score_speed_text li{float:left;} 271 | .score_speed_text .speed_01{width:114px; text-indent:26px;} 272 | .score_speed_text .speed_02{width:82px;} 273 | .score_speed_text .speed_03{width:76px;} 274 | .score_speed_text .speed_04{width:65px;} 275 | .score_num{position:absolute; left:94%; top:-21px; text-align:center; width:25px; height:14px; background-color:#7F7F7F; color:#FFF;} 276 | .score_num i{border-width:4px; border-style:solid dashed dashed dashed; border-color:#7F7F7F transparent transparent transparent; width:0; height:0;} 277 | /*满意切换*/ 278 | .review_tab{height:32px; background-color:#F2F2F2;} 279 | .review{line-height:32px; height:100%; padding-left:20px;} 280 | .review li{float:left; height:100%; margin-right:40px;} 281 | .review li a{display:inline-block; height:30px; line-height:30px; padding:0 5px;} 282 | .review .active{color:#317DE6; font-weight:bold; border-bottom:#317DE6 solid 2px; margin-bottom:-2px; position:relative;} 283 | .review_sort{padding:5px 5px 0 0;} 284 | .review_sort a{display:inline-block; line-height:20px; height:20px; border:solid 1px #ccc; padding:0 20px 0 6px; background:url(../images/icon/down.png) 58px center no-repeat;} 285 | .review_list{padding-top:18px; margin-bottom:10px;} 286 | .review_userHead{width:170px;} 287 | .review_user{width:60px; text-align:center; margin-left:40px;} 288 | .review_user img{width:60px; height:60px; display:block;} 289 | .review_user p{line-height:20px;} 290 | .review_cont{padding-left:170px;} 291 | .starsBox .stars{margin-top:1px;} 292 | .stars_text{font-weight:bold; padding-left:10px;} 293 | .review_t{height:24px; padding-top:5px;} 294 | .review_cont p{line-height:30px;} 295 | /*购物车*/ 296 | .stepBox{width:396px; padding-top:26px;} 297 | .step{background:url(../images/step.jpg) left top no-repeat; height:19px;} 298 | .step_text{color:#FFF; font-size:12px; line-height:30px;} 299 | .step_text li{float:left;} 300 | .s01,.s03{width:30%;} 301 | .s02{width:40%; text-align:center;} 302 | .s03{text-align:right;} 303 | .step_text .active{color:#F3E402; font-weight:bold;} 304 | .shoppingCart{padding-top:10px;} 305 | .shopping_item{border:#ccc solid 1px;} 306 | .shopping_tit{height:31px; background:url(../images/shopping_bg.jpg) left top repeat-x; color:#444444; font:16px/31px "Microsoft YaHei", "微软雅黑"; text-indent:12px; border-bottom:#E3E3E3 solid 1px;} 307 | .padding_shop{padding:25px 30px;} 308 | .shopping_list_text{float:left; width:76px; line-height:24px;} 309 | .cart_tel,.input{vertical-align:middle;} 310 | .cart_tel{display:inline-block; height:24px; line-height:24px;} 311 | .shopping_list li{height:24px; margin-bottom:10px;} 312 | .shopping_list_text em{color:#F30; font-style:normal; margin-right:5px;} 313 | .input{height:22px; line-height:22px\9; border:#CCC solid 1px; padding:0 6px; width:110px;} 314 | .input_b{width:392px;} 315 | .input_s{width:64px;} 316 | .input_s2{width:84px;} 317 | .jian{padding:0 3px;} 318 | .affirm{width:114px; height:28px; background:url(../images/sh_btn.jpg) left top no-repeat;} 319 | .radio{position:relative; top:3px; margin-right:4px;} 320 | .backCar{float:right; font-size:12px; font-family:"宋体"; margin-right:33px; color:#3377FF;} 321 | .backCar:hover{text-decoration:underline;} 322 | .cart_head{padding-top:5px;} 323 | .cart_head .cart_item{line-height:28px;} 324 | .cart_item{border-bottom:#CCC solid 1px; float:left;} 325 | .t_name{width:440px; padding-left:30px;} 326 | .t_price{width:134px;} 327 | .t_return{width:136px;} 328 | .t_num{width:135px;} 329 | .t_subtotal{width:123px;} 330 | .t_red{color:red;} 331 | /*商品信息*/ 332 | .cart_cont{border-bottom:solid 1px #ccc;} 333 | .cart_cont .cart_item{border-bottom:none;} 334 | .cart_cont .t_price, 335 | .cart_cont .t_return, 336 | .cart_cont .t_num, 337 | .cart_cont .t_subtotal{line-height:37px;} 338 | .cart_shopInfo img{width:90px; height:100px; display:block; float:left;} 339 | .cart_shopInfo_cont{padding-left:90px; font-size:12px;} 340 | .cart_link{line-height:37px; margin-bottom:30px;} 341 | .cart_link a:hover{text-decoration:underline;} 342 | .cart_info{color:#000;} 343 | .cart_message{line-height:40px; padding-left:30px; margin-bottom:10px;} 344 | .cart_prompt{line-height:40px; padding-left:30px; color:red;} 345 | .cart_prompt_icon{width:12px; height:12px; display:inline-block; background-position:0 -19px; margin-right:11px;} 346 | .pb_10{padding-bottom:10px;} 347 | .cart_no_bor{border-bottom:none;} 348 | .cart_rmb{margin-bottom:16px;} 349 | .cart_rmb i{font-size:14px; color:#999; font-style:normal;} 350 | .cart_rmb span{font:bold 24px/1 Verdana; color:red;} 351 | .cart_btnBox{text-align:right;} 352 | .cart_btn{width:165px; height:33px; background-color:#E50007; font:18px/33px "Microsoft YaHei", "微软雅黑"; color:#FFF;} 353 | /*登陆*/ 354 | .login_logo .comWidth{width:460px;} 355 | .welcome_title{font:22px/85px "Microsoft YaHei", "微软雅黑"; color:#FFF; float:left; padding-left:24px;} 356 | .loginBox{width:458px; border:#999 solid 1px; margin:10px auto; position:relative;} 357 | .login_cont{padding:15px 76px;} 358 | .l_tit{color:#666; line-height:20px;} 359 | .login_input{border:#999 solid 1px; height:32px; line-height:32px\9; text-indent:5px; width:100%;} 360 | .user_icon{background:url(../images/icon/user_icon.jpg) right center no-repeat;} 361 | .mb_10{margin-bottom:10px;} 362 | .autoLogin{padding-top:27px; padding-bottom:28px;} 363 | .checked{position:relative; top:3px; margin-right:3px;} 364 | .login_btn{width:309px; height:36px; background:url(../images/icon/login_btn.jpg) left top no-repeat;} 365 | .login_partners{padding-top:34px;} 366 | .login_list li{float:left; line-height:20px;} 367 | .login_list span{color:#999; margin:0 2px;} 368 | .reg_link{width:115px; height:31px; background:url(../images/icon/red_link.jpg) left top no-repeat; position:absolute; right:31px; bottom:-31px;} 369 | .red_logo .comWidth{width:630px;} 370 | .regBox{width:628px; margin:10px auto; border:#CCC solid 1px;} 371 | .reg_item{font:14px/34px "宋体"; width:110px; text-align:right; float:left;} 372 | .reg_item i{color:red; font-style:normal; margin-right:5px;} 373 | .input_item{width:306px; float:left;} 374 | .regBox li{height:70px; vertical-align:top;} 375 | .regBox .autoLogin{height:46px; padding:0;} 376 | .regBox .login_cont{padding:45px 76px 20px 76px;} 377 | 378 | /*图片合并*/ 379 | .stars, 380 | .hg_icon, 381 | .cart_prompt_icon, 382 | .shopClass_icon, 383 | .hot{background-image:url(../images/icon/icon.png); background-repeat:no-repeat;} 384 | 385 | 386 | 387 | 388 | 389 | 390 | 391 | 392 | 393 | --------------------------------------------------------------------------------