├── README.md ├── muxidiban ├── common │ └── common.css ├── images │ ├── aboutus_banner.jpg │ ├── banner.jpg │ ├── banner02.jpg │ ├── banner1.jpg │ ├── banner2.jpg │ ├── banner3.jpg │ ├── chengxin.png │ ├── contactus_banner.jpg │ ├── gongying.png │ ├── item01.jpg │ ├── item02.jpg │ ├── item03.jpg │ ├── item04.jpg │ ├── item05.jpg │ ├── item06.jpg │ ├── joinus_banner.jpg │ ├── keji.png │ ├── logo (1).ico │ ├── logo.ico │ ├── logo0.png │ ├── logo3.png │ ├── pinpai.png │ ├── policy.png │ ├── process.png │ ├── ps_banner01.jpg │ ├── ps_banner02.jpg │ └── ps_banner03.jpg ├── index css │ └── index.css ├── index.html ├── js │ └── index.js ├── 产品展示 css │ └── 产品展示.css ├── 产品展示.html ├── 关于公司 css │ └── 关于公司.css ├── 关于公司.html ├── 招商加盟 css │ └── 招商加盟.css ├── 招商加盟.html ├── 联系我们 css │ └── 联系我们.css └── 联系我们.html ├── 家居医生 ├── images │ ├── data_image.png │ ├── footerLogo.png │ ├── logo.png │ ├── shop.png │ ├── small_weixin.png │ ├── tianmao.png │ └── weixin2.png ├── index3.css └── index3.html ├── 小米商城 ├── images │ ├── Thumbs.db │ ├── banner.png │ ├── erweima.png │ ├── icons_type.png │ └── mi-logo.png ├── 小米商城.css └── 小米商城.html ├── 小米官网 ├── images │ ├── 01.png │ ├── 02.png │ ├── 03.png │ ├── 04.png │ ├── 05.png │ ├── 06.png │ ├── 10.png │ ├── 11.png │ ├── 12.png │ ├── 13.png │ ├── 14.png │ ├── 16.png │ ├── 4.7.1.2.jpg │ ├── 4.7.2.2.jpg │ ├── 4.7.3.2.jpg │ ├── 4.9.2.png │ ├── T1.qV_B4AT1RXrhCrK!220x220.jpg │ ├── T12qZvB7CT1RXrhCrK!220x220.jpg │ ├── T14cLgBXKT1RXrhCrK!220x220.jpg │ ├── T14yxTBsKT1RXrhCrK!220x220.jpg │ ├── T1ByZTBjJT1RXrhCrK.jpg │ ├── T1DrL_B4CT1RXrhCrK!220x220.jpg │ ├── T1F9ZTBbxT1RXrhCrK!220x220.jpg │ ├── T1GXxvBsET1RXrhCrK!220x220.jpg │ ├── T1GtZvBvVT1RXrhCrK!220x220.jpg │ ├── T1PxJvBCAT1RXrhCrK!220x220.jpg │ ├── T1SrKTBmWT1RXrhCrK!220x220.jpg │ ├── T1TfAgB4KT1RXrhCrK!220x220.jpg │ ├── T1VkKvBvhT1RXrhCrK!220x220.jpg │ ├── T1XYxTBsAT1RXrhCrK!220x220.jpg │ ├── T1Zzd_ByCv1RXrhCrK!220x220.jpg │ ├── T1_adTBvKT1RXrhCrK!220x220.jpg │ ├── T1crEgBCYT1RXrhCrK!220x220.jpg │ ├── T1icAvBTdT1RXrhCrK!220x220.jpg │ ├── T1ipAvB_ZT1RXrhCrK!220x220.jpg │ ├── T1nmhTBTKT1RXrhCrK!220x220.jpg │ ├── T1pOWvBKET1RXrhCrK!220x220.jpg │ ├── T1pZbvBTET1RXrhCrK!220x220.jpg │ ├── T1qaVvB7CT1RXrhCrK!220x220.jpg │ ├── T1y0JTBy_T1RXrhCrK!220x220.jpg │ ├── Thumbs.db │ ├── Untitled-3.html │ ├── aa.jpg │ ├── banner1.png │ ├── banner2.png │ ├── banner3.png │ ├── banner4.png │ ├── banner5.png │ ├── baohuke.png │ ├── bg.png │ ├── channel-list-cool.jpg │ ├── channel-list-new.jpg │ ├── cj9s.jpg │ ├── clock.png │ ├── fangdajing.png │ ├── fanghezi0407xiao.jpg │ ├── favicon.ico │ ├── hlws.jpg │ ├── lanyaerji.png │ ├── logo.png │ ├── mideng.png │ ├── mifeng-.png │ ├── mijian.png │ ├── nsbbs.jpg │ ├── pang.png │ ├── sgjs.jpg │ ├── shopcar.png │ ├── shopcarbgimg.png │ ├── xingxing.png │ ├── xueyajixiao.jpg │ ├── yaoshi.png │ └── yingxiang-.png ├── js │ └── 小米官网.js ├── 小米官网.css └── 小米官网.html ├── 烘培 ├── css │ └── index.css ├── images │ ├── 01.jpg │ ├── 03.jpg │ ├── Layer-6.png │ ├── add.png │ ├── bg.jpg │ ├── bg01.png │ ├── bg03.png │ ├── bg04.png │ ├── bg3.png │ ├── chuxiao.png │ ├── close.png │ ├── gua.png │ ├── headerBg01.jpg │ ├── headerBg02.jpg │ ├── icon01.png │ ├── reduce.png │ ├── revise.png │ ├── shop.png │ ├── shouyin.png │ ├── shouzhi.png │ ├── shouzibg.png │ ├── sou.png │ ├── time.png │ ├── update.png │ ├── user.png │ ├── yudiing.png │ ├── zeng.png │ ├── 交班.png │ ├── 会员.png │ ├── 会员2.png │ ├── 促销2.png │ ├── 挂单.png │ ├── 挂单2.png │ ├── 收银中心.png │ ├── 曾.png │ ├── 组-15.png │ └── 组-18.png └── index.html └── 用户中心 ├── images ├── Thumbs.db ├── adm.png ├── footerLogo.png ├── location.png ├── logo.png ├── open.png ├── phone.png ├── phone2.png ├── user.png ├── weixin1 - 副本.png ├── weixin1.png └── weixin3.png ├── 用户中心.css ├── 用户中心.html ├── 用户中心首页.css └── 用户中心首页.html /README.md: -------------------------------------------------------------------------------- 1 | # HTML-CSS -------------------------------------------------------------------------------- /muxidiban/common/common.css: -------------------------------------------------------------------------------- 1 | ul{ 2 | list-style: none; 3 | padding: 0; 4 | margin-right: 0; 5 | } 6 | .mx_center{ 7 | margin-left: auto; 8 | margin-right: auto; 9 | } 10 | .mx_width{ 11 | padding-left: 10%; 12 | padding-right: 10%; 13 | box-sizing: border-box; 14 | } 15 | .clearfix:after{ 16 | content: ""; 17 | display: table; 18 | clear: both; 19 | } 20 | .mx_navigation{ 21 | width: 100%; 22 | } 23 | .mx_navigation .navbar{ 24 | border-radius: 0; 25 | margin-bottom: 0; 26 | min-height: 80px; 27 | } 28 | .mx_navigation .navbar-default{ 29 | background: none; 30 | border: none; 31 | } 32 | .mx_navigation .navbar-default .navbar-toggle .icon-bar{ 33 | background: #2dae36; 34 | } 35 | .mx_navigation .navbar-brand{ 36 | width: 280px; 37 | background: url("../images/logo0.png") center no-repeat; 38 | height: 80px; 39 | padding: 8px; 40 | } 41 | .mx_navigation .navbar-brand img{ 42 | height:100%; 43 | } 44 | .mx_navigation .collapse{ 45 | line-height: 50px; 46 | } 47 | .mx_navigation .navbar-toggle{ 48 | margin-top: 22px; 49 | border-color: #2dae36; 50 | } 51 | .mx_navigation .navbar-toggle:hover{ 52 | border-color: white; 53 | background-color:#2dae36; 54 | } 55 | .mx_navigation .navbar-collapse{ 56 | padding:0; 57 | } 58 | .mx_navigation .navbar-default .navbar-toggle:hover .icon-bar{ 59 | background-color:white; 60 | } 61 | .mx_navigation .navbar-nav{ 62 | margin-right: -60px; 63 | } 64 | .mx_navigation .navbar-nav>li>a{ 65 | line-height: 50px; 66 | padding-left:14px; 67 | padding-right: 14px; 68 | } 69 | .mx_navigation .navbar-nav>li:hover>a{ 70 | color:#2dae36; 71 | border-bottom: 2px solid #2dae36; 72 | } 73 | .mx_navigation .navbar-nav .select>a{ 74 | color:#2dae36 ; 75 | border-bottom: 2px solid #2dae36; 76 | } 77 | .mx_navigation img{ 78 | width: 100%; 79 | height: 352px; 80 | } 81 | .footer{ 82 | padding-top:24px; 83 | padding-bottom:16px; 84 | box-sizing: border-box; 85 | background-color:#ddd; 86 | text-align: center; 87 | color:#666; 88 | } 89 | .footer .footer_logo{ 90 | margin-bottom: 16px; 91 | } 92 | .footer .footer_logo img{ 93 | width: 100px; 94 | } 95 | .footer a{ 96 | color:#777; 97 | text-align: center; 98 | text-decoration: none; 99 | line-height: 2em; 100 | } 101 | .footer .changepage{ 102 | padding-top: 20px; 103 | } 104 | .footer a:hover{ 105 | color:#2dae36; 106 | } 107 | .footer .copyright{ 108 | font-size: 12px; 109 | text-align: center; 110 | line-height: 2.4em; 111 | } 112 | .footer .contact{ 113 | font-size: 10px; 114 | line-height: 1.6em; 115 | text-align: center; 116 | } 117 | @media (max-width: 768px) { 118 | .mx_navigation .navbar-brand{ 119 | width: 80px; 120 | background: url(../images/logo.ico) center no-repeat; 121 | background-size: contain; 122 | height: 80px; 123 | padding: 8px; 124 | } 125 | .mx_navigation .navbar-nav{ 126 | margin-right: 0; 127 | } 128 | /* .footer a{ 129 | text-align:center; 130 | 131 | } */ 132 | /* .footer .changepage{ 133 | padding-top: 0px; 134 | } */ 135 | /* .footer .footer_logo{ 136 | padding-top: 0px; 137 | margin-bottom: 8px; 138 | } */ 139 | @media (min-width: 992px){ 140 | .footer .contact{ 141 | text-align: center; 142 | } 143 | } -------------------------------------------------------------------------------- /muxidiban/images/aboutus_banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/aboutus_banner.jpg -------------------------------------------------------------------------------- /muxidiban/images/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/banner.jpg -------------------------------------------------------------------------------- /muxidiban/images/banner02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/banner02.jpg -------------------------------------------------------------------------------- /muxidiban/images/banner1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/banner1.jpg -------------------------------------------------------------------------------- /muxidiban/images/banner2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/banner2.jpg -------------------------------------------------------------------------------- /muxidiban/images/banner3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/banner3.jpg -------------------------------------------------------------------------------- /muxidiban/images/chengxin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/chengxin.png -------------------------------------------------------------------------------- /muxidiban/images/contactus_banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/contactus_banner.jpg -------------------------------------------------------------------------------- /muxidiban/images/gongying.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/gongying.png -------------------------------------------------------------------------------- /muxidiban/images/item01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/item01.jpg -------------------------------------------------------------------------------- /muxidiban/images/item02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/item02.jpg -------------------------------------------------------------------------------- /muxidiban/images/item03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/item03.jpg -------------------------------------------------------------------------------- /muxidiban/images/item04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/item04.jpg -------------------------------------------------------------------------------- /muxidiban/images/item05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/item05.jpg -------------------------------------------------------------------------------- /muxidiban/images/item06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/item06.jpg -------------------------------------------------------------------------------- /muxidiban/images/joinus_banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/joinus_banner.jpg -------------------------------------------------------------------------------- /muxidiban/images/keji.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/keji.png -------------------------------------------------------------------------------- /muxidiban/images/logo (1).ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/logo (1).ico -------------------------------------------------------------------------------- /muxidiban/images/logo.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/logo.ico -------------------------------------------------------------------------------- /muxidiban/images/logo0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/logo0.png -------------------------------------------------------------------------------- /muxidiban/images/logo3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/logo3.png -------------------------------------------------------------------------------- /muxidiban/images/pinpai.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/pinpai.png -------------------------------------------------------------------------------- /muxidiban/images/policy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/policy.png -------------------------------------------------------------------------------- /muxidiban/images/process.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/process.png -------------------------------------------------------------------------------- /muxidiban/images/ps_banner01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/ps_banner01.jpg -------------------------------------------------------------------------------- /muxidiban/images/ps_banner02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/ps_banner02.jpg -------------------------------------------------------------------------------- /muxidiban/images/ps_banner03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/muxidiban/images/ps_banner03.jpg -------------------------------------------------------------------------------- /muxidiban/index css/index.css: -------------------------------------------------------------------------------- 1 | 2 | .home_content{ 3 | width:80%; 4 | margin-left: auto; 5 | margin-right:auto; 6 | 7 | } 8 | .characteristic{ 9 | margin-bottom: 50px; 10 | } 11 | .characteristic .characteristic_icon{ 12 | margin-bottom: 16px; 13 | } 14 | .characteristic .characteristic_icon img{ 15 | width: 30%; 16 | } 17 | .characteristic .title{ 18 | font-size: 24px; 19 | color:#2dae36; 20 | } 21 | .characteristic .sm_title{ 22 | font-size: 14px; 23 | color:#666; 24 | } 25 | .product{ 26 | width: 80%; 27 | margin-bottom: 50px; 28 | margin-left:auto; 29 | margin-right:auto; 30 | } 31 | .product .product_title{ 32 | height: 42px; 33 | margin-bottom: 10px; 34 | border-bottom: 1px solid #2dae36; 35 | } 36 | .product .product_title .show{ 37 | width: 120px; 38 | color:white; 39 | font-size: 20px; 40 | line-height: 42px; 41 | text-align: center; 42 | background: #2dae36; 43 | border-radius:16px 0 16px 0; 44 | } 45 | .product_list .row>div{ 46 | position: relative; 47 | padding:15px; 48 | box-sizing: border-box; 49 | } 50 | .product_list .row img{ 51 | width: 100%; 52 | } 53 | @media (min-width:992px){ 54 | .col-md-4{ 55 | width:33.33333333%; 56 | float: left; 57 | } 58 | } 59 | .row text-center::after{ 60 | content:""; 61 | display: table; 62 | box-sizing: border-box; 63 | } 64 | .product_list img{ 65 | width: 330px; 66 | height: 250px; 67 | border: 0; 68 | } 69 | -------------------------------------------------------------------------------- /muxidiban/index.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 | 30 | 31 |
32 | 41 |
42 |
43 |
44 |
45 | 46 | 66 | 67 |
68 |

企业精神

69 |
70 |
71 |
pinpai
72 |

品质

73 |

品质是品牌的发展基石

74 |

坚持好品质,必定铸就优质品牌

75 |
76 |
77 |
keji
78 |

科技

79 |

科技是品牌的助推力

80 |

只有不断科技创新,才能不会被淘汰

81 |
82 |
83 |
chengxin
84 |

诚信

85 |

诚信是品牌的防护盾

86 |

诚信企业,放心品牌才能走的更长久

87 |
88 |
89 |
gongying
90 |

共赢

91 |

共赢是品牌的生命力

92 |

与客户共赢,与员工共赢与企业共赢

93 |
94 |
95 |
96 | 97 |
98 |

产品展示

99 |
100 |
101 |
01
102 |
02
103 |
03
104 |
04
105 |
05
106 |
06
107 |
108 |
109 |
110 | 111 | 112 |
113 |
114 |
115 | 118 |
119 |
120 |
121 |
关于公司
122 |
产品展示
123 |
招商加盟
124 |
联系我们
125 |
126 |

版权所有©木兮实业有限公司 鄂ICP备18011650号

127 |
128 |
129 |
130 |

027-83622296

131 |

13387576980

132 |

yt15yi@163.com

133 |
134 |
135 |
136 |
137 | 138 | -------------------------------------------------------------------------------- /muxidiban/js/index.js: -------------------------------------------------------------------------------- 1 | $(function(){ 2 | const pages=["home.html","aboutus.html","productshow.html","joinus.html","contactus.html"]; 3 | $("#mx_content").load(pages[0]); 4 | $("#mx_navigation li").click(function(){ 5 | $(this).addClass("select").siblings().removeClass("select"); 6 | $("#mx_content").load(pages[$(this).index()]); 7 | }); 8 | $("#changepage div").click(function(){ 9 | $("#mx_navigation li").eq($(this).index()+1).addClass("select").siblings().removeClass("select"); 10 | $("#mx_content").load(pages[$(this).index()+1]); 11 | }); 12 | }) -------------------------------------------------------------------------------- /muxidiban/产品展示 css/产品展示.css: -------------------------------------------------------------------------------- 1 | 2 | .product{ 3 | width: 60%; 4 | margin-bottom: 50px; 5 | margin-left:auto; 6 | margin-right:auto; 7 | } 8 | .product .nav{ 9 | margin-top: 25px; 10 | margin-bottom: 10px; 11 | } 12 | .tab-content .row>div{ 13 | position: relative; 14 | padding:10px; 15 | box-sizing: border-box; 16 | } 17 | .tab-content .row img{ 18 | width: 100%; 19 | } 20 | -------------------------------------------------------------------------------- /muxidiban/产品展示.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 产品展示 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 |
20 |
21 |
22 |
23 | 29 | 30 |
31 | 40 |
41 |
42 |
43 |
44 | 64 |
65 |
66 | 83 |
84 |
85 |
86 |
01
87 |
02
88 |
03
89 |
04
90 |
05
91 |
06
92 |
93 |
94 | 95 | 96 | 97 |
98 |
99 |
100 |
101 | 104 |
105 |
106 |
107 |
关于公司
108 |
产品展示
109 |
招商加盟
110 |
联系我们
111 |
112 |

版权所有©木兮实业有限公司 鄂ICP备18011650号

113 |
114 |
115 |
116 |

027-83622296

117 |

13387576980

118 |

yt15yi@163.com

119 |
120 |
121 |
122 |
123 | 124 | -------------------------------------------------------------------------------- /muxidiban/关于公司 css/关于公司.css: -------------------------------------------------------------------------------- 1 | 2 | .mx_width{ 3 | padding-left: 10%; 4 | padding-right: 10%; 5 | box-sizing: border-box; 6 | } 7 | .about_banner{ 8 | margin-bottom: 20px; 9 | } 10 | .about_banner img{ 11 | width: 100%; 12 | } 13 | .aboutuspart .aboutus_title{ 14 | height: 42px; 15 | margin-bottom: 20px; 16 | border-bottom: 1px solid rgb(45,174,54); 17 | } 18 | .aboutuspart .aboutus_title .aboutus_text{ 19 | width: 120px; 20 | color: white; 21 | font-size: 20px; 22 | line-height: 42px; 23 | text-align: center; 24 | background: #2dae36; 25 | border-radius: 16px 0 16px 0; 26 | } 27 | .aboutuspart .aboutus_content{ 28 | padding-top: 20px; 29 | padding-bottom: 50px; 30 | } 31 | .container-fluid{ 32 | padding-right: 15px; 33 | padding-left: 15px; 34 | margin-left: auto; 35 | margin-right: auto; 36 | } 37 | .container-fluid::before{ 38 | content: ""; 39 | display: table; 40 | } 41 | .row{ 42 | margin-right: -15px; 43 | margin-left: -15px; 44 | } 45 | .row::before{ 46 | content: ""; 47 | display: table; 48 | clear: both; 49 | } 50 | .aboutus_content .col-md-6{ 51 | margin-bottom: 20px; 52 | } 53 | .aboutus_content.text_center{ 54 | position: relative; 55 | min-height: 1px; 56 | padding-left: 15px; 57 | padding-right: 15px; 58 | overflow: hidden; 59 | } 60 | .aboutus_content.text_center.mx_position{ 61 | height: 400px; 62 | float: left; 63 | z-index: 0; 64 | background-color: rgb(243,241,236); 65 | color: rgb(0,0,0); 66 | text-align: left; 67 | } 68 | .aboutus_content p{ 69 | color: #666; 70 | line-height: 1.6em; 71 | text-indent: 2em; 72 | margin-bottom: 20px; 73 | } 74 | p{ 75 | margin: 0 0 10px; 76 | } 77 | .aboutuspart .aboutus_content .tips{ 78 | color: #2dae36; 79 | } 80 | @media (min-width:992px){ 81 | .col-md-6{ 82 | width:50%; 83 | float: left; 84 | } 85 | } 86 | .row text-center::after{ 87 | content:""; 88 | display: table; 89 | box-sizing: border-box; 90 | } 91 | -------------------------------------------------------------------------------- /muxidiban/关于公司.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 |
20 |
21 |
22 |
23 | 29 | 30 |
31 | 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 | 湖北百诺木业有限公司以一流的设备，一流的材料，一流的技术造一流的地板，公司先后通过ISO9001质量管理认证和ISO14000环境管理体系认证，并获得“中国知名品牌”称号。强大的研发队伍，精良的生产工艺，严格的质检把关确保了木兮系列产品的优秀品质，是您居家，办公，开店的首选地板。 69 |

70 |

71 | 木兮地板耐磨等级符合AC3标准，甲醛释放量低于国家E1标准，更健康环保，阻燃等级达到B1标准。湖北百诺木业有限公司对市场的坚定信念和雄厚的实力以及积极响应政府和环保政策都让自己在市场上占有重要的位置，并成为地板行业的领跑者 72 |

73 |

74 | 木兮地板 75 | 湖北百诺木业有限公司将用最真诚的行动来打动每位客户。 76 |

77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 | 89 |
90 |
91 | 97 |

版权所有©木兮实业有限公司 鄂ICP备18011650号

98 |
99 |
100 |
101 |

027-83622296

102 |

13387576980

103 |

yt15yi@163.com

104 |
105 |
106 |
107 |
108 | 109 | -------------------------------------------------------------------------------- /muxidiban/招商加盟 css/招商加盟.css: -------------------------------------------------------------------------------- 1 | 2 | .Joinus_banner{ 3 | margin-bottom: 24px; 4 | } 5 | .Joinus_banner img{ 6 | width: 100%; 7 | 8 | } 9 | .Join{ 10 | width: 100%; 11 | margin-bottom: 50px; 12 | margin-left:auto; 13 | margin-right:auto; 14 | position: relative; 15 | } 16 | .mx_width{ 17 | padding-left: 10%; 18 | padding-right: 10%; 19 | box-sizing: border-box; 20 | } 21 | .Join .Joinus_title{ 22 | height: 42px; 23 | margin-bottom: 10px; 24 | border-bottom: 1px solid #2dae36; 25 | } 26 | .Join .Joinus_title .Joinus_text{ 27 | width: 120px; 28 | color:white; 29 | font-size: 20px; 30 | line-height: 42px; 31 | text-align: center; 32 | background: #2dae36; 33 | border-radius:16px 0 16px 0; 34 | } 35 | .Join .Joinus_condition{ 36 | background: #F9F9F9; 37 | padding: 30px 0; 38 | box-sizing: border-box; 39 | } 40 | .container-fluid{ 41 | padding-right: 15px; 42 | padding-left: 15px; 43 | margin-left: auto; 44 | margin-right: auto; 45 | } 46 | .container-fluid::before{ 47 | content: ""; 48 | display: table; 49 | } 50 | .row{ 51 | margin-left: -15px; 52 | margin-right: -15px; 53 | } 54 | .row::bofore{ 55 | content: ""; 56 | display: table; 57 | } 58 | .Join .Joinus_list .Joinus_part{ 59 | padding: 20px; 60 | box-sizing: border-box; 61 | } 62 | .clearfix::bofore{ 63 | content: ""; 64 | display: table; 65 | } 66 | .Join .Joinus_list .Joinus_part>div{ 67 | float:left; 68 | } 69 | .Join .Joinus_list .Joinus_part img{ 70 | vertical-align: middle; 71 | border: 0; 72 | } 73 | .Join .Joinus_list .Joinus_part .Joinus_part_title{ 74 | font-size: 30px; 75 | color: #333; 76 | line-height: 1.6em; 77 | padding-top: 12px; 78 | } 79 | .Join .Joinus_list .Joinus_part .Joinus_part_smtitle{ 80 | font-size: 18px; 81 | color: #2dae36; 82 | } 83 | div::after{ 84 | content: ""; 85 | display: table; 86 | } 87 | .Join .Joinus_condition .condition_mes{ 88 | font-size: 14px; 89 | color: #333; 90 | line-height: 1.6em; 91 | padding: 15px; 92 | box-sizing: border-box; 93 | } 94 | .Join .Joinus_process{ 95 | padding: 30px 0; 96 | box-sizing: border-box; 97 | border-top: 1px dotted #2dae36; 98 | border-bottom: 1px dotted #2dae36; 99 | } 100 | .Join .Joinus_policy{ 101 | padding: 30px 0; 102 | box-sizing: border-box; 103 | background: #F9F9F9; 104 | } 105 | .Join .Joinus_policy .policy_mes{ 106 | color: #666; 107 | font-size: 14px; 108 | line-height: 1.6em; 109 | } 110 | .Join .Joinus_policy .policy_mes .policy_mes_title{ 111 | color: #2dae36; 112 | font-size: 16px; 113 | font-weight: bold; 114 | line-height: 2em; 115 | } 116 | .Join .Joinus_policy .policy_mes .policy_mes_text{ 117 | text-indent: 2em; 118 | } 119 | .Join .Joinus_policy .policy_mes .policy_mes_item{ 120 | text-indent: 2em; 121 | } 122 | @media (min-width:992px){ 123 | .col-md-6{ 124 | width:50%; 125 | } 126 | } 127 | -------------------------------------------------------------------------------- /muxidiban/招商加盟.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | 招商加盟 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 |
20 |
21 |
22 |
23 | 29 | 30 |
31 | 40 |
41 |
42 | 43 |
44 |
45 |
46 |
47 | 48 |
49 |
50 |
51 |
52 |

招商加盟

53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 | 65 |
66 |

加盟条件

67 |

Condition of joining

68 |
69 |
70 |
71 |
72 |

1.正常营业过了生存期；

73 |

2.经销商有强烈的发展企图心；

74 |

3.三年以上零售版材终端经验，最好在当地排名前三名，县级前两名为佳；

75 |

4.具有一定的经济实力和好的店面；

76 |

5.认可木兮品牌发展价值观；

77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 | 91 |
92 |

加盟流程

93 |

Join process

94 |
95 |
96 |
97 |
98 |

加盟咨询

99 |

填写加盟申请表

100 |

加盟商资料调查

101 |

店铺选址

102 |

实地考察与评估

103 |

公司审批

104 |

交信誉保证金、签订特许经营合同

105 |

招聘、培训营业员、标准店铺装修

106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 | 120 |
121 |

加盟政策

122 |

Policy of joining

123 |
124 |
125 |
126 |
127 |

行业分析

128 |

近年各地房价快速增长，对房地产的大量需求也带动了装修装饰材料市场的发展，我国住房装修总产值以每年20％的速度递增。同时，装修装饰材料生产区域限制成本过高、产品同质化严重，加上价格竞争，导致企业利润微薄，直接对传统经营模式提出了新的挑战。

129 |

传统经营模式的特点是

130 |
131 |

1、规模偏小；

132 |

2、质量参差不齐;

133 |

3、服务体系不完善；

134 |

4、经营管理水平低；

135 |

5、低层次混乱竞争；

136 |

6、缺乏核心竞争力；

137 |

7、议价销售。

138 |
139 |

传统经营模式的弊端：

140 |
141 |

1、单纯的价格竞争导致低品质、低环保要求；

142 |

2、薄利赊销增大经营风险；

143 |

3、过度营销导致行业陷入困境，加大行业成本；

144 |

4、议价销售缺乏对消费者的保障，影响行业声誉。

145 |
146 |

在此情况下，木兮率先实现从传统经营模式到专卖店销售模式的转移，通过在流通渠道建立品牌影响力，引导行业从低质向高质发展、从不环保向环保发展，从低层次的价格竞争走向品牌竞争。

147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 | 161 |
162 |
163 |
164 |
关于公司
165 |
产品展示
166 |
招商加盟
167 |
联系我们
168 |
169 |

版权所有©木兮实业有限公司 鄂ICP备18011650号

170 |
171 |
172 |
173 |

027-83622296

174 |

13387576980

175 |

yt15yi@163.com

176 |
177 |
178 |
179 |
180 | 181 | -------------------------------------------------------------------------------- /muxidiban/联系我们 css/联系我们.css: -------------------------------------------------------------------------------- 1 | 2 | .contact_banner{ 3 | margin-bottom: 24px; 4 | } 5 | .contact_banner img{ 6 | width: 100%; 7 | } 8 | .mx_width{ 9 | padding-left: 10%; 10 | padding-right: 10%; 11 | box-sizing: border-box; 12 | } 13 | .contactus .contactus_title{ 14 | height: 42px; 15 | margin-bottom: 10px; 16 | border-bottom: 1px solid #2dae36; 17 | } 18 | .contactus .contactus_title .contactus_text{ 19 | width: 120px; 20 | color:white; 21 | font-size: 20px; 22 | line-height: 42px; 23 | text-align: center; 24 | background: #2dae36; 25 | border-radius:16px 0 16px 0; 26 | } 27 | .contactus .contactus_content{ 28 | padding: 50px 0; 29 | } 30 | .contactus .contactus_content .border_right{ 31 | padding-top: 40px; 32 | padding-bottom: 20px; 33 | border-right: 1px solid #2dae36; 34 | } 35 | .contactus .contactus_content .bigger{ 36 | font-size: 30px; 37 | text-align: right; 38 | padding-right: 56px; 39 | box-sizing: border-box; 40 | } 41 | .contactus .contactus_content .bigger>span{ 42 | display: inline-block; 43 | width: 56px; 44 | height: 56px; 45 | border: 1px solid #2dae36; 46 | } 47 | .contactus .contactus_content span{ 48 | border-radius: 50%; 49 | position: relative; 50 | vertical-align: middle; 51 | margin-right: 10px; 52 | } 53 | .contactus .contactus_content .iconfont{ 54 | color: #2dae36; 55 | font-size: 20px; 56 | position: absolute; 57 | top: 50%; 58 | left: 50%; 59 | transform: translate(-50%,-50%); 60 | } 61 | p{ 62 | margin: 0 0 10px; 63 | } 64 | .contactus .contactus_content span{ 65 | display: inline-block; 66 | width: 36px; 67 | height: 36px; 68 | border: 1px solid #2dae36; 69 | border-radius: 50%; 70 | position: relative; 71 | vertical-align: middle; 72 | margin-right: 10px; 73 | } 74 | .contactus_position{ 75 | border-top: 1px solid #2dae36; 76 | border-bottom: 1px solid #2dae36; 77 | } 78 | .contactus_position img{ 79 | width: 100%; 80 | } 81 | @media (min-width:992px){ 82 | .col-md-6{ 83 | width:50%; 84 | float: left; 85 | } 86 | } 87 | -------------------------------------------------------------------------------- /muxidiban/联系我们.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 | 30 | 31 |
32 | 41 |
42 |
43 |
44 |
45 |
46 |
47 | 48 |
49 |
50 |
51 |

联系我们

52 |
53 |
54 |
55 |
56 |
57 |

58 | 027-83622296 59 |

60 |
61 |
62 |

63 | 13387576980 64 |

65 |

66 | yt15yi@163.com 67 |

68 |

69 | 汉西三路香江家居A12栋16号湖北营销中心 70 |

71 |
72 |
73 |
74 |
75 |
76 |
77 | 78 |
79 |
80 |
81 |
82 |
83 | 86 |
87 |
88 | 94 |

版权所有©木兮实业有限公司 鄂ICP备18011650号

95 |
96 |
97 |
98 |

027-83622296

99 |

13387576980

100 |

yt15yi@163.com

101 |
102 |
103 |
104 |
105 | 106 | -------------------------------------------------------------------------------- /家居医生/images/data_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/家居医生/images/data_image.png -------------------------------------------------------------------------------- /家居医生/images/footerLogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/家居医生/images/footerLogo.png -------------------------------------------------------------------------------- /家居医生/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/家居医生/images/logo.png -------------------------------------------------------------------------------- /家居医生/images/shop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/家居医生/images/shop.png -------------------------------------------------------------------------------- /家居医生/images/small_weixin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/家居医生/images/small_weixin.png -------------------------------------------------------------------------------- /家居医生/images/tianmao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/家居医生/images/tianmao.png -------------------------------------------------------------------------------- /家居医生/images/weixin2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/家居医生/images/weixin2.png -------------------------------------------------------------------------------- /家居医生/index3.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0} 2 | .top{ 3 | width: 100%; 4 | height: 65px; 5 | background:#18BEBE url("images/logo.png") no-repeat center; 6 | } 7 | .nav{ 8 | line-height: 50px; 9 | width:100%; 10 | height: 50px; 11 | background: #EFEFEF; 12 | margin-left: auto; 13 | margin-right: auto; 14 | position: relative; 15 | } 16 | .nav-left{ 17 | position: absolute; 18 | left:0; 19 | top:0; 20 | font-size: 14px; 21 | margin-left: 190px; 22 | } 23 | .nav-left i{ 24 | color: #18BEBE; 25 | width:20px; 26 | height: 20px; 27 | } 28 | .nav-right{ 29 | position: absolute; 30 | right:0; 31 | top:0; 32 | font-size: 14px; 33 | margin-right:180px; 34 | } 35 | .nav-content{ 36 | text-align: center; 37 | } 38 | .nav-content a{ 39 | font-size: 18px; 40 | color:#000; 41 | margin:0 30px; 42 | text-decoration: none; 43 | } 44 | .container{ 45 | margin-left: auto; 46 | margin-right: auto; 47 | } 48 | .menu-nav{ 49 | width:1000px; 50 | margin-left: auto; 51 | margin-right: auto; 52 | } 53 | h3{ 54 | margin-top: 20px; 55 | margin-left: 20px; 56 | margin-bottom: 15px; 57 | font-weight: normal; 58 | font-size: 18px; 59 | } 60 | .menu{ 61 | width: 1000px; 62 | margin-top: 15px; 63 | height: 170px; 64 | background:#EBEBEB; 65 | margin-left: auto; 66 | margin-right: auto; 67 | border: 1px solid #E7E7E7; 68 | } 69 | .menu ul{ 70 | margin-top: 15px; 71 | overflow: hidden; 72 | } 73 | .menu li{ 74 | list-style: none; 75 | float: left; 76 | font-size: 16px; 77 | cursor: pointer; 78 | border: 1px solid #EBEBEB; 79 | } 80 | .menu a{ 81 | border: 1px solid #EBEBEB; 82 | margin-left: -1px; 83 | } 84 | .menu a:hover{ 85 | border: 1px solid #FCBA50; 86 | background: #fff; 87 | } 88 | .menu li a{ 89 | text-decoration: none; 90 | color:#000 ; 91 | } 92 | .menu .first{ 93 | color:#8CD4D4; 94 | margin-left: 15PX; 95 | } 96 | .menu ul li:nth-child(12){ 97 | margin-left:12px; 98 | } 99 | .menu .iconfont{ 100 | font-size: 20px; 101 | } 102 | .menu li:not(:nth-child(1)){ 103 | margin-left: 30px; 104 | } 105 | .menu::before{ 106 | content:""; 107 | display: table; 108 | clear: both; 109 | } 110 | .search{ 111 | line-height: 54px; 112 | width:1000px; 113 | margin-left: auto; 114 | margin-right: auto; 115 | background: #EBEBEB; 116 | height: 55px; 117 | border:1px solid #E3E3DF; 118 | position: relative; 119 | margin-top: 20px; 120 | } 121 | .search-left{ 122 | position: absolute; 123 | margin-left: 15px; 124 | top:0; 125 | font-size: 13px; 126 | } 127 | .search-right{ 128 | color:#18BEBE; 129 | position: absolute; 130 | right:26px; 131 | top:0; 132 | font-size: 17px; 133 | } 134 | .search-content{ 135 | position: absolute; 136 | top:50%;left:50%;transform: translate(-50%,-50%); 137 | height:30px; 138 | width:250px; 139 | background-color:#fff; 140 | border:1px solid #E3E3DF; 141 | border-radius: 30px; 142 | overflow: hidden; 143 | } 144 | .search-content input{ 145 | width:184px; 146 | height: 30px; 147 | position: absolute; 148 | left:0; 149 | top:0; 150 | border:none; 151 | padding-left:20px; 152 | outline: none; 153 | } 154 | .search-content button{ 155 | width:64px; 156 | border:none; 157 | outline: none; 158 | background: #fff; 159 | height:30px; 160 | position:absolute; 161 | right:0; 162 | top:0; 163 | } 164 | button span{ 165 | font-size: 12px; 166 | } 167 | .content{ 168 | width: 1000px; 169 | margin-left: auto; 170 | margin-right: auto; 171 | overflow:hidden; 172 | } 173 | .content li{ 174 | float: left; 175 | width: 240px; 176 | height: 344px; 177 | margin-top: 18px; 178 | list-style: none; 179 | border: 2px solid #DFDFDF; 180 | background:#EBEBEB; 181 | text-align: center; 182 | overflow: hidden; 183 | box-sizing: border-box; 184 | } 185 | .content li:not(:nth-child(4n+1)){ 186 | margin-left: 13.3333px; 187 | } 188 | .content img{ 189 | margin-top: 16px; 190 | } 191 | .content li p{ 192 | text-align: left; 193 | margin-left: 15px; 194 | line-height: 25px; 195 | font-size: 13px; 196 | } 197 | .content li .change{ 198 | line-height: 30px; 199 | font-size: 16px; 200 | font-weight: bold; 201 | color: #8CD4D4; 202 | } 203 | .content div:hover p{ 204 | color: #FFA700; 205 | } 206 | .pagination{ 207 | width: 1000px; 208 | height: 35px; 209 | margin-top: 32px; 210 | margin-left: auto; 211 | margin-right: auto; 212 | overflow: hidden; 213 | } 214 | .pagination a{ 215 | color: #000; 216 | text-decoration: none; 217 | } 218 | .pagination-left{ 219 | font-size: 16px; 220 | margin-top: 5px; 221 | float:left; 222 | } 223 | .pagination-left button{ 224 | background: #EBEBEB; 225 | border: 1px solid #EBEBEB; 226 | width: 116px; 227 | height: 31px; 228 | } 229 | .pagination-left button:nth-of-type(2){ 230 | margin-left: 38px; 231 | } 232 | .pagination-left a:nth-of-type(1){ 233 | margin-left: 38px; 234 | } 235 | .pagination-left a:nth-of-type(2){ 236 | margin-left: 20px; 237 | } 238 | .pagination-left a:nth-of-type(3){ 239 | margin-left: 20px; 240 | } 241 | .pagination-left a:nth-of-type(4){ 242 | margin-left: 20px; 243 | } 244 | .pagination-left a:nth-of-type(5){ 245 | margin-left: 20px; 246 | } 247 | .pagination-left a:hover{ 248 | color: #FEB02C; 249 | text-decoration: underline; 250 | } 251 | .pagination-content{ 252 | margin-left:37px; 253 | float: left; 254 | } 255 | .pagination-content input{ 256 | width: 31px; 257 | height: 31px; 258 | border: 2px solid #9B9B9B; 259 | } 260 | .pagination-right{ 261 | width: 120px; 262 | float: left; 263 | } 264 | .pagination-right button{ 265 | width: 65px; 266 | height: 33px; 267 | margin-left: 52px; 268 | background:#FFA700; 269 | border: 1px solid #FFA700; 270 | color: #EBEBEB; 271 | font-size: 16px; 272 | } 273 | .erweima{ 274 | width: 1000px; 275 | height: 100px; 276 | margin-left: auto; 277 | margin-right: auto; 278 | overflow: hidden; 279 | margin-top: 28px; 280 | } 281 | .erweima img{ 282 | border: 1px solid #D7D7D7; 283 | margin-left: 15px; 284 | float: left; 285 | } 286 | .erweima li{ 287 | list-style: none; 288 | } 289 | .erweima ul{ 290 | margin-top:2px; 291 | margin-left: 118px; 292 | } 293 | .erweima li:first-child{ 294 | color: #4FC8C9; 295 | font-size: 20px; 296 | margin-bottom: 12px; 297 | } 298 | .erweima li:not(:nth-child(1)){ 299 | font-size: 14px; 300 | } 301 | .nav-bottom{ 302 | height: 240px; 303 | margin-left: auto; 304 | margin-right: auto; 305 | background: #515151; 306 | position: relative; 307 | overflow: hidden; 308 | } 309 | .nav-bottom-left{ 310 | width: 350px; 311 | margin-left: 180px; 312 | position: absolute; 313 | } 314 | .nav-bottom-left img{ 315 | margin-top: 26px; 316 | margin-bottom: 16px; 317 | } 318 | .nav-bottom-left ul{ 319 | width: 380px; 320 | } 321 | .nav-bottom-left li{ 322 | float: left; 323 | list-style: none; 324 | font-size: 14px; 325 | color: #EBEBEB; 326 | } 327 | .nav-bottom-left li:first-child{ 328 | font-weight: bold; 329 | } 330 | .nav-bottom-left li:nth-child(2){ 331 | margin-top: 12px; 332 | } 333 | .nav-bottom-left li:nth-child(3){ 334 | margin-top: 2px; 335 | } 336 | .nav-bottom-right{ 337 | margin-left:632px; 338 | overflow: hidden; 339 | } 340 | .nav-bottom-right li{ 341 | list-style: none; 342 | line-height: 30px; 343 | font-size: 12px; 344 | color: #EBEBEB; 345 | } 346 | .nav-bottom-right ul{ 347 | float: left; 348 | margin-top: 69px; 349 | margin-left: 80px; 350 | } 351 | .nav-bottom-right li a{ 352 | color: #EBEBEB; 353 | text-decoration: none; 354 | } 355 | .nav-bottom-right ul:nth-child(1){ 356 | margin-left:50px; 357 | } 358 | .nav-bottom-right ul:nth-child(3){ 359 | margin-left:132px; 360 | margin-top:62px; 361 | } 362 | .nav-bottom-right ul:nth-child(4){ 363 | margin-left: 12px; 364 | } 365 | .nav-bottom-foot{ 366 | margin-left: auto; 367 | margin-right: auto; 368 | width: 1003px; 369 | font-size: 12px; 370 | color: #E7E7E7; 371 | overflow: hidden; 372 | } 373 | hr{ 374 | color:#D3D3D3; 375 | margin-top: 20px; 376 | } 377 | .nav-bottom-foot .left{ 378 | float: left; 379 | margin-left:17px; 380 | } 381 | .nav-bottom-foot .right{ 382 | margin-right:9px; 383 | float: right; 384 | } 385 | .nav-bottom-foot p{ 386 | margin-top: 15px; 387 | } -------------------------------------------------------------------------------- /家居医生/index3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 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 | 51 | 55 | 63 | 74 |
75 |
76 |
77 | 发布时间 78 | 79 | 价格 80 | 81 | 环保节能 82 | 83 |
84 |
85 | 86 | 87 |
88 |
89 | 90 | 了解家居医生建材评价标准 91 |
92 |
93 |
94 | 168 |
169 | 188 |
189 | 190 | 195 |
196 |
197 |
198 | 199 |
    200 |
  • 为室内环境健康把好每一关
    • 201 |
  • 家居医生致力于中国人的家居健康问题，通过专业的技术研究
    • 202 |
  • 和测评，倾力协助大众打造绿色、环保的人居生活环境。
    • 203 |
204 |
205 |
206 | 211 | 216 |
    217 |
    • 218 |
    • 219 |
    • 220 |
221 |
    222 |
  • 官方微信
    • 223 |
  • 天猫旗舰店
    • 224 |
  • 有赞商城
    • 225 |
226 |
227 |
228 |
229 |

深圳建筑科学研究院股份有限公司  家居医生网

230 |

粤ICP备08011321号©Copyright All Rights Reserved

231 |
232 |
233 | 234 | -------------------------------------------------------------------------------- /小米商城/images/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米商城/images/Thumbs.db -------------------------------------------------------------------------------- /小米商城/images/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米商城/images/banner.png -------------------------------------------------------------------------------- /小米商城/images/erweima.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米商城/images/erweima.png -------------------------------------------------------------------------------- /小米商城/images/icons_type.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米商城/images/icons_type.png -------------------------------------------------------------------------------- /小米商城/images/mi-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米商城/images/mi-logo.png -------------------------------------------------------------------------------- /小米商城/小米商城.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0;} 2 | .nav{ 3 | width:100%; 4 | height: 60px; 5 | margin-left: auto; 6 | margin-right: auto; 7 | position: relative; 8 | } 9 | .left{ 10 | width: 33px; 11 | height: 34px; 12 | margin-left: 283px; 13 | margin-top: 17px; 14 | background: #F56600; 15 | position: absolute; 16 | text-align: center; 17 | } 18 | .left img{ 19 | width:31px; 20 | height:32px; 21 | } 22 | .nav ul::before{ 23 | content: ""; 24 | display: table; 25 | clear: both; 26 | } 27 | .nav ul{ 28 | margin-left:330px; 29 | list-style: none; 30 | margin-top: 13px; 31 | position: absolute; 32 | } 33 | .nav li:first-child{ 34 | font-size: 20px; 35 | font-weight: bold; 36 | } 37 | .nav li:last-child{ 38 | font-size: 10px; 39 | } 40 | .container{ 41 | margin-left:auto; 42 | margin-right: auto; 43 | width: 100%; 44 | height:410px; 45 | position: relative; 46 | } 47 | .container img{ 48 | margin-top: 8px; 49 | width:100%; 50 | height: 410px; 51 | } 52 | .container-table{ 53 | text-align: center; 54 | width:279px; 55 | height: 366px; 56 | top: 28px; 57 | left: 800px; 58 | border: 1px solid #333; 59 | background: #ffffff; 60 | position: absolute; 61 | } 62 | 63 | .account input{ 64 | width:234px; 65 | height:35px; 66 | margin-top: 20px; 67 | outline: none; 68 | } 69 | .account p:nth-child(1) input{ 70 | margin-top: 8px; 71 | } 72 | .account p:nth-child(2) input{ 73 | margin-top: 8px; 74 | } 75 | .account p:nth-child(3) input{ 76 | background: #F56600; 77 | border: 2px solid #F56600; 78 | margin-top:16px; 79 | } 80 | .load{ 81 | height:40px; 82 | line-height:40px; 83 | margin-top:5px; 84 | } 85 | .load li{ 86 | font-size: 16px; 87 | margin-left: 20px; 88 | height: 20px; 89 | list-style: none; 90 | text-align: center; 91 | display: inline-block; 92 | } 93 | .active{ 94 | color: orange; 95 | } 96 | .load li:hover{ 97 | cursor: pointer; 98 | } 99 | .load span{ 100 | margin-left: 20px; 101 | color:gray; 102 | } 103 | .content{ 104 | position: relative; 105 | height:154px; 106 | } 107 | /* .content>div{ 108 | position: absolute; 109 | width: 100%; 110 | height: 100%; 111 | left: 0; 112 | top: 0; 113 | } */ 114 | .saoma{ 115 | display: none; 116 | } 117 | .saoma img{ 118 | margin-top: 20px; 119 | width: 100px; 120 | height: 100px; 121 | } 122 | .help li{ 123 | font-size: 10px; 124 | list-style: none; 125 | display: inline-block; 126 | } 127 | .help li a{ 128 | text-decoration: none; 129 | color: #000; 130 | } 131 | fieldset{ 132 | width: 235px; 133 | font-size: 12px; 134 | color: #999; 135 | margin-left: auto; 136 | margin-right: auto; 137 | margin-top:77px; 138 | border-left: none; 139 | border-right: none; 140 | border-bottom: none; 141 | } 142 | .all-icons{ 143 | text-align: center; 144 | margin-left: auto; 145 | margin-right: auto; 146 | margin-top:8px; 147 | width: 279px; 148 | height: 50px; 149 | } 150 | .all-icons a{ 151 | position: relative; 152 | display: inline-block; 153 | width:23px; 154 | height:23px; 155 | background: #333; 156 | border-radius: 50%; 157 | } 158 | .all-icons span{ 159 | position: absolute; 160 | top: 10%; 161 | left: 10%; 162 | width: 18px; 163 | height: 18px; 164 | display: inline-block; 165 | /* transform:translate(-50%,-50%); */ 166 | background: url('images/icons_type.png'); 167 | } 168 | .all-icons .qq{ 169 | width: 18px; 170 | height: 18px; 171 | background-position-x: -19px; 172 | } 173 | .all-icons .weibo{ 174 | width: 18px; 175 | height: 18px; 176 | background-position-x: -38px; 177 | } 178 | .all-icons .pay{ 179 | width: 18px; 180 | height: 18px; 181 | background-position-x: -57px; 182 | } 183 | .all-icons .wechat{ 184 | width: 16px; 185 | height: 16px; 186 | background-position-x: -84px; 187 | } 188 | .all-icons a{ 189 | margin-left: 20px; 190 | } 191 | .all-icons a:nth-child(1){ 192 | margin-left:0px; 193 | } -------------------------------------------------------------------------------- /小米商城/小米商城.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |
14 | 15 |
16 | 20 |
21 |
22 | 23 |
24 | 28 |
29 | 36 |
37 | 38 |
39 |
40 | 45 |
46 | 其他方式登录 47 |
48 |
49 | 50 | 51 | 52 | 53 |
54 |
55 | 68 |
69 |
70 | 71 | -------------------------------------------------------------------------------- /小米官网/images/01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/01.png -------------------------------------------------------------------------------- /小米官网/images/02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/02.png -------------------------------------------------------------------------------- /小米官网/images/03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/03.png -------------------------------------------------------------------------------- /小米官网/images/04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/04.png -------------------------------------------------------------------------------- /小米官网/images/05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/05.png -------------------------------------------------------------------------------- /小米官网/images/06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/06.png -------------------------------------------------------------------------------- /小米官网/images/10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/10.png -------------------------------------------------------------------------------- /小米官网/images/11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/11.png -------------------------------------------------------------------------------- /小米官网/images/12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/12.png -------------------------------------------------------------------------------- /小米官网/images/13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/13.png -------------------------------------------------------------------------------- /小米官网/images/14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/14.png -------------------------------------------------------------------------------- /小米官网/images/16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/16.png -------------------------------------------------------------------------------- /小米官网/images/4.7.1.2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/4.7.1.2.jpg -------------------------------------------------------------------------------- /小米官网/images/4.7.2.2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/4.7.2.2.jpg -------------------------------------------------------------------------------- /小米官网/images/4.7.3.2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/4.7.3.2.jpg -------------------------------------------------------------------------------- /小米官网/images/4.9.2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/4.9.2.png -------------------------------------------------------------------------------- /小米官网/images/T1.qV_B4AT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1.qV_B4AT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T12qZvB7CT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T12qZvB7CT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T14cLgBXKT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T14cLgBXKT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T14yxTBsKT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T14yxTBsKT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1ByZTBjJT1RXrhCrK.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1ByZTBjJT1RXrhCrK.jpg -------------------------------------------------------------------------------- /小米官网/images/T1DrL_B4CT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1DrL_B4CT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1F9ZTBbxT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1F9ZTBbxT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1GXxvBsET1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1GXxvBsET1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1GtZvBvVT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1GtZvBvVT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1PxJvBCAT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1PxJvBCAT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1SrKTBmWT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1SrKTBmWT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1TfAgB4KT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1TfAgB4KT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1VkKvBvhT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1VkKvBvhT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1XYxTBsAT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1XYxTBsAT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1Zzd_ByCv1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1Zzd_ByCv1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1_adTBvKT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1_adTBvKT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1crEgBCYT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1crEgBCYT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1icAvBTdT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1icAvBTdT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1ipAvB_ZT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1ipAvB_ZT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1nmhTBTKT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1nmhTBTKT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1pOWvBKET1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1pOWvBKET1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1pZbvBTET1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1pZbvBTET1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1qaVvB7CT1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1qaVvB7CT1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/T1y0JTBy_T1RXrhCrK!220x220.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/T1y0JTBy_T1RXrhCrK!220x220.jpg -------------------------------------------------------------------------------- /小米官网/images/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/Thumbs.db -------------------------------------------------------------------------------- /小米官网/images/Untitled-3.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/Untitled-3.html -------------------------------------------------------------------------------- /小米官网/images/aa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/aa.jpg -------------------------------------------------------------------------------- /小米官网/images/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/banner1.png -------------------------------------------------------------------------------- /小米官网/images/banner2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/banner2.png -------------------------------------------------------------------------------- /小米官网/images/banner3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/banner3.png -------------------------------------------------------------------------------- /小米官网/images/banner4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/banner4.png -------------------------------------------------------------------------------- /小米官网/images/banner5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/banner5.png -------------------------------------------------------------------------------- /小米官网/images/baohuke.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/baohuke.png -------------------------------------------------------------------------------- /小米官网/images/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/bg.png -------------------------------------------------------------------------------- /小米官网/images/channel-list-cool.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/channel-list-cool.jpg -------------------------------------------------------------------------------- /小米官网/images/channel-list-new.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/channel-list-new.jpg -------------------------------------------------------------------------------- /小米官网/images/cj9s.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/cj9s.jpg -------------------------------------------------------------------------------- /小米官网/images/clock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/clock.png -------------------------------------------------------------------------------- /小米官网/images/fangdajing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/fangdajing.png -------------------------------------------------------------------------------- /小米官网/images/fanghezi0407xiao.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/fanghezi0407xiao.jpg -------------------------------------------------------------------------------- /小米官网/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/favicon.ico -------------------------------------------------------------------------------- /小米官网/images/hlws.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/hlws.jpg -------------------------------------------------------------------------------- /小米官网/images/lanyaerji.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/lanyaerji.png -------------------------------------------------------------------------------- /小米官网/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/logo.png -------------------------------------------------------------------------------- /小米官网/images/mideng.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/mideng.png -------------------------------------------------------------------------------- /小米官网/images/mifeng-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/mifeng-.png -------------------------------------------------------------------------------- /小米官网/images/mijian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/mijian.png -------------------------------------------------------------------------------- /小米官网/images/nsbbs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/nsbbs.jpg -------------------------------------------------------------------------------- /小米官网/images/pang.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/pang.png -------------------------------------------------------------------------------- /小米官网/images/sgjs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/sgjs.jpg -------------------------------------------------------------------------------- /小米官网/images/shopcar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/shopcar.png -------------------------------------------------------------------------------- /小米官网/images/shopcarbgimg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/shopcarbgimg.png -------------------------------------------------------------------------------- /小米官网/images/xingxing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/xingxing.png -------------------------------------------------------------------------------- /小米官网/images/xueyajixiao.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/xueyajixiao.jpg -------------------------------------------------------------------------------- /小米官网/images/yaoshi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/yaoshi.png -------------------------------------------------------------------------------- /小米官网/images/yingxiang-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/小米官网/images/yingxiang-.png -------------------------------------------------------------------------------- /小米官网/js/小米官网.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | //定义正在显示的元素的下标 3 | var index=0; 4 | $(".right").click(function(){ 5 | index++; 6 | if(index>4){ 7 | index=0; 8 | } 9 | animate(index); 10 | }) 11 | $(".left").click(function(){ 12 | index--; 13 | if(index<0){ 14 | index=4; 15 | } 16 | animate(index) 17 | }) 18 | $(".all-icons>span").click(function(){ 19 | index=$(this).index()//下标重置 20 | $(this).addClass("active").siblings().removeClass("active") 21 | $(".content img").eq($(this).index()).show().siblings().hide() 22 | }) 23 | function animate(index){ 24 | $(".content img").eq(index).show().siblings().hide() 25 | $(".all-icons>span").eq(index).addClass("active").siblings().removeClass("active"); 26 | } 27 | }) -------------------------------------------------------------------------------- /小米官网/小米官网.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0;} 2 | .nav{ 3 | width: 100%; 4 | height: 37px; 5 | background: #FAFAFA; 6 | border: 1px solid #DFDFDF; 7 | overflow: hidden; 8 | } 9 | .nav ul{ 10 | overflow: hidden; 11 | margin-left:64px; 12 | margin-top: 10px; 13 | width: 600px; 14 | float: left; 15 | } 16 | .nav span{ 17 | right: 0; 18 | margin-left: 10px; 19 | } 20 | .nav li{ 21 | float: left; 22 | list-style: none; 23 | font-size: 12px; 24 | text-align: left; 25 | margin-right: 10px; 26 | line-height: 16px; 27 | position: relative; 28 | } 29 | .nav li:not(:first-child){ 30 | margin-left: 0px; 31 | } 32 | .nav li a{ 33 | color: #8C8C8C; 34 | text-decoration: none; 35 | } 36 | .nav li a:hover{ 37 | cursor: pointer; 38 | } 39 | .nav-right{ 40 | margin-right: 0px; 41 | margin-left: 1164px; 42 | } 43 | .top{ 44 | width: 1240px; 45 | height: 102px; 46 | margin-top: 8px; 47 | margin-left: auto; 48 | margin-right: auto; 49 | overflow: hidden; 50 | position: relative; 51 | } 52 | .top img{ 53 | margin-top: 16px; 54 | float: left; 55 | } 56 | .top-right{ 57 | position: absolute; 58 | height:110px; 59 | width: 558px; 60 | right: 0px; 61 | } 62 | .top-right p{ 63 | margin-left:444px; 64 | width: 114px; 65 | font-size: 12px; 66 | color: #808080; 67 | text-align: right; 68 | line-height:46px; 69 | margin-bottom:0px; 70 | } 71 | .top-right input{ 72 | position: absolute; 73 | width: 382px; 74 | height: 42px; 75 | color: #808080; 76 | border: 1px solid #CCCCCC; 77 | margin-bottom:16px; 78 | outline: none; 79 | font-size: 14px; 80 | } 81 | .top-right button{ 82 | width: 40px; 83 | height: 44px; 84 | margin-left: 382px; 85 | background: #FFFFFF; 86 | border: 1px solid #CCCCCC; 87 | outline: none; 88 | float: left; 89 | } 90 | .top-right button img{ 91 | margin-top: 0px; 92 | margin-left: 13px; 93 | } 94 | .top-right .car{ 95 | width: 126px; 96 | height: 43px; 97 | margin-left:10px; 98 | border: 1px solid #FFDB3D; 99 | background:#FFDB3D; 100 | position: absolute; 101 | text-align: center; 102 | font-size: 16px; 103 | } 104 | .top-right .car img{ 105 | width: 16px; 106 | height: 16px; 107 | margin-top: 3px; 108 | } 109 | .container{ 110 | width: 1238px; 111 | height: 630px; 112 | margin-left: auto; 113 | margin-right: auto; 114 | border: 1px solid #CCCCCC; 115 | border-top: none; 116 | position: relative; 117 | overflow: hidden; 118 | } 119 | .container dl{ 120 | width: 248px; 121 | height: 630px; 122 | float: left; 123 | } 124 | .container dt{ 125 | width: 248px; 126 | height: 40px; 127 | background: #FF4A00; 128 | border: 1px solid #FF4A00; 129 | } 130 | .container dt p{ 131 | margin-left: 22px; 132 | color: #FFFFFF; 133 | font-size: 20px; 134 | margin-top: 6px; 135 | } 136 | .container dd{ 137 | width: 248px; 138 | height: 74px; 139 | border: 1px solid #CCCCCC; 140 | border-top: none; 141 | border-left: none; 142 | border-right: none; 143 | 144 | } 145 | .container dd p{ 146 | margin-left:22px; 147 | font-size: 12px; 148 | line-height:5px; 149 | margin-top:50px; 150 | color:#A59999; 151 | position: absolute; 152 | } 153 | .container dd .one{ 154 | color: #FE763E; 155 | margin-top:25px; 156 | } 157 | .container a:hover{ 158 | cursor: pointer; 159 | } 160 | .container-skim{ 161 | width: 994px; 162 | height: 630px; 163 | margin-left: 248px; 164 | } 165 | .container-skim-top{ 166 | width: 994px; 167 | height:40px; 168 | background: #404144; 169 | border: 1px solid #404144; 170 | } 171 | .container-skim-top ul{ 172 | overflow: hidden; 173 | } 174 | .container-skim-top li{ 175 | list-style: none; 176 | font-size: 18px; 177 | float: left; 178 | text-align: center; 179 | line-height:40px; 180 | margin: 0 24px; 181 | color: #fff; 182 | } 183 | .container-skim-banner{ 184 | width: 991px; 185 | height: 422px; 186 | margin-left: auto; 187 | margin-right: auto; 188 | position: relative; 189 | } 190 | .container-skim-banner .content img{ 191 | width:994px; 192 | height: 422px; 193 | position: absolute; 194 | } 195 | .container-skim-banner img:nth-of-type(1){ 196 | z-index: 100; 197 | } 198 | .all-icons{ 199 | left:760px; 200 | bottom:10px; 201 | z-index:200; 202 | position: absolute; 203 | } 204 | .all-icons span{ 205 | display: inline-block; 206 | width: 26px; 207 | height: 26px; 208 | border: 2px solid#808080; 209 | background-color:#464444; 210 | border-radius: 50%; 211 | text-align: center; 212 | } 213 | .all-icons span:last-child{ 214 | margin-right: 20px; 215 | } 216 | .all-icons span:not(last-child){ 217 | margin-right: 10px; 218 | } 219 | .all-icons a:hover{ 220 | cursor: pointer; 221 | color: #fff; 222 | } 223 | .container-skim-bottom{ 224 | width: 991px; 225 | height: 170px; 226 | margin-left:auto; 227 | margin-right: auto; 228 | overflow: hidden; 229 | } 230 | .container-skim-bottom img{ 231 | width: 328px; 232 | height: 170px; 233 | float: left; 234 | } 235 | .container-skim-bottom img:nth-child(2){ 236 | border-left:1px solid #DFDFDF; 237 | border-right:1px solid #DFDFDF; 238 | } 239 | .blank{ 240 | width: 1240px; 241 | height: 62px; 242 | margin-left: auto; 243 | margin-right: auto; 244 | overflow: hidden; 245 | position: relative; 246 | } 247 | .blank p{ 248 | float: left; 249 | font-size: 16px; 250 | line-height: 16px; 251 | margin-top: 22px; 252 | color: #727272; 253 | } 254 | .blank a{ 255 | position: absolute; 256 | font-size: 12px; 257 | margin-top: 24px; 258 | margin-left: 10px; 259 | color: #999999; 260 | } 261 | .blank .left{ 262 | position: absolute; 263 | width: 30px; 264 | height: 20px; 265 | margin-left:1085px; 266 | margin-top:32px; 267 | background: #FFFFFF; 268 | border: 1px solid #DFDFDF; 269 | outline: none; 270 | } 271 | .blank .right{ 272 | margin-left:1114px; 273 | position: absolute; 274 | width: 30px; 275 | height: 20px; 276 | margin-top:32px; 277 | background: #FFFFFF; 278 | border: 1px solid #DFDFDF; 279 | outline: none; 280 | } 281 | .star{ 282 | width: 1240px; 283 | height: 312px; 284 | margin:0 auto; 285 | overflow: hidden; 286 | border:1px solid #DFDFDF; 287 | } 288 | .star ul{ 289 | float: left; 290 | width: 308px; 291 | height:312px; 292 | text-align: center; 293 | border-left: 1px solid #DFDFDF; 294 | 295 | } 296 | .star ul:first-child{ 297 | border-left: none; 298 | } 299 | .star img{ 300 | height: 228px; 301 | } 302 | .star li{ 303 | line-height: 30px; 304 | margin-left: 0px; 305 | list-style: none; 306 | } 307 | .star ul li:nth-child(2n){ 308 | font-size: 16px; 309 | color: #565656; 310 | } 311 | .star ul li:nth-child(2n+1){ 312 | font-size: 12px; 313 | color: #999999; 314 | } 315 | .new{ 316 | width: 1240px; 317 | height: 52px; 318 | margin-left: auto; 319 | margin-right: auto; 320 | position: relative; 321 | } 322 | .new p{ 323 | font-size: 16px; 324 | line-height: 16px; 325 | margin-top: 28px; 326 | position: absolute; 327 | } 328 | .new a{ 329 | position: absolute; 330 | left: 1190px; 331 | top: 27px; 332 | } 333 | .new a img{ 334 | width: 10px; 335 | height: 12px; 336 | } 337 | .news{ 338 | width: 1240px; 339 | height: 970px; 340 | margin-left: auto; 341 | margin-right: auto; 342 | border: 1px solid #DFDFDF; 343 | overflow: hidden; 344 | } 345 | .news-left{ 346 | width: 930px; 347 | height: 970px; 348 | float: left; 349 | position: relative; 350 | } 351 | .ring{ 352 | position: absolute; 353 | left: 620px; 354 | top: 0px; 355 | width: 310px; 356 | height:310px; 357 | border: 1px solid #DFDFDF; 358 | border-top: none; 359 | border-right: none; 360 | } 361 | .ring li{ 362 | list-style: none; 363 | margin-left: 20px; 364 | font-size: 14px; 365 | line-height: 16px; 366 | } 367 | .ring li:first-child{ 368 | margin-top: 22px; 369 | } 370 | .ring img{ 371 | margin:0 45px; 372 | } 373 | .key{ 374 | position: absolute; 375 | width: 310px; 376 | height: 156px; 377 | top:310px; 378 | border: 1px solid #DFDFDF; 379 | border-left: none; 380 | } 381 | .key img{ 382 | height:130px; 383 | margin-left:187px; 384 | margin-top:-40px; 385 | } 386 | .key li{ 387 | list-style: none; 388 | margin-left: 20px; 389 | font-size: 14px; 390 | line-height: 16px; 391 | } 392 | .key li:first-child{ 393 | margin-top: 22px; 394 | } 395 | .earphone{ 396 | position: absolute; 397 | width: 310px; 398 | height: 156px; 399 | top:468px; 400 | border: 1px solid #DFDFDF; 401 | border-top:none; 402 | border-left: none; 403 | } 404 | .earphone img{ 405 | width:115px; 406 | margin-left:167px; 407 | margin-top:-30px; 408 | } 409 | .earphone li{ 410 | list-style: none; 411 | margin-left: 20px; 412 | font-size: 14px; 413 | line-height: 16px; 414 | } 415 | .earphone li:first-child{ 416 | margin-top: 22px; 417 | } 418 | .T-shirt{ 419 | width: 310px; 420 | height: 313px; 421 | top:310px; 422 | left:310px; 423 | position: absolute; 424 | border: 1px solid #DFDFDF; 425 | border-left: none; 426 | } 427 | .T-shirt li{ 428 | list-style: none; 429 | margin-left: 20px; 430 | font-size: 14px; 431 | line-height: 16px; 432 | } 433 | .T-shirt li:first-child{ 434 | margin-top: 22px; 435 | } 436 | .T-shirt img{ 437 | margin-left: 47px; 438 | } 439 | .back{ 440 | position: absolute; 441 | left: 620px; 442 | top: 310px; 443 | width: 310px; 444 | height:314px; 445 | border: 1px solid #DFDFDF; 446 | border-top: none; 447 | border-left: none; 448 | } 449 | .back li{ 450 | list-style: none; 451 | font-size: 14px; 452 | line-height: 16px; 453 | margin-left: 20px; 454 | } 455 | .back li:first-child{ 456 | margin-top: 22px; 457 | } 458 | .back img{ 459 | margin-left: 47px; 460 | } 461 | .baohuke{ 462 | position: absolute; 463 | width: 310px; 464 | height: 346px; 465 | top: 624px; 466 | border: 1px solid #DFDFDF; 467 | border-top: none; 468 | border-left: none; 469 | } 470 | .baohuke li{ 471 | list-style: none; 472 | font-size: 14px; 473 | margin-left: 20px; 474 | line-height: 16px; 475 | } 476 | .baohuke li:first-child{ 477 | margin-top: 22px; 478 | } 479 | .baohuke img{ 480 | margin-left: 101px; 481 | margin-top:40px; 482 | } 483 | .zipaigan{ 484 | position: absolute; 485 | width: 309px; 486 | height: 346px; 487 | top: 624px; 488 | margin-left: 310px; 489 | border: 1px solid #DFDFDF; 490 | border-top: none; 491 | } 492 | .zipaigan li{ 493 | list-style: none; 494 | font-size: 14px; 495 | margin-left: 20px; 496 | line-height: 16px; 497 | } 498 | .zipaigan li:first-child{ 499 | margin-top: 22px; 500 | } 501 | .zipaigan img{ 502 | margin-left: 46px; 503 | margin-top: 18px; 504 | } 505 | .erji{ 506 | position: absolute; 507 | width: 313px; 508 | height: 346px; 509 | top: 624px; 510 | margin-left: 620px; 511 | } 512 | .erji li{ 513 | list-style: none; 514 | font-size: 14px; 515 | margin-left: 20px; 516 | line-height: 16px; 517 | } 518 | .erji li:first-child{ 519 | margin-top: 22px; 520 | } 521 | .erji img{ 522 | margin-left: 47px; 523 | margin-top: 18px; 524 | } 525 | .news-right{ 526 | width: 310px; 527 | height: 970px; 528 | margin-left: 930px; 529 | position: relative; 530 | } 531 | .card{ 532 | position: absolute; 533 | width: 310px; 534 | height: 130px; 535 | top: 0px; 536 | border: 1px solid #DFDFDF; 537 | border-top: none; 538 | } 539 | .card span{ 540 | width: 56px; 541 | height:20px; 542 | margin-left: 56px; 543 | background: red; 544 | color: #fff; 545 | font-size: 14px; 546 | line-height: 20px; 547 | 548 | } 549 | .card li{ 550 | list-style: none; 551 | margin-left: 20px; 552 | } 553 | .card li:nth-of-type(1){ 554 | font-size: 16px; 555 | margin-top:30px; 556 | 557 | } 558 | .card li:not(:nth-of-type(1)){ 559 | font-size: 14px; 560 | } 561 | .card img{ 562 | margin-left: 179px; 563 | margin-top: -100px; 564 | } 565 | .taocan{ 566 | position: absolute; 567 | width: 310px; 568 | height: 130px; 569 | top: 130px; 570 | border: 1px solid #DFDFDF; 571 | border-top: none; 572 | } 573 | .taocan li{ 574 | list-style: none; 575 | font-size: 14px; 576 | margin-left: 20px; 577 | } 578 | .taocan li:first-child{ 579 | margin-top: 30px; 580 | font-size: 16px; 581 | } 582 | .taocan img{ 583 | margin-left: 179px; 584 | margin-top: -73px; 585 | } 586 | .wanju{ 587 | position: absolute; 588 | width: 310px; 589 | height: 130px; 590 | top: 260px; 591 | border: 1px solid #DFDFDF; 592 | border-top: none; 593 | } 594 | .wanju li{ 595 | list-style: none; 596 | font-size: 14px; 597 | margin-left: 20px; 598 | } 599 | .wanju li:first-child{ 600 | margin-top: 30px; 601 | font-size: 16px; 602 | } 603 | .wanju img{ 604 | margin-left: 179px; 605 | margin-top: -73px; 606 | } 607 | .gongneng{ 608 | position: absolute; 609 | width: 310px; 610 | height: 298px; 611 | top: 390px; 612 | border: 1px solid #DFDFDF; 613 | border-top: none; 614 | border-bottom: none; 615 | } 616 | .gongneng li{ 617 | font-size: 14px; 618 | list-style: none; 619 | margin-left: 30px; 620 | line-height: 52px; 621 | color: #7D7D7D; 622 | } 623 | .gongneng li:first-child{ 624 | margin-top: 32px; 625 | } 626 | .gongneng img{ 627 | height: 12px; 628 | margin-left:134px; 629 | } 630 | .gongneng li:nth-of-type(3) img{ 631 | margin-left: 150px; 632 | } 633 | .gongneng li:nth-of-type(5) img{ 634 | margin-left: 190px; 635 | } 636 | .gongneng li a:hover{ 637 | cursor: pointer; 638 | color: red; 639 | } 640 | .gongneng hr{ 641 | width: 249px; 642 | color: #7D7D7D; 643 | margin-left: 30px; 644 | } 645 | .user{ 646 | position: absolute; 647 | width: 310px; 648 | height: 285px; 649 | border: 1px solid #DFDFDF; 650 | border-top: none; 651 | top: 688px; 652 | padding-left: 30px; 653 | } 654 | .user p:first-child{ 655 | font-size: 18px; 656 | color: #7D7D7D; 657 | margin-top:33px; 658 | line-height: 50px; 659 | } 660 | .user input{ 661 | width: 250px; 662 | height: 36px; 663 | outline: none; 664 | border: 1px solid #DFDFDF; 665 | } 666 | .user select{ 667 | width: 250px; 668 | height: 36px; 669 | margin-top: 22px; 670 | outline: none; 671 | border: 1px solid #DFDFDF; 672 | } 673 | .user p{ 674 | font-size: 14px; 675 | color: #7D7D7D; 676 | line-height:28px; 677 | margin-top: 22px; 678 | } 679 | .user button{ 680 | width: 250px; 681 | height: 36px; 682 | color:#EBF6FD; 683 | background: #DCDEE4; 684 | border: 1px solid #DFDFDF; 685 | } 686 | .foot{ 687 | width: 100%; 688 | height: 540px; 689 | margin-left: auto; 690 | margin-right: auto; 691 | margin-top: 70px; 692 | background: #FAFAFA; 693 | } 694 | .foot-container{ 695 | width: 1240px; 696 | height:540px; 697 | margin: 0 auto; 698 | position: relative; 699 | } 700 | .foot-container-top{ 701 | position: absolute; 702 | width: 1240px; 703 | height: 158px; 704 | border-bottom: 1px solid #DFDFDF; 705 | } 706 | .foot-container-top ul{ 707 | overflow: hidden; 708 | font-size: 16px; 709 | color:#666666; 710 | } 711 | .foot-container-top li{ 712 | float: left; 713 | width: 124.16px; 714 | margin-top:50px; 715 | margin-left:61.92px; 716 | margin-right:61.92px; 717 | list-style: none; 718 | } 719 | .foot-container-top li img{ 720 | margin-left: 40px; 721 | width: 36px; 722 | height: 36px; 723 | } 724 | .foot-container-top li:nth-of-type(4) img{ 725 | margin-left:25px; 726 | } 727 | .foot-container-content{ 728 | position: absolute; 729 | height: 200px; 730 | width: 1240px; 731 | top: 158px; 732 | margin-left:auto; 733 | margin-right:auto; 734 | border-bottom: 1px solid #DFDFDF; 735 | overflow: hidden; 736 | } 737 | .foot-container-content ul{ 738 | float: left; 739 | width: 170px; 740 | margin-top:40px; 741 | margin-left: 0px; 742 | border-right: 1px solid #DFDFDF; 743 | } 744 | .foot-container-content ul:not(:nth-child(1)){ 745 | margin-left: 30px; 746 | } 747 | .foot-container-content li{ 748 | list-style: none; 749 | font-size: 12px; 750 | line-height: 12px; 751 | margin-top: 20px; 752 | color: #7F7F7F; 753 | } 754 | .foot-container-content li:first-child{ 755 | font-size: 16px; 756 | color: #333333; 757 | } 758 | .foot-container-content-right{ 759 | position: absolute; 760 | width: 290px; 761 | height: 200px; 762 | margin-left: 950px; 763 | } 764 | .foot-container-content-right p{ 765 | text-align: center; 766 | font-size: 12px; 767 | line-height: 24px; 768 | color: #999999; 769 | } 770 | .foot-container-content-right p:first-child{ 771 | font-size: 20px; 772 | line-height:44px; 773 | margin-top: 30px; 774 | } 775 | .foot-container-content-right button{ 776 | width: 120px; 777 | height: 28px; 778 | margin-left: 85px; 779 | margin-top: 17px; 780 | background: #FF4A00; 781 | border:1px solid #FF4A00; 782 | color: #fff; 783 | } 784 | .foot-container-nav{ 785 | position:absolute; 786 | width:1240px; 787 | height:180px; 788 | top:360px; 789 | margin-left:auto; 790 | margin-right:auto; 791 | } 792 | .foot-container-nav ul{ 793 | overflow: hidden; 794 | margin-top: 40px; 795 | margin-left: 230px; 796 | } 797 | .foot-container-nav li{ 798 | list-style: none; 799 | float: left; 800 | font-size: 12px; 801 | color:#333333; 802 | } 803 | .foot-container-nav li:not(first-child){ 804 | margin-left: 10px; 805 | } 806 | .foot-container-nav li span{ 807 | margin-left: 10px; 808 | } 809 | .foot-container-nav p{ 810 | font-size: 12px; 811 | text-align: center; 812 | margin-top: 10px; 813 | color: #333333; 814 | } 815 | .foot-container-nav img{ 816 | margin-left: 536px; 817 | margin-top: 26px; 818 | } 819 | .foot-container-nav select{ 820 | width:198px; 821 | height: 38px; 822 | background: #FFFFFF; 823 | border: 1px solid #DFDFDF; 824 | } -------------------------------------------------------------------------------- /小米官网/小米官网.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 | 25 |
26 | 30 |
31 |
32 |
33 | 34 |
35 |

4月14日开放购买

36 | 37 | 38 |
39 |
40 |
41 |
42 |

全部商品分类

43 |
44 |

购买手机

45 |

小米Noto 小米4 红米 红米Noto

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 | 98 |
99 |
100 | 1 101 | 2 102 | 3 103 | 4 104 | 5 105 |
106 |
107 |
108 | 109 | 110 | 111 |
112 |
113 |
114 |
115 |

小米明星单品

116 | 根据机型选配件 117 | 118 | 119 |
120 |
121 | 126 | 131 | 136 | 141 |
142 |
143 |

新品上架

144 | 更多  145 |
146 |
147 |
148 | 149 |
    150 |
  • 小米手环
    • 151 |
  • 79元
    • 152 | 153 |
154 |
    155 |
  • 5周年米兔钥匙扣
    • 156 |
  • 9.9元
    • 157 | 158 |
159 |
    160 |
  • QCY派Q8蓝牙耳机
    • 161 |
  • 59.9元
    • 162 | 163 |
164 |
    165 |
  • 小米T恤路标MILOGO
    • 166 |
  • 39元
    • 167 | 168 |
169 |
    170 |
  • 小米4实木后盖
    • 171 |
  • 69元
    • 172 | 173 |
174 |
    175 |
  • 小米Note超薄保护壳
    • 176 |
  • 49元
    • 177 | 178 |
179 |
    180 |
  • 小米自拍杆
    • 181 |
  • 49元
    • 182 | 183 |
184 |
    185 |
  • 先锋CL31系列耳式耳机
    • 186 |
  • 99元
    • 187 | 188 |
189 |
190 |
191 |
    192 | 特价商品 193 |
  • SanDisk32GB存储卡
    • 194 |
  • 79元
    • 195 |
  • 还有更多特价商品
    • 196 | 197 |
198 |
    199 |
  • 特惠配件套餐
    • 200 |
  • 手机必备配件组合购买
    • 201 |
  • 实惠更优惠
    • 202 | 203 |
204 |
    205 |
  • 我爱酷玩
    • 206 |
  • 邂逅炫酷的电子产品
    • 207 |
  • 结交趣味相投的朋友
    • 208 | 209 |
210 | 222 |
223 |

话费充值

224 | 225 | 230 |

实付价格98.4元起

231 | 232 |
233 |
234 |
235 |
236 |
237 |
238 |
    239 |
  • 240 | 241 |

    1小时快修服务

    242 |
    • 243 |
  • 244 | 245 |

    7天无理由退货

    246 |
    • 247 |
  • 248 | 249 |

    15天免费换货

    250 |
    • 251 |
  • 252 | 253 |

    满150包邮

    254 |
    • 255 |
  • 256 | 257 |

    520余家售后网点

    258 |
    • 259 |
260 |
261 |
262 |
    263 |
  • 帮助中心
    • 264 |
  • 购物指南
    • 265 |
  • 支付方式
    • 266 |
  • 配送方式
    • 267 |
268 |
    269 |
  • 服务支持
    • 270 |
  • 售后政策
    • 271 |
  • 自助服务
    • 272 |
  • 相关下载
    • 273 |
274 |
    275 |
  • 小米之家
    • 276 |
  • 小米之家
    • 277 |
  • 服务网店
    • 278 |
  • 预约亲临到店服务
    • 279 |
280 |
    281 |
  • 关于小米
    • 282 |
  • 了解小米
    • 283 |
  • 加入小米
    • 284 |
  • 联系我们
    • 285 |
286 |
    287 |
  • 关注我们
    • 288 |
  • 新浪微博
    • 289 |
  • 小米部落
    • 290 |
  • 官方微信
    • 291 |
292 |
293 |

400-100-5678

294 |

周一至周日8:00-18:00

295 |

（仅收市话费）

296 | 297 |
298 |
299 |
300 |
    301 |
  • 小米旗下网站：小米网|
    • 302 |
  • MIUI|
    • 303 |
  • 米聊|
    • 304 |
  • 多看书城|
    • 305 |
  • 小米路由器|
    • 306 |
  • 繁体香港|
    • 307 |
  • 繁体台湾|
    • 308 |
  • English|
    • 309 |
  • 小米后院|
    • 310 |
  • 小米天猫店|
    • 311 |
  • 小米淘宝直播|
    • 312 |
  • 小米网盟
    • 313 |
314 |

©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号

315 | 316 | 322 |
323 |
324 |
325 | 326 | -------------------------------------------------------------------------------- /烘培/css/index.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0;} 2 | .bg{ 3 | width: 1025px; 4 | height: 770px; 5 | background: url("../images/bg.jpg"); 6 | margin: 244px auto; 7 | position: relative; 8 | } 9 | .left{ 10 | position: absolute; 11 | height: 662px; 12 | width: 300px; 13 | margin-top: 21px; 14 | } 15 | .left .nav{ 16 | width: 300px; 17 | height: 45px; 18 | background: url("../images/headerBg01.jpg"); 19 | } 20 | .left .address{ 21 | width: 300px; 22 | height: 65px; 23 | background: url("../images/01.jpg"); 24 | position: absolute; 25 | } 26 | .left .address p{ 27 | color: #ECBD85; 28 | font-size: 13px; 29 | line-height: 20px; 30 | margin-left: 12px; 31 | } 32 | .left .address p:first-child{ 33 | margin-top: 8px; 34 | } 35 | .left .income{ 36 | width: 300px; 37 | height: 38px; 38 | margin-top: 65px; 39 | background:url("../images/bg3.png"); 40 | position: absolute; 41 | } 42 | .left .income img{ 43 | margin-left: 11px; 44 | margin-top: 13px; 45 | float: left; 46 | } 47 | .left .income p{ 48 | color:#d4d3d3; 49 | font-size: 16px; 50 | margin-left: 36px; 51 | margin-top: 11px; 52 | } 53 | .goods-kind{ 54 | width: 300px; 55 | height:370px; 56 | margin-top: 100px; 57 | background: url("../images/shouzibg.png"); 58 | } 59 | table{ 60 | width: 300px; 61 | height: 220px; 62 | margin-top: 97px; 63 | border-collapse: collapse; 64 | line-height: 45px; 65 | color: #803717; 66 | font-size: 14px; 67 | } 68 | tr{ 69 | height: 42px; 70 | border-bottom: 1px solid #C1AC97; 71 | background: url("../images/03.jpg"); 72 | background-size: cover; 73 | } 74 | th:nth-of-type(1){ 75 | width:87px; 76 | text-align:center; 77 | } 78 | th:nth-of-type(2){ 79 | width: 63px; 80 | text-align:center; 81 | } 82 | th:nth-of-type(3){ 83 | width: 63px; 84 | text-align: center; 85 | } 86 | th:nth-of-type(4){ 87 | width: 87px; 88 | text-align:left; 89 | } 90 | td{ 91 | text-align: center; 92 | } 93 | td:nth-of-type(4n+4){ 94 | text-align: left; 95 | } 96 | .end{ 97 | width: 300px; 98 | height: 150px; 99 | background: #F3E7BF; 100 | } 101 | .end p{ 102 | position: absolute; 103 | width:214px; 104 | height: 50px; 105 | background:#F2F1D3; 106 | margin-left: 20px; 107 | margin-top: 26px; 108 | font-size: 20px; 109 | line-height: 50px; 110 | text-align: center; 111 | color: #BB2F20; 112 | font-weight: bold; 113 | } 114 | .end .search{ 115 | position: absolute; 116 | width:212px; 117 | height:30px; 118 | margin-top: 87px; 119 | margin-left:3px; 120 | border-bottom: none; 121 | /* border: 1px solid gray; */ 122 | box-shadow:0px 0px 0px 0px gray; 123 | outline: none; 124 | border-radius:50px; 125 | background: #ffffff; 126 | } 127 | .end .search input{ 128 | width:166px; 129 | height: 20px; 130 | margin-left:17px; 131 | margin-top: 5px; 132 | border: none; 133 | outline: none; 134 | } 135 | .end .search img{ 136 | position: absolute; 137 | margin-top:5px; 138 | } 139 | .end button{ 140 | width: 40px; 141 | height: 30px; 142 | background: #FFFFFF; 143 | border: none; 144 | border-radius: 40px; 145 | margin-top: 88px; 146 | margin-left:220px; 147 | outline: none; 148 | } 149 | .end button img{ 150 | position: absolute; 151 | margin-top: -7px; 152 | margin-left: -7px; 153 | } 154 | .member{ 155 | width: 300px; 156 | height:88px; 157 | } 158 | .member p{ 159 | margin-left:12px; 160 | color:#E1D9AF; 161 | font-size: 14px; 162 | margin-top: 8px; 163 | } 164 | .left .side-nav{ 165 | position: absolute; 166 | width: 40px; 167 | height:600px; 168 | background: rgba(0, 0, 0, .5); 169 | margin-left:260px; 170 | margin-top:-613px; 171 | } 172 | .left .side-nav img{ 173 | margin-left: 4px; 174 | margin-top: 15px; 175 | } 176 | .left .side-nav img:first-child{ 177 | margin-top: 19px; 178 | } 179 | .right{ 180 | position: absolute; 181 | width: 722px; 182 | height: 749px; 183 | margin-left:303px; 184 | margin-top: 21px; 185 | } 186 | .right-nav{ 187 | background: url("../images/bg03.png"); 188 | width: 722px; 189 | height: 45px; 190 | } 191 | .right button{ 192 | width:105px; 193 | height: 47px; 194 | background:#ECBD85; 195 | text-align:center; 196 | margin-left: 5px; 197 | margin-top: 15px; 198 | border-radius: 2px; 199 | color:#99623C; 200 | line-height: 47px; 201 | border: none; 202 | outline: none; 203 | } 204 | .right button:first-child{ 205 | margin-left: 62px; 206 | } 207 | .right button:last-child{ 208 | width: 50px; 209 | } 210 | .right button:hover{ 211 | cursor: pointer; 212 | background: #C6412E; 213 | color: #F1EBEA; 214 | } 215 | .content{ 216 | width: 700px; 217 | height: 558px; 218 | background: url("../images/bg01.png"); 219 | margin-left: auto; 220 | margin-right: auto; 221 | box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .5); 222 | } 223 | .content hr{ 224 | position: absolute; 225 | border: 1px solid #C63F2B; 226 | width:588px; 227 | margin-top: 25px; 228 | margin-left: 79px; 229 | } 230 | .right .content button{ 231 | width:100px; 232 | height: 70px; 233 | margin-left:16px; 234 | margin-top: 42px; 235 | background: #ffffff; 236 | border: 2px solid #F8EEE6; 237 | box-shadow:2px 3px 1px 1px #F8EEE6; 238 | } 239 | .right .content button:nth-of-type(1){ 240 | background: url("../images/icon01.png") no-repeat; 241 | margin-left: 80px; 242 | } 243 | .right .content p{ 244 | width: 70px; 245 | font-size: 14px; 246 | line-height: 14px; 247 | margin-left:12px; 248 | color: #ADADAC; 249 | } 250 | .right .conten p:nth-of-type(2n+1){ 251 | color: #D6837A; 252 | margin-left:-7px; 253 | } 254 | .right .content button:hover{ 255 | border: 2px solid #CC3333; 256 | } 257 | .footer{ 258 | width: 722px; 259 | height: 88px; 260 | } 261 | .footer ul{ 262 | overflow: hidden; 263 | float: left; 264 | } 265 | .footer li{ 266 | float: left; 267 | list-style: none; 268 | width: 50px; 269 | height:72px; 270 | margin-left:22px; 271 | margin-top: 12px; 272 | } 273 | .footer li:nth-of-type(1){ 274 | margin-left: 57px; 275 | } 276 | .footer li p{ 277 | width:50px; 278 | text-align: center; 279 | font-size: 14px; 280 | color:#F3EAC3; 281 | font-weight: bold; 282 | } 283 | .right .footer .pay{ 284 | position: absolute; 285 | width:130px; 286 | height: 58px; 287 | background: #C5402D; 288 | border: 1px solid #760F05; 289 | margin-left: 35px; 290 | } 291 | .right .footer .pay img{ 292 | margin-top: 10px; 293 | margin-left:-45px; 294 | } 295 | .right .footer .pay p{ 296 | width: 44px; 297 | height: 44px; 298 | color:#FCF0D1; 299 | font-size: 22px; 300 | margin-left: 60px; 301 | margin-top: -60px; 302 | } -------------------------------------------------------------------------------- /烘培/images/01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/01.jpg -------------------------------------------------------------------------------- /烘培/images/03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/03.jpg -------------------------------------------------------------------------------- /烘培/images/Layer-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/Layer-6.png -------------------------------------------------------------------------------- /烘培/images/add.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/add.png -------------------------------------------------------------------------------- /烘培/images/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/bg.jpg -------------------------------------------------------------------------------- /烘培/images/bg01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/bg01.png -------------------------------------------------------------------------------- /烘培/images/bg03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/bg03.png -------------------------------------------------------------------------------- /烘培/images/bg04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/bg04.png -------------------------------------------------------------------------------- /烘培/images/bg3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/bg3.png -------------------------------------------------------------------------------- /烘培/images/chuxiao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/chuxiao.png -------------------------------------------------------------------------------- /烘培/images/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/close.png -------------------------------------------------------------------------------- /烘培/images/gua.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/gua.png -------------------------------------------------------------------------------- /烘培/images/headerBg01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/headerBg01.jpg -------------------------------------------------------------------------------- /烘培/images/headerBg02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/headerBg02.jpg -------------------------------------------------------------------------------- /烘培/images/icon01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/icon01.png -------------------------------------------------------------------------------- /烘培/images/reduce.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/reduce.png -------------------------------------------------------------------------------- /烘培/images/revise.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/revise.png -------------------------------------------------------------------------------- /烘培/images/shop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/shop.png -------------------------------------------------------------------------------- /烘培/images/shouyin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/shouyin.png -------------------------------------------------------------------------------- /烘培/images/shouzhi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/shouzhi.png -------------------------------------------------------------------------------- /烘培/images/shouzibg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/shouzibg.png -------------------------------------------------------------------------------- /烘培/images/sou.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/sou.png -------------------------------------------------------------------------------- /烘培/images/time.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/time.png -------------------------------------------------------------------------------- /烘培/images/update.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/update.png -------------------------------------------------------------------------------- /烘培/images/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/user.png -------------------------------------------------------------------------------- /烘培/images/yudiing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/yudiing.png -------------------------------------------------------------------------------- /烘培/images/zeng.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/zeng.png -------------------------------------------------------------------------------- /烘培/images/交班.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/交班.png -------------------------------------------------------------------------------- /烘培/images/会员.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/会员.png -------------------------------------------------------------------------------- /烘培/images/会员2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/会员2.png -------------------------------------------------------------------------------- /烘培/images/促销2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/促销2.png -------------------------------------------------------------------------------- /烘培/images/挂单.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/挂单.png -------------------------------------------------------------------------------- /烘培/images/挂单2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/挂单2.png -------------------------------------------------------------------------------- /烘培/images/收银中心.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/收银中心.png -------------------------------------------------------------------------------- /烘培/images/曾.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/曾.png -------------------------------------------------------------------------------- /烘培/images/组-15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/组-15.png -------------------------------------------------------------------------------- /烘培/images/组-18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/烘培/images/组-18.png -------------------------------------------------------------------------------- /烘培/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 |
14 | 15 |
16 |
17 |

  黑侠  (光谷店)

18 |

  2016-04-06   10:23    AM

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 |
品名数量金额结算价
蛋挞56060
全麦面包110.510.5
戚风蛋糕1200
三明治56060
56 |
57 |
58 |

总额：        ￥125.5

59 |
60 | 61 | 62 |
63 | 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 | 97 | 101 | 105 | 109 | 113 |
114 |
115 |
    116 |
  • 117 | 118 |

    管理台

    119 |
    • 120 |
  • 121 | 122 |

    购物卡

    123 |
    • 124 |
  • 125 | 126 |

    会员

    127 |
    • 128 |
  • 129 | 130 |

    促销

    131 |
    • 132 |
  • 133 | 134 |

    预定

    135 |
    • 136 |
  • 137 | 138 |

    交班

    139 |
    • 140 |
  • 141 | 142 |

    挂单

    143 |
    • 144 |
145 | 149 |
150 |
151 |
152 | 153 | -------------------------------------------------------------------------------- /用户中心/images/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/Thumbs.db -------------------------------------------------------------------------------- /用户中心/images/adm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/adm.png -------------------------------------------------------------------------------- /用户中心/images/footerLogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/footerLogo.png -------------------------------------------------------------------------------- /用户中心/images/location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/location.png -------------------------------------------------------------------------------- /用户中心/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/logo.png -------------------------------------------------------------------------------- /用户中心/images/open.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/open.png -------------------------------------------------------------------------------- /用户中心/images/phone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/phone.png -------------------------------------------------------------------------------- /用户中心/images/phone2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/phone2.png -------------------------------------------------------------------------------- /用户中心/images/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/user.png -------------------------------------------------------------------------------- /用户中心/images/weixin1 - 副本.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/weixin1 - 副本.png -------------------------------------------------------------------------------- /用户中心/images/weixin1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/weixin1.png -------------------------------------------------------------------------------- /用户中心/images/weixin3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/liushuyun-s/HTML-CSS/e7c208a79d193818e74e243b2337aa5f4e66b1fa/用户中心/images/weixin3.png -------------------------------------------------------------------------------- /用户中心/用户中心.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0;} 2 | .top{ 3 | width: 100%; 4 | height: 66px; 5 | background:#19BEBE url("images/logo.png") no-repeat center; 6 | } 7 | .nav{ 8 | width: 100%; 9 | height: 42px; 10 | line-height: 42px; 11 | margin-left: auto; 12 | margin-right: auto; 13 | background: #F0F0F0; 14 | position: relative; 15 | } 16 | .nav-left{ 17 | position: absolute; 18 | margin-left:220px; 19 | font-size: 14px; 20 | left: 0; 21 | right: 0; 22 | } 23 | .nav-left img{ 24 | margin-top: 11.5px; 25 | } 26 | .nav-right{ 27 | position: absolute; 28 | right: 0; 29 | top:0; 30 | font-size: 14px; 31 | margin-right: 180px; 32 | } 33 | .nav-content{ 34 | text-align: center; 35 | } 36 | .nav-content a{ 37 | font-size: 18px; 38 | color: #000; 39 | margin: 0 30px; 40 | text-decoration: none; 41 | } 42 | .container{ 43 | width:1000px; 44 | height:900px; 45 | margin-left: auto; 46 | margin-right: auto; 47 | margin-top: 24px; 48 | position: relative; 49 | } 50 | .container-left{ 51 | width: 180px; 52 | height: 900px; 53 | background: #F0F0F0; 54 | text-align: center; 55 | } 56 | .container-left p{ 57 | width: 178px; 58 | font-size: 16px; 59 | line-height: 74px; 60 | border: 1px solid #EBEBEB; 61 | 62 | } 63 | .container-left ul:first-child{ 64 | margin-left: 0px; 65 | margin-top: -10px; 66 | } 67 | .container-left ul:not(:nth-child(1)){ 68 | margin-top: 26px; 69 | } 70 | .container-left li{ 71 | line-height: 30px; 72 | list-style: none; 73 | font-size: 16px; 74 | } 75 | .container-left a{ 76 | text-decoration: none; 77 | color: #000; 78 | } 79 | .container-left a:hover{ 80 | cursor: pointer; 81 | } 82 | .one{ 83 | font-weight: bold; 84 | margin-left:-21px; 85 | } 86 | .two{ 87 | margin-left: -32px; 88 | } 89 | .three{ 90 | margin-left: 40px; 91 | } 92 | .container-right{ 93 | position: absolute; 94 | width: 810px; 95 | height: 900px; 96 | background: #F0F0F0; 97 | top: 0; 98 | left: 190px; 99 | } 100 | .container-right a{ 101 | font-size: 18px; 102 | line-height: 78px; 103 | text-decoration: none; 104 | color: #000; 105 | margin-left:76px; 106 | } 107 | .container-right a{ 108 | cursor: pointer; 109 | } 110 | .container-right hr{ 111 | width: 730px; 112 | margin-left: 40px; 113 | border:1px dashed gray; 114 | margin-top: -10px; 115 | } 116 | .num{ 117 | width: 497px; 118 | height: 65px; 119 | background: #fff; 120 | margin-left: 75px; 121 | border: 1px soli #DCDCDC; 122 | margin-top: 20px; 123 | overflow: hidden; 124 | position: relative; 125 | } 126 | .num img{ 127 | margin-top: 9px; 128 | margin-left: 14px; 129 | float: left; 130 | } 131 | .num ul{ 132 | height: 35px; 133 | margin-top:15px; 134 | margin-left: 70px; 135 | } 136 | .num li{ 137 | list-style: none; 138 | font-size: 12px; 139 | line-height: 18px; 140 | color: #DCDCDC; 141 | } 142 | .num button{ 143 | position: absolute; 144 | width: 80px; 145 | height: 32px; 146 | background: #FEA700; 147 | font-size: 14px; 148 | color: #fff; 149 | border: 1px solid #FEA700; 150 | margin-top:-35px; 151 | margin-left: 313px; 152 | } 153 | button{ 154 | outline: none; 155 | } 156 | .wechat{ 157 | width: 497px; 158 | height: 65px; 159 | background: #fff; 160 | margin-left: 75px; 161 | border: 1px soli #DCDCDC; 162 | margin-top:30px; 163 | overflow: hidden; 164 | position: relative; 165 | } 166 | .wechat img{ 167 | margin-top: 9px; 168 | margin-left: 14px; 169 | float: left; 170 | } 171 | .wechat ul{ 172 | height: 35px; 173 | margin-top:15px; 174 | margin-left: 70px; 175 | } 176 | .wechat li{ 177 | list-style: none; 178 | font-size: 12px; 179 | line-height: 18px; 180 | color: #DCDCDC; 181 | } 182 | .wechat button{ 183 | position: absolute; 184 | width: 80px; 185 | height: 32px; 186 | background: #FEA700; 187 | font-size: 14px; 188 | color: #fff; 189 | border: 1px solid #FEA700; 190 | margin-top:-35px; 191 | margin-left: 373px; 192 | } 193 | .nav-bottom{ 194 | height:230px; 195 | margin-top: 60px; 196 | margin-left: auto; 197 | margin-right: auto; 198 | background: #515151; 199 | position: relative; 200 | overflow: hidden; 201 | } 202 | .nav-bottom-left{ 203 | width: 350px; 204 | margin-left: 180px; 205 | position: absolute; 206 | } 207 | .nav-bottom-left img{ 208 | margin-top: 26px; 209 | margin-bottom: 16px; 210 | } 211 | .nav-bottom-left ul{ 212 | width: 380px; 213 | } 214 | .nav-bottom-left li{ 215 | float: left; 216 | list-style: none; 217 | font-size: 14px; 218 | color: #EBEBEB; 219 | } 220 | .nav-bottom-left li:first-child{ 221 | font-weight: bold; 222 | } 223 | .nav-bottom-left li:nth-child(2){ 224 | margin-top: 12px; 225 | } 226 | .nav-bottom-left li:nth-child(3){ 227 | margin-top: 2px; 228 | } 229 | .nav-bottom-right{ 230 | margin-left:632px; 231 | overflow: hidden; 232 | } 233 | .nav-bottom-right li{ 234 | list-style: none; 235 | line-height: 30px; 236 | font-size: 12px; 237 | color: #EBEBEB; 238 | } 239 | .nav-bottom-right ul{ 240 | float: left; 241 | margin-top: 69px; 242 | margin-left: 80px; 243 | } 244 | .nav-bottom-right li a{ 245 | color: #EBEBEB; 246 | text-decoration: none; 247 | } 248 | .nav-bottom-right ul:nth-child(1){ 249 | margin-left:50px; 250 | } 251 | .nav-bottom-right ul:nth-child(3){ 252 | margin-left:132px; 253 | margin-top:62px; 254 | } 255 | .nav-bottom-right ul:nth-child(4){ 256 | margin-left: 12px; 257 | } 258 | .nav-bottom-foot{ 259 | margin-left: auto; 260 | margin-right: auto; 261 | width: 1003px; 262 | font-size: 12px; 263 | color: #E7E7E7; 264 | overflow: hidden; 265 | } 266 | .nav-bottom-foot hr{ 267 | color:#D3D3D3; 268 | margin-top: 20px; 269 | } 270 | .nav-bottom-foot .left{ 271 | float: left; 272 | margin-left:17px; 273 | } 274 | .nav-bottom-foot .right{ 275 | margin-right:9px; 276 | float: right; 277 | } 278 | .nav-bottom-foot p{ 279 | margin-top: 15px; 280 | } 281 | -------------------------------------------------------------------------------- /用户中心/用户中心.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 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 | 40 | 44 | 48 | 55 | 61 | 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 | 105 | 110 |
    111 |
    • 112 |
    • 113 |
    • 114 |
115 |
    116 |
  • 官方微信
    • 117 |
  • 天猫旗舰店
    • 118 |
  • 有赞商城
    • 119 |
120 |
121 |
122 |
123 |

深圳建筑科学研究院股份有限公司  家居医生网

124 |

粤ICP备08011321号©Copyright All Rights Reserved

125 |
126 |
127 | 128 | 129 | -------------------------------------------------------------------------------- /用户中心/用户中心首页.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0;} 2 | .top{ 3 | width: 100%; 4 | height: 66px; 5 | background:#19BEBE url("images/logo.png") no-repeat center; 6 | } 7 | .nav{ 8 | width: 100%; 9 | height: 42px; 10 | line-height: 42px; 11 | margin-left: auto; 12 | margin-right: auto; 13 | background: #F0F0F0; 14 | position: relative; 15 | } 16 | .nav-left{ 17 | position: absolute; 18 | margin-left:220px; 19 | font-size: 14px; 20 | left: 0; 21 | right: 0; 22 | } 23 | .nav-left img{ 24 | margin-top: 11.5px; 25 | } 26 | .nav-right{ 27 | position: absolute; 28 | right: 0; 29 | top:0; 30 | font-size: 14px; 31 | margin-right: 180px; 32 | color: #FEA700; 33 | } 34 | .nav-content{ 35 | text-align: center; 36 | } 37 | .nav-content a{ 38 | font-size: 18px; 39 | color: #000; 40 | margin: 0 30px; 41 | text-decoration: none; 42 | } 43 | .container{ 44 | width:1000px; 45 | height:900px; 46 | margin-left: auto; 47 | margin-right: auto; 48 | margin-top: 24px; 49 | position: relative; 50 | } 51 | .container-left{ 52 | width: 180px; 53 | height: 900px; 54 | background: #F0F0F0; 55 | text-align: center; 56 | } 57 | .container-left p{ 58 | width: 178px; 59 | font-size: 16px; 60 | line-height: 74px; 61 | border: 1px solid#EBEBEB; 62 | 63 | } 64 | .container-left ul:first-child{ 65 | margin-left: 0px; 66 | margin-top: -10px; 67 | } 68 | .container-left ul:not(:nth-child(1)){ 69 | margin-top: 26px; 70 | } 71 | .container-left li{ 72 | line-height: 30px; 73 | list-style: none; 74 | font-size: 16px; 75 | } 76 | .container-left a{ 77 | text-decoration: none; 78 | color: #000; 79 | } 80 | .container-left a:hover{ 81 | cursor: pointer; 82 | } 83 | .one{ 84 | font-weight: bold; 85 | margin-left:-21px; 86 | } 87 | .two{ 88 | margin-left: -32px; 89 | } 90 | .three{ 91 | margin-left: 40px; 92 | } 93 | .container-right{ 94 | position: absolute; 95 | width: 810px; 96 | height: 1084px; 97 | background:#F0F0F0; 98 | top: 0; 99 | left: 190px; 100 | } 101 | .container-right-top{ 102 | width:808px; 103 | height: 142px; 104 | background: #EDEDED; 105 | border: 1px solid #E8E8E8; 106 | } 107 | .container-right-top .pc{ 108 | width: 405px; 109 | height: 142px; 110 | margin-left: 42px; 111 | position: relative; 112 | overflow: hidden; 113 | } 114 | .pc img{ 115 | margin-top: 18px; 116 | float: left; 117 | } 118 | .pc ul{ 119 | margin-left: 121px; 120 | margin-top: 26px; 121 | margin-right:87px; 122 | border: 1px solid gray; 123 | border-top: none; 124 | border-left: none; 125 | border-bottom: none; 126 | } 127 | .pc li{ 128 | list-style: none; 129 | font-size: 18px; 130 | color: #5A5A5A; 131 | } 132 | .pc li:first-child{ 133 | font-size: 20px; 134 | margin-bottom: 16px; 135 | } 136 | .pc li:not(:first-child){ 137 | line-height: 26px; 138 | } 139 | .container-right-top .wechat{ 140 | width:202px; 141 | height:142px; 142 | margin-top: -91px; 143 | margin-left:390px; 144 | position: relative; 145 | } 146 | .wechat img{ 147 | float:left; 148 | } 149 | .wechat ul{ 150 | margin-left: 48px; 151 | } 152 | .wechat li{ 153 | list-style: none; 154 | margin-top: 0px; 155 | font-size: 14px; 156 | color: #5A5A5A; 157 | } 158 | .container-right-top .num{ 159 | width: 202px; 160 | height: 142px; 161 | margin-top: -142px; 162 | margin-left:587px; 163 | position:relative; 164 | } 165 | .num img{ 166 | float: left; 167 | } 168 | .num ul{ 169 | margin-left:48px; 170 | } 171 | .num li{ 172 | list-style: none; 173 | margin-top: 0px; 174 | font-size: 14px; 175 | color: #5A5A5A; 176 | } 177 | .container-right-top a{ 178 | text-decoration: none; 179 | color: #52CCCC; 180 | } 181 | .container-right-top a:hover{ 182 | cursor: pointer; 183 | } 184 | .nav-bottom{ 185 | margin-top: 308px; 186 | height: 230px; 187 | margin-left: auto; 188 | margin-right: auto; 189 | background: #515151; 190 | position: relative; 191 | overflow: hidden; 192 | } 193 | .nav-bottom-left{ 194 | width: 350px; 195 | margin-left: 180px; 196 | position: absolute; 197 | } 198 | .nav-bottom-left img{ 199 | margin-top: 26px; 200 | margin-bottom: 16px; 201 | } 202 | .nav-bottom-left ul{ 203 | width: 380px; 204 | } 205 | .nav-bottom-left li{ 206 | float: left; 207 | list-style: none; 208 | font-size: 14px; 209 | color: #EBEBEB; 210 | } 211 | .nav-bottom-left li:first-child{ 212 | font-weight: bold; 213 | } 214 | .nav-bottom-left li:nth-child(2){ 215 | margin-top: 12px; 216 | } 217 | .nav-bottom-left li:nth-child(3){ 218 | margin-top: 2px; 219 | } 220 | .nav-bottom-right{ 221 | margin-left:632px; 222 | overflow: hidden; 223 | } 224 | .nav-bottom-right li{ 225 | list-style: none; 226 | line-height: 30px; 227 | font-size: 12px; 228 | color: #EBEBEB; 229 | } 230 | .nav-bottom-right ul{ 231 | float: left; 232 | margin-top: 69px; 233 | margin-left: 80px; 234 | } 235 | .nav-bottom-right li a{ 236 | color: #EBEBEB; 237 | text-decoration: none; 238 | } 239 | .nav-bottom-right ul:nth-child(1){ 240 | margin-left:50px; 241 | } 242 | .nav-bottom-right ul:nth-child(3){ 243 | margin-left:132px; 244 | margin-top:62px; 245 | } 246 | .nav-bottom-right ul:nth-child(4){ 247 | margin-left: 12px; 248 | } 249 | .nav-bottom-foot{ 250 | margin-left: auto; 251 | margin-right: auto; 252 | width: 1003px; 253 | font-size: 12px; 254 | color: #E7E7E7; 255 | overflow: hidden; 256 | } 257 | .nav-bottom-foot hr{ 258 | color:#D3D3D3; 259 | margin-top: 20px; 260 | } 261 | .nav-bottom-foot .left{ 262 | float: left; 263 | margin-left:17px; 264 | } 265 | .nav-bottom-foot .right{ 266 | margin-right:9px; 267 | float: right; 268 | } 269 | .nav-bottom-foot p{ 270 | margin-top: 15px; 271 | } 272 | -------------------------------------------------------------------------------- /用户中心/用户中心首页.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 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 | 40 | 44 | 48 | 55 | 61 | 67 |
68 |
69 |
70 |
71 | 72 |
    73 |
  • 用户名
    • 74 |
  • 积分值：198分
    • 75 |
  • 我的消息：0条
    • 76 |
77 |
78 |
79 | 80 | 84 |
85 |
86 | 87 | 91 |
92 |
93 |
94 | 95 |
96 |
97 |
98 | 99 |
    100 |
  • 为室内环境健康把好每一关
    • 101 |
  • 家居医生致力于中国人的家居健康问题，通过专业的技术研究
    • 102 |
  • 和测评，倾力协助大众打造绿色、环保的人居生活环境。
    • 103 |
104 |
105 |
106 | 111 | 116 |
    117 |
    • 118 |
    • 119 |
    • 120 |
121 |
    122 |
  • 官方微信
    • 123 |
  • 天猫旗舰店
    • 124 |
  • 有赞商城
    • 125 |
126 |
127 |
128 |
129 |

深圳建筑科学研究院股份有限公司  家居医生网

130 |

粤ICP备08011321号©Copyright All Rights Reserved

131 |
132 |
133 | 134 | --------------------------------------------------------------------------------