+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/DOM/30_DOM\345\256\236\346\223\215_\346\224\276\345\244\247\351\225\234/js/index.js" "b/DOM/30_DOM\345\256\236\346\223\215_\346\224\276\345\244\247\351\225\234/js/index.js"
new file mode 100644
index 0000000000000000000000000000000000000000..0530816db55cc236300e0c4edf80254b37b114da
--- /dev/null
+++ "b/DOM/30_DOM\345\256\236\346\223\215_\346\224\276\345\244\247\351\225\234/js/index.js"
@@ -0,0 +1,48 @@
+// 1. 获取页面元素
+
+var small = document.getElementById("small");
+var zoom = document.getElementById("zoom");
+var big = document.getElementById("big");
+
+small.onmouseover = function(){
+ zoom.style.display = "block";
+ big.style.display = "block";
+}
+
+small.onmouseout = function(){
+ zoom.style.display = "none";
+ big.style.display = "none";
+}
+
+// 放大的比例
+var rate = 800 / 450;
+
+small.onmousemove = function(e){
+ // 获得鼠标如何移动的方式:根据鼠标方向移动:移动的像素是多少
+ // e.clientX e.clientY : 相对页面的左上角鼠标移动的距离,单位是像素
+ var zoomX = e.clientX - small.offsetLeft - 150;
+ var zoomY = e.clientY - small.offsetTop - 150;
+
+ // zoom边界的处理
+ if(zoomX < 0){
+ zoomX = 0;
+ }
+
+ if(zoomX >= 150){
+ zoomX = 150;
+ }
+
+ if(zoomY <0){
+ zoomY = 0;
+ }
+
+ if(zoomY >= 150){
+ zoomY = 150;
+ }
+
+ zoom.style.left = zoomX + "px";
+ zoom.style.top = zoomY + 'px';
+
+ big.style.backgroundPositionX = -zoomX * rate + "px";
+ big.style.backgroundPositionY = -zoomY * rate + "px";
+}
\ No newline at end of file
diff --git "a/DOM/31_DOM\345\256\236\346\223\215_\345\233\236\345\210\260\351\241\266\351\203\250/index.html" "b/DOM/31_DOM\345\256\236\346\223\215_\345\233\236\345\210\260\351\241\266\351\203\250/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c4f42e470c88310db721436a756e968ea421cbcc
--- /dev/null
+++ "b/DOM/31_DOM\345\256\236\346\223\215_\345\233\236\345\210\260\351\241\266\351\203\250/index.html"
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ 内容1
+ 内容2
+ 内容3
+ 内容4
+ 内容5
+ 内容6
+
+
+ 回到顶部
+
+
+
+
+
\ No newline at end of file
diff --git a/DOM/images/banner.png b/DOM/images/banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f90e43b88cf6babe00dc844961e519381ab4f2b
Binary files /dev/null and b/DOM/images/banner.png differ
diff --git a/DOM/images/girl.png b/DOM/images/girl.png
new file mode 100644
index 0000000000000000000000000000000000000000..a95036dc8fbc9c1f060ab4990f20b6c680233cb7
Binary files /dev/null and b/DOM/images/girl.png differ
diff --git a/DOM/js/index.js b/DOM/js/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/css/.DS_Store b/css/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..c952dce7f5ac908aed2cf04009d7e502aa30cb89
Binary files /dev/null and b/css/.DS_Store differ
diff --git "a/css/01_CSS\347\256\200\344\273\213.html" "b/css/01_CSS\347\256\200\344\273\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f8c254139ed8cd3de373d9745b957ca3202e1ec9
--- /dev/null
+++ "b/css/01_CSS\347\256\200\344\273\213.html"
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 我是标题标签
+
+
+
\ No newline at end of file
diff --git "a/css/02_CSS\347\232\204\345\274\225\345\205\245\346\226\271\345\274\217.html" "b/css/02_CSS\347\232\204\345\274\225\345\205\245\346\226\271\345\274\217.html"
new file mode 100644
index 0000000000000000000000000000000000000000..13f3a33d9c988b8a3451c3a2f6de2604c651a3ae
--- /dev/null
+++ "b/css/02_CSS\347\232\204\345\274\225\345\205\245\346\226\271\345\274\217.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+ 我是一个段楼文本信息
+ 我是第二个p标签
+
+ 标题1
+ 标题2
+
+
+
\ No newline at end of file
diff --git "a/css/03_CSS\346\240\267\345\274\217\350\241\250\347\211\271\345\276\201.html" "b/css/03_CSS\346\240\267\345\274\217\350\241\250\347\211\271\345\276\201.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e5f4ae78ce2566a583d3166b1822e1912cf04113
--- /dev/null
+++ "b/css/03_CSS\346\240\267\345\274\217\350\241\250\347\211\271\345\276\201.html"
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+ 我是标题
+
+
+ 我是超链接
+
+
+
\ No newline at end of file
diff --git "a/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2502_\345\205\203\347\264\240\351\200\211\346\213\251\345\231\250.html" "b/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2502_\345\205\203\347\264\240\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..39802e5ff768487d2188235c9c6071580fb53e00
--- /dev/null
+++ "b/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2502_\345\205\203\347\264\240\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 学完前端, 继续学习Java
+
+
+
\ No newline at end of file
diff --git "a/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2503_\347\261\273\351\200\211\346\213\251\345\231\250.html" "b/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2503_\347\261\273\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..83d56a584c2f67e8383aac899abec3c8289dfc7a
--- /dev/null
+++ "b/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2503_\347\261\273\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 我是第一个段落
+ 我是第二个段落
+
+ 我是标题1
+ 我是标题2
+
+
+
\ No newline at end of file
diff --git "a/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2504_ID\351\200\211\346\213\251\345\231\250.html" "b/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2504_ID\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7837ddec8edf78de27951dc0347c6b36dfaef1b3
--- /dev/null
+++ "b/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2504_ID\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2505_\345\220\210\345\271\266\351\200\211\346\213\251\345\231\250.html" "b/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2505_\345\220\210\345\271\266\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..11f9f93877615d76428578f204a4ca27830ca4e8
--- /dev/null
+++ "b/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2505_\345\220\210\345\271\266\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 我是段落
+ 我是标题
+
+
+
\ No newline at end of file
diff --git "a/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2506_\351\200\211\346\213\251\345\231\250\344\274\230\345\205\210\347\272\247.html" "b/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2506_\351\200\211\346\213\251\345\231\250\344\274\230\345\205\210\347\272\247.html"
new file mode 100644
index 0000000000000000000000000000000000000000..66777e2c8c996c692e77166d0fa89ec75d18661e
--- /dev/null
+++ "b/css/04_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2506_\351\200\211\346\213\251\345\231\250\344\274\230\345\205\210\347\272\247.html"
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ 我是元素
+
+
+
我是标题
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/05_DIV+CSS\345\270\203\345\261\2001_\344\270\212\344\270\255\344\270\213\347\273\223\346\236\204.html" "b/css/05_DIV+CSS\345\270\203\345\261\2001_\344\270\212\344\270\255\344\270\213\347\273\223\346\236\204.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5008276f76814aac64229f39b7ebbd7633284b37
--- /dev/null
+++ "b/css/05_DIV+CSS\345\270\203\345\261\2001_\344\270\212\344\270\255\344\270\213\347\273\223\346\236\204.html"
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/05_DIV+CSS\345\270\203\345\261\2002_\345\267\246\345\217\263\347\273\223\346\236\204.html" "b/css/05_DIV+CSS\345\270\203\345\261\2002_\345\267\246\345\217\263\347\273\223\346\236\204.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1b37ad509b1ccedccafc16594e3cd5603f7585d
--- /dev/null
+++ "b/css/05_DIV+CSS\345\270\203\345\261\2002_\345\267\246\345\217\263\347\273\223\346\236\204.html"
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/06_\345\270\203\345\261\200\345\256\236\346\223\2151.html" "b/css/06_\345\270\203\345\261\200\345\256\236\346\223\2151.html"
new file mode 100644
index 0000000000000000000000000000000000000000..999b2c8f378a43cc7917656c69172d59824f7a03
--- /dev/null
+++ "b/css/06_\345\270\203\345\261\200\345\256\236\346\223\2151.html"
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/06_\345\270\203\345\261\200\345\256\236\346\223\2152.html" "b/css/06_\345\270\203\345\261\200\345\256\236\346\223\2152.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5cee0c065349c588060057b0ba4034178c90df08
--- /dev/null
+++ "b/css/06_\345\270\203\345\261\200\345\256\236\346\223\2152.html"
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/06_\345\270\203\345\261\200\345\256\236\346\223\2153.html" "b/css/06_\345\270\203\345\261\200\345\256\236\346\223\2153.html"
new file mode 100644
index 0000000000000000000000000000000000000000..fad1b79e9375c9e544aea91bd19a37dfbd33befb
--- /dev/null
+++ "b/css/06_\345\270\203\345\261\200\345\256\236\346\223\2153.html"
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+

+
+
+
+

+
黑鲨4S
+
磁动力升降肩键
+
+
+

+
黑鲨4S
+
磁动力升降肩键
+
+
+

+
黑鲨4S
+
磁动力升降肩键
+
+
+

+
黑鲨4S
+
磁动力升降肩键
+
+
+

+
黑鲨4S
+
磁动力升降肩键
+
+
+

+
黑鲨4S
+
磁动力升降肩键
+
+
+

+
黑鲨4S
+
磁动力升降肩键
+
+
+

+
黑鲨4S
+
磁动力升降肩键
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/08_\350\203\214\346\231\257\345\261\236\346\200\2471.html" "b/css/08_\350\203\214\346\231\257\345\261\236\346\200\2471.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e3786c7cf8c050ca5229341a383304963e5a6b58
--- /dev/null
+++ "b/css/08_\350\203\214\346\231\257\345\261\236\346\200\2471.html"
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/08_\350\203\214\346\231\257\345\261\236\346\200\2472.html" "b/css/08_\350\203\214\346\231\257\345\261\236\346\200\2472.html"
new file mode 100644
index 0000000000000000000000000000000000000000..984ababc752a7bfb38d40a8f041a8e3843eec638
--- /dev/null
+++ "b/css/08_\350\203\214\346\231\257\345\261\236\346\200\2472.html"
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/08_\350\203\214\346\231\257\345\261\236\346\200\2473.html" "b/css/08_\350\203\214\346\231\257\345\261\236\346\200\2473.html"
new file mode 100644
index 0000000000000000000000000000000000000000..73005bfd91cc0872be3edda1492305396467acc5
--- /dev/null
+++ "b/css/08_\350\203\214\346\231\257\345\261\236\346\200\2473.html"
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ 标题1
+ 标题2
+ 标题3
+ 标题4
+
+
+
\ No newline at end of file
diff --git "a/css/09_\346\226\207\346\234\254\345\261\236\346\200\247.html" "b/css/09_\346\226\207\346\234\254\345\261\236\346\200\247.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c05c14e62317fef1064a116422eea618260f81c1
--- /dev/null
+++ "b/css/09_\346\226\207\346\234\254\345\261\236\346\200\247.html"
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 一级标题1
+ 一级标题2
+ 一级标题3
+
+ hello
+ hello
+ hello
+
+ 大家好,今天天气晴朗
+
+
\ No newline at end of file
diff --git "a/css/11_\350\241\250\346\240\274\345\261\236\346\200\247.html" "b/css/11_\350\241\250\346\240\274\345\261\236\346\200\247.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a6f514bbe9d8bcc18530c24f85beba488d7dc256
--- /dev/null
+++ "b/css/11_\350\241\250\346\240\274\345\261\236\346\200\247.html"
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/12_\345\205\266\344\273\226\345\261\236\346\200\2471.html" "b/css/12_\345\205\266\344\273\226\345\261\236\346\200\2471.html"
new file mode 100644
index 0000000000000000000000000000000000000000..dd7ed9d34ad9b996f757e477c337642e8fbcaf49
--- /dev/null
+++ "b/css/12_\345\205\266\344\273\226\345\261\236\346\200\2471.html"
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 小伙伴们大家好
+
+
+
+
+
小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴
+ 们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大
+ 家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好
+ 小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙
+ 伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们
+ 大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家
+ 好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小
+ 伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴
+ 们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大
+ 家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好
+ 小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙
+ 伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们
+ 大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家
+ 好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小
+ 伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴
+ 们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大
+ 家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好
+ 小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙
+ 伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们
+ 大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家
+ 好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小
+ 伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴
+ 们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大
+ 家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好
+ 小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好
+
+
+
+ 小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙伴们大家好小伙
+
+
+
+
\ No newline at end of file
diff --git "a/css/12_\345\205\266\344\273\226\345\261\236\346\200\2472.html" "b/css/12_\345\205\266\344\273\226\345\261\236\346\200\2472.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b059fe77b90041355b7c7a6c13035884b60aa9b5
--- /dev/null
+++ "b/css/12_\345\205\266\344\273\226\345\261\236\346\200\2472.html"
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 欢迎大家来到itbaizhan
我在这里等你们哦!
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2501_\345\233\236\345\277\206\345\237\272\347\241\200\351\200\211\346\213\251\345\231\250.html" "b/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2501_\345\233\236\345\277\206\345\237\272\347\241\200\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..74c062d129dc91ca5126698643b36dd36f50de3e
--- /dev/null
+++ "b/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2501_\345\233\236\345\277\206\345\237\272\347\241\200\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2502_\345\220\216\344\273\243\351\200\211\346\213\251\345\231\250.html" "b/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2502_\345\220\216\344\273\243\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a30cdab87c829689f2092de2f25987613253faa3
--- /dev/null
+++ "b/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2502_\345\220\216\344\273\243\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+ - 列表1
+ - 列表2
+ - 列表3
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2503_\345\255\220\344\273\243\351\200\211\346\213\251\345\231\250.html" "b/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2503_\345\255\220\344\273\243\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c7b56dfae70f9a2022656d04fdd9956d77ff3920
--- /dev/null
+++ "b/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2503_\345\255\220\344\273\243\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2504_\347\233\270\351\202\273\345\205\204\345\274\237\351\200\211\346\213\251\345\231\250.html" "b/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2504_\347\233\270\351\202\273\345\205\204\345\274\237\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3deb6ec9688503dc06e986e913178d87aba8ccef
--- /dev/null
+++ "b/css/13_\345\205\263\347\263\273\351\200\211\346\213\251\345\231\2504_\347\233\270\351\202\273\345\205\204\345\274\237\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 我是标题
+ 我是第一个p标签
+ 我是第二个p标签
+
+
+
\ No newline at end of file
diff --git "a/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2501_\350\266\205\351\223\276\346\216\245\347\233\270\345\205\263.html" "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2501_\350\266\205\351\223\276\346\216\245\347\233\270\345\205\263.html"
new file mode 100644
index 0000000000000000000000000000000000000000..796c808145a5515ba6aa1d08d707ea4a401741b8
--- /dev/null
+++ "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2501_\350\266\205\351\223\276\346\216\245\347\233\270\345\205\263.html"
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ itbaizhan
+
+
+
+ 按钮
+
+
+
\ No newline at end of file
diff --git "a/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2502_child\351\200\211\346\213\251\345\231\250.html" "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2502_child\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..101828405d15dd76c8e824b7131801ea1fb73a2f
--- /dev/null
+++ "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2502_child\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ - 列表1
+ - 列表2
+ - 列表3
+ - 列表4
+ - 列表5
+
+
+
+
\ No newline at end of file
diff --git "a/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2503_child\351\200\211\346\213\251\345\231\250.html" "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2503_child\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..62e638a2d6745d862e9fc239e4e37ac58acbcb6b
--- /dev/null
+++ "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2503_child\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ - 列表1
+ - 列表2
+ - 列表3
+ - 列表4
+ - 列表5
+ - 列表6
+ - 列表7
+ - 列表8
+ - 列表9
+ - 列表10
+
+
+
+
\ No newline at end of file
diff --git "a/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2504_child\351\200\211\346\213\251\345\231\250.html" "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2504_child\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..631475680e1939a6e16e4c5c2ccfa1d8bfabbdfc
--- /dev/null
+++ "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2504_child\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2505_empty\351\200\211\346\213\251\345\231\250.html" "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2505_empty\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1f58b402b931d4539b60bc397345bbf4313c0fd2
--- /dev/null
+++ "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2505_empty\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 我是p里的span
+
+
+
\ No newline at end of file
diff --git "a/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2506_\345\205\266\344\275\231\351\200\211\346\213\251\345\231\250.html" "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2506_\345\205\266\344\275\231\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..80ce8612d9f6fe3e0e9e18675568cda4a29c9fce
--- /dev/null
+++ "b/css/14_\344\274\252\347\261\273\351\200\211\346\213\251\345\231\2506_\345\205\266\344\275\231\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/15_\344\274\252\345\257\271\350\261\241\351\200\211\346\213\251\345\231\250.html" "b/css/15_\344\274\252\345\257\271\350\261\241\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c0478ed54f9266915e5d29f799a4d1cf3bf81307
--- /dev/null
+++ "b/css/15_\344\274\252\345\257\271\350\261\241\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ 我是标题
+
+
+
\ No newline at end of file
diff --git "a/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2501_[attribute]\351\200\211\346\213\251\345\231\250.html" "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2501_[attribute]\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9eea9f93f242f0fe0dc6ad40eb4370dd4f4e9cb9
--- /dev/null
+++ "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2501_[attribute]\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+ 带有target属性
+ 不带有target属性
+
+ 我具有text
+ 我不具有text
+
+
+
+
\ No newline at end of file
diff --git "a/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2502_[attribute=value]\351\200\211\346\213\251\345\231\250.html" "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2502_[attribute=value]\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4bd85efb6507bf62944382613f57342705404f28
--- /dev/null
+++ "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2502_[attribute=value]\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+ 带有target属性
+ 不带有target属性
+
+ 我具有text
+ 我不具有text
+
+
+
+
\ No newline at end of file
diff --git "a/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2503_[attribute~=value]\351\200\211\346\213\251\345\231\250.html" "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2503_[attribute~=value]\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e63c9957a1280d3c9232d23e252f1fa5afc7a4d9
--- /dev/null
+++ "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2503_[attribute~=value]\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 第一个p标签
+ 第二个p标签
+
+
+
\ No newline at end of file
diff --git "a/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2504_[attribute|=value]\351\200\211\346\213\251\345\231\250.html" "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2504_[attribute|=value]\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..2892d5057ec610584fb509669228d70c48825522
--- /dev/null
+++ "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2504_[attribute|=value]\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 我是第一个p
+ 我是第二个p
+
+
+
\ No newline at end of file
diff --git "a/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2505_[attribute^=value]\351\200\211\346\213\251\345\231\250.html" "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2505_[attribute^=value]\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c94ed1538addd614c367c34b176c8abd3b265d6b
--- /dev/null
+++ "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2505_[attribute^=value]\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 我是第一个p
+ 我是第二个p
+ 我是第二个p
+
+
+
\ No newline at end of file
diff --git "a/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2506_[attribute$=value]\351\200\211\346\213\251\345\231\250.html" "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2506_[attribute$=value]\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d5815937da5e767e5480364b847b6767f6ea0ccd
--- /dev/null
+++ "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2506_[attribute$=value]\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 第一个p元素
+ 第一个p元素
+
+
+
\ No newline at end of file
diff --git "a/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2507_[attribute*=value]\351\200\211\346\213\251\345\231\250.html" "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2507_[attribute*=value]\351\200\211\346\213\251\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..cda72087598fe5ee297a80ab5d87576aaa5f042d
--- /dev/null
+++ "b/css/16_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2507_[attribute*=value]\351\200\211\346\213\251\345\231\250.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 标签1
+ 标签2
+
+
+
\ No newline at end of file
diff --git "a/css/17_\347\233\222\345\255\220\346\250\241\345\236\2131_\346\246\202\350\277\260.html" "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2131_\346\246\202\350\277\260.html"
new file mode 100644
index 0000000000000000000000000000000000000000..11d969457ca4dc9aee14f950faad5a64b6cdbff0
--- /dev/null
+++ "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2131_\346\246\202\350\277\260.html"
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 我是内容
+
+
+
+
\ No newline at end of file
diff --git "a/css/17_\347\233\222\345\255\220\346\250\241\345\236\2132_\345\206\205\345\256\271\345\214\272\345\237\237.html" "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2132_\345\206\205\345\256\271\345\214\272\345\237\237.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7ef9921734ed5eaf7a77630a7c194939b9206401
--- /dev/null
+++ "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2132_\345\206\205\345\256\271\345\214\272\345\237\237.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/17_\347\233\222\345\255\220\346\250\241\345\236\2133_\345\206\205\350\276\271\350\267\2352.html" "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2133_\345\206\205\350\276\271\350\267\2352.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4d2059b5ff5ca2103fa9fb68f5a3bc24bbeece5d
--- /dev/null
+++ "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2133_\345\206\205\350\276\271\350\267\2352.html"
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/17_\347\233\222\345\255\220\346\250\241\345\236\2134_\350\276\271\346\241\206.html" "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2134_\350\276\271\346\241\206.html"
new file mode 100644
index 0000000000000000000000000000000000000000..70cc02716fb010c5fa0a0de1493a1539e39339db
--- /dev/null
+++ "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2134_\350\276\271\346\241\206.html"
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+ 国内图片
+
+
+
\ No newline at end of file
diff --git "a/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2351.html" "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2351.html"
new file mode 100644
index 0000000000000000000000000000000000000000..757030f192cfc502def152de9a14893abd923e98
--- /dev/null
+++ "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2351.html"
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2352_\345\261\205\344\270\255.html" "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2352_\345\261\205\344\270\255.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b5fd98df5b753ed840d1cab7c624d1fd7de5638e
--- /dev/null
+++ "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2352_\345\261\205\344\270\255.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2353_\345\215\225\350\276\271\345\244\226\350\276\271\350\267\235.html" "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2353_\345\215\225\350\276\271\345\244\226\350\276\271\350\267\235.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6493175f3e2a24fcaed40b7058e694fcda709e3c
--- /dev/null
+++ "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2353_\345\215\225\350\276\271\345\244\226\350\276\271\350\267\235.html"
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2354_\350\276\271\350\267\235\345\220\210\345\271\266.html" "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2354_\350\276\271\350\267\235\345\220\210\345\271\266.html"
new file mode 100644
index 0000000000000000000000000000000000000000..64a1f60d0897a14ade027dfd0a6ebb386aeec2e5
--- /dev/null
+++ "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2354_\350\276\271\350\267\235\345\220\210\345\271\266.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2355_\346\241\210\344\276\213.html" "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2355_\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..fa84c0b30589d69508f10a1c440c6e72833457eb
--- /dev/null
+++ "b/css/17_\347\233\222\345\255\220\346\250\241\345\236\2135_\345\244\226\350\276\271\350\267\2355_\346\241\210\344\276\213.html"
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/18_\346\200\252\345\274\202\347\233\222\346\250\241\345\236\2131_\346\240\207\345\207\206\347\233\222\346\250\241\345\236\213.html" "b/css/18_\346\200\252\345\274\202\347\233\222\346\250\241\345\236\2131_\346\240\207\345\207\206\347\233\222\346\250\241\345\236\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..21a0168ca4977d5fd39712dba100741304bec048
--- /dev/null
+++ "b/css/18_\346\200\252\345\274\202\347\233\222\346\250\241\345\236\2131_\346\240\207\345\207\206\347\233\222\346\250\241\345\236\213.html"
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/18_\346\200\252\345\274\202\347\233\222\346\250\241\345\236\2132_\346\200\252\345\274\202\347\233\222\346\250\241\345\236\213.html" "b/css/18_\346\200\252\345\274\202\347\233\222\346\250\241\345\236\2132_\346\200\252\345\274\202\347\233\222\346\250\241\345\236\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..df0a95e7247e45abe6af830fb448a22e492b2b3a
--- /dev/null
+++ "b/css/18_\346\200\252\345\274\202\347\233\222\346\250\241\345\236\2132_\346\200\252\345\274\202\347\233\222\346\250\241\345\236\213.html"
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/19_\345\274\271\346\200\247\347\233\222\346\250\241\345\236\213.html" "b/css/19_\345\274\271\346\200\247\347\233\222\346\250\241\345\236\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f2028bc00567bb24de3d55589afa8f37703fe189
--- /dev/null
+++ "b/css/19_\345\274\271\346\200\247\347\233\222\346\250\241\345\236\213.html"
@@ -0,0 +1,94 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/21_display\350\277\220\347\224\250.html" "b/css/21_display\350\277\220\347\224\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a0ef0ed59421d86c5becb4faf03cb440f9f2b151
--- /dev/null
+++ "b/css/21_display\350\277\220\347\224\250.html"
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+ 超链接
+ 超链接
+
+ 我是一级标题
+
+ 内容1
+ 内容2
+
+
+
\ No newline at end of file
diff --git "a/css/22_\351\232\220\350\227\217\345\205\203\347\264\240.html" "b/css/22_\351\232\220\350\227\217\345\205\203\347\264\240.html"
new file mode 100644
index 0000000000000000000000000000000000000000..81ea482bb01396f1bcea04454f2a27beed0fcced
--- /dev/null
+++ "b/css/22_\351\232\220\350\227\217\345\205\203\347\264\240.html"
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 我是一个文本信息
+
+ 我是一个文本信息
+
+ 我是一个文本信息
+
+
我是一个文本信息我是一个文本信息我是一个文本信息我是一个文本信息我是一个文本信息
+
我是一个文本信息我是一个文本信息我是一个文本信息我是一个文本信息我是一个文本信息
+
我是一个文本信息我是一个文本信息我是一个文本信息我是一个文本信息我是一个文本信息
+
我是一个文本信息我是一个文本信息我是一个文本信息我是一个文本信息我是一个文本信息
+
我是一个文本信息我是一个文本信息我是一个文本信息我是一个文本信息我是一个文本信息
+
+
+
+
\ No newline at end of file
diff --git "a/css/23_\346\226\207\346\241\243\346\265\201.html" "b/css/23_\346\226\207\346\241\243\346\265\201.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c98af2a4a8f3d1f50965e0e7e6ccd7bcc1b3ddf2
--- /dev/null
+++ "b/css/23_\346\226\207\346\241\243\346\265\201.html"
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 这是一个美丽的小姐姐
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/24_\346\265\256\345\212\2500_\345\205\203\347\264\240\345\220\221\345\267\246\346\265\256\345\212\250.html" "b/css/24_\346\265\256\345\212\2500_\345\205\203\347\264\240\345\220\221\345\267\246\346\265\256\345\212\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a727cb2ee69ffceb6a9685c2229a246b5c02d0a9
--- /dev/null
+++ "b/css/24_\346\265\256\345\212\2500_\345\205\203\347\264\240\345\220\221\345\267\246\346\265\256\345\212\250.html"
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/24_\346\265\256\345\212\2501_\345\205\203\347\264\240\345\220\221\345\217\263\346\265\256\345\212\250.html" "b/css/24_\346\265\256\345\212\2501_\345\205\203\347\264\240\345\220\221\345\217\263\346\265\256\345\212\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..bda78a81a6e5a53a36ed3e00e7c418999170c6ac
--- /dev/null
+++ "b/css/24_\346\265\256\345\212\2501_\345\205\203\347\264\240\345\220\221\345\217\263\346\265\256\345\212\250.html"
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/24_\346\265\256\345\212\2502_\346\211\200\346\234\211\345\205\203\347\264\240\345\220\221\345\267\246\346\265\256\345\212\250.html" "b/css/24_\346\265\256\345\212\2502_\346\211\200\346\234\211\345\205\203\347\264\240\345\220\221\345\267\246\346\265\256\345\212\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..29a8853e87cdbd41c62b542aec55976a862a379a
--- /dev/null
+++ "b/css/24_\346\265\256\345\212\2502_\346\211\200\346\234\211\345\205\203\347\264\240\345\220\221\345\267\246\346\265\256\345\212\250.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ box1
+ box2
+ box3
+
+
+ - 列表1
+ - 列表2
+ - 列表3
+ - 列表4
+
+
+
+
\ No newline at end of file
diff --git "a/css/24_\346\265\256\345\212\2503_\345\256\271\351\207\217\344\270\215\350\266\263.html" "b/css/24_\346\265\256\345\212\2503_\345\256\271\351\207\217\344\270\215\350\266\263.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a7a091660d98dd35a95945612d8350ee3edf937c
--- /dev/null
+++ "b/css/24_\346\265\256\345\212\2503_\345\256\271\351\207\217\344\270\215\350\266\263.html"
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/25_\346\270\205\351\231\244\346\265\256\345\212\2500_\346\265\256\345\212\250\345\211\257\344\275\234\347\224\2501.html" "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2500_\346\265\256\345\212\250\345\211\257\344\275\234\347\224\2501.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d45122483693b1336ff3f7f03105b283658aab51
--- /dev/null
+++ "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2500_\346\265\256\345\212\250\345\211\257\344\275\234\347\224\2501.html"
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/25_\346\270\205\351\231\244\346\265\256\345\212\2500_\346\265\256\345\212\250\345\211\257\344\275\234\347\224\2502.html" "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2500_\346\265\256\345\212\250\345\211\257\344\275\234\347\224\2502.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f64cfde2ed3b32470f54a16e031fb468a57936fb
--- /dev/null
+++ "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2500_\346\265\256\345\212\250\345\211\257\344\275\234\347\224\2502.html"
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/25_\346\270\205\351\231\244\346\265\256\345\212\2500_\346\265\256\345\212\250\345\211\257\344\275\234\347\224\2503.html" "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2500_\346\265\256\345\212\250\345\211\257\344\275\234\347\224\2503.html"
new file mode 100644
index 0000000000000000000000000000000000000000..bf4cdde96cbbb4c99a0ff929906c7cd2b103033e
--- /dev/null
+++ "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2500_\346\265\256\345\212\250\345\211\257\344\275\234\347\224\2503.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/25_\346\270\205\351\231\244\346\265\256\345\212\2501_\347\210\266\345\205\203\347\264\240\350\256\276\347\275\256\351\253\230\345\272\246.html" "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2501_\347\210\266\345\205\203\347\264\240\350\256\276\347\275\256\351\253\230\345\272\246.html"
new file mode 100644
index 0000000000000000000000000000000000000000..bf9fcb82b791e1582c266d7c331fa24dfa559c58
--- /dev/null
+++ "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2501_\347\210\266\345\205\203\347\264\240\350\256\276\347\275\256\351\253\230\345\272\246.html"
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/25_\346\270\205\351\231\244\346\265\256\345\212\2502_\345\217\227\345\275\261\345\223\215\347\232\204\345\205\203\347\264\240\345\242\236\345\212\240clear\345\261\236\346\200\247.html" "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2502_\345\217\227\345\275\261\345\223\215\347\232\204\345\205\203\347\264\240\345\242\236\345\212\240clear\345\261\236\346\200\247.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b5bbcd315a645c2915008485084a1fb4a54ce77c
--- /dev/null
+++ "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2502_\345\217\227\345\275\261\345\223\215\347\232\204\345\205\203\347\264\240\345\242\236\345\212\240clear\345\261\236\346\200\247.html"
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/25_\346\270\205\351\231\244\346\265\256\345\212\2503_overflow\346\270\205\351\231\244\346\265\256\345\212\250.html" "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2503_overflow\346\270\205\351\231\244\346\265\256\345\212\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5ebd8fd8070051898d343ab2f7a8338925b1c6a6
--- /dev/null
+++ "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2503_overflow\346\270\205\351\231\244\346\265\256\345\212\250.html"
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/25_\346\270\205\351\231\244\346\265\256\345\212\2504_\344\274\252\345\257\271\350\261\241\346\226\271\345\274\217.html" "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2504_\344\274\252\345\257\271\350\261\241\346\226\271\345\274\217.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3e4d98ec8bfca9bff2e942db92cfe4a53fd7c33b
--- /dev/null
+++ "b/css/25_\346\270\205\351\231\244\346\265\256\345\212\2504_\344\274\252\345\257\271\350\261\241\346\226\271\345\274\217.html"
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/26_\346\265\256\345\212\250\345\256\236\346\223\215.html" "b/css/26_\346\265\256\345\212\250\345\256\236\346\223\215.html"
new file mode 100644
index 0000000000000000000000000000000000000000..cfdfa9c058919d7f2765adcbd580e21963d104e4
--- /dev/null
+++ "b/css/26_\346\265\256\345\212\250\345\256\236\346\223\215.html"
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/27_\345\256\232\344\275\2151_\347\233\270\345\257\271\345\256\232\344\275\215.html" "b/css/27_\345\256\232\344\275\2151_\347\233\270\345\257\271\345\256\232\344\275\215.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7157d20d89ab3712dda04dac09c81886856ca082
--- /dev/null
+++ "b/css/27_\345\256\232\344\275\2151_\347\233\270\345\257\271\345\256\232\344\275\215.html"
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/27_\345\256\232\344\275\2152_\347\273\235\345\257\271\345\256\232\344\275\215.html" "b/css/27_\345\256\232\344\275\2152_\347\273\235\345\257\271\345\256\232\344\275\215.html"
new file mode 100644
index 0000000000000000000000000000000000000000..98d18e29c1a807917612b4786befd70e241722ef
--- /dev/null
+++ "b/css/27_\345\256\232\344\275\2152_\347\273\235\345\257\271\345\256\232\344\275\215.html"
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ 文字1
+ 文字2
+ 文字3
+ 文字4
+ 文字5
+ 文字6
+
+
+
\ No newline at end of file
diff --git "a/css/27_\345\256\232\344\275\2153_\347\233\270\345\257\271\345\256\232\344\275\215\345\222\214\347\273\235\345\257\271\345\256\232\344\275\215.html" "b/css/27_\345\256\232\344\275\2153_\347\233\270\345\257\271\345\256\232\344\275\215\345\222\214\347\273\235\345\257\271\345\256\232\344\275\215.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3b48cdf46d4ff9d7d853b40ef6cdcfc719899289
--- /dev/null
+++ "b/css/27_\345\256\232\344\275\2153_\347\233\270\345\257\271\345\256\232\344\275\215\345\222\214\347\273\235\345\257\271\345\256\232\344\275\215.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/27_\345\256\232\344\275\2155_z-index.html" "b/css/27_\345\256\232\344\275\2155_z-index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8525c8d582d4686eaaab1ef0ff1024745c85d5e7
--- /dev/null
+++ "b/css/27_\345\256\232\344\275\2155_z-index.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/28_\345\256\232\344\275\215\345\256\236\346\223\2151_\344\270\213\346\213\211\345\210\227\350\241\250.html" "b/css/28_\345\256\232\344\275\215\345\256\236\346\223\2151_\344\270\213\346\213\211\345\210\227\350\241\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6a27517484568aa3f5365c8b07b57e443db9a5e6
--- /dev/null
+++ "b/css/28_\345\256\232\344\275\215\345\256\236\346\223\2151_\344\270\213\346\213\211\345\210\227\350\241\250.html"
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ -
+ 首页
+
+
+ -
+ 手机
+
+
+ -
+ 配件
+
+
+ -
+ 服务
+
+
+ -
+ 下载
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/28_\345\256\232\344\275\215\345\256\236\346\223\2152_\345\233\276\347\211\207\344\270\212\345\256\232\344\275\215\346\226\207\345\255\227.html" "b/css/28_\345\256\232\344\275\215\345\256\236\346\223\2152_\345\233\276\347\211\207\344\270\212\345\256\232\344\275\215\346\226\207\345\255\227.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5c5e498a98010e7b17d6f2ac90e46133b640b2d9
--- /dev/null
+++ "b/css/28_\345\256\232\344\275\215\345\256\236\346\223\2152_\345\233\276\347\211\207\344\270\212\345\256\232\344\275\215\346\226\207\345\255\227.html"
@@ -0,0 +1,165 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/28_\345\256\232\344\275\215\345\256\236\346\223\2153_\347\205\247\347\211\207\345\242\231.html" "b/css/28_\345\256\232\344\275\215\345\256\236\346\223\2153_\347\205\247\347\211\207\345\242\231.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d6b5738026a9e6147fcf436ee3c602d08bce5662
--- /dev/null
+++ "b/css/28_\345\256\232\344\275\215\345\256\236\346\223\2153_\347\205\247\347\211\207\345\242\231.html"
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/29_CSS3\346\226\260\347\211\271\346\200\247_\345\234\206\350\247\222.html" "b/css/29_CSS3\346\226\260\347\211\271\346\200\247_\345\234\206\350\247\222.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b5341e0f2eb19378770ab65414961611f59ed39a
--- /dev/null
+++ "b/css/29_CSS3\346\226\260\347\211\271\346\200\247_\345\234\206\350\247\222.html"
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/30_CSS3\346\226\260\347\211\271\346\200\247_\351\230\264\345\275\261.html" "b/css/30_CSS3\346\226\260\347\211\271\346\200\247_\351\230\264\345\275\261.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ee31e2ff0c6b8e3e6ffc743c5ed547110f93bcf8
--- /dev/null
+++ "b/css/30_CSS3\346\226\260\347\211\271\346\200\247_\351\230\264\345\275\261.html"
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 尚学堂-itbaizhan
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/31_CSS3\346\226\260\347\211\271\346\200\247_\350\203\214\346\231\257\346\270\220\345\217\230.html" "b/css/31_CSS3\346\226\260\347\211\271\346\200\247_\350\203\214\346\231\257\346\270\220\345\217\230.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1a76a3d09a9eeb28825f20d50ffdfe1151849315
--- /dev/null
+++ "b/css/31_CSS3\346\226\260\347\211\271\346\200\247_\350\203\214\346\231\257\346\270\220\345\217\230.html"
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/32_CSS3\346\226\260\347\211\271\346\200\247_\350\203\214\346\231\257\346\270\220\345\217\230\345\256\236\346\223\215.html" "b/css/32_CSS3\346\226\260\347\211\271\346\200\247_\350\203\214\346\231\257\346\270\220\345\217\230\345\256\236\346\223\215.html"
new file mode 100644
index 0000000000000000000000000000000000000000..266a68c1f24801fe577ba37a1fc9c7a9b03747aa
--- /dev/null
+++ "b/css/32_CSS3\346\226\260\347\211\271\346\200\247_\350\203\214\346\231\257\346\270\220\345\217\230\345\256\236\346\223\215.html"
@@ -0,0 +1,166 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/33_CSS3\346\226\260\347\211\271\346\200\247_\350\275\254\346\215\242.html" "b/css/33_CSS3\346\226\260\347\211\271\346\200\247_\350\275\254\346\215\242.html"
new file mode 100644
index 0000000000000000000000000000000000000000..cfd6f5698e979ea3cadcfa677b5938b5c3a42c3d
--- /dev/null
+++ "b/css/33_CSS3\346\226\260\347\211\271\346\200\247_\350\275\254\346\215\242.html"
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 我是默认6px字号
+ 我是默认12px字号
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/34_CSS3\346\226\260\347\211\271\346\200\247_3D\350\275\254\346\215\2421.html" "b/css/34_CSS3\346\226\260\347\211\271\346\200\247_3D\350\275\254\346\215\2421.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b4ae85aeed2ed47aa7a058f73d0086e14cf8875d
--- /dev/null
+++ "b/css/34_CSS3\346\226\260\347\211\271\346\200\247_3D\350\275\254\346\215\2421.html"
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 我是默认文本信息
+
+
+
\ No newline at end of file
diff --git "a/css/35_CSS3\346\226\260\347\211\271\346\200\247_\345\260\217\347\261\263\345\256\230\347\275\221\346\265\256\345\212\250\345\212\250\347\224\273.html" "b/css/35_CSS3\346\226\260\347\211\271\346\200\247_\345\260\217\347\261\263\345\256\230\347\275\221\346\265\256\345\212\250\345\212\250\347\224\273.html"
new file mode 100644
index 0000000000000000000000000000000000000000..dd67e5a27c767e478e2a758cc9f0409979d4ce05
--- /dev/null
+++ "b/css/35_CSS3\346\226\260\347\211\271\346\200\247_\345\260\217\347\261\263\345\256\230\347\275\221\346\265\256\345\212\250\345\212\250\347\224\273.html"
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/36_CSS3\346\226\260\347\211\271\346\200\247_\350\277\207\346\270\241.html" "b/css/36_CSS3\346\226\260\347\211\271\346\200\247_\350\277\207\346\270\241.html"
new file mode 100644
index 0000000000000000000000000000000000000000..033897abcafd40fbf064557f325a70f831f80639
--- /dev/null
+++ "b/css/36_CSS3\346\226\260\347\211\271\346\200\247_\350\277\207\346\270\241.html"
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/37_CSS3\346\226\260\347\211\271\346\200\247_\345\256\236\347\216\260\345\260\217\347\261\263\345\256\230\347\275\221\345\212\250\347\224\273\346\225\210\346\236\234.html" "b/css/37_CSS3\346\226\260\347\211\271\346\200\247_\345\256\236\347\216\260\345\260\217\347\261\263\345\256\230\347\275\221\345\212\250\347\224\273\346\225\210\346\236\234.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d6d9f1e8831c7c0128505857d53f16d150286091
--- /dev/null
+++ "b/css/37_CSS3\346\226\260\347\211\271\346\200\247_\345\256\236\347\216\260\345\260\217\347\261\263\345\256\230\347\275\221\345\212\250\347\224\273\346\225\210\346\236\234.html"
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/38_CSS3\346\226\260\347\211\271\346\200\247_\345\212\250\347\224\2731_\345\210\207\346\215\242\350\203\214\346\231\257\351\242\234\350\211\262.html" "b/css/38_CSS3\346\226\260\347\211\271\346\200\247_\345\212\250\347\224\2731_\345\210\207\346\215\242\350\203\214\346\231\257\351\242\234\350\211\262.html"
new file mode 100644
index 0000000000000000000000000000000000000000..79e4801156335d602c703f6617bab33874607320
--- /dev/null
+++ "b/css/38_CSS3\346\226\260\347\211\271\346\200\247_\345\212\250\347\224\2731_\345\210\207\346\215\242\350\203\214\346\231\257\351\242\234\350\211\262.html"
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/38_CSS3\346\226\260\347\211\271\346\200\247_\345\212\250\347\224\2732_\345\221\274\345\220\270\346\225\210\346\236\2341.html" "b/css/38_CSS3\346\226\260\347\211\271\346\200\247_\345\212\250\347\224\2732_\345\221\274\345\220\270\346\225\210\346\236\2341.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8f51a5fa8ac0c90a55a67678b891fce6c685d2cc
--- /dev/null
+++ "b/css/38_CSS3\346\226\260\347\211\271\346\200\247_\345\212\250\347\224\2732_\345\221\274\345\220\270\346\225\210\346\236\2341.html"
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/38_CSS3\346\226\260\347\211\271\346\200\247_\345\212\250\347\224\2732_\345\221\274\345\220\270\346\225\210\346\236\2342.html" "b/css/38_CSS3\346\226\260\347\211\271\346\200\247_\345\212\250\347\224\2732_\345\221\274\345\220\270\346\225\210\346\236\2342.html"
new file mode 100644
index 0000000000000000000000000000000000000000..eed85c22d468b7445a859c196ef0369a4051df50
--- /dev/null
+++ "b/css/38_CSS3\346\226\260\347\211\271\346\200\247_\345\212\250\347\224\2732_\345\221\274\345\220\270\346\225\210\346\236\2342.html"
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/39_CSS3\346\226\260\347\211\271\346\200\247_\347\273\230\345\210\266\347\211\271\346\256\212\345\233\276\345\275\242.html" "b/css/39_CSS3\346\226\260\347\211\271\346\200\247_\347\273\230\345\210\266\347\211\271\346\256\212\345\233\276\345\275\242.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3fbb9a65961570f5a4de54eb6d5b678250a83fd6
--- /dev/null
+++ "b/css/39_CSS3\346\226\260\347\211\271\346\200\247_\347\273\230\345\210\266\347\211\271\346\256\212\345\233\276\345\275\242.html"
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/40_\345\252\222\344\275\223\346\237\245\350\257\2421_\350\256\276\347\275\256meta.html" "b/css/40_\345\252\222\344\275\223\346\237\245\350\257\2421_\350\256\276\347\275\256meta.html"
new file mode 100644
index 0000000000000000000000000000000000000000..41301e70e2d20f2fca1a0e4a51b5b8bb0c28ae6d
--- /dev/null
+++ "b/css/40_\345\252\222\344\275\223\346\237\245\350\257\2421_\350\256\276\347\275\256meta.html"
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ hello
+
+
+
\ No newline at end of file
diff --git "a/css/40_\345\252\222\344\275\223\346\237\245\350\257\2422_\350\257\255\346\263\225.html" "b/css/40_\345\252\222\344\275\223\346\237\245\350\257\2422_\350\257\255\346\263\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..21942edabdeeb1f4b338a769ba360674edf78d6e
--- /dev/null
+++ "b/css/40_\345\252\222\344\275\223\346\237\245\350\257\2422_\350\257\255\346\263\225.html"
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/42_\346\240\205\346\240\274\347\263\273\347\273\237.html" "b/css/42_\346\240\205\346\240\274\347\263\273\347\273\237.html"
new file mode 100644
index 0000000000000000000000000000000000000000..758f433aa809bc9dff09a10196fde8cc10e9aa52
--- /dev/null
+++ "b/css/42_\346\240\205\346\240\274\347\263\273\347\273\237.html"
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
盒子
+
盒子
+
盒子
+
盒子
+
盒子
+
盒子
+
盒子
+
盒子
+
盒子
+
盒子
+
盒子
+
盒子
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/43_\345\244\232\345\210\227.html" "b/css/43_\345\244\232\345\210\227.html"
new file mode 100644
index 0000000000000000000000000000000000000000..303dd4a38aca3e5c52074eaf5a450049a7f1f2ba
--- /dev/null
+++ "b/css/43_\345\244\232\345\210\227.html"
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 百战程序员在线辅导班致力于将“高端课程”和“变态严格督导”服务结合起来,
+ 让学员在线也能体会到和“线下培训”一样的服务和效果。经过4年的运营,
+ 已经有258358人进入辅导班,并且取得了非常好的培训效果,影响遍及全世界。
+ 其中,有20547人是海外华人学员,也有世界知名高校的学生参与我们的课程。
+
+
+
+
\ No newline at end of file
diff --git "a/css/44_\351\233\252\347\242\247\345\233\276.html" "b/css/44_\351\233\252\347\242\247\345\233\276.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8b7885e5431b13adbb46fab26d465cd186b817cd
--- /dev/null
+++ "b/css/44_\351\233\252\347\242\247\345\233\276.html"
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/45_\345\255\227\344\275\223\345\233\276\346\240\207.html" "b/css/45_\345\255\227\344\275\223\345\233\276\346\240\207.html"
new file mode 100644
index 0000000000000000000000000000000000000000..dc6a1bc3a6beee0b53bbb76810da84f0670ecaa3
--- /dev/null
+++ "b/css/45_\345\255\227\344\275\223\345\233\276\346\240\207.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/46_\346\273\221\345\212\250\351\227\250.html" "b/css/46_\346\273\221\345\212\250\351\227\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..dca8e562b53f5da2e09a0bf65af3b27c440d4f09
--- /dev/null
+++ "b/css/46_\346\273\221\345\212\250\351\227\250.html"
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+ -
+ 手机
+
+
小米1
+
+ -
+ 电视
+
+
小米2
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/.DS_Store" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/.DS_Store"
new file mode 100644
index 0000000000000000000000000000000000000000..0ba7d51f243b00369c5802fbe6403b8e15a7360b
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/.DS_Store" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/demo.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/demo.css"
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/demo_index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/demo_index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1ac8517cfb86548221abfccb3b881ee7edfb6bd
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/demo_index.html"
@@ -0,0 +1,743 @@
+
+
+
+
+ IconFont Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
+
+
+
+
+ -
+
+
F
+ 󰀽
+
+
+ -
+
+
15天无理由退货
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
播放 三角形
+ 
+
+
+ -
+
+
定位 (1)
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
7天无理由退货
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
维修
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
放大镜
+ 
+
+
+ -
+
+
我的
+ 
+
+
+ -
+
+
返回顶部
+ 
+
+
+ -
+
+
耳机
+ 
+
+
+ -
+
+
手机到手机
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
对话
+ 
+
+
+ -
+
+
电话卡
+ 
+
+
+ -
+
+
充值
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
购物车
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ F
+
+ .icon-F
+
+
+
+ -
+
+
+ 15天无理由退货
+
+ .icon-15tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-iconfonticonfonti2copycopy
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantouarrowhead7
+
+
+
+ -
+
+
+ 播放 三角形
+
+ .icon-bofangsanjiaoxing
+
+
+
+ -
+
+
+ 定位 (1)
+
+ .icon-dingwei1
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 7天无理由退货
+
+ .icon-7tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-sanjiaoxing
+
+
+
+ -
+
+
+ 维修
+
+ .icon-buoumaotubiao46
+
+
+
+ -
+
+
+ 手机
+
+ .icon-tel
+
+
+
+ -
+
+
+ 放大镜
+
+ .icon-fangdajing
+
+
+
+ -
+
+
+ 我的
+
+ .icon-my_icon
+
+
+
+ -
+
+
+ 返回顶部
+
+ .icon-fanhuidingbu
+
+
+
+ -
+
+
+ 耳机
+
+ .icon-erji
+
+
+
+ -
+
+
+ 手机到手机
+
+ .icon-shoujidaoshouji
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gifs
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantou
+
+
+
+ -
+
+
+ 对话
+
+ .icon-duihua
+
+
+
+ -
+
+
+ 电话卡
+
+ .icon-dianhuaqia
+
+
+
+ -
+
+
+ 充值
+
+ .icon-chongzhi
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 购物车
+
+ .icon-gouwuche
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou1
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-present
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size, color 来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..82b55e328cc0b42679e713b74141f4d4aacd6518
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.css"
@@ -0,0 +1,117 @@
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1561534862311'); /* IE9 */
+ src: url('iconfont.eot?t=1561534862311#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+ url('iconfont.woff?t=1561534862311') format('woff'),
+ url('iconfont.ttf?t=1561534862311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1561534862311#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-F:before {
+ content: "\f003d";
+}
+
+.icon-15tianwuliyoutuihuo:before {
+ content: "\e606";
+}
+
+.icon-iconfonticonfonti2copycopy:before {
+ content: "\e62e";
+}
+
+.icon-jiantouarrowhead7:before {
+ content: "\e6bc";
+}
+
+.icon-bofangsanjiaoxing:before {
+ content: "\e769";
+}
+
+.icon-dingwei1:before {
+ content: "\e617";
+}
+
+.icon-youjiantou:before {
+ content: "\e619";
+}
+
+.icon-7tianwuliyoutuihuo:before {
+ content: "\e60e";
+}
+
+.icon-sanjiaoxing:before {
+ content: "\e620";
+}
+
+.icon-buoumaotubiao46:before {
+ content: "\e629";
+}
+
+.icon-tel:before {
+ content: "\e641";
+}
+
+.icon-fangdajing:before {
+ content: "\e63d";
+}
+
+.icon-my_icon:before {
+ content: "\e65d";
+}
+
+.icon-fanhuidingbu:before {
+ content: "\e623";
+}
+
+.icon-erji:before {
+ content: "\e605";
+}
+
+.icon-shoujidaoshouji:before {
+ content: "\e64a";
+}
+
+.icon-gifs:before {
+ content: "\e624";
+}
+
+.icon-jiantou:before {
+ content: "\e621";
+}
+
+.icon-duihua:before {
+ content: "\e710";
+}
+
+.icon-dianhuaqia:before {
+ content: "\e733";
+}
+
+.icon-chongzhi:before {
+ content: "\e65c";
+}
+
+.icon-shouji:before {
+ content: "\e525";
+}
+
+.icon-gouwuche:before {
+ content: "\e607";
+}
+
+.icon-youjiantou1:before {
+ content: "\e658";
+}
+
+.icon-present:before {
+ content: "\e611";
+}
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.eot" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..5e9a285d4f141012b90c8b0093da4f07c0fa62bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.eot" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.js" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d120ac96efd0bc668b14ad234fd20ae00664a04
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.js"
@@ -0,0 +1 @@
+!function(s){var c,t='',h=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(h&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()};document.addEventListener("DOMContentLoaded",h,!1)}else document.attachEvent&&(l=c,a=s.document,o=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,t())});function t(){o||(o=!0,l())}var l,a,o,i}(function(){var c,h;(c=document.createElement("div")).innerHTML=t,t=null,(h=c.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",function(c,h){h.firstChild?function(c,h){h.parentNode.insertBefore(c,h)}(c,h.firstChild):h.appendChild(c)}(h,document.body))})}(window);
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.svg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..f5269cc8c727142a59f9837e20fd4f892c11407a
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.svg"
@@ -0,0 +1,101 @@
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.ttf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..3b9dd2e7ca16388626976f473598d8c4d5570021
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.ttf" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.woff" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..f42f23160f7a24b91c3b05e052902bbd8644c35f
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.woff" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.woff2" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..12e816ceb161961bcfcefb2c446b3224a38a5870
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/iconfont/iconfont.woff2" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/mi.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/mi.css"
new file mode 100644
index 0000000000000000000000000000000000000000..8e91b87053e24dfbf9df7e0b61fae567dae44620
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/mi.css"
@@ -0,0 +1,16 @@
+/* 头部样式开始 */
+.header{
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ position: relative;
+}
+
+.header img{
+ height: 120px;
+ /* 图片,以中间开始渲染 */
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+/* 头部样式结束 */
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/reset.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be2dc78d18b6bec6cf9115f7b6f31495e6c73e20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
+li{ list-style: none;}
+a{text-decoration: none;}
+img{border: none;}
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/images/download.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/images/download.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ace029704d62e8173ee6d55c037aff4315488fd
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/images/download.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/images/top.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/images/top.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a1c3c4ba18304ed49a5d826cf2dd3d56b4ff27c1
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/images/top.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ab53be14b759afcb55cf01317a31063e83d61a07
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/01_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\210\206\346\236\220\344\270\216\351\241\266\351\203\250\345\271\277\345\221\212/index.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ 小米
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/demo.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/demo.css"
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/demo_index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/demo_index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1ac8517cfb86548221abfccb3b881ee7edfb6bd
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/demo_index.html"
@@ -0,0 +1,743 @@
+
+
+
+
+ IconFont Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
+
+
+
+
+ -
+
+
F
+ 󰀽
+
+
+ -
+
+
15天无理由退货
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
播放 三角形
+ 
+
+
+ -
+
+
定位 (1)
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
7天无理由退货
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
维修
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
放大镜
+ 
+
+
+ -
+
+
我的
+ 
+
+
+ -
+
+
返回顶部
+ 
+
+
+ -
+
+
耳机
+ 
+
+
+ -
+
+
手机到手机
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
对话
+ 
+
+
+ -
+
+
电话卡
+ 
+
+
+ -
+
+
充值
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
购物车
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ F
+
+ .icon-F
+
+
+
+ -
+
+
+ 15天无理由退货
+
+ .icon-15tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-iconfonticonfonti2copycopy
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantouarrowhead7
+
+
+
+ -
+
+
+ 播放 三角形
+
+ .icon-bofangsanjiaoxing
+
+
+
+ -
+
+
+ 定位 (1)
+
+ .icon-dingwei1
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 7天无理由退货
+
+ .icon-7tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-sanjiaoxing
+
+
+
+ -
+
+
+ 维修
+
+ .icon-buoumaotubiao46
+
+
+
+ -
+
+
+ 手机
+
+ .icon-tel
+
+
+
+ -
+
+
+ 放大镜
+
+ .icon-fangdajing
+
+
+
+ -
+
+
+ 我的
+
+ .icon-my_icon
+
+
+
+ -
+
+
+ 返回顶部
+
+ .icon-fanhuidingbu
+
+
+
+ -
+
+
+ 耳机
+
+ .icon-erji
+
+
+
+ -
+
+
+ 手机到手机
+
+ .icon-shoujidaoshouji
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gifs
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantou
+
+
+
+ -
+
+
+ 对话
+
+ .icon-duihua
+
+
+
+ -
+
+
+ 电话卡
+
+ .icon-dianhuaqia
+
+
+
+ -
+
+
+ 充值
+
+ .icon-chongzhi
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 购物车
+
+ .icon-gouwuche
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou1
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-present
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size, color 来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..82b55e328cc0b42679e713b74141f4d4aacd6518
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.css"
@@ -0,0 +1,117 @@
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1561534862311'); /* IE9 */
+ src: url('iconfont.eot?t=1561534862311#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABFwAAsAAAAAHwAAABEjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGTgqqVKFYATYCJANoCzYABCAFhG0HgnYbghlFRoWNAwiCfFWy/8sEbg6cHSoHC2MTVdfaiqoBixK7WOwOGSqE4yw/B7GUIWI/rNT/+f6GqqcOpfx53LSX/CBJkASxFqpGbULFAqVitDAxZt5p5/Vpb6N3TGBylZl0ou3M240z7xknIlyu5TO4qghVIkWo0Hb2kg0c7YWejCiF7G79gDhgS7jBnJrUsmQXDSPk14EhA2bpK33BbrJxwocQOAZDm58L/de6xa50DUUSYsRv4xQBEOCYhv7T4FxpkYX7wRMLs+mpdy45TNoc5DhP3GF7jxkAKRRmQmN7T70HQLUpQEnSzVg7KE2bZ08pqPCvBCQwGJt5ugobC6OAKerK+O/5AQYAFBgkwjjLx3etBwToAoZeC+YqqPUoNxAFmRgI7fyMcQkMc+GBEN9yBgFgB/n72DeQNkIAHHgI9AVV30dRu3nTH0DkExPrsFccA4DNeAAIABIBEAC4LLMFEwHycSIRqSyegGEAiBWq7qTw8ygCv8TPUtMKEylOshwF9sg4qB5TenMfAJXieVVDRRx24Np1hkGsEZ9YNZkxNu0/8QBUpICDmhC0+CAAEmQkwKIAgQhoYGgoiYEAOQUeAMYH9BQBAGDZGtV6diarCKiAn1cEpAB+fhHAAfyCIqAGfkkREAL42SKgBX61ACxECwFAQkGBBAkDBRlIBAQQRSIhAEgcKFAgyaCAQHJAQQRSAAo0SCkoMCBjQUEDMhEUlCCTQEEMMoAiQAB8wVCQE5IOCgqQuSgEPJBCjmUyiTpnnAwAC9X454HQTbcNEoYBYdVggE9xEdEYaQAlBjwQgwCZAmAxgjoOQioVE0fKZTIkcn1SLA7GkCIG6YM1WpYixKYWLQpvIQUCBcMIrYYgwp1QKRKalggE8jRMbHRKCJmcUQJFA0FbnaYMQiHDqBgxISJPGYNIH8wQUkqmWjvCxfbqTwmk9u/w//JT+EzceDgRPZXNlcw/4afyEuWDOZG5cZRhvmglKZFfmwuPZtoRg3Qm5gAP2X6nNDOOUUgcncmnf4lTP0lsmihcxlhfYVwYHaKjFT73dI3OOVVldTL75Ily7/BpOvZ0wCvEOHFSkjKbcSp7/5pi+RAQZKTA7etBjmavHLp68bfnpfIl27no3IvMiefu35efMPMTp7xOd/6IyS8i75N/SOWdtv3p9+Nb6TQned5gQq80hcuqf8QPcpalLE+xMjFdTUxWxdQdsRJuQ5/C47Jk77ehUtYxIYg0cUaMnD7mTbYTTTfmAhgoq2gYwmCaSRrquAwL8+/fvXOazfEUDbjpSm77AbWoASpkllO+yX6bc2pLT1ZaaAln0CDryr9cY8lbCf2gVBgxosEPwA+eEKERZWYpZac5BR1RzObsdBWOEHc1Vh3TnavN1AuV0V1hGXlBjVZZT07d1zr043JBGR2dPYcZ+G77pCpt8dkt8tSvJ01F0OkGiCyU7FojSYlxEECYJNeEaCa8f0rnAVVogN2ZDKyfgN3WP91FJA9g90lZCHL7IU1dFfP4zT/hAi4L0pCZQQBIaAhk5RF6Es1sW1hHrElbmH85+mfNrb0/FrFiT4Fmn7UgDXKBHXxuw2ffzWkmzNaVvxkHuIgrcLosg6t28oFiPhRnnUIIYIguu3X7su+JKfPOKLuVcqznjmrF5pjOXGsIN9gY3RHWz7EyIEgF67wGO2kVuZqiti5JhiQ6KAJLhzBAeyzhZBS+TYZqSKObAQSzIK/zACFDozxtP7OZ6bJYyX30t5971vxs2i+26KNkT/GT+pPRsUefROPA4Grhthfx9v7P0wntWOHhs8QBGnxTdmxllqeXKqcwN6XxQbTtdXoswPjXePJPXKIy9JUwvc5KH2h72/W2F+W93CflaVq7fn1kVKb8w4zqq7G+V33d+nH23pHjHOHP/5/Y/uyvFdonf4xre/rvcswlEQiNK9y+xvpaansRbUOvX7ClAtv30LjEpQ0ujtK7dSl6m73+GfbcgJfGLOG5tnfwbsNhnUELYz77ZAXgpH4vXx/VMdI4N7XGtmfnBQ4hFxWrY+CbHYkjwFGPCQAT0fAytlCFjvIUN44yRox1Z3HjSGPMcEfLK9tvB9J4Q6wJmg4gVWXHtabbKwAIXxgVgjHvQsdUo6wucZwh0n/CEXszDtFCHh6Ez/5b0ffJP+PuDgxZtB6rRfWHI4IpeE8v0RlanhzFJAIRpwu1FhJdetpFTJ71HQUIh2wMREU6E8McHw1wgUy7r+XrgCCDpOzMNg+IMqpl2rzka5360XnQxt7/K6dQv2/ESIcQe+99tqCCebB/vxZy/bxiZET+/pIJF064fALYQUd00tBzTJ+5wTYOOAKpZcrwbt9n/01op8GoPKeNVKb3l2pjqaYn/xwe6DSCUDy4PRMIcW8QDuioJWtL483vfgh2hl6+ThrTcXZBUhDL2vTjhd8rllELl1q0OYM579xFAsROcV5HjqDJ1+J2p9v+eMa6UI173fjUWBiYE9GYZyXHiY7FuxaM3SUaqxp403AtpILcpS+MvTT2zfaLLc26QvJl3eXfZN1UWXnz2omdkeUU/fHTNYnm+WMXts3LqBFPocfFH8ssNs0E6Z3GdMcIhUqWOo4RL1OmfjNfsnj8J5Noqp6/dQM2CcuVsYKQ+OhigleHagoJ7ZODhIzhm1QdwYqO1LAoBSiS7Vn2Rasd2Y4O2LMG1mniAlIqENWo/NFq/T8hAA7XoTvDBEmx9UdwBe7KGQ8NZ75mnjJfnzE8jEz/67Cvl27CrxZOBNx2SX5O2o52PXjoRjvRLAftYtrk59Hd5a34mT7UJmn4ZRPH/bpZvBJve8vbnr5isxkMlfDKxwkSSf7cn5xcNVfFgXEDcY/g3bPBgXDcDfvdnYiOfvTRUSLA6UBH0RF1bUfs/Yd6V4bHsfL03oOeoHSdZ968bB+rZ325C+fTHxNAJg3Dluf3aE3bPyEEwv6mYOj6Tv1d1+9tt+M7P30xesf7N/cyj0ThP6sfih79FPFItZf+x53fHsmnnnfBC3j6wsetTdh54rvviF7Oue++P4/c2Psno7aWMnPKV3DFOcuA91pxxtTPUv1TUJ8Nrr19Z5b8A/msVVkpm7VwoUPuuHNb6IMvUCDDlP5zRpElTofSdboSQNwxC2f26oJmXdBKvug58+ekoyiFtX1EXZUt9v3EuaOU6urYmIkRN83WitKnhimprYrm/LbahD+VONN5QCupStq9xWq+GTExpkU5taZ1buL7sbaq/MKMk+wEzVUwupYOqwZ5a3mD1cP56y7KH9J84XpDb1iKrMO+j+DOul70ztuoM3veeQehCwL1/kHI1uK9vfiaANO+Fq1BITghgyMMGubRIyw5IoV1dcOhM7M4xt6BOVDziZPNeIBZBmrGHPaO4pjO6IFnMjeiP7TpaWXPT/cv4ADAMy3qO5ro/JBGMvfAM30aPq+jYy4mICCKz92CRjjbAVlLHG3XF5FPFU/JXKpf0U8taL0+i32fdWy4qCUH5IOk9ob0z4qB51VTSWb7FGdLZkVJ+0hCamqGitHkK5qrWw5wo4NJL8VkWPfu+WoPRoktCfmc0Rlj/6JPY3jH7AnXlG4ia/QP7343UkRhRe5jRd4fJF4y+MVtRR7JcJKrpGHWgtT1c5OON5S4YqjbrXVfebZzVj3pJdkde9uer45iVDmFcS8d4zw/SNws/IG+1W8Pgx4M1iCVHdGCw+O9SY006Z/H2305zTEzYXmWdaRd3j0Y2GW6Jghwy+DfKqrPTutoex8UURuk6VKdZqOgSGt0DhuG4ZU0eZmn840Q8lxDU2hTgDmtmhKTdt76JdjwSbpkITMjZb7EIFmUvcxHdimDgqjZq2VLYwI8In3Qsm9H3ORthtGv7r2TJC+Y/Sz8n5X1tkqzpbaqfuU3EUNzFIUV7/yUly/dSg5So7Yz2Ry68Ev/LNIdenKQ3CrNzYf6Kd3Ofo8uQrclP5+r/p8GAdXgyeHbzW2jzY5iYQPNd5rtJW67mZ/4F6EYMNbk52/RheuO5uVPP1PxbPvEB0Z5o7FLo9nBmB8sgguN/J++UkSG5xWE//Lw29BXFvREEl8pfoIbCQQ/GAGZJDUeN0qJHhiV1HHFcUpZb7EIgK+MJceXZPBBsJP1/kPV0wh7dJXjeN3mN+JFPVnqrB51r0lt6n2dShCdy1JlnVOfN6lM59+IXlygDjdnInbsWM6cxtWN2X5cOls9paJic/Zr+NL/Y3/o5dDa1TdDZ0pYR8ih0BOhywpcMvIyKdP5deHkISEmZcO0bz7f7IOVWDjMZnwMkTd8PIP+ng6npsvXhz0W8fcids2azIzBPbrNY8Z6tJ4BdllLfX0DJ+HGji0SF8VuQyxn/oDzZnwQZthnFB3jIvTIvIE6j5kBtSmf/TiT7WRnMp+xmvzX59QHVCddgc/oIWZDDtFSOWJrbZkezmYzc6wJ49Fks9V56VHDqioQa6vlPFytLSMz7EuejTYbd6xnUhsGpbnzDGSxs89ZTI7oKp+3KFT3UkOKQcrbXVmjv6bH1d3na9dQg4r3qVTXAsO0uGkW8+FOD6Lz/t78WTyvm5V/hwxx23BHtlnOk2+WKRrnLDUpKdFx0TWllWmpxU+0cMuF5Aj2novVHtWxuntaljwqZB/dFYEoVgw6EMea+pnye4n34NgUp9XK55dn6lRNc8RlzffG71P+TwnUXkk/okqlv3jLWnFuQnuQTVlYqFwsTs76dOakm/9WvKaniGZmh+RuS8qDULThLV6IgXiLeHvwW2sYorcBzDRBXlbOpn3pPx52vLy8P7T/ue/Z8/6wa4os5OnXXzPYvQG7yjQC0pkpzlteuokaUg6RTZr/653O/wVnKcjbmnzrsSR0UehW6ZNd5FBWqNFV73p0K7SoCMdt22aAPZNomIDiP3lyc3hT7qbhA15jRm3GzVuiV3VoQgOyj5gBRUUymTX5kl/25Z7mK8+oNaLaIJ6ir4GaK64rhPcVkhyCxh+4RddEmagEaoGZPcV/g6I/DFkAmvi7eAAEblWAcOw71Qw0NX9fPlQV+H0lv7YWaoGmeisO/BTYvDjqAIEXykH1yr7b3Swfb60SuVy62Y0KUNPRbXrfmQqR8VjTSlFrU9WXzttqE3LgJ3DMXz4aqWV+hv/A/4gMiA38E3i5CYMMUmv/twGsu7800z+Sg4HLKk/+ptm/9eg/LtvfGb1/AuXDM5uBaAMh4P9xEPi3ka6kIOJ/69mie3R7vEqrBgV+Jy+GB34qvisJqy/wD4yNHtD5EFgJBwDKeAjgH0csK7DI5lD+k8MwEFKmTTYOAtBjlBUbiQnEJmbzgIYMzEdsXjYFCYonpkFuqSZgBAkA8dqRjQHjTDYOEriJEWKHMIHYD7J5oPId4pM6KJsCx8inSUP0zKWKliIEFCzZMsOplOkLA6/3J6qYg1Mtq+F+0XlDJTtKNl5PPmOJTkQYv1LHIUgmHRXsSdHBPCdWOUqRh33Nier6IGXWLuw+p6I2gCIOAsHJLzDTbCvPxZGSfHYwSPz5T0iJcsAVXPZU+RdyPFPDpP49fNkKkc9iWemysvDLrCjHlqtMYta5DikwFpWh3DhGmPrsgVKIC/bNYZAq11LU282qKu43byvGhjgXXr4r6v+WRZRklVqj1ekNRpPZYrXZHU6X2+P1Kf6Ax7I8OgsGynXMzZZiiEZH2nuoQeaYU7W16DwtOb1AEZyjtUYQF/OEJJTKA9OVtDGl6glbWqM5GggzV3384qKBm4dXrWkSKRZAISYJdnrefPzCgCcTkOY1d4vtnxx4FK/W0YgOkcQWutRMvRZfK4C8Hi1lpO/e0NURN2mGgTB1xgFroMc1lWqnTWf9Cz1FcR25xmE7Qx11K4cey1AD') format('woff2'),
+ url('iconfont.woff?t=1561534862311') format('woff'),
+ url('iconfont.ttf?t=1561534862311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1561534862311#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-F:before {
+ content: "\f003d";
+}
+
+.icon-15tianwuliyoutuihuo:before {
+ content: "\e606";
+}
+
+.icon-iconfonticonfonti2copycopy:before {
+ content: "\e62e";
+}
+
+.icon-jiantouarrowhead7:before {
+ content: "\e6bc";
+}
+
+.icon-bofangsanjiaoxing:before {
+ content: "\e769";
+}
+
+.icon-dingwei1:before {
+ content: "\e617";
+}
+
+.icon-youjiantou:before {
+ content: "\e619";
+}
+
+.icon-7tianwuliyoutuihuo:before {
+ content: "\e60e";
+}
+
+.icon-sanjiaoxing:before {
+ content: "\e620";
+}
+
+.icon-buoumaotubiao46:before {
+ content: "\e629";
+}
+
+.icon-tel:before {
+ content: "\e641";
+}
+
+.icon-fangdajing:before {
+ content: "\e63d";
+}
+
+.icon-my_icon:before {
+ content: "\e65d";
+}
+
+.icon-fanhuidingbu:before {
+ content: "\e623";
+}
+
+.icon-erji:before {
+ content: "\e605";
+}
+
+.icon-shoujidaoshouji:before {
+ content: "\e64a";
+}
+
+.icon-gifs:before {
+ content: "\e624";
+}
+
+.icon-jiantou:before {
+ content: "\e621";
+}
+
+.icon-duihua:before {
+ content: "\e710";
+}
+
+.icon-dianhuaqia:before {
+ content: "\e733";
+}
+
+.icon-chongzhi:before {
+ content: "\e65c";
+}
+
+.icon-shouji:before {
+ content: "\e525";
+}
+
+.icon-gouwuche:before {
+ content: "\e607";
+}
+
+.icon-youjiantou1:before {
+ content: "\e658";
+}
+
+.icon-present:before {
+ content: "\e611";
+}
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.eot" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..5e9a285d4f141012b90c8b0093da4f07c0fa62bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.eot" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.js" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d120ac96efd0bc668b14ad234fd20ae00664a04
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.js"
@@ -0,0 +1 @@
+!function(s){var c,t='',h=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(h&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()};document.addEventListener("DOMContentLoaded",h,!1)}else document.attachEvent&&(l=c,a=s.document,o=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,t())});function t(){o||(o=!0,l())}var l,a,o,i}(function(){var c,h;(c=document.createElement("div")).innerHTML=t,t=null,(h=c.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",function(c,h){h.firstChild?function(c,h){h.parentNode.insertBefore(c,h)}(c,h.firstChild):h.appendChild(c)}(h,document.body))})}(window);
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.svg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..f5269cc8c727142a59f9837e20fd4f892c11407a
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.svg"
@@ -0,0 +1,101 @@
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.ttf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..3b9dd2e7ca16388626976f473598d8c4d5570021
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.ttf" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..f42f23160f7a24b91c3b05e052902bbd8644c35f
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff2" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..12e816ceb161961bcfcefb2c446b3224a38a5870
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff2" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/mi.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/mi.css"
new file mode 100644
index 0000000000000000000000000000000000000000..4668f7a0e16b4874982a968db7807a3272d4fe8b
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/mi.css"
@@ -0,0 +1,119 @@
+/* 头部样式开始 */
+.header{
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ position: relative;
+}
+
+.header img{
+ height: 120px;
+ /* 图片,以中间开始渲染 */
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+/* 头部样式结束 */
+
+/* 黑色导航样式开始 */
+.black-nav{
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: #333;
+ font-size: 12px;
+}
+.wrap{
+ width: 1226px;
+ margin: 0 auto;
+}
+.black-nav-left{
+ float: left;
+}
+.black-nav-right{
+ float: right;
+}
+.black-nav li{
+ float: left;
+ position: relative;
+}
+.black-nav a{
+ color: #b0b0b0;
+}
+.black-nav span{
+ color: #424242;
+ margin: 0 3.6px;
+}
+.download{
+ width: 124px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 1px 5px #aaa;
+ position: absolute;
+ top: 40px;
+ left: 50%;
+ margin-left: -62px;
+ overflow:hidden;
+ transition: all 0.3s;
+}
+.download img{
+ width: 90px;
+ margin: 18px auto 0;
+}
+.download p{
+ color: #333;
+ font-size: 14px;
+ line-height: 14px;
+}
+.black-nav-left li:hover>.download{
+ height: 148px;
+}
+.stri{
+ width: 0;
+ height: 0;
+ border-bottom: 8px solid #fff;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ position:absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -8px;
+ display: none;
+}
+.black-nav-left>li:hover>.stri{
+ display: block;
+}
+.cart{
+ width: 120px;
+ height: 40px;
+ background: #424242;
+ margin-left: 25px;
+ position: relative;
+}
+.cart:hover{
+ background: #fff;
+}
+.cart:hover>a{
+ color: #ff6700;
+}
+.cart i{
+ font-style: normal;
+ margin-right: 8px;
+}
+.cart-list{
+ width: 316px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.15);
+ position: absolute;
+ right: 0;
+ top: 40px;
+ color: #424242;
+ overflow: hidden;
+ transition: all 0.3s;
+ line-height: 100px;
+}
+.cart:hover>.cart-list{
+ height: 100px;
+}
+/* 黑色导航样式结束 */
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/reset.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be2dc78d18b6bec6cf9115f7b6f31495e6c73e20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
+li{ list-style: none;}
+a{text-decoration: none;}
+img{border: none;}
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/download.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/download.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ace029704d62e8173ee6d55c037aff4315488fd
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/download.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/mi-home.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/mi-home.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cb3ea82de3c11402e99f4add187c49db4de6f958
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/mi-home.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/mi-logo.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/mi-logo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..82de5d977bca6d3131baec5696deac1c77df29d7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/mi-logo.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/phone.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/phone.png"
new file mode 100644
index 0000000000000000000000000000000000000000..413d28d043d4d9495f8d4e9bbcf3aaa068d578b2
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/phone.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/top.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/top.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a1c3c4ba18304ed49a5d826cf2dd3d56b4ff27c1
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/top.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/zzxsh.gif" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/zzxsh.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..bb6222f926a49166214a8a471bb9044c509f67e0
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/images/zzxsh.gif" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a5a06ae1cc141a569dc13aff9eee9583eea558a8
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/02_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\273\221\350\211\262\345\257\274\350\210\252/index.html"
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+ 小米
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/demo.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/demo.css"
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/demo_index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/demo_index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1ac8517cfb86548221abfccb3b881ee7edfb6bd
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/demo_index.html"
@@ -0,0 +1,743 @@
+
+
+
+
+ IconFont Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
+
+
+
+
+ -
+
+
F
+ 󰀽
+
+
+ -
+
+
15天无理由退货
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
播放 三角形
+ 
+
+
+ -
+
+
定位 (1)
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
7天无理由退货
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
维修
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
放大镜
+ 
+
+
+ -
+
+
我的
+ 
+
+
+ -
+
+
返回顶部
+ 
+
+
+ -
+
+
耳机
+ 
+
+
+ -
+
+
手机到手机
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
对话
+ 
+
+
+ -
+
+
电话卡
+ 
+
+
+ -
+
+
充值
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
购物车
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ F
+
+ .icon-F
+
+
+
+ -
+
+
+ 15天无理由退货
+
+ .icon-15tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-iconfonticonfonti2copycopy
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantouarrowhead7
+
+
+
+ -
+
+
+ 播放 三角形
+
+ .icon-bofangsanjiaoxing
+
+
+
+ -
+
+
+ 定位 (1)
+
+ .icon-dingwei1
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 7天无理由退货
+
+ .icon-7tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-sanjiaoxing
+
+
+
+ -
+
+
+ 维修
+
+ .icon-buoumaotubiao46
+
+
+
+ -
+
+
+ 手机
+
+ .icon-tel
+
+
+
+ -
+
+
+ 放大镜
+
+ .icon-fangdajing
+
+
+
+ -
+
+
+ 我的
+
+ .icon-my_icon
+
+
+
+ -
+
+
+ 返回顶部
+
+ .icon-fanhuidingbu
+
+
+
+ -
+
+
+ 耳机
+
+ .icon-erji
+
+
+
+ -
+
+
+ 手机到手机
+
+ .icon-shoujidaoshouji
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gifs
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantou
+
+
+
+ -
+
+
+ 对话
+
+ .icon-duihua
+
+
+
+ -
+
+
+ 电话卡
+
+ .icon-dianhuaqia
+
+
+
+ -
+
+
+ 充值
+
+ .icon-chongzhi
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 购物车
+
+ .icon-gouwuche
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou1
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-present
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size, color 来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..82b55e328cc0b42679e713b74141f4d4aacd6518
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.css"
@@ -0,0 +1,117 @@
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1561534862311'); /* IE9 */
+ src: url('iconfont.eot?t=1561534862311#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+ url('iconfont.woff?t=1561534862311') format('woff'),
+ url('iconfont.ttf?t=1561534862311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1561534862311#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-F:before {
+ content: "\f003d";
+}
+
+.icon-15tianwuliyoutuihuo:before {
+ content: "\e606";
+}
+
+.icon-iconfonticonfonti2copycopy:before {
+ content: "\e62e";
+}
+
+.icon-jiantouarrowhead7:before {
+ content: "\e6bc";
+}
+
+.icon-bofangsanjiaoxing:before {
+ content: "\e769";
+}
+
+.icon-dingwei1:before {
+ content: "\e617";
+}
+
+.icon-youjiantou:before {
+ content: "\e619";
+}
+
+.icon-7tianwuliyoutuihuo:before {
+ content: "\e60e";
+}
+
+.icon-sanjiaoxing:before {
+ content: "\e620";
+}
+
+.icon-buoumaotubiao46:before {
+ content: "\e629";
+}
+
+.icon-tel:before {
+ content: "\e641";
+}
+
+.icon-fangdajing:before {
+ content: "\e63d";
+}
+
+.icon-my_icon:before {
+ content: "\e65d";
+}
+
+.icon-fanhuidingbu:before {
+ content: "\e623";
+}
+
+.icon-erji:before {
+ content: "\e605";
+}
+
+.icon-shoujidaoshouji:before {
+ content: "\e64a";
+}
+
+.icon-gifs:before {
+ content: "\e624";
+}
+
+.icon-jiantou:before {
+ content: "\e621";
+}
+
+.icon-duihua:before {
+ content: "\e710";
+}
+
+.icon-dianhuaqia:before {
+ content: "\e733";
+}
+
+.icon-chongzhi:before {
+ content: "\e65c";
+}
+
+.icon-shouji:before {
+ content: "\e525";
+}
+
+.icon-gouwuche:before {
+ content: "\e607";
+}
+
+.icon-youjiantou1:before {
+ content: "\e658";
+}
+
+.icon-present:before {
+ content: "\e611";
+}
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.eot" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..5e9a285d4f141012b90c8b0093da4f07c0fa62bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.eot" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.js" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d120ac96efd0bc668b14ad234fd20ae00664a04
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.js"
@@ -0,0 +1 @@
+!function(s){var c,t='',h=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(h&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()};document.addEventListener("DOMContentLoaded",h,!1)}else document.attachEvent&&(l=c,a=s.document,o=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,t())});function t(){o||(o=!0,l())}var l,a,o,i}(function(){var c,h;(c=document.createElement("div")).innerHTML=t,t=null,(h=c.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",function(c,h){h.firstChild?function(c,h){h.parentNode.insertBefore(c,h)}(c,h.firstChild):h.appendChild(c)}(h,document.body))})}(window);
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.svg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..f5269cc8c727142a59f9837e20fd4f892c11407a
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.svg"
@@ -0,0 +1,101 @@
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.ttf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..3b9dd2e7ca16388626976f473598d8c4d5570021
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.ttf" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..f42f23160f7a24b91c3b05e052902bbd8644c35f
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff2" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..12e816ceb161961bcfcefb2c446b3224a38a5870
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/iconfont/iconfont.woff2" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/mi.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/mi.css"
new file mode 100644
index 0000000000000000000000000000000000000000..825e9b967821cea53dd8d761ca9c51392a370b2f
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/mi.css"
@@ -0,0 +1,249 @@
+/* 头部样式开始 */
+.header{
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ position: relative;
+}
+
+.header img{
+ height: 120px;
+ /* 图片,以中间开始渲染 */
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+/* 头部样式结束 */
+
+/* 黑色导航样式开始 */
+.black-nav{
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: #333;
+ font-size: 12px;
+}
+.wrap{
+ width: 1226px;
+ margin: 0 auto;
+}
+.black-nav-left{
+ float: left;
+}
+.black-nav-right{
+ float: right;
+}
+.black-nav li{
+ float: left;
+ position: relative;
+}
+.black-nav a{
+ color: #b0b0b0;
+}
+.black-nav span{
+ color: #424242;
+ margin: 0 3.6px;
+}
+.download{
+ width: 124px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 1px 5px #aaa;
+ position: absolute;
+ top: 40px;
+ left: 50%;
+ margin-left: -62px;
+ overflow:hidden;
+ transition: all 0.3s;
+}
+.download img{
+ width: 90px;
+ margin: 18px auto 0;
+}
+.download p{
+ color: #333;
+ font-size: 14px;
+ line-height: 14px;
+}
+.black-nav-left li:hover>.download{
+ height: 148px;
+}
+.stri{
+ width: 0;
+ height: 0;
+ border-bottom: 8px solid #fff;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ position:absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -8px;
+ display: none;
+}
+.black-nav-left>li:hover>.stri{
+ display: block;
+}
+.cart{
+ width: 120px;
+ height: 40px;
+ background: #424242;
+ margin-left: 25px;
+ position: relative;
+}
+.cart:hover{
+ background: #fff;
+}
+.cart:hover>a{
+ color: #ff6700;
+}
+.cart i{
+ font-style: normal;
+ margin-right: 8px;
+}
+.cart-list{
+ width: 316px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.15);
+ position: absolute;
+ right: 0;
+ top: 40px;
+ color: #424242;
+ overflow: hidden;
+ transition: all 0.3s;
+ line-height: 100px;
+}
+.cart:hover>.cart-list{
+ height: 100px;
+}
+/* 黑色导航样式结束 */
+
+/* 白色导航样式开始 */
+.white-nav{
+ width: 100%;
+ height: 100px;
+ background: #fff;
+ position: relative;
+}
+.logo{
+ width: 55px;
+ height: 55px;
+ background: #ff6700;
+ float: left;
+ margin-top: 22.5px;
+ overflow: hidden;
+ position: relative;
+}
+.logo>img{
+ width: 100%;
+ height: 100%;
+ position:absolute;
+ top: 0;
+ transition: all 0.2s;
+}
+.mi-home{
+ left: -55px;
+}
+.mi-logo{
+ left: 0;
+}
+.logo:hover>.mi-home{
+ left: 0;
+}
+.logo:hover>.mi-logo{
+ left: 55px;
+}
+.nav-bar{
+ width: 875px;
+ height: 100px;
+ line-height: 100px;
+ float: left;
+}
+.search{
+ width: 296px;
+ height: 100px;
+ float: right;
+}
+.nav-bar li{
+ float: left;
+}
+.nav-bar>ul>li>a{
+ color: #333;
+ padding: 0 10px;
+}
+
+.nav-bar>ul>li>a:hover{
+ color: #ff6700;
+}
+
+.nav-bar>ul>li:first-child img{
+ margin-top: 22.5px;
+}
+
+.search input{
+ width: 244px;
+ height: 50px;
+ border:1px solid #e0e0e0;
+ margin-top: 25px;
+ /* 去掉选中的边框 */
+ outline: none;
+ padding: 0 10px;
+ box-sizing: border-box;
+ border-right: 0;
+}
+
+.search button{
+ width: 52px;
+ height: 50px;
+ background: #fff;
+ border:1px solid #e0e0e0;
+ float: right;
+ margin-top: 25px;
+}
+.search button:hover{
+ background: #ff6700;
+ color: #fff;
+}
+
+.nav-bar-list{
+ width: 100%;
+ height: 229px;
+ background: #fff;
+ border-top: 1px solid #eee;
+ box-shadow: 0 3px 4px rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 100px;
+ display: none;
+}
+
+.nav-bar li:hover .nav-bar-list{
+ display: block;
+}
+
+.img-box{
+ width: 100%;
+ height: 110px;
+ margin-top: 35px;
+ border-right: 1px solid #eee;
+ box-sizing: border-box;
+ margin-bottom: 16px;
+}
+
+.nav-bar-list li:last-child .img-box{
+ border-right: 0;
+}
+
+.nav-bar-list p{
+ font-size: 12px;
+ line-height: 20px;
+}
+
+.name{
+ color: #333;
+}
+
+.price{
+ color: #ff6700;
+}
+/* 白色导航样式结束 */
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/reset.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be2dc78d18b6bec6cf9115f7b6f31495e6c73e20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
+li{ list-style: none;}
+a{text-decoration: none;}
+img{border: none;}
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/download.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/download.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ace029704d62e8173ee6d55c037aff4315488fd
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/download.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/mi-home.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/mi-home.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cb3ea82de3c11402e99f4add187c49db4de6f958
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/mi-home.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/mi-logo.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/mi-logo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..82de5d977bca6d3131baec5696deac1c77df29d7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/mi-logo.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/phone.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/phone.png"
new file mode 100644
index 0000000000000000000000000000000000000000..413d28d043d4d9495f8d4e9bbcf3aaa068d578b2
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/phone.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/top.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/top.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a1c3c4ba18304ed49a5d826cf2dd3d56b4ff27c1
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/top.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/zzxsh.gif" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/zzxsh.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..bb6222f926a49166214a8a471bb9044c509f67e0
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/images/zzxsh.gif" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..beb6cb4e83152f379c1bf063fa9aceae91eb86eb
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/03_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\347\231\275\350\211\262\345\257\274\350\210\252/index.html"
@@ -0,0 +1,144 @@
+
+
+
+
+
+
+ 小米
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+

+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/demo.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/demo.css"
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/demo_index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/demo_index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1ac8517cfb86548221abfccb3b881ee7edfb6bd
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/demo_index.html"
@@ -0,0 +1,743 @@
+
+
+
+
+ IconFont Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
+
+
+
+
+ -
+
+
F
+ 󰀽
+
+
+ -
+
+
15天无理由退货
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
播放 三角形
+ 
+
+
+ -
+
+
定位 (1)
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
7天无理由退货
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
维修
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
放大镜
+ 
+
+
+ -
+
+
我的
+ 
+
+
+ -
+
+
返回顶部
+ 
+
+
+ -
+
+
耳机
+ 
+
+
+ -
+
+
手机到手机
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
对话
+ 
+
+
+ -
+
+
电话卡
+ 
+
+
+ -
+
+
充值
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
购物车
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ F
+
+ .icon-F
+
+
+
+ -
+
+
+ 15天无理由退货
+
+ .icon-15tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-iconfonticonfonti2copycopy
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantouarrowhead7
+
+
+
+ -
+
+
+ 播放 三角形
+
+ .icon-bofangsanjiaoxing
+
+
+
+ -
+
+
+ 定位 (1)
+
+ .icon-dingwei1
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 7天无理由退货
+
+ .icon-7tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-sanjiaoxing
+
+
+
+ -
+
+
+ 维修
+
+ .icon-buoumaotubiao46
+
+
+
+ -
+
+
+ 手机
+
+ .icon-tel
+
+
+
+ -
+
+
+ 放大镜
+
+ .icon-fangdajing
+
+
+
+ -
+
+
+ 我的
+
+ .icon-my_icon
+
+
+
+ -
+
+
+ 返回顶部
+
+ .icon-fanhuidingbu
+
+
+
+ -
+
+
+ 耳机
+
+ .icon-erji
+
+
+
+ -
+
+
+ 手机到手机
+
+ .icon-shoujidaoshouji
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gifs
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantou
+
+
+
+ -
+
+
+ 对话
+
+ .icon-duihua
+
+
+
+ -
+
+
+ 电话卡
+
+ .icon-dianhuaqia
+
+
+
+ -
+
+
+ 充值
+
+ .icon-chongzhi
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 购物车
+
+ .icon-gouwuche
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou1
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-present
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size, color 来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..82b55e328cc0b42679e713b74141f4d4aacd6518
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.css"
@@ -0,0 +1,117 @@
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1561534862311'); /* IE9 */
+ src: url('iconfont.eot?t=1561534862311#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+ url('iconfont.woff?t=1561534862311') format('woff'),
+ url('iconfont.ttf?t=1561534862311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1561534862311#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-F:before {
+ content: "\f003d";
+}
+
+.icon-15tianwuliyoutuihuo:before {
+ content: "\e606";
+}
+
+.icon-iconfonticonfonti2copycopy:before {
+ content: "\e62e";
+}
+
+.icon-jiantouarrowhead7:before {
+ content: "\e6bc";
+}
+
+.icon-bofangsanjiaoxing:before {
+ content: "\e769";
+}
+
+.icon-dingwei1:before {
+ content: "\e617";
+}
+
+.icon-youjiantou:before {
+ content: "\e619";
+}
+
+.icon-7tianwuliyoutuihuo:before {
+ content: "\e60e";
+}
+
+.icon-sanjiaoxing:before {
+ content: "\e620";
+}
+
+.icon-buoumaotubiao46:before {
+ content: "\e629";
+}
+
+.icon-tel:before {
+ content: "\e641";
+}
+
+.icon-fangdajing:before {
+ content: "\e63d";
+}
+
+.icon-my_icon:before {
+ content: "\e65d";
+}
+
+.icon-fanhuidingbu:before {
+ content: "\e623";
+}
+
+.icon-erji:before {
+ content: "\e605";
+}
+
+.icon-shoujidaoshouji:before {
+ content: "\e64a";
+}
+
+.icon-gifs:before {
+ content: "\e624";
+}
+
+.icon-jiantou:before {
+ content: "\e621";
+}
+
+.icon-duihua:before {
+ content: "\e710";
+}
+
+.icon-dianhuaqia:before {
+ content: "\e733";
+}
+
+.icon-chongzhi:before {
+ content: "\e65c";
+}
+
+.icon-shouji:before {
+ content: "\e525";
+}
+
+.icon-gouwuche:before {
+ content: "\e607";
+}
+
+.icon-youjiantou1:before {
+ content: "\e658";
+}
+
+.icon-present:before {
+ content: "\e611";
+}
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.eot" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..5e9a285d4f141012b90c8b0093da4f07c0fa62bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.eot" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.js" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d120ac96efd0bc668b14ad234fd20ae00664a04
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.js"
@@ -0,0 +1 @@
+!function(s){var c,t='',h=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(h&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()};document.addEventListener("DOMContentLoaded",h,!1)}else document.attachEvent&&(l=c,a=s.document,o=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,t())});function t(){o||(o=!0,l())}var l,a,o,i}(function(){var c,h;(c=document.createElement("div")).innerHTML=t,t=null,(h=c.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",function(c,h){h.firstChild?function(c,h){h.parentNode.insertBefore(c,h)}(c,h.firstChild):h.appendChild(c)}(h,document.body))})}(window);
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.svg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..f5269cc8c727142a59f9837e20fd4f892c11407a
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.svg"
@@ -0,0 +1,101 @@
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.ttf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..3b9dd2e7ca16388626976f473598d8c4d5570021
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.ttf" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.woff" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..f42f23160f7a24b91c3b05e052902bbd8644c35f
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.woff" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.woff2" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..12e816ceb161961bcfcefb2c446b3224a38a5870
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/iconfont/iconfont.woff2" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/mi.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/mi.css"
new file mode 100644
index 0000000000000000000000000000000000000000..b528618891b59e8427786368f5fcb2f7ef220897
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/mi.css"
@@ -0,0 +1,336 @@
+/* 头部样式开始 */
+.header{
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ position: relative;
+}
+
+.header img{
+ height: 120px;
+ /* 图片,以中间开始渲染 */
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+/* 头部样式结束 */
+
+/* 黑色导航样式开始 */
+.black-nav{
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: #333;
+ font-size: 12px;
+}
+.wrap{
+ width: 1226px;
+ margin: 0 auto;
+}
+.black-nav-left{
+ float: left;
+}
+.black-nav-right{
+ float: right;
+}
+.black-nav li{
+ float: left;
+ position: relative;
+}
+.black-nav a{
+ color: #b0b0b0;
+}
+.black-nav span{
+ color: #424242;
+ margin: 0 3.6px;
+}
+.download{
+ width: 124px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 1px 5px #aaa;
+ position: absolute;
+ top: 40px;
+ left: 50%;
+ margin-left: -62px;
+ overflow:hidden;
+ transition: all 0.3s;
+}
+.download img{
+ width: 90px;
+ margin: 18px auto 0;
+}
+.download p{
+ color: #333;
+ font-size: 14px;
+ line-height: 14px;
+}
+.black-nav-left li:hover>.download{
+ height: 148px;
+}
+.stri{
+ width: 0;
+ height: 0;
+ border-bottom: 8px solid #fff;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ position:absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -8px;
+ display: none;
+}
+.black-nav-left>li:hover>.stri{
+ display: block;
+}
+.cart{
+ width: 120px;
+ height: 40px;
+ background: #424242;
+ margin-left: 25px;
+ position: relative;
+}
+.cart:hover{
+ background: #fff;
+}
+.cart:hover>a{
+ color: #ff6700;
+}
+.cart i{
+ font-style: normal;
+ margin-right: 8px;
+}
+.cart-list{
+ width: 316px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.15);
+ position: absolute;
+ right: 0;
+ top: 40px;
+ color: #424242;
+ overflow: hidden;
+ transition: all 0.3s;
+ line-height: 100px;
+}
+.cart:hover>.cart-list{
+ height: 100px;
+}
+/* 黑色导航样式结束 */
+
+/* 白色导航样式开始 */
+.white-nav{
+ width: 100%;
+ height: 100px;
+ background: #fff;
+ position: relative;
+}
+.logo{
+ width: 55px;
+ height: 55px;
+ background: #ff6700;
+ float: left;
+ margin-top: 22.5px;
+ overflow: hidden;
+ position: relative;
+}
+.logo>img{
+ width: 100%;
+ height: 100%;
+ position:absolute;
+ top: 0;
+ transition: all 0.2s;
+}
+.mi-home{
+ left: -55px;
+}
+.mi-logo{
+ left: 0;
+}
+.logo:hover>.mi-home{
+ left: 0;
+}
+.logo:hover>.mi-logo{
+ left: 55px;
+}
+.nav-bar{
+ width: 875px;
+ height: 100px;
+ line-height: 100px;
+ float: left;
+}
+.search{
+ width: 296px;
+ height: 100px;
+ float: right;
+}
+.nav-bar li{
+ float: left;
+}
+.nav-bar>ul>li>a{
+ color: #333;
+ padding: 0 10px;
+}
+
+.nav-bar>ul>li>a:hover{
+ color: #ff6700;
+}
+
+.nav-bar>ul>li:first-child img{
+ margin-top: 22.5px;
+}
+
+.search input{
+ width: 244px;
+ height: 50px;
+ border:1px solid #e0e0e0;
+ margin-top: 25px;
+ /* 去掉选中的边框 */
+ outline: none;
+ padding: 0 10px;
+ box-sizing: border-box;
+ border-right: 0;
+}
+
+.search button{
+ width: 52px;
+ height: 50px;
+ background: #fff;
+ border:1px solid #e0e0e0;
+ float: right;
+ margin-top: 25px;
+}
+.search button:hover{
+ background: #ff6700;
+ color: #fff;
+}
+
+.nav-bar-list{
+ width: 100%;
+ height: 229px;
+ background: #fff;
+ border-top: 1px solid #eee;
+ box-shadow: 0 3px 4px rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 100px;
+ display: none;
+}
+
+.nav-bar li:hover .nav-bar-list{
+ display: block;
+}
+
+.img-box{
+ width: 100%;
+ height: 110px;
+ margin-top: 35px;
+ border-right: 1px solid #eee;
+ box-sizing: border-box;
+ margin-bottom: 16px;
+}
+
+.nav-bar-list li:last-child .img-box{
+ border-right: 0;
+}
+
+.nav-bar-list p{
+ font-size: 12px;
+ line-height: 20px;
+}
+
+.name{
+ color: #333;
+}
+
+.price{
+ color: #ff6700;
+}
+/* 白色导航样式结束 */
+/* banner样式开始 */
+.banner{
+ width: 100%;
+ height: 460px;
+}
+.banner-img{
+ width: 100%;
+}
+.banner>.wrap{
+ position: relative;
+}
+.slide{
+ width: 234px;
+ height: 420px;
+ padding: 20px 0;
+ background: rgba(105,101,101,0.6);
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+.slide>ul>li{
+ height: 42px;
+ line-height: 42px;
+ text-align: left;
+ padding-left: 30px;
+ font-size: 14px;
+}
+.slide>ul>li:hover{
+ background: #ff6700;
+}
+.slide>ul>li>a{
+ color: #fff;
+}
+.slide i{
+ float: right;
+ padding-right: 20px;
+}
+
+.slide-list{
+ width: 992px;
+ height: 460px;
+ background: #fff;
+ border: 1px solid #e0e0e0;
+ border-left: none;
+ box-sizing: border-box;
+ box-shadow: 0 8px 16px rgba(0,0,0,0.18);
+ padding-top: 2px;
+ position: absolute;
+ top: 0;
+ left: 234px;
+ display: none;
+}
+.slide-list ul{
+ width: 100%;
+}
+
+.slide-list ul li{
+ width: 247.75px;
+ float: left;
+ height: 76px;
+ padding: 18px 0 18px 20px;
+ box-sizing: border-box;
+ line-height: 40px;
+}
+.slide-list img{
+ width: 40px;
+ margin-right: 14px;
+}
+.slide-list span{
+ color: #333;
+ font-size: 14px;
+ /* 一行宽度不够的时候,用...代替 */
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ position: relative;
+ top: -14px;
+}
+.slide li:hover .slide-list{
+ display: block;
+}
+
+.slide-list li:hover span{
+ color: #ff6700;
+}
+/* banner样式结束 */
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/reset.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be2dc78d18b6bec6cf9115f7b6f31495e6c73e20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
+li{ list-style: none;}
+a{text-decoration: none;}
+img{border: none;}
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a70e7760dd848d296634e193f100d303c22784ec
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/banner.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/banner.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a7dedb23d9ca63f06bca42993ca2469ca11ebb93
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/banner.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/download.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/download.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ace029704d62e8173ee6d55c037aff4315488fd
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/download.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/mi-home.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/mi-home.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cb3ea82de3c11402e99f4add187c49db4de6f958
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/mi-home.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/mi-logo.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/mi-logo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..82de5d977bca6d3131baec5696deac1c77df29d7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/mi-logo.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/phone.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/phone.png"
new file mode 100644
index 0000000000000000000000000000000000000000..413d28d043d4d9495f8d4e9bbcf3aaa068d578b2
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/phone.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/top.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/top.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a1c3c4ba18304ed49a5d826cf2dd3d56b4ff27c1
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/top.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/zzxsh.gif" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/zzxsh.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..bb6222f926a49166214a8a471bb9044c509f67e0
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/images/zzxsh.gif" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..09869042af2d8f5a54b8cc3dcbb71ae4eff6890f
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/04_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_banner/index.html"
@@ -0,0 +1,237 @@
+
+
+
+
+
+
+ 小米
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+

+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/demo.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/demo.css"
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/demo_index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/demo_index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1ac8517cfb86548221abfccb3b881ee7edfb6bd
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/demo_index.html"
@@ -0,0 +1,743 @@
+
+
+
+
+ IconFont Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
+
+
+
+
+ -
+
+
F
+ 󰀽
+
+
+ -
+
+
15天无理由退货
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
播放 三角形
+ 
+
+
+ -
+
+
定位 (1)
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
7天无理由退货
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
维修
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
放大镜
+ 
+
+
+ -
+
+
我的
+ 
+
+
+ -
+
+
返回顶部
+ 
+
+
+ -
+
+
耳机
+ 
+
+
+ -
+
+
手机到手机
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
对话
+ 
+
+
+ -
+
+
电话卡
+ 
+
+
+ -
+
+
充值
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
购物车
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ F
+
+ .icon-F
+
+
+
+ -
+
+
+ 15天无理由退货
+
+ .icon-15tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-iconfonticonfonti2copycopy
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantouarrowhead7
+
+
+
+ -
+
+
+ 播放 三角形
+
+ .icon-bofangsanjiaoxing
+
+
+
+ -
+
+
+ 定位 (1)
+
+ .icon-dingwei1
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 7天无理由退货
+
+ .icon-7tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-sanjiaoxing
+
+
+
+ -
+
+
+ 维修
+
+ .icon-buoumaotubiao46
+
+
+
+ -
+
+
+ 手机
+
+ .icon-tel
+
+
+
+ -
+
+
+ 放大镜
+
+ .icon-fangdajing
+
+
+
+ -
+
+
+ 我的
+
+ .icon-my_icon
+
+
+
+ -
+
+
+ 返回顶部
+
+ .icon-fanhuidingbu
+
+
+
+ -
+
+
+ 耳机
+
+ .icon-erji
+
+
+
+ -
+
+
+ 手机到手机
+
+ .icon-shoujidaoshouji
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gifs
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantou
+
+
+
+ -
+
+
+ 对话
+
+ .icon-duihua
+
+
+
+ -
+
+
+ 电话卡
+
+ .icon-dianhuaqia
+
+
+
+ -
+
+
+ 充值
+
+ .icon-chongzhi
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 购物车
+
+ .icon-gouwuche
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou1
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-present
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size, color 来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..82b55e328cc0b42679e713b74141f4d4aacd6518
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.css"
@@ -0,0 +1,117 @@
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1561534862311'); /* IE9 */
+ src: url('iconfont.eot?t=1561534862311#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+ url('iconfont.woff?t=1561534862311') format('woff'),
+ url('iconfont.ttf?t=1561534862311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1561534862311#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-F:before {
+ content: "\f003d";
+}
+
+.icon-15tianwuliyoutuihuo:before {
+ content: "\e606";
+}
+
+.icon-iconfonticonfonti2copycopy:before {
+ content: "\e62e";
+}
+
+.icon-jiantouarrowhead7:before {
+ content: "\e6bc";
+}
+
+.icon-bofangsanjiaoxing:before {
+ content: "\e769";
+}
+
+.icon-dingwei1:before {
+ content: "\e617";
+}
+
+.icon-youjiantou:before {
+ content: "\e619";
+}
+
+.icon-7tianwuliyoutuihuo:before {
+ content: "\e60e";
+}
+
+.icon-sanjiaoxing:before {
+ content: "\e620";
+}
+
+.icon-buoumaotubiao46:before {
+ content: "\e629";
+}
+
+.icon-tel:before {
+ content: "\e641";
+}
+
+.icon-fangdajing:before {
+ content: "\e63d";
+}
+
+.icon-my_icon:before {
+ content: "\e65d";
+}
+
+.icon-fanhuidingbu:before {
+ content: "\e623";
+}
+
+.icon-erji:before {
+ content: "\e605";
+}
+
+.icon-shoujidaoshouji:before {
+ content: "\e64a";
+}
+
+.icon-gifs:before {
+ content: "\e624";
+}
+
+.icon-jiantou:before {
+ content: "\e621";
+}
+
+.icon-duihua:before {
+ content: "\e710";
+}
+
+.icon-dianhuaqia:before {
+ content: "\e733";
+}
+
+.icon-chongzhi:before {
+ content: "\e65c";
+}
+
+.icon-shouji:before {
+ content: "\e525";
+}
+
+.icon-gouwuche:before {
+ content: "\e607";
+}
+
+.icon-youjiantou1:before {
+ content: "\e658";
+}
+
+.icon-present:before {
+ content: "\e611";
+}
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.eot" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..5e9a285d4f141012b90c8b0093da4f07c0fa62bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.eot" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.js" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d120ac96efd0bc668b14ad234fd20ae00664a04
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.js"
@@ -0,0 +1 @@
+!function(s){var c,t='',h=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(h&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()};document.addEventListener("DOMContentLoaded",h,!1)}else document.attachEvent&&(l=c,a=s.document,o=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,t())});function t(){o||(o=!0,l())}var l,a,o,i}(function(){var c,h;(c=document.createElement("div")).innerHTML=t,t=null,(h=c.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",function(c,h){h.firstChild?function(c,h){h.parentNode.insertBefore(c,h)}(c,h.firstChild):h.appendChild(c)}(h,document.body))})}(window);
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.svg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..f5269cc8c727142a59f9837e20fd4f892c11407a
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.svg"
@@ -0,0 +1,101 @@
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.ttf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..3b9dd2e7ca16388626976f473598d8c4d5570021
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.ttf" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.woff" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..f42f23160f7a24b91c3b05e052902bbd8644c35f
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.woff" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.woff2" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..12e816ceb161961bcfcefb2c446b3224a38a5870
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/iconfont/iconfont.woff2" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/mi.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/mi.css"
new file mode 100644
index 0000000000000000000000000000000000000000..743216ea271b8e52a7eb95adf751077c08e595c4
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/mi.css"
@@ -0,0 +1,388 @@
+/* 头部样式开始 */
+.header{
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ position: relative;
+}
+
+.header img{
+ height: 120px;
+ /* 图片,以中间开始渲染 */
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+/* 头部样式结束 */
+
+/* 黑色导航样式开始 */
+.black-nav{
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: #333;
+ font-size: 12px;
+}
+.wrap{
+ width: 1226px;
+ margin: 0 auto;
+}
+.black-nav-left{
+ float: left;
+}
+.black-nav-right{
+ float: right;
+}
+.black-nav li{
+ float: left;
+ position: relative;
+}
+.black-nav a{
+ color: #b0b0b0;
+}
+.black-nav span{
+ color: #424242;
+ margin: 0 3.6px;
+}
+.download{
+ width: 124px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 1px 5px #aaa;
+ position: absolute;
+ top: 40px;
+ left: 50%;
+ margin-left: -62px;
+ overflow:hidden;
+ transition: all 0.3s;
+ z-index: 10;
+}
+.download img{
+ width: 90px;
+ margin: 18px auto 0;
+}
+.download p{
+ color: #333;
+ font-size: 14px;
+ line-height: 14px;
+}
+.black-nav-left li:hover>.download{
+ height: 148px;
+}
+.stri{
+ width: 0;
+ height: 0;
+ border-bottom: 8px solid #fff;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ position:absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -8px;
+ display: none;
+}
+.black-nav-left>li:hover>.stri{
+ display: block;
+}
+.cart{
+ width: 120px;
+ height: 40px;
+ background: #424242;
+ margin-left: 25px;
+ position: relative;
+ z-index: 10;
+}
+.cart:hover{
+ background: #fff;
+}
+.cart:hover>a{
+ color: #ff6700;
+}
+.cart i{
+ font-style: normal;
+ margin-right: 8px;
+}
+.cart-list{
+ width: 316px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.15);
+ position: absolute;
+ right: 0;
+ top: 40px;
+ color: #424242;
+ overflow: hidden;
+ transition: all 0.3s;
+ line-height: 100px;
+}
+.cart:hover>.cart-list{
+ height: 100px;
+}
+/* 黑色导航样式结束 */
+
+/* 白色导航样式开始 */
+.white-nav{
+ width: 100%;
+ height: 100px;
+ background: #fff;
+ position: relative;
+}
+.logo{
+ width: 55px;
+ height: 55px;
+ background: #ff6700;
+ float: left;
+ margin-top: 22.5px;
+ overflow: hidden;
+ position: relative;
+}
+.logo>img{
+ width: 100%;
+ height: 100%;
+ position:absolute;
+ top: 0;
+ transition: all 0.2s;
+}
+.mi-home{
+ left: -55px;
+}
+.mi-logo{
+ left: 0;
+}
+.logo:hover>.mi-home{
+ left: 0;
+}
+.logo:hover>.mi-logo{
+ left: 55px;
+}
+.nav-bar{
+ width: 875px;
+ height: 100px;
+ line-height: 100px;
+ float: left;
+}
+.search{
+ width: 296px;
+ height: 100px;
+ float: right;
+}
+.nav-bar li{
+ float: left;
+}
+.nav-bar>ul>li>a{
+ color: #333;
+ padding: 0 10px;
+}
+
+.nav-bar>ul>li>a:hover{
+ color: #ff6700;
+}
+
+.nav-bar>ul>li:first-child img{
+ margin-top: 22.5px;
+}
+
+.search input{
+ width: 244px;
+ height: 50px;
+ border:1px solid #e0e0e0;
+ margin-top: 25px;
+ /* 去掉选中的边框 */
+ outline: none;
+ padding: 0 10px;
+ box-sizing: border-box;
+ border-right: 0;
+}
+
+.search button{
+ width: 52px;
+ height: 50px;
+ background: #fff;
+ border:1px solid #e0e0e0;
+ float: right;
+ margin-top: 25px;
+}
+.search button:hover{
+ background: #ff6700;
+ color: #fff;
+}
+
+.nav-bar-list{
+ width: 100%;
+ height: 229px;
+ background: #fff;
+ border-top: 1px solid #eee;
+ box-shadow: 0 3px 4px rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 100px;
+ display: none;
+ z-index: 10;
+}
+
+.nav-bar li:hover .nav-bar-list{
+ display: block;
+}
+
+.img-box{
+ width: 100%;
+ height: 110px;
+ margin-top: 35px;
+ border-right: 1px solid #eee;
+ box-sizing: border-box;
+ margin-bottom: 16px;
+}
+
+.nav-bar-list li:last-child .img-box{
+ border-right: 0;
+}
+
+.nav-bar-list p{
+ font-size: 12px;
+ line-height: 20px;
+}
+
+.name{
+ color: #333;
+}
+
+.price{
+ color: #ff6700;
+}
+/* 白色导航样式结束 */
+/* banner样式开始 */
+.banner{
+ width: 100%;
+ height: 460px;
+}
+.banner-img{
+ width: 100%;
+}
+.banner>.wrap{
+ position: relative;
+}
+.slide{
+ width: 234px;
+ height: 420px;
+ padding: 20px 0;
+ background: rgba(105,101,101,0.6);
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+.slide>ul>li{
+ height: 42px;
+ line-height: 42px;
+ text-align: left;
+ padding-left: 30px;
+ font-size: 14px;
+}
+.slide>ul>li:hover{
+ background: #ff6700;
+}
+.slide>ul>li>a{
+ color: #fff;
+}
+.slide i{
+ float: right;
+ padding-right: 20px;
+}
+
+.slide-list{
+ width: 992px;
+ height: 460px;
+ background: #fff;
+ border: 1px solid #e0e0e0;
+ border-left: none;
+ box-sizing: border-box;
+ box-shadow: 0 8px 16px rgba(0,0,0,0.18);
+ padding-top: 2px;
+ position: absolute;
+ top: 0;
+ left: 234px;
+ display: none;
+}
+.slide-list ul{
+ width: 100%;
+}
+
+.slide-list ul li{
+ width: 247.75px;
+ float: left;
+ height: 76px;
+ padding: 18px 0 18px 20px;
+ box-sizing: border-box;
+ line-height: 40px;
+}
+.slide-list img{
+ width: 40px;
+ margin-right: 14px;
+}
+.slide-list span{
+ color: #333;
+ font-size: 14px;
+ /* 一行宽度不够的时候,用...代替 */
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ position: relative;
+ top: -14px;
+}
+.slide li:hover .slide-list{
+ display: block;
+}
+
+.slide-list li:hover span{
+ color: #ff6700;
+}
+/* banner样式结束 */
+/* 广告样式开始 */
+.ad{
+ width: 100%;
+ height: 170px;
+ padding: 14px 0 26px;
+ background: #fff;
+}
+
+.ad-aside{
+ width: 234px;
+ height: 170px;
+ background: #5f5750;
+ padding: 3px;
+ box-sizing: border-box;
+ font-size: 12px;
+ float: left;
+}
+
+.ad-aside li{
+ float: left;
+ width: 76px;
+ height: 82px;
+ padding-top: 18px;
+ box-sizing: border-box;
+ opacity: 0.7;
+}
+
+.ad-aside a{
+ color: #fff;
+}
+.ad-aside i{
+ font-size: 24px;
+ margin-bottom: 4px;
+ display: block;
+}
+.ad-aside li:hover{
+ opacity: 1;
+}
+.ad-img{
+ width: 316px;
+ height: 170px;
+ float: left;
+ margin-left: 14px;
+}
+
+.ad-img img{
+ width: 100%;
+}
+/* 广告样式结束 */
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/reset.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be2dc78d18b6bec6cf9115f7b6f31495e6c73e20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
+li{ list-style: none;}
+a{text-decoration: none;}
+img{border: none;}
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a70e7760dd848d296634e193f100d303c22784ec
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/banner.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/banner.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a7dedb23d9ca63f06bca42993ca2469ca11ebb93
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/banner.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/download.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/download.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ace029704d62e8173ee6d55c037aff4315488fd
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/download.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/mi-home.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/mi-home.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cb3ea82de3c11402e99f4add187c49db4de6f958
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/mi-home.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/mi-logo.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/mi-logo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..82de5d977bca6d3131baec5696deac1c77df29d7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/mi-logo.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..29d6158b84d292d5c2693486a41d7bad10752813
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone.png"
new file mode 100644
index 0000000000000000000000000000000000000000..413d28d043d4d9495f8d4e9bbcf3aaa068d578b2
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone_ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone_ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..512ec1b87db7453a7765477f88fc7a709c249f18
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone_ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone_left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone_left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..40d4f53d4f48177808edead35691347a3f770fae
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/phone_left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/top.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/top.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a1c3c4ba18304ed49a5d826cf2dd3d56b4ff27c1
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/top.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/zzxsh.gif" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/zzxsh.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..bb6222f926a49166214a8a471bb9044c509f67e0
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/images/zzxsh.gif" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4785ab69ce70188ce68b76df7dc0abc297fc9030
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/05_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\271\277\345\221\212/index.html"
@@ -0,0 +1,262 @@
+
+
+
+
+
+
+ 小米
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+

+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/demo.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/demo.css"
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/demo_index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/demo_index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1ac8517cfb86548221abfccb3b881ee7edfb6bd
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/demo_index.html"
@@ -0,0 +1,743 @@
+
+
+
+
+ IconFont Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
+
+
+
+
+ -
+
+
F
+ 󰀽
+
+
+ -
+
+
15天无理由退货
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
播放 三角形
+ 
+
+
+ -
+
+
定位 (1)
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
7天无理由退货
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
维修
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
放大镜
+ 
+
+
+ -
+
+
我的
+ 
+
+
+ -
+
+
返回顶部
+ 
+
+
+ -
+
+
耳机
+ 
+
+
+ -
+
+
手机到手机
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
对话
+ 
+
+
+ -
+
+
电话卡
+ 
+
+
+ -
+
+
充值
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
购物车
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ F
+
+ .icon-F
+
+
+
+ -
+
+
+ 15天无理由退货
+
+ .icon-15tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-iconfonticonfonti2copycopy
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantouarrowhead7
+
+
+
+ -
+
+
+ 播放 三角形
+
+ .icon-bofangsanjiaoxing
+
+
+
+ -
+
+
+ 定位 (1)
+
+ .icon-dingwei1
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 7天无理由退货
+
+ .icon-7tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-sanjiaoxing
+
+
+
+ -
+
+
+ 维修
+
+ .icon-buoumaotubiao46
+
+
+
+ -
+
+
+ 手机
+
+ .icon-tel
+
+
+
+ -
+
+
+ 放大镜
+
+ .icon-fangdajing
+
+
+
+ -
+
+
+ 我的
+
+ .icon-my_icon
+
+
+
+ -
+
+
+ 返回顶部
+
+ .icon-fanhuidingbu
+
+
+
+ -
+
+
+ 耳机
+
+ .icon-erji
+
+
+
+ -
+
+
+ 手机到手机
+
+ .icon-shoujidaoshouji
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gifs
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantou
+
+
+
+ -
+
+
+ 对话
+
+ .icon-duihua
+
+
+
+ -
+
+
+ 电话卡
+
+ .icon-dianhuaqia
+
+
+
+ -
+
+
+ 充值
+
+ .icon-chongzhi
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 购物车
+
+ .icon-gouwuche
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou1
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-present
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size, color 来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..82b55e328cc0b42679e713b74141f4d4aacd6518
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.css"
@@ -0,0 +1,117 @@
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1561534862311'); /* IE9 */
+ src: url('iconfont.eot?t=1561534862311#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABFwAAsAAAAAHwAAABEjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGTgqqVKFYATYCJANoCzYABCAFhG0HgnYbghlFRoWNAwiCfFWy/8sEbg6cHSoHC2MTVdfaiqoBixK7WOwOGSqE4yw/B7GUIWI/rNT/+f6GqqcOpfx53LSX/CBJkASxFqpGbULFAqVitDAxZt5p5/Vpb6N3TGBylZl0ou3M240z7xknIlyu5TO4qghVIkWo0Hb2kg0c7YWejCiF7G79gDhgS7jBnJrUsmQXDSPk14EhA2bpK33BbrJxwocQOAZDm58L/de6xa50DUUSYsRv4xQBEOCYhv7T4FxpkYX7wRMLs+mpdy45TNoc5DhP3GF7jxkAKRRmQmN7T70HQLUpQEnSzVg7KE2bZ08pqPCvBCQwGJt5ugobC6OAKerK+O/5AQYAFBgkwjjLx3etBwToAoZeC+YqqPUoNxAFmRgI7fyMcQkMc+GBEN9yBgFgB/n72DeQNkIAHHgI9AVV30dRu3nTH0DkExPrsFccA4DNeAAIABIBEAC4LLMFEwHycSIRqSyegGEAiBWq7qTw8ygCv8TPUtMKEylOshwF9sg4qB5TenMfAJXieVVDRRx24Np1hkGsEZ9YNZkxNu0/8QBUpICDmhC0+CAAEmQkwKIAgQhoYGgoiYEAOQUeAMYH9BQBAGDZGtV6diarCKiAn1cEpAB+fhHAAfyCIqAGfkkREAL42SKgBX61ACxECwFAQkGBBAkDBRlIBAQQRSIhAEgcKFAgyaCAQHJAQQRSAAo0SCkoMCBjQUEDMhEUlCCTQEEMMoAiQAB8wVCQE5IOCgqQuSgEPJBCjmUyiTpnnAwAC9X454HQTbcNEoYBYdVggE9xEdEYaQAlBjwQgwCZAmAxgjoOQioVE0fKZTIkcn1SLA7GkCIG6YM1WpYixKYWLQpvIQUCBcMIrYYgwp1QKRKalggE8jRMbHRKCJmcUQJFA0FbnaYMQiHDqBgxISJPGYNIH8wQUkqmWjvCxfbqTwmk9u/w//JT+EzceDgRPZXNlcw/4afyEuWDOZG5cZRhvmglKZFfmwuPZtoRg3Qm5gAP2X6nNDOOUUgcncmnf4lTP0lsmihcxlhfYVwYHaKjFT73dI3OOVVldTL75Ily7/BpOvZ0wCvEOHFSkjKbcSp7/5pi+RAQZKTA7etBjmavHLp68bfnpfIl27no3IvMiefu35efMPMTp7xOd/6IyS8i75N/SOWdtv3p9+Nb6TQned5gQq80hcuqf8QPcpalLE+xMjFdTUxWxdQdsRJuQ5/C47Jk77ehUtYxIYg0cUaMnD7mTbYTTTfmAhgoq2gYwmCaSRrquAwL8+/fvXOazfEUDbjpSm77AbWoASpkllO+yX6bc2pLT1ZaaAln0CDryr9cY8lbCf2gVBgxosEPwA+eEKERZWYpZac5BR1RzObsdBWOEHc1Vh3TnavN1AuV0V1hGXlBjVZZT07d1zr043JBGR2dPYcZ+G77pCpt8dkt8tSvJ01F0OkGiCyU7FojSYlxEECYJNeEaCa8f0rnAVVogN2ZDKyfgN3WP91FJA9g90lZCHL7IU1dFfP4zT/hAi4L0pCZQQBIaAhk5RF6Es1sW1hHrElbmH85+mfNrb0/FrFiT4Fmn7UgDXKBHXxuw2ffzWkmzNaVvxkHuIgrcLosg6t28oFiPhRnnUIIYIguu3X7su+JKfPOKLuVcqznjmrF5pjOXGsIN9gY3RHWz7EyIEgF67wGO2kVuZqiti5JhiQ6KAJLhzBAeyzhZBS+TYZqSKObAQSzIK/zACFDozxtP7OZ6bJYyX30t5971vxs2i+26KNkT/GT+pPRsUefROPA4Grhthfx9v7P0wntWOHhs8QBGnxTdmxllqeXKqcwN6XxQbTtdXoswPjXePJPXKIy9JUwvc5KH2h72/W2F+W93CflaVq7fn1kVKb8w4zqq7G+V33d+nH23pHjHOHP/5/Y/uyvFdonf4xre/rvcswlEQiNK9y+xvpaansRbUOvX7ClAtv30LjEpQ0ujtK7dSl6m73+GfbcgJfGLOG5tnfwbsNhnUELYz77ZAXgpH4vXx/VMdI4N7XGtmfnBQ4hFxWrY+CbHYkjwFGPCQAT0fAytlCFjvIUN44yRox1Z3HjSGPMcEfLK9tvB9J4Q6wJmg4gVWXHtabbKwAIXxgVgjHvQsdUo6wucZwh0n/CEXszDtFCHh6Ez/5b0ffJP+PuDgxZtB6rRfWHI4IpeE8v0RlanhzFJAIRpwu1FhJdetpFTJ71HQUIh2wMREU6E8McHw1wgUy7r+XrgCCDpOzMNg+IMqpl2rzka5360XnQxt7/K6dQv2/ESIcQe+99tqCCebB/vxZy/bxiZET+/pIJF064fALYQUd00tBzTJ+5wTYOOAKpZcrwbt9n/01op8GoPKeNVKb3l2pjqaYn/xwe6DSCUDy4PRMIcW8QDuioJWtL483vfgh2hl6+ThrTcXZBUhDL2vTjhd8rllELl1q0OYM579xFAsROcV5HjqDJ1+J2p9v+eMa6UI173fjUWBiYE9GYZyXHiY7FuxaM3SUaqxp403AtpILcpS+MvTT2zfaLLc26QvJl3eXfZN1UWXnz2omdkeUU/fHTNYnm+WMXts3LqBFPocfFH8ssNs0E6Z3GdMcIhUqWOo4RL1OmfjNfsnj8J5Noqp6/dQM2CcuVsYKQ+OhigleHagoJ7ZODhIzhm1QdwYqO1LAoBSiS7Vn2Rasd2Y4O2LMG1mniAlIqENWo/NFq/T8hAA7XoTvDBEmx9UdwBe7KGQ8NZ75mnjJfnzE8jEz/67Cvl27CrxZOBNx2SX5O2o52PXjoRjvRLAftYtrk59Hd5a34mT7UJmn4ZRPH/bpZvBJve8vbnr5isxkMlfDKxwkSSf7cn5xcNVfFgXEDcY/g3bPBgXDcDfvdnYiOfvTRUSLA6UBH0RF1bUfs/Yd6V4bHsfL03oOeoHSdZ968bB+rZ325C+fTHxNAJg3Dluf3aE3bPyEEwv6mYOj6Tv1d1+9tt+M7P30xesf7N/cyj0ThP6sfih79FPFItZf+x53fHsmnnnfBC3j6wsetTdh54rvviF7Oue++P4/c2Psno7aWMnPKV3DFOcuA91pxxtTPUv1TUJ8Nrr19Z5b8A/msVVkpm7VwoUPuuHNb6IMvUCDDlP5zRpElTofSdboSQNwxC2f26oJmXdBKvug58+ekoyiFtX1EXZUt9v3EuaOU6urYmIkRN83WitKnhimprYrm/LbahD+VONN5QCupStq9xWq+GTExpkU5taZ1buL7sbaq/MKMk+wEzVUwupYOqwZ5a3mD1cP56y7KH9J84XpDb1iKrMO+j+DOul70ztuoM3veeQehCwL1/kHI1uK9vfiaANO+Fq1BITghgyMMGubRIyw5IoV1dcOhM7M4xt6BOVDziZPNeIBZBmrGHPaO4pjO6IFnMjeiP7TpaWXPT/cv4ADAMy3qO5ro/JBGMvfAM30aPq+jYy4mICCKz92CRjjbAVlLHG3XF5FPFU/JXKpf0U8taL0+i32fdWy4qCUH5IOk9ob0z4qB51VTSWb7FGdLZkVJ+0hCamqGitHkK5qrWw5wo4NJL8VkWPfu+WoPRoktCfmc0Rlj/6JPY3jH7AnXlG4ia/QP7343UkRhRe5jRd4fJF4y+MVtRR7JcJKrpGHWgtT1c5OON5S4YqjbrXVfebZzVj3pJdkde9uer45iVDmFcS8d4zw/SNws/IG+1W8Pgx4M1iCVHdGCw+O9SY006Z/H2305zTEzYXmWdaRd3j0Y2GW6Jghwy+DfKqrPTutoex8UURuk6VKdZqOgSGt0DhuG4ZU0eZmn840Q8lxDU2hTgDmtmhKTdt76JdjwSbpkITMjZb7EIFmUvcxHdimDgqjZq2VLYwI8In3Qsm9H3ORthtGv7r2TJC+Y/Sz8n5X1tkqzpbaqfuU3EUNzFIUV7/yUly/dSg5So7Yz2Ry68Ev/LNIdenKQ3CrNzYf6Kd3Ofo8uQrclP5+r/p8GAdXgyeHbzW2jzY5iYQPNd5rtJW67mZ/4F6EYMNbk52/RheuO5uVPP1PxbPvEB0Z5o7FLo9nBmB8sgguN/J++UkSG5xWE//Lw29BXFvREEl8pfoIbCQQ/GAGZJDUeN0qJHhiV1HHFcUpZb7EIgK+MJceXZPBBsJP1/kPV0wh7dJXjeN3mN+JFPVnqrB51r0lt6n2dShCdy1JlnVOfN6lM59+IXlygDjdnInbsWM6cxtWN2X5cOls9paJic/Zr+NL/Y3/o5dDa1TdDZ0pYR8ih0BOhywpcMvIyKdP5deHkISEmZcO0bz7f7IOVWDjMZnwMkTd8PIP+ng6npsvXhz0W8fcids2azIzBPbrNY8Z6tJ4BdllLfX0DJ+HGji0SF8VuQyxn/oDzZnwQZthnFB3jIvTIvIE6j5kBtSmf/TiT7WRnMp+xmvzX59QHVCddgc/oIWZDDtFSOWJrbZkezmYzc6wJ49Fks9V56VHDqioQa6vlPFytLSMz7EuejTYbd6xnUhsGpbnzDGSxs89ZTI7oKp+3KFT3UkOKQcrbXVmjv6bH1d3na9dQg4r3qVTXAsO0uGkW8+FOD6Lz/t78WTyvm5V/hwxx23BHtlnOk2+WKRrnLDUpKdFx0TWllWmpxU+0cMuF5Aj2novVHtWxuntaljwqZB/dFYEoVgw6EMea+pnye4n34NgUp9XK55dn6lRNc8RlzffG71P+TwnUXkk/okqlv3jLWnFuQnuQTVlYqFwsTs76dOakm/9WvKaniGZmh+RuS8qDULThLV6IgXiLeHvwW2sYorcBzDRBXlbOpn3pPx52vLy8P7T/ue/Z8/6wa4os5OnXXzPYvQG7yjQC0pkpzlteuokaUg6RTZr/653O/wVnKcjbmnzrsSR0UehW6ZNd5FBWqNFV73p0K7SoCMdt22aAPZNomIDiP3lyc3hT7qbhA15jRm3GzVuiV3VoQgOyj5gBRUUymTX5kl/25Z7mK8+oNaLaIJ6ir4GaK64rhPcVkhyCxh+4RddEmagEaoGZPcV/g6I/DFkAmvi7eAAEblWAcOw71Qw0NX9fPlQV+H0lv7YWaoGmeisO/BTYvDjqAIEXykH1yr7b3Swfb60SuVy62Y0KUNPRbXrfmQqR8VjTSlFrU9WXzttqE3LgJ3DMXz4aqWV+hv/A/4gMiA38E3i5CYMMUmv/twGsu7800z+Sg4HLKk/+ptm/9eg/LtvfGb1/AuXDM5uBaAMh4P9xEPi3ka6kIOJ/69mie3R7vEqrBgV+Jy+GB34qvisJqy/wD4yNHtD5EFgJBwDKeAjgH0csK7DI5lD+k8MwEFKmTTYOAtBjlBUbiQnEJmbzgIYMzEdsXjYFCYonpkFuqSZgBAkA8dqRjQHjTDYOEriJEWKHMIHYD7J5oPId4pM6KJsCx8inSUP0zKWKliIEFCzZMsOplOkLA6/3J6qYg1Mtq+F+0XlDJTtKNl5PPmOJTkQYv1LHIUgmHRXsSdHBPCdWOUqRh33Nier6IGXWLuw+p6I2gCIOAsHJLzDTbCvPxZGSfHYwSPz5T0iJcsAVXPZU+RdyPFPDpP49fNkKkc9iWemysvDLrCjHlqtMYta5DikwFpWh3DhGmPrsgVKIC/bNYZAq11LU282qKu43byvGhjgXXr4r6v+WRZRklVqj1ekNRpPZYrXZHU6X2+P1Kf6Ax7I8OgsGynXMzZZiiEZH2nuoQeaYU7W16DwtOb1AEZyjtUYQF/OEJJTKA9OVtDGl6glbWqM5GggzV3384qKBm4dXrWkSKRZAISYJdnrefPzCgCcTkOY1d4vtnxx4FK/W0YgOkcQWutRMvRZfK4C8Hi1lpO/e0NURN2mGgTB1xgFroMc1lWqnTWf9Cz1FcR25xmE7Qx11K4cey1AD') format('woff2'),
+ url('iconfont.woff?t=1561534862311') format('woff'),
+ url('iconfont.ttf?t=1561534862311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1561534862311#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-F:before {
+ content: "\f003d";
+}
+
+.icon-15tianwuliyoutuihuo:before {
+ content: "\e606";
+}
+
+.icon-iconfonticonfonti2copycopy:before {
+ content: "\e62e";
+}
+
+.icon-jiantouarrowhead7:before {
+ content: "\e6bc";
+}
+
+.icon-bofangsanjiaoxing:before {
+ content: "\e769";
+}
+
+.icon-dingwei1:before {
+ content: "\e617";
+}
+
+.icon-youjiantou:before {
+ content: "\e619";
+}
+
+.icon-7tianwuliyoutuihuo:before {
+ content: "\e60e";
+}
+
+.icon-sanjiaoxing:before {
+ content: "\e620";
+}
+
+.icon-buoumaotubiao46:before {
+ content: "\e629";
+}
+
+.icon-tel:before {
+ content: "\e641";
+}
+
+.icon-fangdajing:before {
+ content: "\e63d";
+}
+
+.icon-my_icon:before {
+ content: "\e65d";
+}
+
+.icon-fanhuidingbu:before {
+ content: "\e623";
+}
+
+.icon-erji:before {
+ content: "\e605";
+}
+
+.icon-shoujidaoshouji:before {
+ content: "\e64a";
+}
+
+.icon-gifs:before {
+ content: "\e624";
+}
+
+.icon-jiantou:before {
+ content: "\e621";
+}
+
+.icon-duihua:before {
+ content: "\e710";
+}
+
+.icon-dianhuaqia:before {
+ content: "\e733";
+}
+
+.icon-chongzhi:before {
+ content: "\e65c";
+}
+
+.icon-shouji:before {
+ content: "\e525";
+}
+
+.icon-gouwuche:before {
+ content: "\e607";
+}
+
+.icon-youjiantou1:before {
+ content: "\e658";
+}
+
+.icon-present:before {
+ content: "\e611";
+}
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.eot" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..5e9a285d4f141012b90c8b0093da4f07c0fa62bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.eot" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.js" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d120ac96efd0bc668b14ad234fd20ae00664a04
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.js"
@@ -0,0 +1 @@
+!function(s){var c,t='',h=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(h&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()};document.addEventListener("DOMContentLoaded",h,!1)}else document.attachEvent&&(l=c,a=s.document,o=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,t())});function t(){o||(o=!0,l())}var l,a,o,i}(function(){var c,h;(c=document.createElement("div")).innerHTML=t,t=null,(h=c.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",function(c,h){h.firstChild?function(c,h){h.parentNode.insertBefore(c,h)}(c,h.firstChild):h.appendChild(c)}(h,document.body))})}(window);
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.svg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..f5269cc8c727142a59f9837e20fd4f892c11407a
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.svg"
@@ -0,0 +1,101 @@
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.ttf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..3b9dd2e7ca16388626976f473598d8c4d5570021
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.ttf" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.woff" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..f42f23160f7a24b91c3b05e052902bbd8644c35f
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.woff" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.woff2" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..12e816ceb161961bcfcefb2c446b3224a38a5870
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/iconfont/iconfont.woff2" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/mi.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/mi.css"
new file mode 100644
index 0000000000000000000000000000000000000000..1d88d216810a349e53b58701f896829b0b2b9248
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/mi.css"
@@ -0,0 +1,476 @@
+/* 头部样式开始 */
+.header{
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ position: relative;
+}
+
+.header img{
+ height: 120px;
+ /* 图片,以中间开始渲染 */
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+/* 头部样式结束 */
+
+/* 黑色导航样式开始 */
+.black-nav{
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: #333;
+ font-size: 12px;
+}
+.wrap{
+ width: 1226px;
+ margin: 0 auto;
+}
+.black-nav-left{
+ float: left;
+}
+.black-nav-right{
+ float: right;
+}
+.black-nav li{
+ float: left;
+ position: relative;
+}
+.black-nav a{
+ color: #b0b0b0;
+}
+.black-nav span{
+ color: #424242;
+ margin: 0 3.6px;
+}
+.download{
+ width: 124px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 1px 5px #aaa;
+ position: absolute;
+ top: 40px;
+ left: 50%;
+ margin-left: -62px;
+ overflow:hidden;
+ transition: all 0.3s;
+ z-index: 10;
+}
+.download img{
+ width: 90px;
+ margin: 18px auto 0;
+}
+.download p{
+ color: #333;
+ font-size: 14px;
+ line-height: 14px;
+}
+.black-nav-left li:hover>.download{
+ height: 148px;
+}
+.stri{
+ width: 0;
+ height: 0;
+ border-bottom: 8px solid #fff;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ position:absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -8px;
+ display: none;
+}
+.black-nav-left>li:hover>.stri{
+ display: block;
+}
+.cart{
+ width: 120px;
+ height: 40px;
+ background: #424242;
+ margin-left: 25px;
+ position: relative;
+ z-index: 10;
+}
+.cart:hover{
+ background: #fff;
+}
+.cart:hover>a{
+ color: #ff6700;
+}
+.cart i{
+ font-style: normal;
+ margin-right: 8px;
+}
+.cart-list{
+ width: 316px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.15);
+ position: absolute;
+ right: 0;
+ top: 40px;
+ color: #424242;
+ overflow: hidden;
+ transition: all 0.3s;
+ line-height: 100px;
+}
+.cart:hover>.cart-list{
+ height: 100px;
+}
+/* 黑色导航样式结束 */
+
+/* 白色导航样式开始 */
+.white-nav{
+ width: 100%;
+ height: 100px;
+ background: #fff;
+ position: relative;
+}
+.logo{
+ width: 55px;
+ height: 55px;
+ background: #ff6700;
+ float: left;
+ margin-top: 22.5px;
+ overflow: hidden;
+ position: relative;
+}
+.logo>img{
+ width: 100%;
+ height: 100%;
+ position:absolute;
+ top: 0;
+ transition: all 0.2s;
+}
+.mi-home{
+ left: -55px;
+}
+.mi-logo{
+ left: 0;
+}
+.logo:hover>.mi-home{
+ left: 0;
+}
+.logo:hover>.mi-logo{
+ left: 55px;
+}
+.nav-bar{
+ width: 875px;
+ height: 100px;
+ line-height: 100px;
+ float: left;
+}
+.search{
+ width: 296px;
+ height: 100px;
+ float: right;
+}
+.nav-bar li{
+ float: left;
+}
+.nav-bar>ul>li>a{
+ color: #333;
+ padding: 0 10px;
+}
+
+.nav-bar>ul>li>a:hover{
+ color: #ff6700;
+}
+
+.nav-bar>ul>li:first-child img{
+ margin-top: 22.5px;
+}
+
+.search input{
+ width: 244px;
+ height: 50px;
+ border:1px solid #e0e0e0;
+ margin-top: 25px;
+ /* 去掉选中的边框 */
+ outline: none;
+ padding: 0 10px;
+ box-sizing: border-box;
+ border-right: 0;
+}
+
+.search button{
+ width: 52px;
+ height: 50px;
+ background: #fff;
+ border:1px solid #e0e0e0;
+ float: right;
+ margin-top: 25px;
+}
+.search button:hover{
+ background: #ff6700;
+ color: #fff;
+}
+
+.nav-bar-list{
+ width: 100%;
+ height: 229px;
+ background: #fff;
+ border-top: 1px solid #eee;
+ box-shadow: 0 3px 4px rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 100px;
+ display: none;
+ z-index: 10;
+}
+
+.nav-bar li:hover .nav-bar-list{
+ display: block;
+}
+
+.img-box{
+ width: 100%;
+ height: 110px;
+ margin-top: 35px;
+ border-right: 1px solid #eee;
+ box-sizing: border-box;
+ margin-bottom: 16px;
+}
+
+.nav-bar-list li:last-child .img-box{
+ border-right: 0;
+}
+
+.nav-bar-list p{
+ font-size: 12px;
+ line-height: 20px;
+}
+
+.name{
+ color: #333;
+}
+
+.price{
+ color: #ff6700;
+}
+/* 白色导航样式结束 */
+/* banner样式开始 */
+.banner{
+ width: 100%;
+ height: 460px;
+}
+.banner-img{
+ width: 100%;
+}
+.banner>.wrap{
+ position: relative;
+}
+.slide{
+ width: 234px;
+ height: 420px;
+ padding: 20px 0;
+ background: rgba(105,101,101,0.6);
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+.slide>ul>li{
+ height: 42px;
+ line-height: 42px;
+ text-align: left;
+ padding-left: 30px;
+ font-size: 14px;
+}
+.slide>ul>li:hover{
+ background: #ff6700;
+}
+.slide>ul>li>a{
+ color: #fff;
+}
+.slide i{
+ float: right;
+ padding-right: 20px;
+}
+
+.slide-list{
+ width: 992px;
+ height: 460px;
+ background: #fff;
+ border: 1px solid #e0e0e0;
+ border-left: none;
+ box-sizing: border-box;
+ box-shadow: 0 8px 16px rgba(0,0,0,0.18);
+ padding-top: 2px;
+ position: absolute;
+ top: 0;
+ left: 234px;
+ display: none;
+}
+.slide-list ul{
+ width: 100%;
+}
+
+.slide-list ul li{
+ width: 247.75px;
+ float: left;
+ height: 76px;
+ padding: 18px 0 18px 20px;
+ box-sizing: border-box;
+ line-height: 40px;
+}
+.slide-list img{
+ width: 40px;
+ margin-right: 14px;
+}
+.slide-list span{
+ color: #333;
+ font-size: 14px;
+ /* 一行宽度不够的时候,用...代替 */
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ position: relative;
+ top: -14px;
+}
+.slide li:hover .slide-list{
+ display: block;
+}
+
+.slide-list li:hover span{
+ color: #ff6700;
+}
+/* banner样式结束 */
+/* 广告样式开始 */
+.ad{
+ width: 100%;
+ height: 170px;
+ padding: 14px 0 26px;
+ background: #fff;
+}
+
+.ad-aside{
+ width: 234px;
+ height: 170px;
+ background: #5f5750;
+ padding: 3px;
+ box-sizing: border-box;
+ font-size: 12px;
+ float: left;
+}
+
+.ad-aside li{
+ float: left;
+ width: 76px;
+ height: 82px;
+ padding-top: 18px;
+ box-sizing: border-box;
+ opacity: 0.7;
+}
+
+.ad-aside a{
+ color: #fff;
+}
+.ad-aside i{
+ font-size: 24px;
+ margin-bottom: 4px;
+ display: block;
+}
+.ad-aside li:hover{
+ opacity: 1;
+}
+.ad-img{
+ width: 316px;
+ height: 170px;
+ float: left;
+ margin-left: 14px;
+}
+
+.ad-img img{
+ width: 100%;
+}
+/* 广告样式结束 */
+/* 主体部分样式开始 */
+.content{
+ width: 100%;
+ background: #f5f5f5;
+ overflow: hidden;
+ padding: 4px 0 12px;
+}
+/* 主体部分样式结束 */
+/* 手机模块样式开始 */
+.title{
+ text-align: left;
+ color: #333;
+ font-size: 22px;
+ font-weight: 200;
+ line-height: 58px;
+}
+.phone-box{
+ width: 100%;
+ height: 614px;
+}
+.phone-box-left{
+ width: 234px;
+ height: 100%;
+ float: left;
+}
+.phone-box-right{
+ width: 992px;
+ height: 614px;
+ float: left;
+}
+
+.item{
+ width: 234px;
+ height: 300px;
+ background: #fff;
+ padding: 20px 0;
+ margin: 0 0 14px 14px;
+ float: left;
+ box-sizing: border-box;
+ transition: all 0.2s linear;
+}
+.item:hover{
+ /* transform: translateY(-2px); */
+ transform: translate3d(0,-2px,0);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+
+.item-img{
+ width: 160px;
+ margin-bottom: 18px;
+}
+
+.item-name{
+ width: 214px;
+ height: 21px;
+ color: #333;
+ font-size: 14px;
+ line-height: 21px;
+ margin: 0 auto 2px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.item-desc{
+ width: 214px;
+ height: 18px;
+ color: #b0b0b0;
+ font-size: 12px;
+ line-height: 18px;
+ margin: 0 auto 10px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.item-price{
+ color: #ff6700;
+ font-size: 14px;
+}
+
+.big-img{
+ width: 100%;
+ height: 120px;
+ margin: 22px 0;
+}
+
+/* 手机模块样式结束 */
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/reset.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be2dc78d18b6bec6cf9115f7b6f31495e6c73e20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
+li{ list-style: none;}
+a{text-decoration: none;}
+img{border: none;}
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a70e7760dd848d296634e193f100d303c22784ec
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/banner.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/banner.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a7dedb23d9ca63f06bca42993ca2469ca11ebb93
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/banner.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/download.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/download.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ace029704d62e8173ee6d55c037aff4315488fd
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/download.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/elc-left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/elc-left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..4944f84309095c2abd454ec18fdd90362f4797bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/elc-left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/elc-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/elc-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..e53fb78e054c12b65206347e1dc3bcabc2b4fbe7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/elc-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/mi-home.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/mi-home.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cb3ea82de3c11402e99f4add187c49db4de6f958
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/mi-home.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/mi-logo.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/mi-logo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..82de5d977bca6d3131baec5696deac1c77df29d7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/mi-logo.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..29d6158b84d292d5c2693486a41d7bad10752813
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone.png"
new file mode 100644
index 0000000000000000000000000000000000000000..413d28d043d4d9495f8d4e9bbcf3aaa068d578b2
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone_ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone_ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..512ec1b87db7453a7765477f88fc7a709c249f18
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone_ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone_left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone_left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..40d4f53d4f48177808edead35691347a3f770fae
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/phone_left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/top.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/top.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a1c3c4ba18304ed49a5d826cf2dd3d56b4ff27c1
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/top.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/zzxsh.gif" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/zzxsh.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..bb6222f926a49166214a8a471bb9044c509f67e0
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/images/zzxsh.gif" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c0b4effdd90fbbc4b0062da03395cf58f908ac10
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/06_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\346\211\213\346\234\272/index.html"
@@ -0,0 +1,351 @@
+
+
+
+
+
+
+ 小米
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+

+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/demo.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/demo.css"
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/demo_index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/demo_index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1ac8517cfb86548221abfccb3b881ee7edfb6bd
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/demo_index.html"
@@ -0,0 +1,743 @@
+
+
+
+
+ IconFont Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
+
+
+
+
+ -
+
+
F
+ 󰀽
+
+
+ -
+
+
15天无理由退货
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
播放 三角形
+ 
+
+
+ -
+
+
定位 (1)
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
7天无理由退货
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
维修
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
放大镜
+ 
+
+
+ -
+
+
我的
+ 
+
+
+ -
+
+
返回顶部
+ 
+
+
+ -
+
+
耳机
+ 
+
+
+ -
+
+
手机到手机
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
对话
+ 
+
+
+ -
+
+
电话卡
+ 
+
+
+ -
+
+
充值
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
购物车
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ F
+
+ .icon-F
+
+
+
+ -
+
+
+ 15天无理由退货
+
+ .icon-15tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-iconfonticonfonti2copycopy
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantouarrowhead7
+
+
+
+ -
+
+
+ 播放 三角形
+
+ .icon-bofangsanjiaoxing
+
+
+
+ -
+
+
+ 定位 (1)
+
+ .icon-dingwei1
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 7天无理由退货
+
+ .icon-7tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-sanjiaoxing
+
+
+
+ -
+
+
+ 维修
+
+ .icon-buoumaotubiao46
+
+
+
+ -
+
+
+ 手机
+
+ .icon-tel
+
+
+
+ -
+
+
+ 放大镜
+
+ .icon-fangdajing
+
+
+
+ -
+
+
+ 我的
+
+ .icon-my_icon
+
+
+
+ -
+
+
+ 返回顶部
+
+ .icon-fanhuidingbu
+
+
+
+ -
+
+
+ 耳机
+
+ .icon-erji
+
+
+
+ -
+
+
+ 手机到手机
+
+ .icon-shoujidaoshouji
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gifs
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantou
+
+
+
+ -
+
+
+ 对话
+
+ .icon-duihua
+
+
+
+ -
+
+
+ 电话卡
+
+ .icon-dianhuaqia
+
+
+
+ -
+
+
+ 充值
+
+ .icon-chongzhi
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 购物车
+
+ .icon-gouwuche
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou1
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-present
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size, color 来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..82b55e328cc0b42679e713b74141f4d4aacd6518
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.css"
@@ -0,0 +1,117 @@
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1561534862311'); /* IE9 */
+ src: url('iconfont.eot?t=1561534862311#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+ url('iconfont.woff?t=1561534862311') format('woff'),
+ url('iconfont.ttf?t=1561534862311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1561534862311#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-F:before {
+ content: "\f003d";
+}
+
+.icon-15tianwuliyoutuihuo:before {
+ content: "\e606";
+}
+
+.icon-iconfonticonfonti2copycopy:before {
+ content: "\e62e";
+}
+
+.icon-jiantouarrowhead7:before {
+ content: "\e6bc";
+}
+
+.icon-bofangsanjiaoxing:before {
+ content: "\e769";
+}
+
+.icon-dingwei1:before {
+ content: "\e617";
+}
+
+.icon-youjiantou:before {
+ content: "\e619";
+}
+
+.icon-7tianwuliyoutuihuo:before {
+ content: "\e60e";
+}
+
+.icon-sanjiaoxing:before {
+ content: "\e620";
+}
+
+.icon-buoumaotubiao46:before {
+ content: "\e629";
+}
+
+.icon-tel:before {
+ content: "\e641";
+}
+
+.icon-fangdajing:before {
+ content: "\e63d";
+}
+
+.icon-my_icon:before {
+ content: "\e65d";
+}
+
+.icon-fanhuidingbu:before {
+ content: "\e623";
+}
+
+.icon-erji:before {
+ content: "\e605";
+}
+
+.icon-shoujidaoshouji:before {
+ content: "\e64a";
+}
+
+.icon-gifs:before {
+ content: "\e624";
+}
+
+.icon-jiantou:before {
+ content: "\e621";
+}
+
+.icon-duihua:before {
+ content: "\e710";
+}
+
+.icon-dianhuaqia:before {
+ content: "\e733";
+}
+
+.icon-chongzhi:before {
+ content: "\e65c";
+}
+
+.icon-shouji:before {
+ content: "\e525";
+}
+
+.icon-gouwuche:before {
+ content: "\e607";
+}
+
+.icon-youjiantou1:before {
+ content: "\e658";
+}
+
+.icon-present:before {
+ content: "\e611";
+}
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.eot" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..5e9a285d4f141012b90c8b0093da4f07c0fa62bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.eot" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.js" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d120ac96efd0bc668b14ad234fd20ae00664a04
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.js"
@@ -0,0 +1 @@
+!function(s){var c,t='',h=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(h&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()};document.addEventListener("DOMContentLoaded",h,!1)}else document.attachEvent&&(l=c,a=s.document,o=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,t())});function t(){o||(o=!0,l())}var l,a,o,i}(function(){var c,h;(c=document.createElement("div")).innerHTML=t,t=null,(h=c.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",function(c,h){h.firstChild?function(c,h){h.parentNode.insertBefore(c,h)}(c,h.firstChild):h.appendChild(c)}(h,document.body))})}(window);
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.svg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..f5269cc8c727142a59f9837e20fd4f892c11407a
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.svg"
@@ -0,0 +1,101 @@
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.ttf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..3b9dd2e7ca16388626976f473598d8c4d5570021
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.ttf" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.woff" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..f42f23160f7a24b91c3b05e052902bbd8644c35f
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.woff" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.woff2" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..12e816ceb161961bcfcefb2c446b3224a38a5870
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/iconfont/iconfont.woff2" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/mi.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/mi.css"
new file mode 100644
index 0000000000000000000000000000000000000000..9de8a2e92c8a5edca3f75b02870ae4adcb594692
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/mi.css"
@@ -0,0 +1,509 @@
+/* 头部样式开始 */
+.header{
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ position: relative;
+}
+
+.header img{
+ height: 120px;
+ /* 图片,以中间开始渲染 */
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+/* 头部样式结束 */
+
+/* 黑色导航样式开始 */
+.black-nav{
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: #333;
+ font-size: 12px;
+}
+.wrap{
+ width: 1226px;
+ margin: 0 auto;
+}
+.black-nav-left{
+ float: left;
+}
+.black-nav-right{
+ float: right;
+}
+.black-nav li{
+ float: left;
+ position: relative;
+}
+.black-nav a{
+ color: #b0b0b0;
+}
+.black-nav span{
+ color: #424242;
+ margin: 0 3.6px;
+}
+.download{
+ width: 124px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 1px 5px #aaa;
+ position: absolute;
+ top: 40px;
+ left: 50%;
+ margin-left: -62px;
+ overflow:hidden;
+ transition: all 0.3s;
+ z-index: 10;
+}
+.download img{
+ width: 90px;
+ margin: 18px auto 0;
+}
+.download p{
+ color: #333;
+ font-size: 14px;
+ line-height: 14px;
+}
+.black-nav-left li:hover>.download{
+ height: 148px;
+}
+.stri{
+ width: 0;
+ height: 0;
+ border-bottom: 8px solid #fff;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ position:absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -8px;
+ display: none;
+}
+.black-nav-left>li:hover>.stri{
+ display: block;
+}
+.cart{
+ width: 120px;
+ height: 40px;
+ background: #424242;
+ margin-left: 25px;
+ position: relative;
+ z-index: 10;
+}
+.cart:hover{
+ background: #fff;
+}
+.cart:hover>a{
+ color: #ff6700;
+}
+.cart i{
+ font-style: normal;
+ margin-right: 8px;
+}
+.cart-list{
+ width: 316px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.15);
+ position: absolute;
+ right: 0;
+ top: 40px;
+ color: #424242;
+ overflow: hidden;
+ transition: all 0.3s;
+ line-height: 100px;
+}
+.cart:hover>.cart-list{
+ height: 100px;
+}
+/* 黑色导航样式结束 */
+
+/* 白色导航样式开始 */
+.white-nav{
+ width: 100%;
+ height: 100px;
+ background: #fff;
+ position: relative;
+}
+.logo{
+ width: 55px;
+ height: 55px;
+ background: #ff6700;
+ float: left;
+ margin-top: 22.5px;
+ overflow: hidden;
+ position: relative;
+}
+.logo>img{
+ width: 100%;
+ height: 100%;
+ position:absolute;
+ top: 0;
+ transition: all 0.2s;
+}
+.mi-home{
+ left: -55px;
+}
+.mi-logo{
+ left: 0;
+}
+.logo:hover>.mi-home{
+ left: 0;
+}
+.logo:hover>.mi-logo{
+ left: 55px;
+}
+.nav-bar{
+ width: 875px;
+ height: 100px;
+ line-height: 100px;
+ float: left;
+}
+.search{
+ width: 296px;
+ height: 100px;
+ float: right;
+}
+.nav-bar li{
+ float: left;
+}
+.nav-bar>ul>li>a{
+ color: #333;
+ padding: 0 10px;
+}
+
+.nav-bar>ul>li>a:hover{
+ color: #ff6700;
+}
+
+.nav-bar>ul>li:first-child img{
+ margin-top: 22.5px;
+}
+
+.search input{
+ width: 244px;
+ height: 50px;
+ border:1px solid #e0e0e0;
+ margin-top: 25px;
+ /* 去掉选中的边框 */
+ outline: none;
+ padding: 0 10px;
+ box-sizing: border-box;
+ border-right: 0;
+}
+
+.search button{
+ width: 52px;
+ height: 50px;
+ background: #fff;
+ border:1px solid #e0e0e0;
+ float: right;
+ margin-top: 25px;
+}
+.search button:hover{
+ background: #ff6700;
+ color: #fff;
+}
+
+.nav-bar-list{
+ width: 100%;
+ height: 229px;
+ background: #fff;
+ border-top: 1px solid #eee;
+ box-shadow: 0 3px 4px rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 100px;
+ display: none;
+ z-index: 10;
+}
+
+.nav-bar li:hover .nav-bar-list{
+ display: block;
+}
+
+.img-box{
+ width: 100%;
+ height: 110px;
+ margin-top: 35px;
+ border-right: 1px solid #eee;
+ box-sizing: border-box;
+ margin-bottom: 16px;
+}
+
+.nav-bar-list li:last-child .img-box{
+ border-right: 0;
+}
+
+.nav-bar-list p{
+ font-size: 12px;
+ line-height: 20px;
+}
+
+.name{
+ color: #333;
+}
+
+.price{
+ color: #ff6700;
+}
+/* 白色导航样式结束 */
+/* banner样式开始 */
+.banner{
+ width: 100%;
+ height: 460px;
+}
+.banner-img{
+ width: 100%;
+}
+.banner>.wrap{
+ position: relative;
+}
+.slide{
+ width: 234px;
+ height: 420px;
+ padding: 20px 0;
+ background: rgba(105,101,101,0.6);
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+.slide>ul>li{
+ height: 42px;
+ line-height: 42px;
+ text-align: left;
+ padding-left: 30px;
+ font-size: 14px;
+}
+.slide>ul>li:hover{
+ background: #ff6700;
+}
+.slide>ul>li>a{
+ color: #fff;
+}
+.slide i{
+ float: right;
+ padding-right: 20px;
+}
+
+.slide-list{
+ width: 992px;
+ height: 460px;
+ background: #fff;
+ border: 1px solid #e0e0e0;
+ border-left: none;
+ box-sizing: border-box;
+ box-shadow: 0 8px 16px rgba(0,0,0,0.18);
+ padding-top: 2px;
+ position: absolute;
+ top: 0;
+ left: 234px;
+ display: none;
+}
+.slide-list ul{
+ width: 100%;
+}
+
+.slide-list ul li{
+ width: 247.75px;
+ float: left;
+ height: 76px;
+ padding: 18px 0 18px 20px;
+ box-sizing: border-box;
+ line-height: 40px;
+}
+.slide-list img{
+ width: 40px;
+ margin-right: 14px;
+}
+.slide-list span{
+ color: #333;
+ font-size: 14px;
+ /* 一行宽度不够的时候,用...代替 */
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ position: relative;
+ top: -14px;
+}
+.slide li:hover .slide-list{
+ display: block;
+}
+
+.slide-list li:hover span{
+ color: #ff6700;
+}
+/* banner样式结束 */
+/* 广告样式开始 */
+.ad{
+ width: 100%;
+ height: 170px;
+ padding: 14px 0 26px;
+ background: #fff;
+}
+
+.ad-aside{
+ width: 234px;
+ height: 170px;
+ background: #5f5750;
+ padding: 3px;
+ box-sizing: border-box;
+ font-size: 12px;
+ float: left;
+}
+
+.ad-aside li{
+ float: left;
+ width: 76px;
+ height: 82px;
+ padding-top: 18px;
+ box-sizing: border-box;
+ opacity: 0.7;
+}
+
+.ad-aside a{
+ color: #fff;
+}
+.ad-aside i{
+ font-size: 24px;
+ margin-bottom: 4px;
+ display: block;
+}
+.ad-aside li:hover{
+ opacity: 1;
+}
+.ad-img{
+ width: 316px;
+ height: 170px;
+ float: left;
+ margin-left: 14px;
+}
+
+.ad-img img{
+ width: 100%;
+}
+/* 广告样式结束 */
+/* 主体部分样式开始 */
+.content{
+ width: 100%;
+ background: #f5f5f5;
+ overflow: hidden;
+ padding: 4px 0 12px;
+}
+/* 主体部分样式结束 */
+/* 手机模块样式开始 */
+.title{
+ text-align: left;
+ color: #333;
+ font-size: 22px;
+ font-weight: 200;
+ line-height: 58px;
+}
+.phone-box{
+ width: 100%;
+ height: 614px;
+}
+.phone-box-left{
+ width: 234px;
+ height: 100%;
+ float: left;
+}
+.phone-box-right{
+ width: 992px;
+ height: 614px;
+ float: left;
+}
+
+.item{
+ width: 234px;
+ height: 300px;
+ background: #fff;
+ padding: 20px 0;
+ margin: 0 0 14px 14px;
+ float: left;
+ box-sizing: border-box;
+ transition: all 0.2s linear;
+}
+.item:hover{
+ /* transform: translateY(-2px); */
+ transform: translate3d(0,-2px,0);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+
+.item-img{
+ width: 160px;
+ margin-bottom: 18px;
+}
+
+.item-name{
+ width: 214px;
+ height: 21px;
+ color: #333;
+ font-size: 14px;
+ line-height: 21px;
+ margin: 0 auto 2px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.item-desc{
+ width: 214px;
+ height: 18px;
+ color: #b0b0b0;
+ font-size: 12px;
+ line-height: 18px;
+ margin: 0 auto 10px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.item-price{
+ color: #ff6700;
+ font-size: 14px;
+}
+
+.big-img{
+ width: 100%;
+ height: 120px;
+ margin: 22px 0;
+}
+
+/* 手机模块样式结束 */
+/* 家电模块样式开始 */
+.elc-box{
+ width: 100%;
+ height: 614px;
+}
+.elc-item{
+ margin-left: 0;
+ padding: 0;
+}
+
+.item-price>del{
+ color: #b0b0b0;
+}
+.item-last{
+ width: 234px;
+ height: 300px;
+ float: left;
+ margin-left: 14px;
+}
+.item-last>div{
+ width: 234px;
+ height: 143px;
+ background: #fff;
+ transition: all 0.2s linear;
+}
+.item-last>div:first-child{
+ margin-bottom: 14px;
+}
+.item-last>div:hover{
+ transform: translateY(-2px);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+/* 家电模块样式结束 */
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/reset.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be2dc78d18b6bec6cf9115f7b6f31495e6c73e20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
+li{ list-style: none;}
+a{text-decoration: none;}
+img{border: none;}
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a70e7760dd848d296634e193f100d303c22784ec
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/banner.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/banner.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a7dedb23d9ca63f06bca42993ca2469ca11ebb93
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/banner.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/download.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/download.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ace029704d62e8173ee6d55c037aff4315488fd
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/download.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/elc-left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/elc-left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..4944f84309095c2abd454ec18fdd90362f4797bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/elc-left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/elc-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/elc-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..e53fb78e054c12b65206347e1dc3bcabc2b4fbe7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/elc-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/mi-home.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/mi-home.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cb3ea82de3c11402e99f4add187c49db4de6f958
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/mi-home.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/mi-logo.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/mi-logo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..82de5d977bca6d3131baec5696deac1c77df29d7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/mi-logo.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..29d6158b84d292d5c2693486a41d7bad10752813
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone.png"
new file mode 100644
index 0000000000000000000000000000000000000000..413d28d043d4d9495f8d4e9bbcf3aaa068d578b2
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone_ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone_ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..512ec1b87db7453a7765477f88fc7a709c249f18
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone_ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone_left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone_left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..40d4f53d4f48177808edead35691347a3f770fae
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/phone_left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/top.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/top.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a1c3c4ba18304ed49a5d826cf2dd3d56b4ff27c1
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/top.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/video.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/video.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..389b97c854b501892615644bd4c25253dc62ba46
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/video.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/zzxsh.gif" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/zzxsh.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..bb6222f926a49166214a8a471bb9044c509f67e0
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/images/zzxsh.gif" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..90a93117ba00b1f00909ce11ac833e1f09f2ed20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/07_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\345\256\266\347\224\265/index.html"
@@ -0,0 +1,433 @@
+
+
+
+
+
+
+ 小米
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+

+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/demo.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/demo.css"
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/demo_index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/demo_index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1ac8517cfb86548221abfccb3b881ee7edfb6bd
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/demo_index.html"
@@ -0,0 +1,743 @@
+
+
+
+
+ IconFont Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
+
+
+
+
+ -
+
+
F
+ 󰀽
+
+
+ -
+
+
15天无理由退货
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
播放 三角形
+ 
+
+
+ -
+
+
定位 (1)
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
7天无理由退货
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
维修
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
放大镜
+ 
+
+
+ -
+
+
我的
+ 
+
+
+ -
+
+
返回顶部
+ 
+
+
+ -
+
+
耳机
+ 
+
+
+ -
+
+
手机到手机
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
对话
+ 
+
+
+ -
+
+
电话卡
+ 
+
+
+ -
+
+
充值
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
购物车
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ F
+
+ .icon-F
+
+
+
+ -
+
+
+ 15天无理由退货
+
+ .icon-15tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-iconfonticonfonti2copycopy
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantouarrowhead7
+
+
+
+ -
+
+
+ 播放 三角形
+
+ .icon-bofangsanjiaoxing
+
+
+
+ -
+
+
+ 定位 (1)
+
+ .icon-dingwei1
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 7天无理由退货
+
+ .icon-7tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-sanjiaoxing
+
+
+
+ -
+
+
+ 维修
+
+ .icon-buoumaotubiao46
+
+
+
+ -
+
+
+ 手机
+
+ .icon-tel
+
+
+
+ -
+
+
+ 放大镜
+
+ .icon-fangdajing
+
+
+
+ -
+
+
+ 我的
+
+ .icon-my_icon
+
+
+
+ -
+
+
+ 返回顶部
+
+ .icon-fanhuidingbu
+
+
+
+ -
+
+
+ 耳机
+
+ .icon-erji
+
+
+
+ -
+
+
+ 手机到手机
+
+ .icon-shoujidaoshouji
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gifs
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantou
+
+
+
+ -
+
+
+ 对话
+
+ .icon-duihua
+
+
+
+ -
+
+
+ 电话卡
+
+ .icon-dianhuaqia
+
+
+
+ -
+
+
+ 充值
+
+ .icon-chongzhi
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 购物车
+
+ .icon-gouwuche
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou1
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-present
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size, color 来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..82b55e328cc0b42679e713b74141f4d4aacd6518
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.css"
@@ -0,0 +1,117 @@
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1561534862311'); /* IE9 */
+ src: url('iconfont.eot?t=1561534862311#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+ url('iconfont.woff?t=1561534862311') format('woff'),
+ url('iconfont.ttf?t=1561534862311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1561534862311#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-F:before {
+ content: "\f003d";
+}
+
+.icon-15tianwuliyoutuihuo:before {
+ content: "\e606";
+}
+
+.icon-iconfonticonfonti2copycopy:before {
+ content: "\e62e";
+}
+
+.icon-jiantouarrowhead7:before {
+ content: "\e6bc";
+}
+
+.icon-bofangsanjiaoxing:before {
+ content: "\e769";
+}
+
+.icon-dingwei1:before {
+ content: "\e617";
+}
+
+.icon-youjiantou:before {
+ content: "\e619";
+}
+
+.icon-7tianwuliyoutuihuo:before {
+ content: "\e60e";
+}
+
+.icon-sanjiaoxing:before {
+ content: "\e620";
+}
+
+.icon-buoumaotubiao46:before {
+ content: "\e629";
+}
+
+.icon-tel:before {
+ content: "\e641";
+}
+
+.icon-fangdajing:before {
+ content: "\e63d";
+}
+
+.icon-my_icon:before {
+ content: "\e65d";
+}
+
+.icon-fanhuidingbu:before {
+ content: "\e623";
+}
+
+.icon-erji:before {
+ content: "\e605";
+}
+
+.icon-shoujidaoshouji:before {
+ content: "\e64a";
+}
+
+.icon-gifs:before {
+ content: "\e624";
+}
+
+.icon-jiantou:before {
+ content: "\e621";
+}
+
+.icon-duihua:before {
+ content: "\e710";
+}
+
+.icon-dianhuaqia:before {
+ content: "\e733";
+}
+
+.icon-chongzhi:before {
+ content: "\e65c";
+}
+
+.icon-shouji:before {
+ content: "\e525";
+}
+
+.icon-gouwuche:before {
+ content: "\e607";
+}
+
+.icon-youjiantou1:before {
+ content: "\e658";
+}
+
+.icon-present:before {
+ content: "\e611";
+}
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.eot" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..5e9a285d4f141012b90c8b0093da4f07c0fa62bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.eot" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.js" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d120ac96efd0bc668b14ad234fd20ae00664a04
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.js"
@@ -0,0 +1 @@
+!function(s){var c,t='',h=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(h&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()};document.addEventListener("DOMContentLoaded",h,!1)}else document.attachEvent&&(l=c,a=s.document,o=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,t())});function t(){o||(o=!0,l())}var l,a,o,i}(function(){var c,h;(c=document.createElement("div")).innerHTML=t,t=null,(h=c.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",function(c,h){h.firstChild?function(c,h){h.parentNode.insertBefore(c,h)}(c,h.firstChild):h.appendChild(c)}(h,document.body))})}(window);
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.svg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..f5269cc8c727142a59f9837e20fd4f892c11407a
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.svg"
@@ -0,0 +1,101 @@
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.ttf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..3b9dd2e7ca16388626976f473598d8c4d5570021
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.ttf" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.woff" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..f42f23160f7a24b91c3b05e052902bbd8644c35f
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.woff" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.woff2" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..12e816ceb161961bcfcefb2c446b3224a38a5870
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/iconfont/iconfont.woff2" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/mi.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/mi.css"
new file mode 100644
index 0000000000000000000000000000000000000000..cac0cb55ea9c2e11a07627a1e8455ba531b69f18
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/mi.css"
@@ -0,0 +1,583 @@
+/* 头部样式开始 */
+.header{
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ position: relative;
+}
+
+.header img{
+ height: 120px;
+ /* 图片,以中间开始渲染 */
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+/* 头部样式结束 */
+
+/* 黑色导航样式开始 */
+.black-nav{
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: #333;
+ font-size: 12px;
+}
+.wrap{
+ width: 1226px;
+ margin: 0 auto;
+}
+.black-nav-left{
+ float: left;
+}
+.black-nav-right{
+ float: right;
+}
+.black-nav li{
+ float: left;
+ position: relative;
+}
+.black-nav a{
+ color: #b0b0b0;
+}
+.black-nav span{
+ color: #424242;
+ margin: 0 3.6px;
+}
+.download{
+ width: 124px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 1px 5px #aaa;
+ position: absolute;
+ top: 40px;
+ left: 50%;
+ margin-left: -62px;
+ overflow:hidden;
+ transition: all 0.3s;
+ z-index: 10;
+}
+.download img{
+ width: 90px;
+ margin: 18px auto 0;
+}
+.download p{
+ color: #333;
+ font-size: 14px;
+ line-height: 14px;
+}
+.black-nav-left li:hover>.download{
+ height: 148px;
+}
+.stri{
+ width: 0;
+ height: 0;
+ border-bottom: 8px solid #fff;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ position:absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -8px;
+ display: none;
+}
+.black-nav-left>li:hover>.stri{
+ display: block;
+}
+.cart{
+ width: 120px;
+ height: 40px;
+ background: #424242;
+ margin-left: 25px;
+ position: relative;
+ z-index: 10;
+}
+.cart:hover{
+ background: #fff;
+}
+.cart:hover>a{
+ color: #ff6700;
+}
+.cart i{
+ font-style: normal;
+ margin-right: 8px;
+}
+.cart-list{
+ width: 316px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.15);
+ position: absolute;
+ right: 0;
+ top: 40px;
+ color: #424242;
+ overflow: hidden;
+ transition: all 0.3s;
+ line-height: 100px;
+}
+.cart:hover>.cart-list{
+ height: 100px;
+}
+/* 黑色导航样式结束 */
+
+/* 白色导航样式开始 */
+.white-nav{
+ width: 100%;
+ height: 100px;
+ background: #fff;
+ position: relative;
+}
+.logo{
+ width: 55px;
+ height: 55px;
+ background: #ff6700;
+ float: left;
+ margin-top: 22.5px;
+ overflow: hidden;
+ position: relative;
+}
+.logo>img{
+ width: 100%;
+ height: 100%;
+ position:absolute;
+ top: 0;
+ transition: all 0.2s;
+}
+.mi-home{
+ left: -55px;
+}
+.mi-logo{
+ left: 0;
+}
+.logo:hover>.mi-home{
+ left: 0;
+}
+.logo:hover>.mi-logo{
+ left: 55px;
+}
+.nav-bar{
+ width: 875px;
+ height: 100px;
+ line-height: 100px;
+ float: left;
+}
+.search{
+ width: 296px;
+ height: 100px;
+ float: right;
+}
+.nav-bar li{
+ float: left;
+}
+.nav-bar>ul>li>a{
+ color: #333;
+ padding: 0 10px;
+}
+
+.nav-bar>ul>li>a:hover{
+ color: #ff6700;
+}
+
+.nav-bar>ul>li:first-child img{
+ margin-top: 22.5px;
+}
+
+.search input{
+ width: 244px;
+ height: 50px;
+ border:1px solid #e0e0e0;
+ margin-top: 25px;
+ /* 去掉选中的边框 */
+ outline: none;
+ padding: 0 10px;
+ box-sizing: border-box;
+ border-right: 0;
+}
+
+.search button{
+ width: 52px;
+ height: 50px;
+ background: #fff;
+ border:1px solid #e0e0e0;
+ float: right;
+ margin-top: 25px;
+}
+.search button:hover{
+ background: #ff6700;
+ color: #fff;
+}
+
+.nav-bar-list{
+ width: 100%;
+ height: 229px;
+ background: #fff;
+ border-top: 1px solid #eee;
+ box-shadow: 0 3px 4px rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 100px;
+ display: none;
+ z-index: 10;
+}
+
+.nav-bar li:hover .nav-bar-list{
+ display: block;
+}
+
+.img-box{
+ width: 100%;
+ height: 110px;
+ margin-top: 35px;
+ border-right: 1px solid #eee;
+ box-sizing: border-box;
+ margin-bottom: 16px;
+}
+
+.nav-bar-list li:last-child .img-box{
+ border-right: 0;
+}
+
+.nav-bar-list p{
+ font-size: 12px;
+ line-height: 20px;
+}
+
+.name{
+ color: #333;
+}
+
+.price{
+ color: #ff6700;
+}
+/* 白色导航样式结束 */
+/* banner样式开始 */
+.banner{
+ width: 100%;
+ height: 460px;
+}
+.banner-img{
+ width: 100%;
+}
+.banner>.wrap{
+ position: relative;
+}
+.slide{
+ width: 234px;
+ height: 420px;
+ padding: 20px 0;
+ background: rgba(105,101,101,0.6);
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+.slide>ul>li{
+ height: 42px;
+ line-height: 42px;
+ text-align: left;
+ padding-left: 30px;
+ font-size: 14px;
+}
+.slide>ul>li:hover{
+ background: #ff6700;
+}
+.slide>ul>li>a{
+ color: #fff;
+}
+.slide i{
+ float: right;
+ padding-right: 20px;
+}
+
+.slide-list{
+ width: 992px;
+ height: 460px;
+ background: #fff;
+ border: 1px solid #e0e0e0;
+ border-left: none;
+ box-sizing: border-box;
+ box-shadow: 0 8px 16px rgba(0,0,0,0.18);
+ padding-top: 2px;
+ position: absolute;
+ top: 0;
+ left: 234px;
+ display: none;
+}
+.slide-list ul{
+ width: 100%;
+}
+
+.slide-list ul li{
+ width: 247.75px;
+ float: left;
+ height: 76px;
+ padding: 18px 0 18px 20px;
+ box-sizing: border-box;
+ line-height: 40px;
+}
+.slide-list img{
+ width: 40px;
+ margin-right: 14px;
+}
+.slide-list span{
+ color: #333;
+ font-size: 14px;
+ /* 一行宽度不够的时候,用...代替 */
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ position: relative;
+ top: -14px;
+}
+.slide li:hover .slide-list{
+ display: block;
+}
+
+.slide-list li:hover span{
+ color: #ff6700;
+}
+/* banner样式结束 */
+/* 广告样式开始 */
+.ad{
+ width: 100%;
+ height: 170px;
+ padding: 14px 0 26px;
+ background: #fff;
+}
+
+.ad-aside{
+ width: 234px;
+ height: 170px;
+ background: #5f5750;
+ padding: 3px;
+ box-sizing: border-box;
+ font-size: 12px;
+ float: left;
+}
+
+.ad-aside li{
+ float: left;
+ width: 76px;
+ height: 82px;
+ padding-top: 18px;
+ box-sizing: border-box;
+ opacity: 0.7;
+}
+
+.ad-aside a{
+ color: #fff;
+}
+.ad-aside i{
+ font-size: 24px;
+ margin-bottom: 4px;
+ display: block;
+}
+.ad-aside li:hover{
+ opacity: 1;
+}
+.ad-img{
+ width: 316px;
+ height: 170px;
+ float: left;
+ margin-left: 14px;
+}
+
+.ad-img img{
+ width: 100%;
+}
+/* 广告样式结束 */
+/* 主体部分样式开始 */
+.content{
+ width: 100%;
+ background: #f5f5f5;
+ overflow: hidden;
+ padding: 4px 0 12px;
+}
+/* 主体部分样式结束 */
+/* 手机模块样式开始 */
+.title{
+ text-align: left;
+ color: #333;
+ font-size: 22px;
+ font-weight: 200;
+ line-height: 58px;
+}
+.phone-box{
+ width: 100%;
+ height: 614px;
+}
+.phone-box-left{
+ width: 234px;
+ height: 100%;
+ float: left;
+}
+.phone-box-right{
+ width: 992px;
+ height: 614px;
+ float: left;
+}
+
+.item{
+ width: 234px;
+ height: 300px;
+ background: #fff;
+ padding: 20px 0;
+ margin: 0 0 14px 14px;
+ float: left;
+ box-sizing: border-box;
+ transition: all 0.2s linear;
+}
+.item:hover{
+ /* transform: translateY(-2px); */
+ transform: translate3d(0,-2px,0);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+
+.item-img{
+ width: 160px;
+ margin-bottom: 18px;
+}
+
+.item-name{
+ width: 214px;
+ height: 21px;
+ color: #333;
+ font-size: 14px;
+ line-height: 21px;
+ margin: 0 auto 2px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.item-desc{
+ width: 214px;
+ height: 18px;
+ color: #b0b0b0;
+ font-size: 12px;
+ line-height: 18px;
+ margin: 0 auto 10px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.item-price{
+ color: #ff6700;
+ font-size: 14px;
+}
+
+.big-img{
+ width: 100%;
+ height: 120px;
+ margin: 22px 0;
+}
+
+/* 手机模块样式结束 */
+/* 家电模块样式开始 */
+.elc-box{
+ width: 100%;
+ height: 614px;
+}
+.elc-item{
+ margin-left: 0;
+ padding: 0;
+}
+
+.item-price>del{
+ color: #b0b0b0;
+}
+.item-last{
+ width: 234px;
+ height: 300px;
+ float: left;
+ margin-left: 14px;
+}
+.item-last>div{
+ width: 234px;
+ height: 143px;
+ background: #fff;
+ transition: all 0.2s linear;
+}
+.item-last>div:first-child{
+ margin-bottom: 14px;
+}
+.item-last>div:hover{
+ transform: translateY(-2px);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+/* 家电模块样式结束 */
+/* 视频模块样式开始 */
+.video-box{
+ width: 100%;
+ height: 299px;
+}
+
+.video-box>div{
+ width: 296px;
+ height: 285px;
+ background: #fff;
+ float: left;
+ margin-bottom: 14px;
+ margin-right: 14px;
+ transition: all 0.2s linear;
+}
+
+.video-box>div:hover{
+ transform: translateY(-2px);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+
+.video-box>div:last-child{
+ margin-right: 0;
+}
+
+.video-img{
+ width: 100%;
+ height: 180px;
+ margin-bottom: 28px;
+ position: relative;
+}
+.btn{
+ width: 32px;
+ height: 20px;
+ border-radius: 12px;
+ border: 2px solid #fff;
+ position: absolute;
+ left: 20px;
+ bottom: 10px;
+}
+
+.sanjiao{
+ border-left: 8px solid #fff;
+ border-top: 6px solid transparent;
+ border-bottom: 6px solid transparent;
+ width: 0;
+ height: 0;
+ margin: 3px auto;
+}
+.video-name{
+ color: #333;
+ font-size: 14px;
+ width: 286px;
+ height: 21px;
+ margin: 0 auto 6px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.video-desc{
+ width: 286px;
+ height: 18px;
+ margin: 0 auto;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: #b0b0b0;
+ font-size: 12px;
+}
+.video-img:hover .btn{
+ background: #ff6700;
+ border-color: #ff6700;
+}
+/* 视频模块样式结束 */
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/reset.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be2dc78d18b6bec6cf9115f7b6f31495e6c73e20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
+li{ list-style: none;}
+a{text-decoration: none;}
+img{border: none;}
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a70e7760dd848d296634e193f100d303c22784ec
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/banner.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/banner.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a7dedb23d9ca63f06bca42993ca2469ca11ebb93
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/banner.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/download.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/download.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ace029704d62e8173ee6d55c037aff4315488fd
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/download.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/elc-left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/elc-left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..4944f84309095c2abd454ec18fdd90362f4797bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/elc-left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/elc-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/elc-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..e53fb78e054c12b65206347e1dc3bcabc2b4fbe7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/elc-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/mi-home.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/mi-home.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cb3ea82de3c11402e99f4add187c49db4de6f958
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/mi-home.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/mi-logo.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/mi-logo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..82de5d977bca6d3131baec5696deac1c77df29d7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/mi-logo.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..29d6158b84d292d5c2693486a41d7bad10752813
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone.png"
new file mode 100644
index 0000000000000000000000000000000000000000..413d28d043d4d9495f8d4e9bbcf3aaa068d578b2
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone_ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone_ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..512ec1b87db7453a7765477f88fc7a709c249f18
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone_ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone_left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone_left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..40d4f53d4f48177808edead35691347a3f770fae
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/phone_left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/top.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/top.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a1c3c4ba18304ed49a5d826cf2dd3d56b4ff27c1
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/top.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/video.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/video.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..389b97c854b501892615644bd4c25253dc62ba46
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/video.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/wb.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/wb.png"
new file mode 100644
index 0000000000000000000000000000000000000000..f78ec4cd5de6f2e8639486db9f08c0736080b926
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/wb.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/wx.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/wx.png"
new file mode 100644
index 0000000000000000000000000000000000000000..158d1327bd8048026fb999d5a6ea0d7753f86327
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/wx.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/zzxsh.gif" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/zzxsh.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..bb6222f926a49166214a8a471bb9044c509f67e0
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/images/zzxsh.gif" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..858b00c5beb4672254dd74193df15ce7c5003d4d
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/08_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\350\247\206\351\242\221/index.html"
@@ -0,0 +1,480 @@
+
+
+
+
+
+
+ 小米
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+

+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
视频
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/demo.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/demo.css"
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/demo_index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/demo_index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1ac8517cfb86548221abfccb3b881ee7edfb6bd
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/demo_index.html"
@@ -0,0 +1,743 @@
+
+
+
+
+ IconFont Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
+
+
+
+
+ -
+
+
F
+ 󰀽
+
+
+ -
+
+
15天无理由退货
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
播放 三角形
+ 
+
+
+ -
+
+
定位 (1)
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
7天无理由退货
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
维修
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
放大镜
+ 
+
+
+ -
+
+
我的
+ 
+
+
+ -
+
+
返回顶部
+ 
+
+
+ -
+
+
耳机
+ 
+
+
+ -
+
+
手机到手机
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
对话
+ 
+
+
+ -
+
+
电话卡
+ 
+
+
+ -
+
+
充值
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
购物车
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ F
+
+ .icon-F
+
+
+
+ -
+
+
+ 15天无理由退货
+
+ .icon-15tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-iconfonticonfonti2copycopy
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantouarrowhead7
+
+
+
+ -
+
+
+ 播放 三角形
+
+ .icon-bofangsanjiaoxing
+
+
+
+ -
+
+
+ 定位 (1)
+
+ .icon-dingwei1
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 7天无理由退货
+
+ .icon-7tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-sanjiaoxing
+
+
+
+ -
+
+
+ 维修
+
+ .icon-buoumaotubiao46
+
+
+
+ -
+
+
+ 手机
+
+ .icon-tel
+
+
+
+ -
+
+
+ 放大镜
+
+ .icon-fangdajing
+
+
+
+ -
+
+
+ 我的
+
+ .icon-my_icon
+
+
+
+ -
+
+
+ 返回顶部
+
+ .icon-fanhuidingbu
+
+
+
+ -
+
+
+ 耳机
+
+ .icon-erji
+
+
+
+ -
+
+
+ 手机到手机
+
+ .icon-shoujidaoshouji
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gifs
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantou
+
+
+
+ -
+
+
+ 对话
+
+ .icon-duihua
+
+
+
+ -
+
+
+ 电话卡
+
+ .icon-dianhuaqia
+
+
+
+ -
+
+
+ 充值
+
+ .icon-chongzhi
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 购物车
+
+ .icon-gouwuche
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou1
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-present
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size, color 来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..82b55e328cc0b42679e713b74141f4d4aacd6518
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.css"
@@ -0,0 +1,117 @@
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1561534862311'); /* IE9 */
+ src: url('iconfont.eot?t=1561534862311#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+ url('iconfont.woff?t=1561534862311') format('woff'),
+ url('iconfont.ttf?t=1561534862311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1561534862311#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-F:before {
+ content: "\f003d";
+}
+
+.icon-15tianwuliyoutuihuo:before {
+ content: "\e606";
+}
+
+.icon-iconfonticonfonti2copycopy:before {
+ content: "\e62e";
+}
+
+.icon-jiantouarrowhead7:before {
+ content: "\e6bc";
+}
+
+.icon-bofangsanjiaoxing:before {
+ content: "\e769";
+}
+
+.icon-dingwei1:before {
+ content: "\e617";
+}
+
+.icon-youjiantou:before {
+ content: "\e619";
+}
+
+.icon-7tianwuliyoutuihuo:before {
+ content: "\e60e";
+}
+
+.icon-sanjiaoxing:before {
+ content: "\e620";
+}
+
+.icon-buoumaotubiao46:before {
+ content: "\e629";
+}
+
+.icon-tel:before {
+ content: "\e641";
+}
+
+.icon-fangdajing:before {
+ content: "\e63d";
+}
+
+.icon-my_icon:before {
+ content: "\e65d";
+}
+
+.icon-fanhuidingbu:before {
+ content: "\e623";
+}
+
+.icon-erji:before {
+ content: "\e605";
+}
+
+.icon-shoujidaoshouji:before {
+ content: "\e64a";
+}
+
+.icon-gifs:before {
+ content: "\e624";
+}
+
+.icon-jiantou:before {
+ content: "\e621";
+}
+
+.icon-duihua:before {
+ content: "\e710";
+}
+
+.icon-dianhuaqia:before {
+ content: "\e733";
+}
+
+.icon-chongzhi:before {
+ content: "\e65c";
+}
+
+.icon-shouji:before {
+ content: "\e525";
+}
+
+.icon-gouwuche:before {
+ content: "\e607";
+}
+
+.icon-youjiantou1:before {
+ content: "\e658";
+}
+
+.icon-present:before {
+ content: "\e611";
+}
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.eot" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..5e9a285d4f141012b90c8b0093da4f07c0fa62bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.eot" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.js" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d120ac96efd0bc668b14ad234fd20ae00664a04
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.js"
@@ -0,0 +1 @@
+!function(s){var c,t='',h=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(h&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()};document.addEventListener("DOMContentLoaded",h,!1)}else document.attachEvent&&(l=c,a=s.document,o=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,t())});function t(){o||(o=!0,l())}var l,a,o,i}(function(){var c,h;(c=document.createElement("div")).innerHTML=t,t=null,(h=c.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",function(c,h){h.firstChild?function(c,h){h.parentNode.insertBefore(c,h)}(c,h.firstChild):h.appendChild(c)}(h,document.body))})}(window);
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.svg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..f5269cc8c727142a59f9837e20fd4f892c11407a
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.svg"
@@ -0,0 +1,101 @@
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.ttf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..3b9dd2e7ca16388626976f473598d8c4d5570021
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.ttf" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.woff" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..f42f23160f7a24b91c3b05e052902bbd8644c35f
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.woff" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.woff2" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..12e816ceb161961bcfcefb2c446b3224a38a5870
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/iconfont/iconfont.woff2" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/mi.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/mi.css"
new file mode 100644
index 0000000000000000000000000000000000000000..0f1e275ca52b3178e1d38f19a370e5ae25fe2e4e
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/mi.css"
@@ -0,0 +1,690 @@
+/* 头部样式开始 */
+.header{
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ position: relative;
+}
+
+.header img{
+ height: 120px;
+ /* 图片,以中间开始渲染 */
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+/* 头部样式结束 */
+
+/* 黑色导航样式开始 */
+.black-nav{
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: #333;
+ font-size: 12px;
+}
+.wrap{
+ width: 1226px;
+ margin: 0 auto;
+}
+.black-nav-left{
+ float: left;
+}
+.black-nav-right{
+ float: right;
+}
+.black-nav li{
+ float: left;
+ position: relative;
+}
+.black-nav a{
+ color: #b0b0b0;
+}
+.black-nav span{
+ color: #424242;
+ margin: 0 3.6px;
+}
+.download{
+ width: 124px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 1px 5px #aaa;
+ position: absolute;
+ top: 40px;
+ left: 50%;
+ margin-left: -62px;
+ overflow:hidden;
+ transition: all 0.3s;
+ z-index: 10;
+}
+.download img{
+ width: 90px;
+ margin: 18px auto 0;
+}
+.download p{
+ color: #333;
+ font-size: 14px;
+ line-height: 14px;
+}
+.black-nav-left li:hover>.download{
+ height: 148px;
+}
+.stri{
+ width: 0;
+ height: 0;
+ border-bottom: 8px solid #fff;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ position:absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -8px;
+ display: none;
+}
+.black-nav-left>li:hover>.stri{
+ display: block;
+}
+.cart{
+ width: 120px;
+ height: 40px;
+ background: #424242;
+ margin-left: 25px;
+ position: relative;
+ z-index: 10;
+}
+.cart:hover{
+ background: #fff;
+}
+.cart:hover>a{
+ color: #ff6700;
+}
+.cart i{
+ font-style: normal;
+ margin-right: 8px;
+}
+.cart-list{
+ width: 316px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.15);
+ position: absolute;
+ right: 0;
+ top: 40px;
+ color: #424242;
+ overflow: hidden;
+ transition: all 0.3s;
+ line-height: 100px;
+}
+.cart:hover>.cart-list{
+ height: 100px;
+}
+/* 黑色导航样式结束 */
+
+/* 白色导航样式开始 */
+.white-nav{
+ width: 100%;
+ height: 100px;
+ background: #fff;
+ position: relative;
+}
+.logo{
+ width: 55px;
+ height: 55px;
+ background: #ff6700;
+ float: left;
+ margin-top: 22.5px;
+ overflow: hidden;
+ position: relative;
+}
+.logo>img{
+ width: 100%;
+ height: 100%;
+ position:absolute;
+ top: 0;
+ transition: all 0.2s;
+}
+.mi-home{
+ left: -55px;
+}
+.mi-logo{
+ left: 0;
+}
+.logo:hover>.mi-home{
+ left: 0;
+}
+.logo:hover>.mi-logo{
+ left: 55px;
+}
+.nav-bar{
+ width: 875px;
+ height: 100px;
+ line-height: 100px;
+ float: left;
+}
+.search{
+ width: 296px;
+ height: 100px;
+ float: right;
+}
+.nav-bar li{
+ float: left;
+}
+.nav-bar>ul>li>a{
+ color: #333;
+ padding: 0 10px;
+}
+
+.nav-bar>ul>li>a:hover{
+ color: #ff6700;
+}
+
+.nav-bar>ul>li:first-child img{
+ margin-top: 22.5px;
+}
+
+.search input{
+ width: 244px;
+ height: 50px;
+ border:1px solid #e0e0e0;
+ margin-top: 25px;
+ /* 去掉选中的边框 */
+ outline: none;
+ padding: 0 10px;
+ box-sizing: border-box;
+ border-right: 0;
+}
+
+.search button{
+ width: 52px;
+ height: 50px;
+ background: #fff;
+ border:1px solid #e0e0e0;
+ float: right;
+ margin-top: 25px;
+}
+.search button:hover{
+ background: #ff6700;
+ color: #fff;
+}
+
+.nav-bar-list{
+ width: 100%;
+ height: 229px;
+ background: #fff;
+ border-top: 1px solid #eee;
+ box-shadow: 0 3px 4px rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 100px;
+ display: none;
+ z-index: 10;
+}
+
+.nav-bar li:hover .nav-bar-list{
+ display: block;
+}
+
+.img-box{
+ width: 100%;
+ height: 110px;
+ margin-top: 35px;
+ border-right: 1px solid #eee;
+ box-sizing: border-box;
+ margin-bottom: 16px;
+}
+
+.nav-bar-list li:last-child .img-box{
+ border-right: 0;
+}
+
+.nav-bar-list p{
+ font-size: 12px;
+ line-height: 20px;
+}
+
+.name{
+ color: #333;
+}
+
+.price{
+ color: #ff6700;
+}
+/* 白色导航样式结束 */
+/* banner样式开始 */
+.banner{
+ width: 100%;
+ height: 460px;
+}
+.banner-img{
+ width: 100%;
+}
+.banner>.wrap{
+ position: relative;
+}
+.slide{
+ width: 234px;
+ height: 420px;
+ padding: 20px 0;
+ background: rgba(105,101,101,0.6);
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+.slide>ul>li{
+ height: 42px;
+ line-height: 42px;
+ text-align: left;
+ padding-left: 30px;
+ font-size: 14px;
+}
+.slide>ul>li:hover{
+ background: #ff6700;
+}
+.slide>ul>li>a{
+ color: #fff;
+}
+.slide i{
+ float: right;
+ padding-right: 20px;
+}
+
+.slide-list{
+ width: 992px;
+ height: 460px;
+ background: #fff;
+ border: 1px solid #e0e0e0;
+ border-left: none;
+ box-sizing: border-box;
+ box-shadow: 0 8px 16px rgba(0,0,0,0.18);
+ padding-top: 2px;
+ position: absolute;
+ top: 0;
+ left: 234px;
+ display: none;
+}
+.slide-list ul{
+ width: 100%;
+}
+
+.slide-list ul li{
+ width: 247.75px;
+ float: left;
+ height: 76px;
+ padding: 18px 0 18px 20px;
+ box-sizing: border-box;
+ line-height: 40px;
+}
+.slide-list img{
+ width: 40px;
+ margin-right: 14px;
+}
+.slide-list span{
+ color: #333;
+ font-size: 14px;
+ /* 一行宽度不够的时候,用...代替 */
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ position: relative;
+ top: -14px;
+}
+.slide li:hover .slide-list{
+ display: block;
+}
+
+.slide-list li:hover span{
+ color: #ff6700;
+}
+/* banner样式结束 */
+/* 广告样式开始 */
+.ad{
+ width: 100%;
+ height: 170px;
+ padding: 14px 0 26px;
+ background: #fff;
+}
+
+.ad-aside{
+ width: 234px;
+ height: 170px;
+ background: #5f5750;
+ padding: 3px;
+ box-sizing: border-box;
+ font-size: 12px;
+ float: left;
+}
+
+.ad-aside li{
+ float: left;
+ width: 76px;
+ height: 82px;
+ padding-top: 18px;
+ box-sizing: border-box;
+ opacity: 0.7;
+}
+
+.ad-aside a{
+ color: #fff;
+}
+.ad-aside i{
+ font-size: 24px;
+ margin-bottom: 4px;
+ display: block;
+}
+.ad-aside li:hover{
+ opacity: 1;
+}
+.ad-img{
+ width: 316px;
+ height: 170px;
+ float: left;
+ margin-left: 14px;
+}
+
+.ad-img img{
+ width: 100%;
+}
+/* 广告样式结束 */
+/* 主体部分样式开始 */
+.content{
+ width: 100%;
+ background: #f5f5f5;
+ overflow: hidden;
+ padding: 4px 0 12px;
+}
+/* 主体部分样式结束 */
+/* 手机模块样式开始 */
+.title{
+ text-align: left;
+ color: #333;
+ font-size: 22px;
+ font-weight: 200;
+ line-height: 58px;
+}
+.phone-box{
+ width: 100%;
+ height: 614px;
+}
+.phone-box-left{
+ width: 234px;
+ height: 100%;
+ float: left;
+}
+.phone-box-right{
+ width: 992px;
+ height: 614px;
+ float: left;
+}
+
+.item{
+ width: 234px;
+ height: 300px;
+ background: #fff;
+ padding: 20px 0;
+ margin: 0 0 14px 14px;
+ float: left;
+ box-sizing: border-box;
+ transition: all 0.2s linear;
+}
+.item:hover{
+ /* transform: translateY(-2px); */
+ transform: translate3d(0,-2px,0);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+
+.item-img{
+ width: 160px;
+ margin-bottom: 18px;
+}
+
+.item-name{
+ width: 214px;
+ height: 21px;
+ color: #333;
+ font-size: 14px;
+ line-height: 21px;
+ margin: 0 auto 2px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.item-desc{
+ width: 214px;
+ height: 18px;
+ color: #b0b0b0;
+ font-size: 12px;
+ line-height: 18px;
+ margin: 0 auto 10px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.item-price{
+ color: #ff6700;
+ font-size: 14px;
+}
+
+.big-img{
+ width: 100%;
+ height: 120px;
+ margin: 22px 0;
+}
+
+/* 手机模块样式结束 */
+/* 家电模块样式开始 */
+.elc-box{
+ width: 100%;
+ height: 614px;
+}
+.elc-item{
+ margin-left: 0;
+ padding: 0;
+}
+
+.item-price>del{
+ color: #b0b0b0;
+}
+.item-last{
+ width: 234px;
+ height: 300px;
+ float: left;
+ margin-left: 14px;
+}
+.item-last>div{
+ width: 234px;
+ height: 143px;
+ background: #fff;
+ transition: all 0.2s linear;
+}
+.item-last>div:first-child{
+ margin-bottom: 14px;
+}
+.item-last>div:hover{
+ transform: translateY(-2px);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+/* 家电模块样式结束 */
+/* 视频模块样式开始 */
+.video-box{
+ width: 100%;
+ height: 299px;
+}
+
+.video-box>div{
+ width: 296px;
+ height: 285px;
+ background: #fff;
+ float: left;
+ margin-bottom: 14px;
+ margin-right: 14px;
+ transition: all 0.2s linear;
+}
+
+.video-box>div:hover{
+ transform: translateY(-2px);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+
+.video-box>div:last-child{
+ margin-right: 0;
+}
+
+.video-img{
+ width: 100%;
+ height: 180px;
+ margin-bottom: 28px;
+ position: relative;
+}
+.btn{
+ width: 32px;
+ height: 20px;
+ border-radius: 12px;
+ border: 2px solid #fff;
+ position: absolute;
+ left: 20px;
+ bottom: 10px;
+}
+
+.sanjiao{
+ border-left: 8px solid #fff;
+ border-top: 6px solid transparent;
+ border-bottom: 6px solid transparent;
+ width: 0;
+ height: 0;
+ margin: 3px auto;
+}
+.video-name{
+ color: #333;
+ font-size: 14px;
+ width: 286px;
+ height: 21px;
+ margin: 0 auto 6px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.video-desc{
+ width: 286px;
+ height: 18px;
+ margin: 0 auto;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: #b0b0b0;
+ font-size: 12px;
+}
+.video-img:hover .btn{
+ background: #ff6700;
+ border-color: #ff6700;
+}
+/* 视频模块样式结束 */
+/* 页脚样式开始 */
+.footer-service{
+ width: 100%;
+ height: 25px;
+ line-height: 25px;
+ padding: 27px 0;
+ border-bottom: 1px solid #e0e0e0;
+}
+.footer-service li{
+ float: left;
+ width: 19.8%;
+ border-right: 1px solid #e0e0e0;
+}
+.footer-service li:last-child{
+ border-right: none;
+}
+
+.footer-service i{
+ font-size: 24px;
+ margin-right: 6px;
+}
+
+.footer-service a{
+ color: #616161;
+}
+
+.footer-service a:hover{
+ color: #ff6700;
+}
+.footer-link{
+ width: 100%;
+ height: 172px;
+ padding: 40px 0;
+}
+
+.footer-link ul{
+ float: left;
+ width: 160px;
+ text-align: left;
+ color: #424242;
+ font-size: 14px;
+ line-height: 1.25;
+}
+
+.footer-link ul a{
+ font-size: 12px;
+ color: #757575;
+}
+
+.footer-link a:hover{
+ color: #ff6700;
+}
+
+.footer-link li{
+ margin-top: 10px;
+}
+
+.footer-link li:first-child{
+ margin: 0 0 26px;
+}
+
+.footer-aside{
+ width: 251px;
+ height: 111px;
+ border-left: 1px solid #e0e0e0;
+ float: right;
+ color: #616161;
+}
+.tel{
+ font-size: 22px;
+ line-height: 22px;
+ color: #ff6700;
+ margin-bottom: 5px;
+}
+.time{
+ font-size: 12px;
+ margin-bottom: 5px;
+}
+.kefu{
+ display: block;
+ width: 120px;
+ height: 30px;
+ line-height: 30px;
+ border: 1px solid #ff6700;
+ box-sizing: border-box;
+ margin: 0 auto;
+ color: #ff6700;
+ transition: all 0.4s;
+ font-size: 12px;
+}
+.footer-link .kefu:hover{
+ background: #f25807;
+ border-color: #f25807;
+ color: #fff;
+
+}
+.follow{
+ font-size: 12px;
+ margin-top: 10px;
+}
+.follow img{
+ width: 24px;
+ margin-left: 6px;
+ position: relative;
+ top: 7px;
+}
+/* 页脚样式结束 */
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/reset.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be2dc78d18b6bec6cf9115f7b6f31495e6c73e20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
+li{ list-style: none;}
+a{text-decoration: none;}
+img{border: none;}
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a70e7760dd848d296634e193f100d303c22784ec
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/banner.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/banner.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a7dedb23d9ca63f06bca42993ca2469ca11ebb93
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/banner.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/download.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/download.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ace029704d62e8173ee6d55c037aff4315488fd
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/download.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/elc-left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/elc-left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..4944f84309095c2abd454ec18fdd90362f4797bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/elc-left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/elc-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/elc-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..e53fb78e054c12b65206347e1dc3bcabc2b4fbe7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/elc-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/favicon.ico" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/favicon.ico"
new file mode 100644
index 0000000000000000000000000000000000000000..64afb4595e5d98d13c53ea2e9f94bade1a01a640
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/favicon.ico" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/mi-home.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/mi-home.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cb3ea82de3c11402e99f4add187c49db4de6f958
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/mi-home.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/mi-logo.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/mi-logo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..82de5d977bca6d3131baec5696deac1c77df29d7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/mi-logo.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..29d6158b84d292d5c2693486a41d7bad10752813
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone.png"
new file mode 100644
index 0000000000000000000000000000000000000000..413d28d043d4d9495f8d4e9bbcf3aaa068d578b2
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone_ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone_ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..512ec1b87db7453a7765477f88fc7a709c249f18
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone_ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone_left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone_left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..40d4f53d4f48177808edead35691347a3f770fae
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/phone_left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/top.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/top.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a1c3c4ba18304ed49a5d826cf2dd3d56b4ff27c1
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/top.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/video.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/video.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..389b97c854b501892615644bd4c25253dc62ba46
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/video.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/wb.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/wb.png"
new file mode 100644
index 0000000000000000000000000000000000000000..f78ec4cd5de6f2e8639486db9f08c0736080b926
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/wb.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/wx.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/wx.png"
new file mode 100644
index 0000000000000000000000000000000000000000..158d1327bd8048026fb999d5a6ea0d7753f86327
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/wx.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/zzxsh.gif" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/zzxsh.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..bb6222f926a49166214a8a471bb9044c509f67e0
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/images/zzxsh.gif" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..976b0a4aaad7e2eaf3da45a89741eeb2b190d184
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/09_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_\351\241\265\350\204\232/index.html"
@@ -0,0 +1,567 @@
+
+
+
+
+
+
+ 小米
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+

+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
视频
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/demo.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/demo.css"
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/demo_index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/demo_index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b1ac8517cfb86548221abfccb3b881ee7edfb6bd
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/demo_index.html"
@@ -0,0 +1,743 @@
+
+
+
+
+ IconFont Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
+
+
+
+
+ -
+
+
F
+ 󰀽
+
+
+ -
+
+
15天无理由退货
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
播放 三角形
+ 
+
+
+ -
+
+
定位 (1)
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
7天无理由退货
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
维修
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
放大镜
+ 
+
+
+ -
+
+
我的
+ 
+
+
+ -
+
+
返回顶部
+ 
+
+
+ -
+
+
耳机
+ 
+
+
+ -
+
+
手机到手机
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
箭头
+ 
+
+
+ -
+
+
对话
+ 
+
+
+ -
+
+
电话卡
+ 
+
+
+ -
+
+
充值
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
购物车
+ 
+
+
+ -
+
+
右箭头
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ F
+
+ .icon-F
+
+
+
+ -
+
+
+ 15天无理由退货
+
+ .icon-15tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-iconfonticonfonti2copycopy
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantouarrowhead7
+
+
+
+ -
+
+
+ 播放 三角形
+
+ .icon-bofangsanjiaoxing
+
+
+
+ -
+
+
+ 定位 (1)
+
+ .icon-dingwei1
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 7天无理由退货
+
+ .icon-7tianwuliyoutuihuo
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-sanjiaoxing
+
+
+
+ -
+
+
+ 维修
+
+ .icon-buoumaotubiao46
+
+
+
+ -
+
+
+ 手机
+
+ .icon-tel
+
+
+
+ -
+
+
+ 放大镜
+
+ .icon-fangdajing
+
+
+
+ -
+
+
+ 我的
+
+ .icon-my_icon
+
+
+
+ -
+
+
+ 返回顶部
+
+ .icon-fanhuidingbu
+
+
+
+ -
+
+
+ 耳机
+
+ .icon-erji
+
+
+
+ -
+
+
+ 手机到手机
+
+ .icon-shoujidaoshouji
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gifs
+
+
+
+ -
+
+
+ 箭头
+
+ .icon-jiantou
+
+
+
+ -
+
+
+ 对话
+
+ .icon-duihua
+
+
+
+ -
+
+
+ 电话卡
+
+ .icon-dianhuaqia
+
+
+
+ -
+
+
+ 充值
+
+ .icon-chongzhi
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 购物车
+
+ .icon-gouwuche
+
+
+
+ -
+
+
+ 右箭头
+
+ .icon-youjiantou1
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-present
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size, color 来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..82b55e328cc0b42679e713b74141f4d4aacd6518
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.css"
@@ -0,0 +1,117 @@
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1561534862311'); /* IE9 */
+ src: url('iconfont.eot?t=1561534862311#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+ url('iconfont.woff?t=1561534862311') format('woff'),
+ url('iconfont.ttf?t=1561534862311') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url('iconfont.svg?t=1561534862311#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-F:before {
+ content: "\f003d";
+}
+
+.icon-15tianwuliyoutuihuo:before {
+ content: "\e606";
+}
+
+.icon-iconfonticonfonti2copycopy:before {
+ content: "\e62e";
+}
+
+.icon-jiantouarrowhead7:before {
+ content: "\e6bc";
+}
+
+.icon-bofangsanjiaoxing:before {
+ content: "\e769";
+}
+
+.icon-dingwei1:before {
+ content: "\e617";
+}
+
+.icon-youjiantou:before {
+ content: "\e619";
+}
+
+.icon-7tianwuliyoutuihuo:before {
+ content: "\e60e";
+}
+
+.icon-sanjiaoxing:before {
+ content: "\e620";
+}
+
+.icon-buoumaotubiao46:before {
+ content: "\e629";
+}
+
+.icon-tel:before {
+ content: "\e641";
+}
+
+.icon-fangdajing:before {
+ content: "\e63d";
+}
+
+.icon-my_icon:before {
+ content: "\e65d";
+}
+
+.icon-fanhuidingbu:before {
+ content: "\e623";
+}
+
+.icon-erji:before {
+ content: "\e605";
+}
+
+.icon-shoujidaoshouji:before {
+ content: "\e64a";
+}
+
+.icon-gifs:before {
+ content: "\e624";
+}
+
+.icon-jiantou:before {
+ content: "\e621";
+}
+
+.icon-duihua:before {
+ content: "\e710";
+}
+
+.icon-dianhuaqia:before {
+ content: "\e733";
+}
+
+.icon-chongzhi:before {
+ content: "\e65c";
+}
+
+.icon-shouji:before {
+ content: "\e525";
+}
+
+.icon-gouwuche:before {
+ content: "\e607";
+}
+
+.icon-youjiantou1:before {
+ content: "\e658";
+}
+
+.icon-present:before {
+ content: "\e611";
+}
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.eot" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..5e9a285d4f141012b90c8b0093da4f07c0fa62bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.eot" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.js" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d120ac96efd0bc668b14ad234fd20ae00664a04
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.js"
@@ -0,0 +1 @@
+!function(s){var c,t='',h=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(h&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var h=function(){document.removeEventListener("DOMContentLoaded",h,!1),c()};document.addEventListener("DOMContentLoaded",h,!1)}else document.attachEvent&&(l=c,a=s.document,o=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,t())});function t(){o||(o=!0,l())}var l,a,o,i}(function(){var c,h;(c=document.createElement("div")).innerHTML=t,t=null,(h=c.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",function(c,h){h.firstChild?function(c,h){h.parentNode.insertBefore(c,h)}(c,h.firstChild):h.appendChild(c)}(h,document.body))})}(window);
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.svg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..f5269cc8c727142a59f9837e20fd4f892c11407a
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.svg"
@@ -0,0 +1,101 @@
+
+
+
+
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.ttf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..3b9dd2e7ca16388626976f473598d8c4d5570021
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.ttf" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.woff" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..f42f23160f7a24b91c3b05e052902bbd8644c35f
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.woff" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.woff2" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..12e816ceb161961bcfcefb2c446b3224a38a5870
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/iconfont/iconfont.woff2" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/mi.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/mi.css"
new file mode 100644
index 0000000000000000000000000000000000000000..4d97c9cab28b8053487cad3fa889e9582989ffbe
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/mi.css"
@@ -0,0 +1,691 @@
+/* 头部样式开始 */
+.header{
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ position: relative;
+}
+
+.header img{
+ height: 120px;
+ /* 图片,以中间开始渲染 */
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+}
+/* 头部样式结束 */
+
+/* 黑色导航样式开始 */
+.black-nav{
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: #333;
+ font-size: 12px;
+}
+.wrap{
+ width: 1226px;
+ margin: 0 auto;
+}
+.black-nav-left{
+ float: left;
+}
+.black-nav-right{
+ float: right;
+}
+.black-nav li{
+ float: left;
+ position: relative;
+}
+.black-nav a{
+ color: #b0b0b0;
+}
+.black-nav span{
+ color: #424242;
+ margin: 0 3.6px;
+}
+.download{
+ width: 124px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 1px 5px #aaa;
+ position: absolute;
+ top: 40px;
+ left: 50%;
+ margin-left: -62px;
+ overflow:hidden;
+ transition: all 0.3s;
+ z-index: 10;
+}
+.download img{
+ width: 90px;
+ margin: 18px auto 0;
+}
+.download p{
+ color: #333;
+ font-size: 14px;
+ line-height: 14px;
+}
+.black-nav-left li:hover>.download{
+ height: 148px;
+}
+.stri{
+ width: 0;
+ height: 0;
+ border-bottom: 8px solid #fff;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ position:absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -8px;
+ display: none;
+}
+.black-nav-left>li:hover>.stri{
+ display: block;
+}
+.cart{
+ width: 120px;
+ height: 40px;
+ background: #424242;
+ margin-left: 25px;
+ position: relative;
+ z-index: 10;
+}
+.cart:hover{
+ background: #fff;
+}
+.cart:hover>a{
+ color: #ff6700;
+}
+.cart i{
+ font-style: normal;
+ margin-right: 8px;
+}
+.cart-list{
+ width: 316px;
+ height: 0;
+ background: #fff;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.15);
+ position: absolute;
+ right: 0;
+ top: 40px;
+ color: #424242;
+ overflow: hidden;
+ transition: all 0.3s;
+ line-height: 100px;
+}
+.cart:hover>.cart-list{
+ height: 100px;
+}
+/* 黑色导航样式结束 */
+
+/* 白色导航样式开始 */
+.white-nav{
+ width: 100%;
+ height: 100px;
+ background: #fff;
+ position: relative;
+}
+.logo{
+ width: 55px;
+ height: 55px;
+ background: #ff6700;
+ float: left;
+ margin-top: 22.5px;
+ overflow: hidden;
+ position: relative;
+ border-radius: 20px;
+}
+.logo>img{
+ width: 100%;
+ height: 100%;
+ position:absolute;
+ top: 0;
+ transition: all 0.2s;
+}
+.mi-home{
+ left: -55px;
+}
+.mi-logo{
+ left: 0;
+}
+.logo:hover>.mi-home{
+ left: 0;
+}
+.logo:hover>.mi-logo{
+ left: 55px;
+}
+.nav-bar{
+ width: 875px;
+ height: 100px;
+ line-height: 100px;
+ float: left;
+}
+.search{
+ width: 296px;
+ height: 100px;
+ float: right;
+}
+.nav-bar li{
+ float: left;
+}
+.nav-bar>ul>li>a{
+ color: #333;
+ padding: 0 10px;
+}
+
+.nav-bar>ul>li>a:hover{
+ color: #ff6700;
+}
+
+.nav-bar>ul>li:first-child img{
+ margin-top: 22.5px;
+}
+
+.search input{
+ width: 244px;
+ height: 50px;
+ border:1px solid #e0e0e0;
+ margin-top: 25px;
+ /* 去掉选中的边框 */
+ outline: none;
+ padding: 0 10px;
+ box-sizing: border-box;
+ border-right: 0;
+}
+
+.search button{
+ width: 52px;
+ height: 50px;
+ background: #fff;
+ border:1px solid #e0e0e0;
+ float: right;
+ margin-top: 25px;
+}
+.search button:hover{
+ background: #ff6700;
+ color: #fff;
+}
+
+.nav-bar-list{
+ width: 100%;
+ height: 229px;
+ background: #fff;
+ border-top: 1px solid #eee;
+ box-shadow: 0 3px 4px rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 100px;
+ display: none;
+ z-index: 10;
+}
+
+.nav-bar li:hover .nav-bar-list{
+ display: block;
+}
+
+.img-box{
+ width: 100%;
+ height: 110px;
+ margin-top: 35px;
+ border-right: 1px solid #eee;
+ box-sizing: border-box;
+ margin-bottom: 16px;
+}
+
+.nav-bar-list li:last-child .img-box{
+ border-right: 0;
+}
+
+.nav-bar-list p{
+ font-size: 12px;
+ line-height: 20px;
+}
+
+.name{
+ color: #333;
+}
+
+.price{
+ color: #ff6700;
+}
+/* 白色导航样式结束 */
+/* banner样式开始 */
+.banner{
+ width: 100%;
+ height: 460px;
+}
+.banner-img{
+ width: 100%;
+}
+.banner>.wrap{
+ position: relative;
+}
+.slide{
+ width: 234px;
+ height: 420px;
+ padding: 20px 0;
+ background: rgba(105,101,101,0.6);
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+.slide>ul>li{
+ height: 42px;
+ line-height: 42px;
+ text-align: left;
+ padding-left: 30px;
+ font-size: 14px;
+}
+.slide>ul>li:hover{
+ background: #ff6700;
+}
+.slide>ul>li>a{
+ color: #fff;
+}
+.slide i{
+ float: right;
+ padding-right: 20px;
+}
+
+.slide-list{
+ width: 992px;
+ height: 460px;
+ background: #fff;
+ border: 1px solid #e0e0e0;
+ border-left: none;
+ box-sizing: border-box;
+ box-shadow: 0 8px 16px rgba(0,0,0,0.18);
+ padding-top: 2px;
+ position: absolute;
+ top: 0;
+ left: 234px;
+ display: none;
+}
+.slide-list ul{
+ width: 100%;
+}
+
+.slide-list ul li{
+ width: 247.75px;
+ float: left;
+ height: 76px;
+ padding: 18px 0 18px 20px;
+ box-sizing: border-box;
+ line-height: 40px;
+}
+.slide-list img{
+ width: 40px;
+ margin-right: 14px;
+}
+.slide-list span{
+ color: #333;
+ font-size: 14px;
+ /* 一行宽度不够的时候,用...代替 */
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ position: relative;
+ top: -14px;
+}
+.slide li:hover .slide-list{
+ display: block;
+}
+
+.slide-list li:hover span{
+ color: #ff6700;
+}
+/* banner样式结束 */
+/* 广告样式开始 */
+.ad{
+ width: 100%;
+ height: 170px;
+ padding: 14px 0 26px;
+ background: #fff;
+}
+
+.ad-aside{
+ width: 234px;
+ height: 170px;
+ background: #5f5750;
+ padding: 3px;
+ box-sizing: border-box;
+ font-size: 12px;
+ float: left;
+}
+
+.ad-aside li{
+ float: left;
+ width: 76px;
+ height: 82px;
+ padding-top: 18px;
+ box-sizing: border-box;
+ opacity: 0.7;
+}
+
+.ad-aside a{
+ color: #fff;
+}
+.ad-aside i{
+ font-size: 24px;
+ margin-bottom: 4px;
+ display: block;
+}
+.ad-aside li:hover{
+ opacity: 1;
+}
+.ad-img{
+ width: 316px;
+ height: 170px;
+ float: left;
+ margin-left: 14px;
+}
+
+.ad-img img{
+ width: 100%;
+}
+/* 广告样式结束 */
+/* 主体部分样式开始 */
+.content{
+ width: 100%;
+ background: #f5f5f5;
+ overflow: hidden;
+ padding: 4px 0 12px;
+}
+/* 主体部分样式结束 */
+/* 手机模块样式开始 */
+.title{
+ text-align: left;
+ color: #333;
+ font-size: 22px;
+ font-weight: 200;
+ line-height: 58px;
+}
+.phone-box{
+ width: 100%;
+ height: 614px;
+}
+.phone-box-left{
+ width: 234px;
+ height: 100%;
+ float: left;
+}
+.phone-box-right{
+ width: 992px;
+ height: 614px;
+ float: left;
+}
+
+.item{
+ width: 234px;
+ height: 300px;
+ background: #fff;
+ padding: 20px 0;
+ margin: 0 0 14px 14px;
+ float: left;
+ box-sizing: border-box;
+ transition: all 0.2s linear;
+}
+.item:hover{
+ /* transform: translateY(-2px); */
+ transform: translate3d(0,-2px,0);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+
+.item-img{
+ width: 160px;
+ margin-bottom: 18px;
+}
+
+.item-name{
+ width: 214px;
+ height: 21px;
+ color: #333;
+ font-size: 14px;
+ line-height: 21px;
+ margin: 0 auto 2px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.item-desc{
+ width: 214px;
+ height: 18px;
+ color: #b0b0b0;
+ font-size: 12px;
+ line-height: 18px;
+ margin: 0 auto 10px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.item-price{
+ color: #ff6700;
+ font-size: 14px;
+}
+
+.big-img{
+ width: 100%;
+ height: 120px;
+ margin: 22px 0;
+}
+
+/* 手机模块样式结束 */
+/* 家电模块样式开始 */
+.elc-box{
+ width: 100%;
+ height: 614px;
+}
+.elc-item{
+ margin-left: 0;
+ padding: 0;
+}
+
+.item-price>del{
+ color: #b0b0b0;
+}
+.item-last{
+ width: 234px;
+ height: 300px;
+ float: left;
+ margin-left: 14px;
+}
+.item-last>div{
+ width: 234px;
+ height: 143px;
+ background: #fff;
+ transition: all 0.2s linear;
+}
+.item-last>div:first-child{
+ margin-bottom: 14px;
+}
+.item-last>div:hover{
+ transform: translateY(-2px);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+/* 家电模块样式结束 */
+/* 视频模块样式开始 */
+.video-box{
+ width: 100%;
+ height: 299px;
+}
+
+.video-box>div{
+ width: 296px;
+ height: 285px;
+ background: #fff;
+ float: left;
+ margin-bottom: 14px;
+ margin-right: 14px;
+ transition: all 0.2s linear;
+}
+
+.video-box>div:hover{
+ transform: translateY(-2px);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+}
+
+.video-box>div:last-child{
+ margin-right: 0;
+}
+
+.video-img{
+ width: 100%;
+ height: 180px;
+ margin-bottom: 28px;
+ position: relative;
+}
+.btn{
+ width: 32px;
+ height: 20px;
+ border-radius: 12px;
+ border: 2px solid #fff;
+ position: absolute;
+ left: 20px;
+ bottom: 10px;
+}
+
+.sanjiao{
+ border-left: 8px solid #fff;
+ border-top: 6px solid transparent;
+ border-bottom: 6px solid transparent;
+ width: 0;
+ height: 0;
+ margin: 3px auto;
+}
+.video-name{
+ color: #333;
+ font-size: 14px;
+ width: 286px;
+ height: 21px;
+ margin: 0 auto 6px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.video-desc{
+ width: 286px;
+ height: 18px;
+ margin: 0 auto;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: #b0b0b0;
+ font-size: 12px;
+}
+.video-img:hover .btn{
+ background: #ff6700;
+ border-color: #ff6700;
+}
+/* 视频模块样式结束 */
+/* 页脚样式开始 */
+.footer-service{
+ width: 100%;
+ height: 25px;
+ line-height: 25px;
+ padding: 27px 0;
+ border-bottom: 1px solid #e0e0e0;
+}
+.footer-service li{
+ float: left;
+ width: 19.8%;
+ border-right: 1px solid #e0e0e0;
+}
+.footer-service li:last-child{
+ border-right: none;
+}
+
+.footer-service i{
+ font-size: 24px;
+ margin-right: 6px;
+}
+
+.footer-service a{
+ color: #616161;
+}
+
+.footer-service a:hover{
+ color: #ff6700;
+}
+.footer-link{
+ width: 100%;
+ height: 172px;
+ padding: 40px 0;
+}
+
+.footer-link ul{
+ float: left;
+ width: 160px;
+ text-align: left;
+ color: #424242;
+ font-size: 14px;
+ line-height: 1.25;
+}
+
+.footer-link ul a{
+ font-size: 12px;
+ color: #757575;
+}
+
+.footer-link a:hover{
+ color: #ff6700;
+}
+
+.footer-link li{
+ margin-top: 10px;
+}
+
+.footer-link li:first-child{
+ margin: 0 0 26px;
+}
+
+.footer-aside{
+ width: 251px;
+ height: 111px;
+ border-left: 1px solid #e0e0e0;
+ float: right;
+ color: #616161;
+}
+.tel{
+ font-size: 22px;
+ line-height: 22px;
+ color: #ff6700;
+ margin-bottom: 5px;
+}
+.time{
+ font-size: 12px;
+ margin-bottom: 5px;
+}
+.kefu{
+ display: block;
+ width: 120px;
+ height: 30px;
+ line-height: 30px;
+ border: 1px solid #ff6700;
+ box-sizing: border-box;
+ margin: 0 auto;
+ color: #ff6700;
+ transition: all 0.4s;
+ font-size: 12px;
+}
+.footer-link .kefu:hover{
+ background: #f25807;
+ border-color: #f25807;
+ color: #fff;
+
+}
+.follow{
+ font-size: 12px;
+ margin-top: 10px;
+}
+.follow img{
+ width: 24px;
+ margin-left: 6px;
+ position: relative;
+ top: 7px;
+}
+/* 页脚样式结束 */
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/reset.css" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be2dc78d18b6bec6cf9115f7b6f31495e6c73e20
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
+li{ list-style: none;}
+a{text-decoration: none;}
+img{border: none;}
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a70e7760dd848d296634e193f100d303c22784ec
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/banner.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/banner.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a7dedb23d9ca63f06bca42993ca2469ca11ebb93
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/banner.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/download.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/download.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ace029704d62e8173ee6d55c037aff4315488fd
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/download.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/elc-left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/elc-left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..4944f84309095c2abd454ec18fdd90362f4797bc
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/elc-left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/elc-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/elc-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..e53fb78e054c12b65206347e1dc3bcabc2b4fbe7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/elc-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/favicon.ico" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/favicon.ico"
new file mode 100644
index 0000000000000000000000000000000000000000..03477d24218922e3fbbe464c322db2929be6e7f6
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/favicon.ico" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/mi-home.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/mi-home.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cb3ea82de3c11402e99f4add187c49db4de6f958
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/mi-home.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/mi-logo.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/mi-logo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..82de5d977bca6d3131baec5696deac1c77df29d7
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/mi-logo.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone-right.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone-right.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..29d6158b84d292d5c2693486a41d7bad10752813
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone-right.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone.png"
new file mode 100644
index 0000000000000000000000000000000000000000..413d28d043d4d9495f8d4e9bbcf3aaa068d578b2
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone_ad.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone_ad.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..512ec1b87db7453a7765477f88fc7a709c249f18
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone_ad.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone_left.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone_left.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..40d4f53d4f48177808edead35691347a3f770fae
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/phone_left.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/top.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/top.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a1c3c4ba18304ed49a5d826cf2dd3d56b4ff27c1
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/top.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/video.jpg" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/video.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..389b97c854b501892615644bd4c25253dc62ba46
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/video.jpg" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/wb.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/wb.png"
new file mode 100644
index 0000000000000000000000000000000000000000..f78ec4cd5de6f2e8639486db9f08c0736080b926
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/wb.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/wx.png" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/wx.png"
new file mode 100644
index 0000000000000000000000000000000000000000..158d1327bd8048026fb999d5a6ea0d7753f86327
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/wx.png" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/zzxsh.gif" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/zzxsh.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..bb6222f926a49166214a8a471bb9044c509f67e0
Binary files /dev/null and "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/images/zzxsh.gif" differ
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/index.html" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1edf940d3bdd2d780602f38254031720dee173c6
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/10_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256_ICON/index.html"
@@ -0,0 +1,568 @@
+
+
+
+
+
+
+ 小米
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+

+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
视频
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+

+
+
+
Redmi 10X系列发布会
+
Redmi 10X系列发布会
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/13.\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256.pdf" "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/13.\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256.pdf"
new file mode 100644
index 0000000000000000000000000000000000000000..f049bc772daaf263099011750978b0e843a15812
--- /dev/null
+++ "b/css/47_\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256/13.\345\260\217\347\261\263\345\256\230\347\275\221\351\241\271\347\233\256.pdf"
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2f7a5f96e69910134a222747c0af65e4ebff095bb7f2fa6d7c56f75868bf99a8
+size 5806242
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/.DS_Store" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/.DS_Store"
new file mode 100644
index 0000000000000000000000000000000000000000..a565a6c883915bc1fee4a2b12e0eac9319bcf389
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/.DS_Store" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..754d206286086960ae5453d04593cd27b11e0dbc
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.css"
@@ -0,0 +1,21 @@
+
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1533172187680'); /* IE9*/
+ src: url('iconfont.eot?t=1533172187680#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWoAAsAAAAACDwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7khYY21hcAAAAYAAAABnAAABnM9va7tnbHlmAAAB6AAAAb8AAAH89r3Qo2hlYWQAAAOoAAAALwAAADYSMDmsaGhlYQAAA9gAAAAcAAAAJAfeA4VobXR4AAAD9AAAABAAAAAQD+kAAGxvY2EAAAQEAAAACgAAAAoBdADAbWF4cAAABBAAAAAfAAAAIAETAF1uYW1lAAAEMAAAAUUAAAJtPlT+fXBvc3QAAAV4AAAAMAAAAEEW0Cg8eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sU4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzLYW7438AQw9zA0AAUZgTJAQAsBgzaeJzFkMENwCAIRT9iG9N0lB6bbuESPfXgAE7MGhbQixP4zRP4IWIAsAFg5VIiQB8Iplddcp9xuB/xaJ30BI1VspTWpsxE3pE8C/Yy7VgmWjd61un3PSrbdx3oFyV3bK9SOuAf86QSVwB4nE1QTWsTURS99z1nkjTJTDtfb77yMTM2L23TRx1nJog1QZBCxYXSVaEoLlwUaauIdGGRQhBcuHDnvgiu3HfRX+EvqOjKheBeRl8SEC+Xc8+9nMU5FxSAP1/pBXXBhD5cgztwHwDVNYw10sKIZ4KsoR0pNrM0yhMeVZJY0FvIYtVy0iLrMbWi6qhhG69HacEF4ZhnI3ITU6eF6AX+jrEcGvQ9Lri8/aa8S87Q7iShPlovtwdjK+2a1eOGYXiG8a6qKkqVkCu6hgfMqSm1BbX8qOi+fdFZIR1seNy/t9vsBsbjt9lha5nVEE9P0Qy62qfxkr8k+8R3TMOrLDarrt9Mrlp4/L3umo1W7xvIIjLrD/qBMnBhXaZMmcPaRNWJhkksnWfDERnGMs8ik2nSYsiGvCBcIH4Z39gUgw26slrXBgebctvbYN7ey/HWpNjfLyZbt19l5+H5o8qTYkJ+Mk8Mnp08F1q9vzpVvZ7K+3l2VF4e5rkQUnmE9tMsl56o9FTSS0qgDgwSADMaYdbjkYaWo8yQzS40mn58zh/Qh3YQ2L/PJNIXs2H/d5pz+eigH+AUfv1j5edwzkKAv8dbWOsAeJxjYGRgYADifSeeJ8fz23xl4GZhAIHrHVW3EfT/hywMzBJALgcDE0gUAGReC/IAeJxjYGRgYG7438AQw8IAAkCSkQEVsAAARwoCbQQAAAAD6QAABAAAAAQAAAAAAAAAAHYAwAD+AAB4nGNgZGBgYGEIZGBlAAEmIOYCQgaG/2A+AwAREgFxAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYGxgjM3MT0vMy0ztYg9PTUvPaU0n4EBAFjTB0c=') format('woff'),
+ url('iconfont.ttf?t=1533172187680') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ url('iconfont.svg?t=1533172187680#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family:"iconfont" !important;
+ font-size:16px;
+ font-style:normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-magnifier:before { content: "\e64d"; }
+
+.icon-gengduo:before { content: "\e66c"; }
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.eot" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..6a8ed58193566747bf585edb240c12652eae65bb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.eot" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.svg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..a0e6bfea129bf50ca649253544450aa4794257e1
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.svg"
@@ -0,0 +1,39 @@
+
+
+
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.ttf" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..a8ba8dfa15b3b0d7ac8fb550ccce39dc7106231a
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.ttf" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.woff" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..35df04852cf050d92cdda9f02608dec62ffcdb53
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/iconfont/iconfont.woff" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/mike.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/mike.css"
new file mode 100644
index 0000000000000000000000000000000000000000..be5eeb449f00509713bd538ac398b32138e422c0
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/mike.css"
@@ -0,0 +1,88 @@
+/* 导航样式开始 */
+.nav{
+ width: 100%;
+ height: 66px;
+ background: #88c5e1;
+ border-bottom: 5px solid #54abd4;
+}
+
+.wrap{
+ /* mi:1226px 百分比: */
+ width: 87%;
+ margin: 0 auto;
+}
+
+.logo,.search,.nav-bar{
+ float: left;
+ height: 66px;
+}
+
+.logo{
+ width: 25%;
+ background: url("../images/Brand.png") no-repeat left;
+ background-size: 183px;
+}
+
+.search{
+ width: 40%;
+ position: relative;
+}
+.search .text-input{
+ width: 100%;
+ height: 40px;
+ background-color: #f5f5f5;
+ border: 1px solid #f5f5f5;
+ box-sizing: border-box;
+ border-radius: 2px;
+ outline: none;
+ margin-top: 13px;
+ padding-left: 10px;
+ transition: all .2s;
+}
+
+.search button{
+ width: 40px;
+ height: 34px;
+ background-size: #f5f5f5;
+ color: #54abd4;
+ font-weight: 900;
+ position: absolute;
+ right: 2px;
+ top: 16px;
+}
+
+.text-input:hover{
+ background-color: #fff;
+ border-color: #54abd4;
+}
+
+.nav-bar{
+ width: 35%;
+}
+
+.nav-bar>ul{
+ float: right;
+}
+
+.nav-bar ul li{
+ float: left;
+}
+
+/* 66 - 21 = 45 - 20 = 25 / 2 */
+.nav-bar ul li a{
+ color: #fff;
+ padding: 10px;
+ display: block;
+ margin-left: 8px;
+ margin-top: 12.5px;
+}
+
+.nav-bar-active{
+ border-bottom: 2px solid #fff;
+}
+
+.nav-bar a:hover{
+ border-bottom: 2px solid #fff;
+}
+
+/* 导航样式结束 */
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/reset.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..333c64859f506892c018dd062253248e1ddadd80
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;}
+li{ list-style: none;}
+a{text-decoration: none;}
+input,button,img{border: none}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/images/Brand-M.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/images/Brand-M.png"
new file mode 100644
index 0000000000000000000000000000000000000000..59c6df5a3497ae11829b3d559b8a97e2021dd2eb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/images/Brand-M.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/images/Brand-S.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/images/Brand-S.png"
new file mode 100644
index 0000000000000000000000000000000000000000..58be66619b712dfc4f84ce78cd074996cf41bf90
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/images/Brand-S.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/images/Brand.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/images/Brand.png"
new file mode 100644
index 0000000000000000000000000000000000000000..689e2207378f90a2b9ffdabb28df076593b63fc6
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/images/Brand.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/index.html" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6fe9c69654e2cfc2e6b039ecdf64105b781df257
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/01_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252/index.html"
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..754d206286086960ae5453d04593cd27b11e0dbc
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.css"
@@ -0,0 +1,21 @@
+
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1533172187680'); /* IE9*/
+ src: url('iconfont.eot?t=1533172187680#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWoAAsAAAAACDwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7khYY21hcAAAAYAAAABnAAABnM9va7tnbHlmAAAB6AAAAb8AAAH89r3Qo2hlYWQAAAOoAAAALwAAADYSMDmsaGhlYQAAA9gAAAAcAAAAJAfeA4VobXR4AAAD9AAAABAAAAAQD+kAAGxvY2EAAAQEAAAACgAAAAoBdADAbWF4cAAABBAAAAAfAAAAIAETAF1uYW1lAAAEMAAAAUUAAAJtPlT+fXBvc3QAAAV4AAAAMAAAAEEW0Cg8eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sU4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzLYW7438AQw9zA0AAUZgTJAQAsBgzaeJzFkMENwCAIRT9iG9N0lB6bbuESPfXgAE7MGhbQixP4zRP4IWIAsAFg5VIiQB8Iplddcp9xuB/xaJ30BI1VspTWpsxE3pE8C/Yy7VgmWjd61un3PSrbdx3oFyV3bK9SOuAf86QSVwB4nE1QTWsTURS99z1nkjTJTDtfb77yMTM2L23TRx1nJog1QZBCxYXSVaEoLlwUaauIdGGRQhBcuHDnvgiu3HfRX+EvqOjKheBeRl8SEC+Xc8+9nMU5FxSAP1/pBXXBhD5cgztwHwDVNYw10sKIZ4KsoR0pNrM0yhMeVZJY0FvIYtVy0iLrMbWi6qhhG69HacEF4ZhnI3ITU6eF6AX+jrEcGvQ9Lri8/aa8S87Q7iShPlovtwdjK+2a1eOGYXiG8a6qKkqVkCu6hgfMqSm1BbX8qOi+fdFZIR1seNy/t9vsBsbjt9lha5nVEE9P0Qy62qfxkr8k+8R3TMOrLDarrt9Mrlp4/L3umo1W7xvIIjLrD/qBMnBhXaZMmcPaRNWJhkksnWfDERnGMs8ik2nSYsiGvCBcIH4Z39gUgw26slrXBgebctvbYN7ey/HWpNjfLyZbt19l5+H5o8qTYkJ+Mk8Mnp08F1q9vzpVvZ7K+3l2VF4e5rkQUnmE9tMsl56o9FTSS0qgDgwSADMaYdbjkYaWo8yQzS40mn58zh/Qh3YQ2L/PJNIXs2H/d5pz+eigH+AUfv1j5edwzkKAv8dbWOsAeJxjYGRgYADifSeeJ8fz23xl4GZhAIHrHVW3EfT/hywMzBJALgcDE0gUAGReC/IAeJxjYGRgYG7438AQw8IAAkCSkQEVsAAARwoCbQQAAAAD6QAABAAAAAQAAAAAAAAAAHYAwAD+AAB4nGNgZGBgYGEIZGBlAAEmIOYCQgaG/2A+AwAREgFxAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYGxgjM3MT0vMy0ztYg9PTUvPaU0n4EBAFjTB0c=') format('woff'),
+ url('iconfont.ttf?t=1533172187680') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ url('iconfont.svg?t=1533172187680#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family:"iconfont" !important;
+ font-size:16px;
+ font-style:normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-magnifier:before { content: "\e64d"; }
+
+.icon-gengduo:before { content: "\e66c"; }
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.eot" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..6a8ed58193566747bf585edb240c12652eae65bb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.eot" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.svg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..a0e6bfea129bf50ca649253544450aa4794257e1
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.svg"
@@ -0,0 +1,39 @@
+
+
+
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.ttf" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..a8ba8dfa15b3b0d7ac8fb550ccce39dc7106231a
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.ttf" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.woff" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..35df04852cf050d92cdda9f02608dec62ffcdb53
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.woff" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/mike.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/mike.css"
new file mode 100644
index 0000000000000000000000000000000000000000..730b9238115d8a11faec1725c22004218e5b7e88
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/mike.css"
@@ -0,0 +1,145 @@
+/* 导航样式开始 */
+.nav{
+ width: 100%;
+ height: 66px;
+ background: #88c5e1;
+ border-bottom: 5px solid #54abd4;
+}
+
+.wrap{
+ /* mi:1226px 百分比: */
+ width: 87%;
+ margin: 0 auto;
+}
+
+.logo,.search,.nav-bar{
+ float: left;
+ height: 66px;
+}
+
+
+.search .text-input{
+ width: 100%;
+ height: 40px;
+ background-color: #f5f5f5;
+ border: 1px solid #f5f5f5;
+ box-sizing: border-box;
+ border-radius: 2px;
+ outline: none;
+ margin-top: 13px;
+ padding-left: 10px;
+ transition: all .2s;
+}
+
+.search button{
+ width: 40px;
+ height: 34px;
+ background-size: #f5f5f5;
+ color: #54abd4;
+ font-weight: 900;
+ position: absolute;
+ right: 2px;
+ top: 16px;
+}
+
+.text-input:hover{
+ background-color: #fff;
+ border-color: #54abd4;
+}
+
+.nav-bar>ul{
+ float: right;
+}
+
+.nav-bar ul li{
+ float: left;
+}
+
+/* 66 - 21 = 45 - 20 = 25 / 2 */
+.nav-bar ul li a{
+ color: #fff;
+ padding: 10px;
+ display: block;
+ margin-left: 8px;
+ margin-top: 12.5px;
+}
+
+.nav-bar-active{
+ border-bottom: 2px solid #fff;
+}
+
+.nav-bar a:hover{
+ border-bottom: 2px solid #fff;
+}
+
+/* 导航样式结束 */
+
+
+/******** 响应式设计 *********/
+/* PC端 */
+@media screen and (min-width:992px) {
+ .logo{
+ width: 25%;
+ background: url("../images/Brand.png") no-repeat left;
+ background-size: 183px;
+ }
+ .search{
+ width: 40%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 35%;
+ }
+ .btn{
+ display: none;
+ }
+}
+
+/* PAD端 */
+@media screen and (min-width:768px) and (max-width:992px){
+ .logo{
+ width: 18%;
+ background: url("../images/Brand-M.png") no-repeat left;
+ background-size: 86px;
+ }
+ .search{
+ width: 42%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 40%;
+ }
+ .btn{
+ display: none;
+ }
+}
+
+/* M端 */
+@media screen and (max-width:768px){
+ .logo{
+ width: 16%;
+ background: url("../images/Brand-S.png") no-repeat left;
+ background-size: 38px;
+ }
+ .search{
+ width: 68%;
+ position: relative;
+ }
+ .nav-bar{
+ display: none;
+ }
+ /* (43 - 22) / 2 */
+ .btn{
+ width: 43px;
+ height: 43px;
+ border: 1px solid #fff;
+ font-weight: 700;
+ line-height: 43px;
+ float: right;
+ color: #fff;
+ margin-top: 10.5px;
+ }
+ .btn i{
+ font-size: 20px;
+ }
+}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/reset.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..333c64859f506892c018dd062253248e1ddadd80
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;}
+li{ list-style: none;}
+a{text-decoration: none;}
+input,button,img{border: none}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-M.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-M.png"
new file mode 100644
index 0000000000000000000000000000000000000000..59c6df5a3497ae11829b3d559b8a97e2021dd2eb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-M.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-S.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-S.png"
new file mode 100644
index 0000000000000000000000000000000000000000..58be66619b712dfc4f84ce78cd074996cf41bf90
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-S.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand.png"
new file mode 100644
index 0000000000000000000000000000000000000000..689e2207378f90a2b9ffdabb28df076593b63fc6
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/MiLogo.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/MiLogo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2f60f7778441704eefb8ae3fbcaead792d2c4cae
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/MiLogo.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/homeImg.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/homeImg.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ffce83a4437c101c1dd2271e95b944947417cae2
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/homeImg.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/miTitle.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/miTitle.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ed8691034a2c3206bf2e42d55d285e0a59d1a351
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/miTitle.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.html" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e220d732a48870b77cb10dd853069636fbac54da
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/02_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\345\257\274\350\210\252\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..754d206286086960ae5453d04593cd27b11e0dbc
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.css"
@@ -0,0 +1,21 @@
+
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1533172187680'); /* IE9*/
+ src: url('iconfont.eot?t=1533172187680#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWoAAsAAAAACDwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7khYY21hcAAAAYAAAABnAAABnM9va7tnbHlmAAAB6AAAAb8AAAH89r3Qo2hlYWQAAAOoAAAALwAAADYSMDmsaGhlYQAAA9gAAAAcAAAAJAfeA4VobXR4AAAD9AAAABAAAAAQD+kAAGxvY2EAAAQEAAAACgAAAAoBdADAbWF4cAAABBAAAAAfAAAAIAETAF1uYW1lAAAEMAAAAUUAAAJtPlT+fXBvc3QAAAV4AAAAMAAAAEEW0Cg8eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sU4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzLYW7438AQw9zA0AAUZgTJAQAsBgzaeJzFkMENwCAIRT9iG9N0lB6bbuESPfXgAE7MGhbQixP4zRP4IWIAsAFg5VIiQB8Iplddcp9xuB/xaJ30BI1VspTWpsxE3pE8C/Yy7VgmWjd61un3PSrbdx3oFyV3bK9SOuAf86QSVwB4nE1QTWsTURS99z1nkjTJTDtfb77yMTM2L23TRx1nJog1QZBCxYXSVaEoLlwUaauIdGGRQhBcuHDnvgiu3HfRX+EvqOjKheBeRl8SEC+Xc8+9nMU5FxSAP1/pBXXBhD5cgztwHwDVNYw10sKIZ4KsoR0pNrM0yhMeVZJY0FvIYtVy0iLrMbWi6qhhG69HacEF4ZhnI3ITU6eF6AX+jrEcGvQ9Lri8/aa8S87Q7iShPlovtwdjK+2a1eOGYXiG8a6qKkqVkCu6hgfMqSm1BbX8qOi+fdFZIR1seNy/t9vsBsbjt9lha5nVEE9P0Qy62qfxkr8k+8R3TMOrLDarrt9Mrlp4/L3umo1W7xvIIjLrD/qBMnBhXaZMmcPaRNWJhkksnWfDERnGMs8ik2nSYsiGvCBcIH4Z39gUgw26slrXBgebctvbYN7ey/HWpNjfLyZbt19l5+H5o8qTYkJ+Mk8Mnp08F1q9vzpVvZ7K+3l2VF4e5rkQUnmE9tMsl56o9FTSS0qgDgwSADMaYdbjkYaWo8yQzS40mn58zh/Qh3YQ2L/PJNIXs2H/d5pz+eigH+AUfv1j5edwzkKAv8dbWOsAeJxjYGRgYADifSeeJ8fz23xl4GZhAIHrHVW3EfT/hywMzBJALgcDE0gUAGReC/IAeJxjYGRgYG7438AQw8IAAkCSkQEVsAAARwoCbQQAAAAD6QAABAAAAAQAAAAAAAAAAHYAwAD+AAB4nGNgZGBgYGEIZGBlAAEmIOYCQgaG/2A+AwAREgFxAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYGxgjM3MT0vMy0ztYg9PTUvPaU0n4EBAFjTB0c=') format('woff'),
+ url('iconfont.ttf?t=1533172187680') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ url('iconfont.svg?t=1533172187680#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family:"iconfont" !important;
+ font-size:16px;
+ font-style:normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-magnifier:before { content: "\e64d"; }
+
+.icon-gengduo:before { content: "\e66c"; }
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.eot" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..6a8ed58193566747bf585edb240c12652eae65bb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.eot" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.svg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..a0e6bfea129bf50ca649253544450aa4794257e1
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.svg"
@@ -0,0 +1,39 @@
+
+
+
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.ttf" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..a8ba8dfa15b3b0d7ac8fb550ccce39dc7106231a
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.ttf" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.woff" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..35df04852cf050d92cdda9f02608dec62ffcdb53
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/iconfont/iconfont.woff" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/mike.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/mike.css"
new file mode 100644
index 0000000000000000000000000000000000000000..fcc2a58f02f0fb4ae29bfc48b39c7282f36f697d
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/mike.css"
@@ -0,0 +1,230 @@
+/* 导航样式开始 */
+.nav{
+ width: 100%;
+ height: 66px;
+ background: #88c5e1;
+ border-bottom: 5px solid #54abd4;
+}
+
+.wrap{
+ /* mi:1226px 百分比: */
+ width: 87%;
+ margin: 0 auto;
+}
+
+.logo,.search,.nav-bar{
+ float: left;
+ height: 66px;
+}
+
+
+.text-input{
+ width: 100%;
+ height: 40px;
+ background-color: #f5f5f5;
+ border: 1px solid #f5f5f5;
+ box-sizing: border-box;
+ border-radius: 2px;
+ outline: none;
+ margin-top: 13px;
+ padding-left: 10px;
+ transition: all .2s;
+}
+
+.search button{
+ width: 40px;
+ height: 34px;
+ background-size: #f5f5f5;
+ color: #54abd4;
+ font-weight: 900;
+ position: absolute;
+ right: 2px;
+ top: 16px;
+}
+
+.text-input:hover{
+ background-color: #fff;
+ border-color: #54abd4;
+}
+
+.nav-bar>ul{
+ float: right;
+}
+
+.nav-bar ul li{
+ float: left;
+}
+
+/* 66 - 21 = 45 - 20 = 25 / 2 */
+.nav-bar ul li a{
+ color: #fff;
+ padding: 10px;
+ display: block;
+ margin-left: 8px;
+ margin-top: 12.5px;
+}
+
+.nav-bar-active{
+ border-bottom: 2px solid #fff;
+}
+
+.nav-bar a:hover{
+ border-bottom: 2px solid #fff;
+}
+
+/* 导航样式结束 */
+/* 登录样式开始 */
+.login{
+ width: 100%;
+ background-image: url("../images/homeImg.png");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ box-sizing: border-box;
+}
+
+.login-logo,.form{
+ float: left;
+}
+
+.form li{
+ float: left;
+}
+
+.form li a{
+ color: #fff;
+ padding: 10px 0 3px;
+ display: block;
+ margin-right: 15px;
+}
+
+.rem{
+ margin: 15px 0;
+ text-align: left;
+ color: #fff;
+ font-size: 12px;
+}
+
+.rem a{
+ float: right;
+ color: #fff;
+}
+
+.form button{
+ width: 100%;
+ height: 44px;
+ background-color: #88c5e1;
+ color: #fff;
+ font-size: 16px;
+ border-radius: 6px;
+ box-shadow: 0 8px #54abd4;
+}
+
+.form button:hover{
+ transform: translateY(3px);
+ box-shadow: 0 5px #54abd4;
+}
+
+/* 登录样式结束 */
+
+
+/******** 响应式设计 *********/
+/* PC端 */
+@media screen and (min-width:992px) {
+ .logo{
+ width: 25%;
+ background: url("../images/Brand.png") no-repeat left;
+ background-size: 183px;
+ }
+ .search{
+ width: 40%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 35%;
+ }
+ .btn{
+ display: none;
+ }
+ /* 登录 */
+ .login{
+ height: 460px;
+ padding-top: 75px;
+ }
+ .login-logo{
+ width: 70%;
+ }
+ .form{
+ width: 30%;
+ }
+}
+
+/* PAD端 */
+@media screen and (min-width:768px) and (max-width:992px){
+ .logo{
+ width: 18%;
+ background: url("../images/Brand-M.png") no-repeat left;
+ background-size: 86px;
+ }
+ .search{
+ width: 42%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 40%;
+ }
+ .btn{
+ display: none;
+ }
+ /* 登录 */
+ .login{
+ height: 338px;
+ padding-top: 30px;
+ }
+ .login-logo{
+ width: 57%;
+ }
+ .form{
+ width: 43%;
+ }
+}
+
+/* M端 */
+@media screen and (max-width:768px){
+ .logo{
+ width: 16%;
+ background: url("../images/Brand-S.png") no-repeat left;
+ background-size: 38px;
+ }
+ .search{
+ width: 68%;
+ position: relative;
+ }
+ .nav-bar{
+ display: none;
+ }
+ /* (43 - 22) / 2 */
+ .btn{
+ width: 43px;
+ height: 43px;
+ border: 1px solid #fff;
+ font-weight: 700;
+ line-height: 43px;
+ float: right;
+ color: #fff;
+ margin-top: 10.5px;
+ }
+ .btn i{
+ font-size: 20px;
+ }
+ /* 登录 */
+ .login{
+ height: 338px;
+ padding-top: 30px;
+ }
+ .login-logo{
+ display: none;
+ }
+ .form{
+ width: 100%;
+ }
+}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/reset.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..333c64859f506892c018dd062253248e1ddadd80
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;}
+li{ list-style: none;}
+a{text-decoration: none;}
+input,button,img{border: none}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/Brand-M.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/Brand-M.png"
new file mode 100644
index 0000000000000000000000000000000000000000..59c6df5a3497ae11829b3d559b8a97e2021dd2eb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/Brand-M.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/Brand-S.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/Brand-S.png"
new file mode 100644
index 0000000000000000000000000000000000000000..58be66619b712dfc4f84ce78cd074996cf41bf90
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/Brand-S.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/Brand.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/Brand.png"
new file mode 100644
index 0000000000000000000000000000000000000000..689e2207378f90a2b9ffdabb28df076593b63fc6
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/Brand.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/MiLogo.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/MiLogo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2f60f7778441704eefb8ae3fbcaead792d2c4cae
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/MiLogo.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/homeImg.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/homeImg.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ffce83a4437c101c1dd2271e95b944947417cae2
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/homeImg.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/miTitle.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/miTitle.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ed8691034a2c3206bf2e42d55d285e0a59d1a351
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/images/miTitle.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/index.html" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4b9dae8f387bc5f59dc6cf564ab9d0f45b1efc48
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/03_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225/index.html"
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+

+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..754d206286086960ae5453d04593cd27b11e0dbc
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.css"
@@ -0,0 +1,21 @@
+
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1533172187680'); /* IE9*/
+ src: url('iconfont.eot?t=1533172187680#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWoAAsAAAAACDwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7khYY21hcAAAAYAAAABnAAABnM9va7tnbHlmAAAB6AAAAb8AAAH89r3Qo2hlYWQAAAOoAAAALwAAADYSMDmsaGhlYQAAA9gAAAAcAAAAJAfeA4VobXR4AAAD9AAAABAAAAAQD+kAAGxvY2EAAAQEAAAACgAAAAoBdADAbWF4cAAABBAAAAAfAAAAIAETAF1uYW1lAAAEMAAAAUUAAAJtPlT+fXBvc3QAAAV4AAAAMAAAAEEW0Cg8eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sU4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzLYW7438AQw9zA0AAUZgTJAQAsBgzaeJzFkMENwCAIRT9iG9N0lB6bbuESPfXgAE7MGhbQixP4zRP4IWIAsAFg5VIiQB8Iplddcp9xuB/xaJ30BI1VspTWpsxE3pE8C/Yy7VgmWjd61un3PSrbdx3oFyV3bK9SOuAf86QSVwB4nE1QTWsTURS99z1nkjTJTDtfb77yMTM2L23TRx1nJog1QZBCxYXSVaEoLlwUaauIdGGRQhBcuHDnvgiu3HfRX+EvqOjKheBeRl8SEC+Xc8+9nMU5FxSAP1/pBXXBhD5cgztwHwDVNYw10sKIZ4KsoR0pNrM0yhMeVZJY0FvIYtVy0iLrMbWi6qhhG69HacEF4ZhnI3ITU6eF6AX+jrEcGvQ9Lri8/aa8S87Q7iShPlovtwdjK+2a1eOGYXiG8a6qKkqVkCu6hgfMqSm1BbX8qOi+fdFZIR1seNy/t9vsBsbjt9lha5nVEE9P0Qy62qfxkr8k+8R3TMOrLDarrt9Mrlp4/L3umo1W7xvIIjLrD/qBMnBhXaZMmcPaRNWJhkksnWfDERnGMs8ik2nSYsiGvCBcIH4Z39gUgw26slrXBgebctvbYN7ey/HWpNjfLyZbt19l5+H5o8qTYkJ+Mk8Mnp08F1q9vzpVvZ7K+3l2VF4e5rkQUnmE9tMsl56o9FTSS0qgDgwSADMaYdbjkYaWo8yQzS40mn58zh/Qh3YQ2L/PJNIXs2H/d5pz+eigH+AUfv1j5edwzkKAv8dbWOsAeJxjYGRgYADifSeeJ8fz23xl4GZhAIHrHVW3EfT/hywMzBJALgcDE0gUAGReC/IAeJxjYGRgYG7438AQw8IAAkCSkQEVsAAARwoCbQQAAAAD6QAABAAAAAQAAAAAAAAAAHYAwAD+AAB4nGNgZGBgYGEIZGBlAAEmIOYCQgaG/2A+AwAREgFxAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYGxgjM3MT0vMy0ztYg9PTUvPaU0n4EBAFjTB0c=') format('woff'),
+ url('iconfont.ttf?t=1533172187680') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ url('iconfont.svg?t=1533172187680#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family:"iconfont" !important;
+ font-size:16px;
+ font-style:normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-magnifier:before { content: "\e64d"; }
+
+.icon-gengduo:before { content: "\e66c"; }
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.eot" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..6a8ed58193566747bf585edb240c12652eae65bb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.eot" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.svg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..a0e6bfea129bf50ca649253544450aa4794257e1
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.svg"
@@ -0,0 +1,39 @@
+
+
+
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.ttf" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..a8ba8dfa15b3b0d7ac8fb550ccce39dc7106231a
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.ttf" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.woff" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..35df04852cf050d92cdda9f02608dec62ffcdb53
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/iconfont/iconfont.woff" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/mike.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/mike.css"
new file mode 100644
index 0000000000000000000000000000000000000000..fcc2a58f02f0fb4ae29bfc48b39c7282f36f697d
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/mike.css"
@@ -0,0 +1,230 @@
+/* 导航样式开始 */
+.nav{
+ width: 100%;
+ height: 66px;
+ background: #88c5e1;
+ border-bottom: 5px solid #54abd4;
+}
+
+.wrap{
+ /* mi:1226px 百分比: */
+ width: 87%;
+ margin: 0 auto;
+}
+
+.logo,.search,.nav-bar{
+ float: left;
+ height: 66px;
+}
+
+
+.text-input{
+ width: 100%;
+ height: 40px;
+ background-color: #f5f5f5;
+ border: 1px solid #f5f5f5;
+ box-sizing: border-box;
+ border-radius: 2px;
+ outline: none;
+ margin-top: 13px;
+ padding-left: 10px;
+ transition: all .2s;
+}
+
+.search button{
+ width: 40px;
+ height: 34px;
+ background-size: #f5f5f5;
+ color: #54abd4;
+ font-weight: 900;
+ position: absolute;
+ right: 2px;
+ top: 16px;
+}
+
+.text-input:hover{
+ background-color: #fff;
+ border-color: #54abd4;
+}
+
+.nav-bar>ul{
+ float: right;
+}
+
+.nav-bar ul li{
+ float: left;
+}
+
+/* 66 - 21 = 45 - 20 = 25 / 2 */
+.nav-bar ul li a{
+ color: #fff;
+ padding: 10px;
+ display: block;
+ margin-left: 8px;
+ margin-top: 12.5px;
+}
+
+.nav-bar-active{
+ border-bottom: 2px solid #fff;
+}
+
+.nav-bar a:hover{
+ border-bottom: 2px solid #fff;
+}
+
+/* 导航样式结束 */
+/* 登录样式开始 */
+.login{
+ width: 100%;
+ background-image: url("../images/homeImg.png");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ box-sizing: border-box;
+}
+
+.login-logo,.form{
+ float: left;
+}
+
+.form li{
+ float: left;
+}
+
+.form li a{
+ color: #fff;
+ padding: 10px 0 3px;
+ display: block;
+ margin-right: 15px;
+}
+
+.rem{
+ margin: 15px 0;
+ text-align: left;
+ color: #fff;
+ font-size: 12px;
+}
+
+.rem a{
+ float: right;
+ color: #fff;
+}
+
+.form button{
+ width: 100%;
+ height: 44px;
+ background-color: #88c5e1;
+ color: #fff;
+ font-size: 16px;
+ border-radius: 6px;
+ box-shadow: 0 8px #54abd4;
+}
+
+.form button:hover{
+ transform: translateY(3px);
+ box-shadow: 0 5px #54abd4;
+}
+
+/* 登录样式结束 */
+
+
+/******** 响应式设计 *********/
+/* PC端 */
+@media screen and (min-width:992px) {
+ .logo{
+ width: 25%;
+ background: url("../images/Brand.png") no-repeat left;
+ background-size: 183px;
+ }
+ .search{
+ width: 40%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 35%;
+ }
+ .btn{
+ display: none;
+ }
+ /* 登录 */
+ .login{
+ height: 460px;
+ padding-top: 75px;
+ }
+ .login-logo{
+ width: 70%;
+ }
+ .form{
+ width: 30%;
+ }
+}
+
+/* PAD端 */
+@media screen and (min-width:768px) and (max-width:992px){
+ .logo{
+ width: 18%;
+ background: url("../images/Brand-M.png") no-repeat left;
+ background-size: 86px;
+ }
+ .search{
+ width: 42%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 40%;
+ }
+ .btn{
+ display: none;
+ }
+ /* 登录 */
+ .login{
+ height: 338px;
+ padding-top: 30px;
+ }
+ .login-logo{
+ width: 57%;
+ }
+ .form{
+ width: 43%;
+ }
+}
+
+/* M端 */
+@media screen and (max-width:768px){
+ .logo{
+ width: 16%;
+ background: url("../images/Brand-S.png") no-repeat left;
+ background-size: 38px;
+ }
+ .search{
+ width: 68%;
+ position: relative;
+ }
+ .nav-bar{
+ display: none;
+ }
+ /* (43 - 22) / 2 */
+ .btn{
+ width: 43px;
+ height: 43px;
+ border: 1px solid #fff;
+ font-weight: 700;
+ line-height: 43px;
+ float: right;
+ color: #fff;
+ margin-top: 10.5px;
+ }
+ .btn i{
+ font-size: 20px;
+ }
+ /* 登录 */
+ .login{
+ height: 338px;
+ padding-top: 30px;
+ }
+ .login-logo{
+ display: none;
+ }
+ .form{
+ width: 100%;
+ }
+}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/reset.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..333c64859f506892c018dd062253248e1ddadd80
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;}
+li{ list-style: none;}
+a{text-decoration: none;}
+input,button,img{border: none}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-M.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-M.png"
new file mode 100644
index 0000000000000000000000000000000000000000..59c6df5a3497ae11829b3d559b8a97e2021dd2eb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-M.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-S.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-S.png"
new file mode 100644
index 0000000000000000000000000000000000000000..58be66619b712dfc4f84ce78cd074996cf41bf90
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand-S.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand.png"
new file mode 100644
index 0000000000000000000000000000000000000000..689e2207378f90a2b9ffdabb28df076593b63fc6
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/Brand.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/MiLogo.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/MiLogo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2f60f7778441704eefb8ae3fbcaead792d2c4cae
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/MiLogo.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/film.jpg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/film.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..86455f20f4b47de6f1477a697e88f6075c47f911
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/film.jpg" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/homeImg.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/homeImg.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ffce83a4437c101c1dd2271e95b944947417cae2
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/homeImg.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/miTitle.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/miTitle.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ed8691034a2c3206bf2e42d55d285e0a59d1a351
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/images/miTitle.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.html" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4b9dae8f387bc5f59dc6cf564ab9d0f45b1efc48
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/04_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\231\273\345\275\225\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.html"
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+

+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..754d206286086960ae5453d04593cd27b11e0dbc
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.css"
@@ -0,0 +1,21 @@
+
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1533172187680'); /* IE9*/
+ src: url('iconfont.eot?t=1533172187680#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWoAAsAAAAACDwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7khYY21hcAAAAYAAAABnAAABnM9va7tnbHlmAAAB6AAAAb8AAAH89r3Qo2hlYWQAAAOoAAAALwAAADYSMDmsaGhlYQAAA9gAAAAcAAAAJAfeA4VobXR4AAAD9AAAABAAAAAQD+kAAGxvY2EAAAQEAAAACgAAAAoBdADAbWF4cAAABBAAAAAfAAAAIAETAF1uYW1lAAAEMAAAAUUAAAJtPlT+fXBvc3QAAAV4AAAAMAAAAEEW0Cg8eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sU4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzLYW7438AQw9zA0AAUZgTJAQAsBgzaeJzFkMENwCAIRT9iG9N0lB6bbuESPfXgAE7MGhbQixP4zRP4IWIAsAFg5VIiQB8Iplddcp9xuB/xaJ30BI1VspTWpsxE3pE8C/Yy7VgmWjd61un3PSrbdx3oFyV3bK9SOuAf86QSVwB4nE1QTWsTURS99z1nkjTJTDtfb77yMTM2L23TRx1nJog1QZBCxYXSVaEoLlwUaauIdGGRQhBcuHDnvgiu3HfRX+EvqOjKheBeRl8SEC+Xc8+9nMU5FxSAP1/pBXXBhD5cgztwHwDVNYw10sKIZ4KsoR0pNrM0yhMeVZJY0FvIYtVy0iLrMbWi6qhhG69HacEF4ZhnI3ITU6eF6AX+jrEcGvQ9Lri8/aa8S87Q7iShPlovtwdjK+2a1eOGYXiG8a6qKkqVkCu6hgfMqSm1BbX8qOi+fdFZIR1seNy/t9vsBsbjt9lha5nVEE9P0Qy62qfxkr8k+8R3TMOrLDarrt9Mrlp4/L3umo1W7xvIIjLrD/qBMnBhXaZMmcPaRNWJhkksnWfDERnGMs8ik2nSYsiGvCBcIH4Z39gUgw26slrXBgebctvbYN7ey/HWpNjfLyZbt19l5+H5o8qTYkJ+Mk8Mnp08F1q9vzpVvZ7K+3l2VF4e5rkQUnmE9tMsl56o9FTSS0qgDgwSADMaYdbjkYaWo8yQzS40mn58zh/Qh3YQ2L/PJNIXs2H/d5pz+eigH+AUfv1j5edwzkKAv8dbWOsAeJxjYGRgYADifSeeJ8fz23xl4GZhAIHrHVW3EfT/hywMzBJALgcDE0gUAGReC/IAeJxjYGRgYG7438AQw8IAAkCSkQEVsAAARwoCbQQAAAAD6QAABAAAAAQAAAAAAAAAAHYAwAD+AAB4nGNgZGBgYGEIZGBlAAEmIOYCQgaG/2A+AwAREgFxAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYGxgjM3MT0vMy0ztYg9PTUvPaU0n4EBAFjTB0c=') format('woff'),
+ url('iconfont.ttf?t=1533172187680') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ url('iconfont.svg?t=1533172187680#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family:"iconfont" !important;
+ font-size:16px;
+ font-style:normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-magnifier:before { content: "\e64d"; }
+
+.icon-gengduo:before { content: "\e66c"; }
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.eot" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..6a8ed58193566747bf585edb240c12652eae65bb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.eot" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.svg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..a0e6bfea129bf50ca649253544450aa4794257e1
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.svg"
@@ -0,0 +1,39 @@
+
+
+
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.ttf" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..a8ba8dfa15b3b0d7ac8fb550ccce39dc7106231a
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.ttf" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.woff" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..35df04852cf050d92cdda9f02608dec62ffcdb53
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.woff" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/mike.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/mike.css"
new file mode 100644
index 0000000000000000000000000000000000000000..30772b51cc71e9a3d40e56a4eff00e67a4be1acf
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/mike.css"
@@ -0,0 +1,296 @@
+/* 导航样式开始 */
+.nav{
+ width: 100%;
+ height: 66px;
+ background: #88c5e1;
+ border-bottom: 5px solid #54abd4;
+}
+
+.wrap{
+ /* mi:1226px 百分比: */
+ width: 87%;
+ margin: 0 auto;
+}
+
+.logo,.search,.nav-bar{
+ float: left;
+ height: 66px;
+}
+
+
+.text-input{
+ width: 100%;
+ height: 40px;
+ background-color: #f5f5f5;
+ border: 1px solid #f5f5f5;
+ box-sizing: border-box;
+ border-radius: 2px;
+ outline: none;
+ margin-top: 13px;
+ padding-left: 10px;
+ transition: all .2s;
+}
+
+.search button{
+ width: 40px;
+ height: 34px;
+ background-size: #f5f5f5;
+ color: #54abd4;
+ font-weight: 900;
+ position: absolute;
+ right: 2px;
+ top: 16px;
+}
+
+.text-input:hover{
+ background-color: #fff;
+ border-color: #54abd4;
+}
+
+.nav-bar>ul{
+ float: right;
+}
+
+.nav-bar ul li{
+ float: left;
+}
+
+/* 66 - 21 = 45 - 20 = 25 / 2 */
+.nav-bar ul li a{
+ color: #fff;
+ padding: 10px;
+ display: block;
+ margin-left: 8px;
+ margin-top: 12.5px;
+}
+
+.nav-bar-active{
+ border-bottom: 2px solid #fff;
+}
+
+.nav-bar a:hover{
+ border-bottom: 2px solid #fff;
+}
+
+/* 导航样式结束 */
+/* 登录样式开始 */
+.login{
+ width: 100%;
+ background-image: url("../images/homeImg.png");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ box-sizing: border-box;
+}
+
+.login-logo,.form{
+ float: left;
+}
+
+.form li{
+ float: left;
+}
+
+.form li a{
+ color: #fff;
+ padding: 10px 0 3px;
+ display: block;
+ margin-right: 15px;
+}
+
+.rem{
+ margin: 15px 0;
+ text-align: left;
+ color: #fff;
+ font-size: 12px;
+}
+
+.rem a{
+ float: right;
+ color: #fff;
+}
+
+.form button{
+ width: 100%;
+ height: 44px;
+ background-color: #88c5e1;
+ color: #fff;
+ font-size: 16px;
+ border-radius: 6px;
+ box-shadow: 0 8px #54abd4;
+}
+
+.form button:hover{
+ transform: translateY(3px);
+ box-shadow: 0 5px #54abd4;
+}
+
+/* 登录样式结束 */
+/* 主体开始 */
+.content{
+ padding-top: 40px;
+}
+/* 主体结束 */
+/* 新课速度开始 */
+.new-course{
+ background-color: #fff;
+ margin-bottom: 20px;
+ box-shadow: 0 14px 10px -10px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ padding-bottom: 60px;
+}
+
+.container{
+ width: 93%;
+ margin: 0 auto;
+}
+
+.title{
+ font-weight: 400;
+ font-size: 18px;
+ text-align: left;
+ padding: 8px 0 8px 16px;
+ border-left: 3px solid #54abd4;
+ margin: 40px 0 36px;
+}
+
+.new-course-box>div{
+ width: 50%;
+ float: left;
+ padding: 10px;
+ box-sizing: border-box;
+}
+
+.new-course-box>div>div{
+ width: 100%;
+ height: 100%;
+ background-color: #f5f5f5;
+ border-radius: 0 0 4px 4px;
+ box-shadow: 1px 1px 2px #ddd;
+}
+
+.new-course-box img{
+ width: 100%;
+}
+
+.new-course-box p{
+ color: #999;
+ line-height: 80px;
+}
+
+/* 新课速度结束 */
+
+
+/******** 响应式设计 *********/
+/* PC端 */
+@media screen and (min-width:992px) {
+ .logo{
+ width: 25%;
+ background: url("../images/Brand.png") no-repeat left;
+ background-size: 183px;
+ }
+ .search{
+ width: 40%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 35%;
+ }
+ .btn{
+ display: none;
+ }
+ /* 登录 */
+ .login{
+ height: 460px;
+ padding-top: 75px;
+ }
+ .login-logo{
+ width: 70%;
+ }
+ .form{
+ width: 30%;
+ }
+ /* 新课速递 */
+ .new-course{
+ width: 64%;
+ }
+
+}
+
+/* PAD端 */
+@media screen and (min-width:768px) and (max-width:992px){
+ .logo{
+ width: 18%;
+ background: url("../images/Brand-M.png") no-repeat left;
+ background-size: 86px;
+ }
+ .search{
+ width: 42%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 40%;
+ }
+ .btn{
+ display: none;
+ }
+ /* 登录 */
+ .login{
+ height: 338px;
+ padding-top: 30px;
+ }
+ .login-logo{
+ width: 57%;
+ }
+ .form{
+ width: 43%;
+ }
+ /* 新课速递 */
+ .new-course{
+ width: 100%;
+ }
+}
+
+/* M端 */
+@media screen and (max-width:768px){
+ .logo{
+ width: 16%;
+ background: url("../images/Brand-S.png") no-repeat left;
+ background-size: 38px;
+ }
+ .search{
+ width: 68%;
+ position: relative;
+ }
+ .nav-bar{
+ display: none;
+ }
+ /* (43 - 22) / 2 */
+ .btn{
+ width: 43px;
+ height: 43px;
+ border: 1px solid #fff;
+ font-weight: 700;
+ line-height: 43px;
+ float: right;
+ color: #fff;
+ margin-top: 10.5px;
+ }
+ .btn i{
+ font-size: 20px;
+ }
+ /* 登录 */
+ .login{
+ height: 338px;
+ padding-top: 30px;
+ }
+ .login-logo{
+ display: none;
+ }
+ .form{
+ width: 100%;
+ }
+ /* 新课速递 */
+ .new-course{
+ width: 100%;
+ }
+}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/reset.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..333c64859f506892c018dd062253248e1ddadd80
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;}
+li{ list-style: none;}
+a{text-decoration: none;}
+input,button,img{border: none}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-M.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-M.png"
new file mode 100644
index 0000000000000000000000000000000000000000..59c6df5a3497ae11829b3d559b8a97e2021dd2eb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-M.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-S.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-S.png"
new file mode 100644
index 0000000000000000000000000000000000000000..58be66619b712dfc4f84ce78cd074996cf41bf90
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-S.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand.png"
new file mode 100644
index 0000000000000000000000000000000000000000..689e2207378f90a2b9ffdabb28df076593b63fc6
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/MiLogo.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/MiLogo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2f60f7778441704eefb8ae3fbcaead792d2c4cae
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/MiLogo.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/film.jpg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/film.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..86455f20f4b47de6f1477a697e88f6075c47f911
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/film.jpg" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/homeImg.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/homeImg.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ffce83a4437c101c1dd2271e95b944947417cae2
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/homeImg.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/miTitle.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/miTitle.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ed8691034a2c3206bf2e42d55d285e0a59d1a351
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/images/miTitle.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/index.html" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..018bd10369c57f352cba233e4dbd27b0e0700b2d
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/05_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\346\226\260\350\257\276\351\200\237\351\200\222\344\270\216\345\223\215\345\272\224\345\274\217/index.html"
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+

+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..754d206286086960ae5453d04593cd27b11e0dbc
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.css"
@@ -0,0 +1,21 @@
+
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1533172187680'); /* IE9*/
+ src: url('iconfont.eot?t=1533172187680#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWoAAsAAAAACDwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7khYY21hcAAAAYAAAABnAAABnM9va7tnbHlmAAAB6AAAAb8AAAH89r3Qo2hlYWQAAAOoAAAALwAAADYSMDmsaGhlYQAAA9gAAAAcAAAAJAfeA4VobXR4AAAD9AAAABAAAAAQD+kAAGxvY2EAAAQEAAAACgAAAAoBdADAbWF4cAAABBAAAAAfAAAAIAETAF1uYW1lAAAEMAAAAUUAAAJtPlT+fXBvc3QAAAV4AAAAMAAAAEEW0Cg8eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sU4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzLYW7438AQw9zA0AAUZgTJAQAsBgzaeJzFkMENwCAIRT9iG9N0lB6bbuESPfXgAE7MGhbQixP4zRP4IWIAsAFg5VIiQB8Iplddcp9xuB/xaJ30BI1VspTWpsxE3pE8C/Yy7VgmWjd61un3PSrbdx3oFyV3bK9SOuAf86QSVwB4nE1QTWsTURS99z1nkjTJTDtfb77yMTM2L23TRx1nJog1QZBCxYXSVaEoLlwUaauIdGGRQhBcuHDnvgiu3HfRX+EvqOjKheBeRl8SEC+Xc8+9nMU5FxSAP1/pBXXBhD5cgztwHwDVNYw10sKIZ4KsoR0pNrM0yhMeVZJY0FvIYtVy0iLrMbWi6qhhG69HacEF4ZhnI3ITU6eF6AX+jrEcGvQ9Lri8/aa8S87Q7iShPlovtwdjK+2a1eOGYXiG8a6qKkqVkCu6hgfMqSm1BbX8qOi+fdFZIR1seNy/t9vsBsbjt9lha5nVEE9P0Qy62qfxkr8k+8R3TMOrLDarrt9Mrlp4/L3umo1W7xvIIjLrD/qBMnBhXaZMmcPaRNWJhkksnWfDERnGMs8ik2nSYsiGvCBcIH4Z39gUgw26slrXBgebctvbYN7ey/HWpNjfLyZbt19l5+H5o8qTYkJ+Mk8Mnp08F1q9vzpVvZ7K+3l2VF4e5rkQUnmE9tMsl56o9FTSS0qgDgwSADMaYdbjkYaWo8yQzS40mn58zh/Qh3YQ2L/PJNIXs2H/d5pz+eigH+AUfv1j5edwzkKAv8dbWOsAeJxjYGRgYADifSeeJ8fz23xl4GZhAIHrHVW3EfT/hywMzBJALgcDE0gUAGReC/IAeJxjYGRgYG7438AQw8IAAkCSkQEVsAAARwoCbQQAAAAD6QAABAAAAAQAAAAAAAAAAHYAwAD+AAB4nGNgZGBgYGEIZGBlAAEmIOYCQgaG/2A+AwAREgFxAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYGxgjM3MT0vMy0ztYg9PTUvPaU0n4EBAFjTB0c=') format('woff'),
+ url('iconfont.ttf?t=1533172187680') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ url('iconfont.svg?t=1533172187680#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family:"iconfont" !important;
+ font-size:16px;
+ font-style:normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-magnifier:before { content: "\e64d"; }
+
+.icon-gengduo:before { content: "\e66c"; }
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.eot" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..6a8ed58193566747bf585edb240c12652eae65bb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.eot" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.svg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..a0e6bfea129bf50ca649253544450aa4794257e1
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.svg"
@@ -0,0 +1,39 @@
+
+
+
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.ttf" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..a8ba8dfa15b3b0d7ac8fb550ccce39dc7106231a
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.ttf" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.woff" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..35df04852cf050d92cdda9f02608dec62ffcdb53
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/iconfont/iconfont.woff" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/mike.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/mike.css"
new file mode 100644
index 0000000000000000000000000000000000000000..58d69c57a743d54fe1ff6c12a5ba0354e15e2b14
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/mike.css"
@@ -0,0 +1,392 @@
+/* 导航样式开始 */
+.nav{
+ width: 100%;
+ height: 66px;
+ background: #88c5e1;
+ border-bottom: 5px solid #54abd4;
+}
+
+.wrap{
+ /* mi:1226px 百分比: */
+ width: 87%;
+ margin: 0 auto;
+}
+
+.logo,.search,.nav-bar{
+ float: left;
+ height: 66px;
+}
+
+
+.text-input{
+ width: 100%;
+ height: 40px;
+ background-color: #f5f5f5;
+ border: 1px solid #f5f5f5;
+ box-sizing: border-box;
+ border-radius: 2px;
+ outline: none;
+ margin-top: 13px;
+ padding-left: 10px;
+ transition: all .2s;
+}
+
+.search button{
+ width: 40px;
+ height: 34px;
+ background-size: #f5f5f5;
+ color: #54abd4;
+ font-weight: 900;
+ position: absolute;
+ right: 2px;
+ top: 16px;
+}
+
+.text-input:hover{
+ background-color: #fff;
+ border-color: #54abd4;
+}
+
+.nav-bar>ul{
+ float: right;
+}
+
+.nav-bar ul li{
+ float: left;
+}
+
+/* 66 - 21 = 45 - 20 = 25 / 2 */
+.nav-bar ul li a{
+ color: #fff;
+ padding: 10px;
+ display: block;
+ margin-left: 8px;
+ margin-top: 12.5px;
+}
+
+.nav-bar-active{
+ border-bottom: 2px solid #fff;
+}
+
+.nav-bar a:hover{
+ border-bottom: 2px solid #fff;
+}
+
+/* 导航样式结束 */
+/* 登录样式开始 */
+.login{
+ width: 100%;
+ background-image: url("../images/homeImg.png");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ box-sizing: border-box;
+}
+
+.login-logo,.form{
+ float: left;
+}
+
+.form li{
+ float: left;
+}
+
+.form li a{
+ color: #fff;
+ padding: 10px 0 3px;
+ display: block;
+ margin-right: 15px;
+}
+
+.rem{
+ margin: 15px 0;
+ text-align: left;
+ color: #fff;
+ font-size: 12px;
+}
+
+.rem a{
+ float: right;
+ color: #fff;
+}
+
+.form button{
+ width: 100%;
+ height: 44px;
+ background-color: #88c5e1;
+ color: #fff;
+ font-size: 16px;
+ border-radius: 6px;
+ box-shadow: 0 8px #54abd4;
+}
+
+.form button:hover{
+ transform: translateY(3px);
+ box-shadow: 0 5px #54abd4;
+}
+
+/* 登录样式结束 */
+/* 主体开始 */
+.content{
+ padding-top: 40px;
+}
+/* 主体结束 */
+/* 新课速度开始 */
+.new-course{
+ background-color: #fff;
+ margin-bottom: 20px;
+ box-shadow: 0 14px 10px -10px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ padding-bottom: 60px;
+}
+
+.container{
+ width: 93%;
+ margin: 0 auto;
+}
+
+.title{
+ font-weight: 400;
+ font-size: 18px;
+ text-align: left;
+ padding: 8px 0 8px 16px;
+ border-left: 3px solid #54abd4;
+ margin: 40px 0 36px;
+}
+
+.new-course-box>div{
+ width: 50%;
+ float: left;
+ padding: 10px;
+ box-sizing: border-box;
+}
+
+.new-course-box>div>div{
+ width: 100%;
+ height: 100%;
+ background-color: #f5f5f5;
+ border-radius: 0 0 4px 4px;
+ box-shadow: 1px 1px 2px #ddd;
+}
+
+.new-course-box img{
+ width: 100%;
+}
+
+.new-course-box p{
+ color: #999;
+ line-height: 80px;
+}
+
+/* 新课速度结束 */
+/* 热门课程榜开始 */
+.hot-course{
+ background-color: #fff;
+ margin-bottom: 20px;
+ box-shadow: 0 14px 10px -10px rgb(0 0 0 / 10%);
+ overflow: hidden;
+ padding-bottom: 60px;
+}
+
+.hot-course-box>div {
+ float: left;
+ padding: 5px;
+ box-sizing: border-box;
+}
+
+.hot-course-box>div>div {
+ width: 100%;
+ height: 100%;
+ background-color: #f5f5f5;
+ padding: 52px 16px;
+ box-sizing: border-box;
+}
+
+.goods-img {
+ width: 46px;
+}
+
+.name {
+ display: block;
+ color: #333;
+ font-size: 18px;
+ font-weight: 700;
+ margin-top: 3px;
+ height: 24px;
+ line-height: 24px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.message {
+ margin-top: 15px;
+}
+
+.link {
+ display: inline-block;
+ color: #fff;
+ font-size: 14px;
+ border-radius: 4px;
+ background-color: #88c5e1;
+ padding: 3px 5px;
+ margin: 0 4px 4px 0;
+}
+
+.score {
+ margin: 10px 0 5px;
+ color: #f8ce38;
+ font-size: 12px;
+}
+
+.score>img {
+ width: 12px;
+ position: relative;
+ top: 2px;
+}
+
+.comment {
+ color: #7d7d7d;
+ font-size: 12px;
+}
+
+.comment>a {
+ color: #7d7d7d;
+}
+
+/* 热门课程榜结束 */
+
+/******** 响应式设计 *********/
+/* PC端 */
+@media screen and (min-width:992px) {
+ .logo{
+ width: 25%;
+ background: url("../images/Brand.png") no-repeat left;
+ background-size: 183px;
+ }
+ .search{
+ width: 40%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 35%;
+ }
+ .btn{
+ display: none;
+ }
+ /* 登录 */
+ .login{
+ height: 460px;
+ padding-top: 75px;
+ }
+ .login-logo{
+ width: 70%;
+ }
+ .form{
+ width: 30%;
+ }
+ /* 新课速递 */
+ .new-course{
+ width: 64%;
+ }
+ /* 热门课程榜 */
+ .hot-course{
+ width: 64%;
+ }
+ .hot-course-box>div {
+ width: 33%;
+ }
+
+}
+
+/* PAD端 */
+@media screen and (min-width:768px) and (max-width:992px){
+ .logo{
+ width: 18%;
+ background: url("../images/Brand-M.png") no-repeat left;
+ background-size: 86px;
+ }
+ .search{
+ width: 42%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 40%;
+ }
+ .btn{
+ display: none;
+ }
+ /* 登录 */
+ .login{
+ height: 338px;
+ padding-top: 30px;
+ }
+ .login-logo{
+ width: 57%;
+ }
+ .form{
+ width: 43%;
+ }
+ /* 新课速递 */
+ .new-course{
+ width: 100%;
+ }
+ /* 热门课程榜 */
+ .hot-course{
+ width: 100%;
+ }
+ .hot-course-box>div {
+ width: 50%;
+ }
+}
+
+/* M端 */
+@media screen and (max-width:768px){
+ .logo{
+ width: 16%;
+ background: url("../images/Brand-S.png") no-repeat left;
+ background-size: 38px;
+ }
+ .search{
+ width: 68%;
+ position: relative;
+ }
+ .nav-bar{
+ display: none;
+ }
+ /* (43 - 22) / 2 */
+ .btn{
+ width: 43px;
+ height: 43px;
+ border: 1px solid #fff;
+ font-weight: 700;
+ line-height: 43px;
+ float: right;
+ color: #fff;
+ margin-top: 10.5px;
+ }
+ .btn i{
+ font-size: 20px;
+ }
+ /* 登录 */
+ .login{
+ height: 338px;
+ padding-top: 30px;
+ }
+ .login-logo{
+ display: none;
+ }
+ .form{
+ width: 100%;
+ }
+ /* 新课速递 */
+ .new-course{
+ width: 100%;
+ }
+ /* 热门课程榜 */
+ .hot-course{
+ width: 100%;
+ }
+ .hot-course-box>div {
+ width: 100%;
+ }
+}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/reset.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..333c64859f506892c018dd062253248e1ddadd80
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;}
+li{ list-style: none;}
+a{text-decoration: none;}
+input,button,img{border: none}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-M.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-M.png"
new file mode 100644
index 0000000000000000000000000000000000000000..59c6df5a3497ae11829b3d559b8a97e2021dd2eb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-M.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-S.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-S.png"
new file mode 100644
index 0000000000000000000000000000000000000000..58be66619b712dfc4f84ce78cd074996cf41bf90
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand-S.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand.png"
new file mode 100644
index 0000000000000000000000000000000000000000..689e2207378f90a2b9ffdabb28df076593b63fc6
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/Brand.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/MiLogo.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/MiLogo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2f60f7778441704eefb8ae3fbcaead792d2c4cae
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/MiLogo.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/film.jpg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/film.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..86455f20f4b47de6f1477a697e88f6075c47f911
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/film.jpg" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/homeImg.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/homeImg.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ffce83a4437c101c1dd2271e95b944947417cae2
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/homeImg.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/miTitle.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/miTitle.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ed8691034a2c3206bf2e42d55d285e0a59d1a351
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/miTitle.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/music.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/music.png"
new file mode 100644
index 0000000000000000000000000000000000000000..17e41fff01ddf4636d018eef6e20bb4b134f14db
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/music.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/star.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/star.png"
new file mode 100644
index 0000000000000000000000000000000000000000..0894287d59220fbd350b5714a50f8c225662d1a5
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/images/star.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/index.html" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b3be23fb9f4365be43bd02718b792665420e9ab8
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/06_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\350\257\276\347\250\213\346\246\234\345\215\225\344\270\216\345\223\215\345\272\224\345\274\217/index.html"
@@ -0,0 +1,239 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+

+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..754d206286086960ae5453d04593cd27b11e0dbc
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.css"
@@ -0,0 +1,21 @@
+
+@font-face {font-family: "iconfont";
+ src: url('iconfont.eot?t=1533172187680'); /* IE9*/
+ src: url('iconfont.eot?t=1533172187680#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWoAAsAAAAACDwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7khYY21hcAAAAYAAAABnAAABnM9va7tnbHlmAAAB6AAAAb8AAAH89r3Qo2hlYWQAAAOoAAAALwAAADYSMDmsaGhlYQAAA9gAAAAcAAAAJAfeA4VobXR4AAAD9AAAABAAAAAQD+kAAGxvY2EAAAQEAAAACgAAAAoBdADAbWF4cAAABBAAAAAfAAAAIAETAF1uYW1lAAAEMAAAAUUAAAJtPlT+fXBvc3QAAAV4AAAAMAAAAEEW0Cg8eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sU4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzLYW7438AQw9zA0AAUZgTJAQAsBgzaeJzFkMENwCAIRT9iG9N0lB6bbuESPfXgAE7MGhbQixP4zRP4IWIAsAFg5VIiQB8Iplddcp9xuB/xaJ30BI1VspTWpsxE3pE8C/Yy7VgmWjd61un3PSrbdx3oFyV3bK9SOuAf86QSVwB4nE1QTWsTURS99z1nkjTJTDtfb77yMTM2L23TRx1nJog1QZBCxYXSVaEoLlwUaauIdGGRQhBcuHDnvgiu3HfRX+EvqOjKheBeRl8SEC+Xc8+9nMU5FxSAP1/pBXXBhD5cgztwHwDVNYw10sKIZ4KsoR0pNrM0yhMeVZJY0FvIYtVy0iLrMbWi6qhhG69HacEF4ZhnI3ITU6eF6AX+jrEcGvQ9Lri8/aa8S87Q7iShPlovtwdjK+2a1eOGYXiG8a6qKkqVkCu6hgfMqSm1BbX8qOi+fdFZIR1seNy/t9vsBsbjt9lha5nVEE9P0Qy62qfxkr8k+8R3TMOrLDarrt9Mrlp4/L3umo1W7xvIIjLrD/qBMnBhXaZMmcPaRNWJhkksnWfDERnGMs8ik2nSYsiGvCBcIH4Z39gUgw26slrXBgebctvbYN7ey/HWpNjfLyZbt19l5+H5o8qTYkJ+Mk8Mnp08F1q9vzpVvZ7K+3l2VF4e5rkQUnmE9tMsl56o9FTSS0qgDgwSADMaYdbjkYaWo8yQzS40mn58zh/Qh3YQ2L/PJNIXs2H/d5pz+eigH+AUfv1j5edwzkKAv8dbWOsAeJxjYGRgYADifSeeJ8fz23xl4GZhAIHrHVW3EfT/hywMzBJALgcDE0gUAGReC/IAeJxjYGRgYG7438AQw8IAAkCSkQEVsAAARwoCbQQAAAAD6QAABAAAAAQAAAAAAAAAAHYAwAD+AAB4nGNgZGBgYGEIZGBlAAEmIOYCQgaG/2A+AwAREgFxAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYGxgjM3MT0vMy0ztYg9PTUvPaU0n4EBAFjTB0c=') format('woff'),
+ url('iconfont.ttf?t=1533172187680') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ url('iconfont.svg?t=1533172187680#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+ font-family:"iconfont" !important;
+ font-size:16px;
+ font-style:normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-magnifier:before { content: "\e64d"; }
+
+.icon-gengduo:before { content: "\e66c"; }
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.eot" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.eot"
new file mode 100644
index 0000000000000000000000000000000000000000..6a8ed58193566747bf585edb240c12652eae65bb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.eot" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.svg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..a0e6bfea129bf50ca649253544450aa4794257e1
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.svg"
@@ -0,0 +1,39 @@
+
+
+
+
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.ttf" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..a8ba8dfa15b3b0d7ac8fb550ccce39dc7106231a
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.ttf" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.woff" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..35df04852cf050d92cdda9f02608dec62ffcdb53
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/iconfont/iconfont.woff" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/mike.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/mike.css"
new file mode 100644
index 0000000000000000000000000000000000000000..7ad55dd6b37a5f0ac4ba29535e4146f55434d99a
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/mike.css"
@@ -0,0 +1,420 @@
+/* 导航样式开始 */
+.nav{
+ width: 100%;
+ height: 66px;
+ background: #88c5e1;
+ border-bottom: 5px solid #54abd4;
+}
+
+.wrap{
+ /* mi:1226px 百分比: */
+ width: 87%;
+ margin: 0 auto;
+ position: relative;
+}
+
+.logo,.search,.nav-bar{
+ float: left;
+ height: 66px;
+}
+
+
+.text-input{
+ width: 100%;
+ height: 40px;
+ background-color: #f5f5f5;
+ border: 1px solid #f5f5f5;
+ box-sizing: border-box;
+ border-radius: 2px;
+ outline: none;
+ margin-top: 13px;
+ padding-left: 10px;
+ transition: all .2s;
+}
+
+.search button{
+ width: 40px;
+ height: 34px;
+ background-size: #f5f5f5;
+ color: #54abd4;
+ font-weight: 900;
+ position: absolute;
+ right: 2px;
+ top: 16px;
+}
+
+.text-input:hover{
+ background-color: #fff;
+ border-color: #54abd4;
+}
+
+.nav-bar>ul{
+ float: right;
+}
+
+.nav-bar ul li{
+ float: left;
+}
+
+/* 66 - 21 = 45 - 20 = 25 / 2 */
+.nav-bar ul li a{
+ color: #fff;
+ padding: 10px;
+ display: block;
+ margin-left: 8px;
+ margin-top: 12.5px;
+}
+
+.nav-bar-active{
+ border-bottom: 2px solid #fff;
+}
+
+.nav-bar a:hover{
+ border-bottom: 2px solid #fff;
+}
+
+/* 导航样式结束 */
+/* 登录样式开始 */
+.login{
+ width: 100%;
+ background-image: url("../images/homeImg.png");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ box-sizing: border-box;
+}
+
+.login-logo,.form{
+ float: left;
+}
+
+.form li{
+ float: left;
+}
+
+.form li a{
+ color: #fff;
+ padding: 10px 0 3px;
+ display: block;
+ margin-right: 15px;
+}
+
+.rem{
+ margin: 15px 0;
+ text-align: left;
+ color: #fff;
+ font-size: 12px;
+}
+
+.rem a{
+ float: right;
+ color: #fff;
+}
+
+.form button{
+ width: 100%;
+ height: 44px;
+ background-color: #88c5e1;
+ color: #fff;
+ font-size: 16px;
+ border-radius: 6px;
+ box-shadow: 0 8px #54abd4;
+}
+
+.form button:hover{
+ transform: translateY(3px);
+ box-shadow: 0 5px #54abd4;
+}
+
+/* 登录样式结束 */
+/* 主体开始 */
+.content{
+ padding-top: 40px;
+}
+/* 主体结束 */
+/* 新课速度开始 */
+.new-course{
+ background-color: #fff;
+ margin-bottom: 20px;
+ box-shadow: 0 14px 10px -10px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ padding-bottom: 60px;
+}
+
+.container{
+ width: 93%;
+ margin: 0 auto;
+}
+
+.title{
+ font-weight: 400;
+ font-size: 18px;
+ text-align: left;
+ padding: 8px 0 8px 16px;
+ border-left: 3px solid #54abd4;
+ margin: 40px 0 36px;
+}
+
+.new-course-box>div{
+ width: 50%;
+ float: left;
+ padding: 10px;
+ box-sizing: border-box;
+}
+
+.new-course-box>div>div{
+ width: 100%;
+ height: 100%;
+ background-color: #f5f5f5;
+ border-radius: 0 0 4px 4px;
+ box-shadow: 1px 1px 2px #ddd;
+}
+
+.new-course-box img{
+ width: 100%;
+}
+
+.new-course-box p{
+ color: #999;
+ line-height: 80px;
+}
+
+/* 新课速度结束 */
+/* 热门课程榜开始 */
+.hot-course{
+ background-color: #fff;
+ margin-bottom: 20px;
+ box-shadow: 0 14px 10px -10px rgb(0 0 0 / 10%);
+ overflow: hidden;
+ padding-bottom: 60px;
+}
+
+.hot-course-box>div {
+ float: left;
+ padding: 5px;
+ box-sizing: border-box;
+}
+
+.hot-course-box>div>div {
+ width: 100%;
+ height: 100%;
+ background-color: #f5f5f5;
+ padding: 52px 16px;
+ box-sizing: border-box;
+}
+
+.goods-img {
+ width: 46px;
+}
+
+.name {
+ display: block;
+ color: #333;
+ font-size: 18px;
+ font-weight: 700;
+ margin-top: 3px;
+ height: 24px;
+ line-height: 24px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.message {
+ margin-top: 15px;
+}
+
+.link {
+ display: inline-block;
+ color: #fff;
+ font-size: 14px;
+ border-radius: 4px;
+ background-color: #88c5e1;
+ padding: 3px 5px;
+ margin: 0 4px 4px 0;
+}
+
+.score {
+ margin: 10px 0 5px;
+ color: #f8ce38;
+ font-size: 12px;
+}
+
+.score>img {
+ width: 12px;
+ position: relative;
+ top: 2px;
+}
+
+.comment {
+ color: #7d7d7d;
+ font-size: 12px;
+}
+
+.comment>a {
+ color: #7d7d7d;
+}
+
+/* 热门课程榜结束 */
+
+/* 热门标签样式开始 */
+.hot-tag-box{
+ text-align: left;
+ margin-bottom: 18px;
+}
+.hot-tag-box h5{
+ font-weight: 400;
+ color: #666;
+ padding: 8px 0 16px;
+}
+/* 热门标签样式结束 */
+
+/******** 响应式设计 *********/
+/* PC端 */
+@media screen and (min-width:992px) {
+ .logo{
+ width: 25%;
+ background: url("../images/Brand.png") no-repeat left;
+ background-size: 183px;
+ }
+ .search{
+ width: 40%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 35%;
+ }
+ .btn{
+ display: none;
+ }
+ /* 登录 */
+ .login{
+ height: 460px;
+ padding-top: 75px;
+ }
+ .login-logo{
+ width: 70%;
+ }
+ .form{
+ width: 30%;
+ }
+ /* 新课速递 */
+ .new-course{
+ width: 64%;
+ }
+ /* 热门课程榜 */
+ .hot-course{
+ width: 64%;
+ }
+ .hot-course-box>div {
+ width: 33%;
+ }
+
+ .hot-tag {
+ width: 31%;
+ position: absolute;
+ top: 0;
+ right: 0;
+ }
+
+}
+
+/* PAD端 */
+@media screen and (min-width:768px) and (max-width:992px){
+ .logo{
+ width: 18%;
+ background: url("../images/Brand-M.png") no-repeat left;
+ background-size: 86px;
+ }
+ .search{
+ width: 42%;
+ position: relative;
+ }
+ .nav-bar{
+ width: 40%;
+ }
+ .btn{
+ display: none;
+ }
+ /* 登录 */
+ .login{
+ height: 338px;
+ padding-top: 30px;
+ }
+ .login-logo{
+ width: 57%;
+ }
+ .form{
+ width: 43%;
+ }
+ /* 新课速递 */
+ .new-course{
+ width: 100%;
+ }
+ /* 热门课程榜 */
+ .hot-course{
+ width: 100%;
+ }
+ .hot-course-box>div {
+ width: 50%;
+ }
+
+ .hot-tag {
+ width: 100%;
+ }
+}
+
+/* M端 */
+@media screen and (max-width:768px){
+ .logo{
+ width: 16%;
+ background: url("../images/Brand-S.png") no-repeat left;
+ background-size: 38px;
+ }
+ .search{
+ width: 68%;
+ position: relative;
+ }
+ .nav-bar{
+ display: none;
+ }
+ /* (43 - 22) / 2 */
+ .btn{
+ width: 43px;
+ height: 43px;
+ border: 1px solid #fff;
+ font-weight: 700;
+ line-height: 43px;
+ float: right;
+ color: #fff;
+ margin-top: 10.5px;
+ }
+ .btn i{
+ font-size: 20px;
+ }
+ /* 登录 */
+ .login{
+ height: 338px;
+ padding-top: 30px;
+ }
+ .login-logo{
+ display: none;
+ }
+ .form{
+ width: 100%;
+ }
+ /* 新课速递 */
+ .new-course{
+ width: 100%;
+ }
+ /* 热门课程榜 */
+ .hot-course{
+ width: 100%;
+ }
+ .hot-course-box>div {
+ width: 100%;
+ }
+
+ .hot-tag {
+ width: 100%;
+ }
+}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/reset.css" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/reset.css"
new file mode 100644
index 0000000000000000000000000000000000000000..333c64859f506892c018dd062253248e1ddadd80
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/css/reset.css"
@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;}
+li{ list-style: none;}
+a{text-decoration: none;}
+input,button,img{border: none}
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/Brand-M.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/Brand-M.png"
new file mode 100644
index 0000000000000000000000000000000000000000..59c6df5a3497ae11829b3d559b8a97e2021dd2eb
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/Brand-M.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/Brand-S.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/Brand-S.png"
new file mode 100644
index 0000000000000000000000000000000000000000..58be66619b712dfc4f84ce78cd074996cf41bf90
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/Brand-S.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/Brand.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/Brand.png"
new file mode 100644
index 0000000000000000000000000000000000000000..689e2207378f90a2b9ffdabb28df076593b63fc6
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/Brand.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/MiLogo.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/MiLogo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2f60f7778441704eefb8ae3fbcaead792d2c4cae
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/MiLogo.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/film.jpg" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/film.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..86455f20f4b47de6f1477a697e88f6075c47f911
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/film.jpg" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/homeImg.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/homeImg.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ffce83a4437c101c1dd2271e95b944947417cae2
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/homeImg.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/miTitle.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/miTitle.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ed8691034a2c3206bf2e42d55d285e0a59d1a351
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/miTitle.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/music.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/music.png"
new file mode 100644
index 0000000000000000000000000000000000000000..17e41fff01ddf4636d018eef6e20bb4b134f14db
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/music.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/star.png" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/star.png"
new file mode 100644
index 0000000000000000000000000000000000000000..0894287d59220fbd350b5714a50f8c225662d1a5
Binary files /dev/null and "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/images/star.png" differ
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/index.html" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e33d592ae97b7da0c4edc45dff9f761ca638e161
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/07_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256_\347\203\255\351\227\250\346\240\207\347\255\276/index.html"
@@ -0,0 +1,282 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+

+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/14.\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256.pdf" "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/14.\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256.pdf"
new file mode 100644
index 0000000000000000000000000000000000000000..1b1da68399fa8c0db1fb0f00f1b951e364e52863
--- /dev/null
+++ "b/css/48_\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256/14.\345\223\215\345\272\224\345\274\217\351\241\271\347\233\256.pdf"
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6e54d1a178be18e7c5aaefb285f03c83366888ee9b8861ae919b98fe68d52546
+size 4177594
diff --git a/css/grid.css b/css/grid.css
new file mode 100644
index 0000000000000000000000000000000000000000..5a86545882c3701d6b7105213697062930b6a344
--- /dev/null
+++ b/css/grid.css
@@ -0,0 +1,285 @@
+
+.container{
+ margin: 0 15%;
+}
+
+.container-fluid{
+ width: 100%;
+}
+
+.col-xs-1,
+.col-sm-1,
+.col-md-1,
+.col-lg-1,
+.col-xs-2,
+.col-sm-2,
+.col-md-2,
+.col-lg-2,
+.col-xs-3,
+.col-sm-3,
+.col-md-3,
+.col-lg-3,
+.col-xs-4,
+.col-sm-4,
+.col-md-4,
+.col-lg-4,
+.col-xs-5,
+.col-sm-5,
+.col-md-5,
+.col-lg-5,
+.col-xs-6,
+.col-sm-6,
+.col-md-6,
+.col-lg-6,
+.col-xs-7,
+.col-sm-7,
+.col-md-7,
+.col-lg-7,
+.col-xs-8,
+.col-sm-8,
+.col-md-8,
+.col-lg-8,
+.col-xs-9,
+.col-sm-9,
+.col-md-9,
+.col-lg-9,
+.col-xs-10,
+.col-sm-10,
+.col-md-10,
+.col-lg-10,
+.col-xs-11,
+.col-sm-11,
+.col-md-11,
+.col-lg-11,
+.col-xs-12,
+.col-sm-12,
+.col-md-12,
+.col-lg-12 {
+ position: relative;
+ min-height: 1px;
+ padding-right: 15px;
+ padding-left: 15px;
+ box-sizing: border-box;
+}
+
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12 {
+ float: left;
+}
+
+.col-xs-12 {
+ width: 100%;
+}
+
+.col-xs-11 {
+ width: 91.66666667%;
+}
+
+.col-xs-10 {
+ width: 83.33333333%;
+}
+
+.col-xs-9 {
+ width: 75%;
+}
+
+.col-xs-8 {
+ width: 66.66666667%;
+}
+
+.col-xs-7 {
+ width: 58.33333333%;
+}
+
+.col-xs-6 {
+ width: 50%;
+}
+
+.col-xs-5 {
+ width: 41.66666667%;
+}
+
+.col-xs-4 {
+ width: 33.33333333%;
+}
+
+.col-xs-3 {
+ width: 25%;
+}
+
+.col-xs-2 {
+ width: 16.66666667%;
+}
+
+.col-xs-1 {
+ width: 8.33333333%;
+}
+
+@media (min-width: 768px) {
+ .col-sm-1,
+ .col-sm-2,
+ .col-sm-3,
+ .col-sm-4,
+ .col-sm-5,
+ .col-sm-6,
+ .col-sm-7,
+ .col-sm-8,
+ .col-sm-9,
+ .col-sm-10,
+ .col-sm-11,
+ .col-sm-12 {
+ float: left;
+ }
+ .col-sm-12 {
+ width: 100%;
+ }
+ .col-sm-11 {
+ width: 91.66666667%;
+ }
+ .col-sm-10 {
+ width: 83.33333333%;
+ }
+ .col-sm-9 {
+ width: 75%;
+ }
+ .col-sm-8 {
+ width: 66.66666667%;
+ }
+ .col-sm-7 {
+ width: 58.33333333%;
+ }
+ .col-sm-6 {
+ width: 50%;
+ }
+ .col-sm-5 {
+ width: 41.66666667%;
+ }
+ .col-sm-4 {
+ width: 33.33333333%;
+ }
+ .col-sm-3 {
+ width: 25%;
+ }
+ .col-sm-2 {
+ width: 16.66666667%;
+ }
+ .col-sm-1 {
+ width: 8.33333333%;
+ }
+}
+
+@media (min-width: 992px) {
+ .col-md-1,
+ .col-md-2,
+ .col-md-3,
+ .col-md-4,
+ .col-md-5,
+ .col-md-6,
+ .col-md-7,
+ .col-md-8,
+ .col-md-9,
+ .col-md-10,
+ .col-md-11,
+ .col-md-12 {
+ float: left;
+ }
+ .col-md-12 {
+ width: 100%;
+ }
+ .col-md-11 {
+ width: 91.66666667%;
+ }
+ .col-md-10 {
+ width: 83.33333333%;
+ }
+ .col-md-9 {
+ width: 75%;
+ }
+ .col-md-8 {
+ width: 66.66666667%;
+ }
+ .col-md-7 {
+ width: 58.33333333%;
+ }
+ .col-md-6 {
+ width: 50%;
+ }
+ .col-md-5 {
+ width: 41.66666667%;
+ }
+ .col-md-4 {
+ width: 33.33333333%;
+ }
+ .col-md-3 {
+ width: 25%;
+ }
+ .col-md-2 {
+ width: 16.66666667%;
+ }
+ .col-md-1 {
+ width: 8.33333333%;
+ }
+}
+
+@media (min-width: 1200px) {
+ .col-lg-1,
+ .col-lg-2,
+ .col-lg-3,
+ .col-lg-4,
+ .col-lg-5,
+ .col-lg-6,
+ .col-lg-7,
+ .col-lg-8,
+ .col-lg-9,
+ .col-lg-10,
+ .col-lg-11,
+ .col-lg-12 {
+ float: left;
+ }
+ .col-lg-12 {
+ width: 100%;
+ }
+ .col-lg-11 {
+ width: 91.66666667%;
+ }
+ .col-lg-10 {
+ width: 83.33333333%;
+ }
+ .col-lg-9 {
+ width: 75%;
+ }
+ .col-lg-8 {
+ width: 66.66666667%;
+ }
+ .col-lg-7 {
+ width: 58.33333333%;
+ }
+ .col-lg-6 {
+ width: 50%;
+ }
+ .col-lg-5 {
+ width: 41.66666667%;
+ }
+ .col-lg-4 {
+ width: 33.33333333%;
+ }
+ .col-lg-3 {
+ width: 25%;
+ }
+ .col-lg-2 {
+ width: 16.66666667%;
+ }
+ .col-lg-1 {
+ width: 8.33333333%;
+ }
+}
\ No newline at end of file
diff --git a/css/iconfont.ttf b/css/iconfont.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..e54827ec48c5f08d9e35c8ad78576e4fd8e13554
Binary files /dev/null and b/css/iconfont.ttf differ
diff --git a/css/img/1.jpeg b/css/img/1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..5848e1f23e65639af7f06bb5865de30b43f4b62f
Binary files /dev/null and b/css/img/1.jpeg differ
diff --git a/css/img/1.jpg b/css/img/1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0ba12856cddd05c01f89dc4fc121a5a186d54826
Binary files /dev/null and b/css/img/1.jpg differ
diff --git a/css/img/1.png b/css/img/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d17889089599518a540327f551a414198e9a6468
Binary files /dev/null and b/css/img/1.png differ
diff --git a/css/img/1.webp b/css/img/1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..78b47fb7227596d3db2c8d4fda0b18b5c3ca2c32
Binary files /dev/null and b/css/img/1.webp differ
diff --git a/css/img/10.jpeg b/css/img/10.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..2013333033058f13d9e7455cc76e73b45fb3f6ab
Binary files /dev/null and b/css/img/10.jpeg differ
diff --git a/css/img/2.jpeg b/css/img/2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..c6e1c79836e2a7c295ab27f9f0b9f3282c1f7f35
Binary files /dev/null and b/css/img/2.jpeg differ
diff --git a/css/img/2.webp b/css/img/2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e6d695bf9a2b6297b21927a43a3856ecfcef06dc
Binary files /dev/null and b/css/img/2.webp differ
diff --git a/css/img/3.jpeg b/css/img/3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..6a935399a10bdefdb1303503194328d39de98708
Binary files /dev/null and b/css/img/3.jpeg differ
diff --git a/css/img/4.jpeg b/css/img/4.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..01df4fd6270c792b8e1f6b8fba6808cca8ce9908
Binary files /dev/null and b/css/img/4.jpeg differ
diff --git a/css/img/5.jpeg b/css/img/5.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..6e370ac1e5d3cebb4aea5714358062c673a0aa3e
Binary files /dev/null and b/css/img/5.jpeg differ
diff --git a/css/img/6.webp b/css/img/6.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0f20c60192375e5b729b1678a25042212c5db2f2
Binary files /dev/null and b/css/img/6.webp differ
diff --git a/css/img/7.jpeg b/css/img/7.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..c479b3a217756ed84286c369d3d567207f79252a
Binary files /dev/null and b/css/img/7.jpeg differ
diff --git a/css/img/8.jpg b/css/img/8.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..877dfaa387ca986ecd426584d91b6b97571121c3
Binary files /dev/null and b/css/img/8.jpg differ
diff --git a/css/img/9.jpeg b/css/img/9.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..11ecd9f0f252d65d2a63925930bf79a406815f9f
Binary files /dev/null and b/css/img/9.jpeg differ
diff --git a/css/img/bg.jpg b/css/img/bg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7b625525befab6a232073f126084dabec4319049
Binary files /dev/null and b/css/img/bg.jpg differ
diff --git a/css/img/icon.png b/css/img/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ebf5cb40bfa908776be0baf59205e3f0a68c9ed
Binary files /dev/null and b/css/img/icon.png differ
diff --git a/css/img/phone.png b/css/img/phone.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ce52eabb7db0829031f24a280669f10a2f1ccbc
Binary files /dev/null and b/css/img/phone.png differ
diff --git a/css/img/pictures.png b/css/img/pictures.png
new file mode 100644
index 0000000000000000000000000000000000000000..aefee9817c586fc908e61c6f8309628d7683aa8a
Binary files /dev/null and b/css/img/pictures.png differ
diff --git a/css/init.css b/css/init.css
new file mode 100644
index 0000000000000000000000000000000000000000..aa613575ebf79b27bc49de12692d493eb53b9ef9
--- /dev/null
+++ b/css/init.css
@@ -0,0 +1,3 @@
+h1{
+ background-color: red;
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..c11417d2a0d4d18e204126534d879f829dc7c46c
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,6 @@
+/* 导入式 */
+@import url("init.css");
+h1{
+ color: green;
+ font-size: 30px;
+}
\ No newline at end of file
diff --git a/html/.DS_Store b/html/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..4bf4fc195963245e990a7cdd0d0e0072309661a8
Binary files /dev/null and b/html/.DS_Store differ
diff --git a/html/.vscode/settings.json b/html/.vscode/settings.json
new file mode 100644
index 0000000000000000000000000000000000000000..3986f4a75962f445df8863c929fcde5046b77569
--- /dev/null
+++ b/html/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+ "editor.suggest.snippetsPreventQuickSuggestions": false,
+ "aiXcoder.showTrayIcon": true
+}
\ No newline at end of file
diff --git "a/html/00_\347\254\254\344\270\200\344\270\252\347\275\221\351\241\265.html" "b/html/00_\347\254\254\344\270\200\344\270\252\347\275\221\351\241\265.html"
new file mode 100644
index 0000000000000000000000000000000000000000..836a95aac264317094c2bae572b7d0164b091b9c
--- /dev/null
+++ "b/html/00_\347\254\254\344\270\200\344\270\252\347\275\221\351\241\265.html"
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ 第一个网页程序
+
+
+
+ 我的第一个网页
+
+
+
+
\ No newline at end of file
diff --git "a/html/01_\346\240\207\351\242\230.html" "b/html/01_\346\240\207\351\242\230.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f420f61a98c6b43f5e018ffc4fcb54a0f8cdcb77
--- /dev/null
+++ "b/html/01_\346\240\207\351\242\230.html"
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 一级标题
+ 二级标题
+ 三级标题
+ 四级标题
+ 五级标题
+ 六级标题
+
+ 标题
+ 标题
+ 标题
+ 标题
+ 标题
+ 标题
+
+
+
+
\ No newline at end of file
diff --git "a/html/02_\346\256\265\350\220\275_\346\215\242\350\241\214_\346\260\264\345\271\263\347\272\277.html" "b/html/02_\346\256\265\350\220\275_\346\215\242\350\241\214_\346\260\264\345\271\263\347\272\277.html"
new file mode 100644
index 0000000000000000000000000000000000000000..436b38f936abe899588c791ddaaf020bd7a7dc2e
--- /dev/null
+++ "b/html/02_\346\256\265\350\220\275_\346\215\242\350\241\214_\346\260\264\345\271\263\347\272\277.html"
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+ Document
+
+
+
+ 我今天下班要出去喝酒
+ 你下班真的要去喝酒么,
我也去
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/03_\345\233\276\347\211\207.html" "b/html/03_\345\233\276\347\211\207.html"
new file mode 100644
index 0000000000000000000000000000000000000000..dcb5b011464c0870d52f3f7984f02a447f83495f
--- /dev/null
+++ "b/html/03_\345\233\276\347\211\207.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ 展示图片
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/04_\350\266\205\351\223\276\346\216\245.html" "b/html/04_\350\266\205\351\223\276\346\216\245.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8c60eb3e6e6f698b729a0e1da7df22983192569a
--- /dev/null
+++ "b/html/04_\350\266\205\351\223\276\346\216\245.html"
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 去小米官网
+
+
+
+
+
+
+
+ phone
+
+
+
\ No newline at end of file
diff --git "a/html/05_\350\266\205\351\223\276\346\216\245\344\271\213\351\224\232\347\202\271.html" "b/html/05_\350\266\205\351\223\276\346\216\245\344\271\213\351\224\232\347\202\271.html"
new file mode 100644
index 0000000000000000000000000000000000000000..65f2a75e44b84eeb1c295c4bc7f03aed2aef5892
--- /dev/null
+++ "b/html/05_\350\266\205\351\223\276\346\216\245\344\271\213\351\224\232\347\202\271.html"
@@ -0,0 +1,451 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 跳转到start
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 回到顶部
+ start建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+ 建国之初,由于中国经历了长期的动乱与战争,社会矛盾尖锐,经济水平落后,
+ 货币贬值,交通运输不畅。建国后,
+ 一个全面模仿苏联工业化模式的共产主义社会便迅速建立起来
+
+
+
\ No newline at end of file
diff --git "a/html/06_\346\226\207\346\234\254.html" "b/html/06_\346\226\207\346\234\254.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e5ed958080739a106b282a973b4d19d2eb1fef03
--- /dev/null
+++ "b/html/06_\346\226\207\346\234\254.html"
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+ Document
+
+
+
+ 建国之初,由于
+
+ 中国经历了长期的
+
+
+ 动乱与战争 ,社会矛盾尖锐,
+
+
+ 经济水平落后,
+
+
+ 货币贬值 ,
+
+
+ 交通运输
+
+
+ 不畅。建国后,
+
+
+ 一个全面模仿苏联工业化
+
+
+ 模式的共产主义社会便迅速建立起来
+
+
+
+
\ No newline at end of file
diff --git "a/html/07_\346\234\211\345\272\217\345\210\227\350\241\250.html" "b/html/07_\346\234\211\345\272\217\345\210\227\350\241\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4ba2d0410b1fd35717f0db725facdb46404f892a
--- /dev/null
+++ "b/html/07_\346\234\211\345\272\217\345\210\227\350\241\250.html"
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ - 北理工
+ - 程序员
+ - 阿里
+ - 京东
+
+
+
+
+ - 北理工
+ - 程序员
+ - 阿里
+ - 京东
+
+
+
+
+ - 北理工
+ - 程序员
+ - 阿里
+ - 京东
+
+
+
+
+ - 北理工
+ - 程序员
+ - 阿里
+ - 京东
+
+
+
+
+ - 北理工
+ - 程序员
+ - 阿里
+ - 京东
+
+
+
+
+ - 北理工
+ - 程序员
+ - 阿里
+ - 京东
+
+
+
+
+ - 100
+ -
+
+ - 201
+ - 202
+ - 203
+
+
+ - 300
+
+
+
+
\ No newline at end of file
diff --git "a/html/08_\346\227\240\345\272\217\345\210\227\350\241\250.html" "b/html/08_\346\227\240\345\272\217\345\210\227\350\241\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..31c6b01da159bcfbe71aae05e5f6b502678b9d07
--- /dev/null
+++ "b/html/08_\346\227\240\345\272\217\345\210\227\350\241\250.html"
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - 100
+ -
+
+ - 201
+ - 202
+ - 203
+ - 204
+
+
+ - 300
+
+
+
+
\ No newline at end of file
diff --git "a/html/09_\350\207\252\345\256\232\344\271\211\345\210\227\350\241\250.html" "b/html/09_\350\207\252\345\256\232\344\271\211\345\210\227\350\241\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..820b48edab3232f9d71a524efc21716d4a16b90a
--- /dev/null
+++ "b/html/09_\350\207\252\345\256\232\344\271\211\345\210\227\350\241\250.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ - 帮助中心
+ - 账户管理
+ - 购物指南
+
+ - 服务支持
+ - 售后政策
+ - 自助服务
+
+
+
+
\ No newline at end of file
diff --git "a/html/10_\350\241\250\346\240\274.html" "b/html/10_\350\241\250\346\240\274.html"
new file mode 100644
index 0000000000000000000000000000000000000000..243cbfe1bbf40b285d68bbae0634a3879d543e73
--- /dev/null
+++ "b/html/10_\350\241\250\346\240\274.html"
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 表格名字
+
+ | 姓名 |
+ 年龄 |
+ 学校 |
+
+
+
+ | 单元格1 |
+ 单元格2 |
+ 单元格3 |
+
+
+ | 单元格4 |
+ 单元格5 |
+ 单元格6 |
+
+
+
+
+ | 单元格7 |
+ 单元格8 |
+ 单元格9 |
+
+
+
+
+
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/11_\350\241\250\346\240\274\345\261\236\346\200\2471.html" "b/html/11_\350\241\250\346\240\274\345\261\236\346\200\2471.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c4c71e7ea0a2295a6d0a0e265b700fcb9a59b5ef
--- /dev/null
+++ "b/html/11_\350\241\250\346\240\274\345\261\236\346\200\2471.html"
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/12_\350\241\250\346\240\274\345\261\236\346\200\2472.html" "b/html/12_\350\241\250\346\240\274\345\261\236\346\200\2472.html"
new file mode 100644
index 0000000000000000000000000000000000000000..554ddbb38849f1288b551b8f111354562c1c396d
--- /dev/null
+++ "b/html/12_\350\241\250\346\240\274\345\261\236\346\200\2472.html"
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/13_\350\241\250\346\240\274\345\261\236\346\200\2473.html" "b/html/13_\350\241\250\346\240\274\345\261\236\346\200\2473.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8cd784de23174c0fd08d87b7000b30227de71193
--- /dev/null
+++ "b/html/13_\350\241\250\346\240\274\345\261\236\346\200\2473.html"
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+ | 单元格 |
+ 单元格 |
+ 单元格 |
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/14_\345\215\225\345\205\203\346\240\274\345\220\210\345\271\266.html" "b/html/14_\345\215\225\345\205\203\346\240\274\345\220\210\345\271\266.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a2382b58ec34775ebc8d1d5c834564337100e4f5
--- /dev/null
+++ "b/html/14_\345\215\225\345\205\203\346\240\274\345\220\210\345\271\266.html"
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ | 单元格1单元格2单元格3 |
+ 单元格4 |
+ 单元格5 |
+
+
+ | 单元格6-11 |
+ 单元格7 |
+ 单元格81318 |
+ 单元格9101415 |
+
+
+ | 单元格12 |
+
+
+ | 单元格16 |
+ 单元格17 |
+ 单元格19 |
+ 单元格20 |
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/15_\350\241\250\346\240\274\345\256\236\346\223\2151.html" "b/html/15_\350\241\250\346\240\274\345\256\236\346\223\2151.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ed68b43071fa10b89fb085ccac3a402ac9e05234
--- /dev/null
+++ "b/html/15_\350\241\250\346\240\274\345\256\236\346\223\2151.html"
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/16_\350\241\250\346\240\274\345\256\236\346\223\2152.html" "b/html/16_\350\241\250\346\240\274\345\256\236\346\223\2152.html"
new file mode 100644
index 0000000000000000000000000000000000000000..0f9760e909641dbbecbaf56dfaabeb276215cbfd
--- /dev/null
+++ "b/html/16_\350\241\250\346\240\274\345\256\236\346\223\2152.html"
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ | 酒店 |
+ 海外酒店 |
+ 团购 |
+
+
+ | 特价酒店 |
+ 民俗·客栈 |
+
+
+ | 机票 |
+ 火车票抢票 |
+ 汽车票船票 |
+
+
+ | 特价机票 |
+ 专车租车 |
+
+
+ | 旅游 |
+ 目的地攻略 |
+ 邮轮旅游 |
+
+
+ | 周边游 |
+ 自驾游 |
+
+
+ | 美食林 |
+ 美食林 |
+ 美食林 |
+
+
+ | 美食林 |
+ 美食林 |
+ 美食林 |
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/17_\350\241\250\345\215\225/01_\350\241\250\345\215\225.html" "b/html/17_\350\241\250\345\215\225/01_\350\241\250\345\215\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6f43ee43beadfdc3da74c206d51fd176f8168f30
--- /dev/null
+++ "b/html/17_\350\241\250\345\215\225/01_\350\241\250\345\215\225.html"
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/17_\350\241\250\345\215\225/02_\346\226\207\346\234\254\346\241\206_\345\257\206\347\240\201\346\241\206_\345\215\225\351\200\211\346\214\211\351\222\256.html" "b/html/17_\350\241\250\345\215\225/02_\346\226\207\346\234\254\346\241\206_\345\257\206\347\240\201\346\241\206_\345\215\225\351\200\211\346\214\211\351\222\256.html"
new file mode 100644
index 0000000000000000000000000000000000000000..356c0551b6d0e066b14555dbff629f7d67d1c0fa
--- /dev/null
+++ "b/html/17_\350\241\250\345\215\225/02_\346\226\207\346\234\254\346\241\206_\345\257\206\347\240\201\346\241\206_\345\215\225\351\200\211\346\214\211\351\222\256.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/17_\350\241\250\345\215\225/03_\345\244\215\351\200\211\346\241\206_\346\226\207\344\273\266_\346\214\211\351\222\256.html" "b/html/17_\350\241\250\345\215\225/03_\345\244\215\351\200\211\346\241\206_\346\226\207\344\273\266_\346\214\211\351\222\256.html"
new file mode 100644
index 0000000000000000000000000000000000000000..89b374445b637cd2504d1a94af97b5714a3ee204
--- /dev/null
+++ "b/html/17_\350\241\250\345\215\225/03_\345\244\215\351\200\211\346\241\206_\346\226\207\344\273\266_\346\214\211\351\222\256.html"
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/17_\350\241\250\345\215\225/04_\344\270\213\346\213\211\345\210\227\350\241\250_\345\244\232\350\241\214\346\226\207\346\234\254\346\241\206_label.html" "b/html/17_\350\241\250\345\215\225/04_\344\270\213\346\213\211\345\210\227\350\241\250_\345\244\232\350\241\214\346\226\207\346\234\254\346\241\206_label.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d74322e993744c2b9cee24ebc5b1340f57b6aef6
--- /dev/null
+++ "b/html/17_\350\241\250\345\215\225/04_\344\270\213\346\213\211\345\210\227\350\241\250_\345\244\232\350\241\214\346\226\207\346\234\254\346\241\206_label.html"
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/17_\350\241\250\345\215\225/05_HTML5\346\226\260\345\242\236type\347\261\273\345\236\213.html" "b/html/17_\350\241\250\345\215\225/05_HTML5\346\226\260\345\242\236type\347\261\273\345\236\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e6c55e6a6af66425f65b3948536c1ed6a5756d8c
--- /dev/null
+++ "b/html/17_\350\241\250\345\215\225/05_HTML5\346\226\260\345\242\236type\347\261\273\345\236\213.html"
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/17_\350\241\250\345\215\225/06_HTML5\346\226\260\345\242\236\345\261\236\346\200\247.html" "b/html/17_\350\241\250\345\215\225/06_HTML5\346\226\260\345\242\236\345\261\236\346\200\247.html"
new file mode 100644
index 0000000000000000000000000000000000000000..52d9720289477d8b7b2a69c37562fa75e26aeb96
--- /dev/null
+++ "b/html/17_\350\241\250\345\215\225/06_HTML5\346\226\260\345\242\236\345\261\236\346\200\247.html"
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/17_\350\241\250\345\215\225/07_\350\241\250\345\215\225\345\256\236\346\223\2151.html" "b/html/17_\350\241\250\345\215\225/07_\350\241\250\345\215\225\345\256\236\346\223\2151.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e6a3b2c9e94fbb0b7d98268a17939ab3ee3b74ff
--- /dev/null
+++ "b/html/17_\350\241\250\345\215\225/07_\350\241\250\345\215\225\345\256\236\346\223\2151.html"
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/17_\350\241\250\345\215\225/08_\350\241\250\345\215\225\345\256\236\346\223\2152.html" "b/html/17_\350\241\250\345\215\225/08_\350\241\250\345\215\225\345\256\236\346\223\2152.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f267692877933a98658f74e5188bde63257d2220
--- /dev/null
+++ "b/html/17_\350\241\250\345\215\225/08_\350\241\250\345\215\225\345\256\236\346\223\2152.html"
@@ -0,0 +1,110 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/17_\350\241\250\345\215\225/img/03.jpg" "b/html/17_\350\241\250\345\215\225/img/03.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..f8280c404e0690eb9c6a46b454a1c2e4a3369f8e
Binary files /dev/null and "b/html/17_\350\241\250\345\215\225/img/03.jpg" differ
diff --git "a/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/01_div\345\256\271\345\231\250.html" "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/01_div\345\256\271\345\231\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..47be4a50a9b9be8afa1e44ccc43767b1b64ebfc6
--- /dev/null
+++ "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/01_div\345\256\271\345\231\250.html"
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/02_\346\226\260\345\242\236\345\270\203\345\261\200\346\240\207\347\255\276.html" "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/02_\346\226\260\345\242\236\345\270\203\345\261\200\346\240\207\347\255\276.html"
new file mode 100644
index 0000000000000000000000000000000000000000..238d85566bc1984de2c01ea4d116d33c5e8285f2
--- /dev/null
+++ "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/02_\346\226\260\345\242\236\345\270\203\345\261\200\346\240\207\347\255\276.html"
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/03_\350\247\206\351\242\221\345\222\214\351\237\263\351\242\221.html" "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/03_\350\247\206\351\242\221\345\222\214\351\237\263\351\242\221.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9dbe72095c3542ace3f8ea9f71cc9c781e11caed
--- /dev/null
+++ "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/03_\350\247\206\351\242\221\345\222\214\351\237\263\351\242\221.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/04_HTML5\346\226\260\345\242\236\346\240\207\347\255\276.html" "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/04_HTML5\346\226\260\345\242\236\346\240\207\347\255\276.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5ed84032b327943c4564960df90a52013e471b99
--- /dev/null
+++ "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/04_HTML5\346\226\260\345\242\236\346\240\207\347\255\276.html"
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ 美丽小姐姐
+
+
+
+ 我是标题
+
+
+
+ 大家好啊。我是 itbaizhan
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/data/1.jpg" "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/data/1.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..2748b167499191b39bb7387e980bcf362e6f5c6d
Binary files /dev/null and "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/data/1.jpg" differ
diff --git "a/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/data/games.mp4" "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/data/games.mp4"
new file mode 100644
index 0000000000000000000000000000000000000000..451745a3102691c525024a93b16a956562918594
--- /dev/null
+++ "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/data/games.mp4"
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:99e7f07cd683b3e910cf5286b72d2975f843ea5c1e3cbae3dd15d0fe723b09c5
+size 3833685
diff --git "a/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/data/returns.mp3" "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/data/returns.mp3"
new file mode 100644
index 0000000000000000000000000000000000000000..a8a9b589d93621841875fbf139594e3c3fc6abd0
--- /dev/null
+++ "b/html/18_HTML5\346\226\260\345\242\236\345\205\203\347\264\240/data/returns.mp3"
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a56e72d405c8e68590c00fd201e41713261d5f669330ac4285cfae8ee96f6575
+size 4366462
diff --git a/html/img/.DS_Store b/html/img/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..b4efdb62d1b3859499f6ec49341701a4200ce93d
Binary files /dev/null and b/html/img/.DS_Store differ
diff --git a/html/img/1.jpeg b/html/img/1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..a0609ad6c8e9ddf918ec9f6257f1a5701a006034
Binary files /dev/null and b/html/img/1.jpeg differ
diff --git a/html/img/1.webp b/html/img/1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..ad46a9d050dbabf26ff94df22a50eaeed6e8f892
Binary files /dev/null and b/html/img/1.webp differ
diff --git a/html/img/2.jpeg b/html/img/2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..15032a280177dbac999aac0a4be920664432a711
Binary files /dev/null and b/html/img/2.jpeg differ
diff --git a/html/img/3.jpeg b/html/img/3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..79c044d1fc2545cfbd8dd40d5bc189c06bda4a98
Binary files /dev/null and b/html/img/3.jpeg differ
diff --git a/html/img/4.jpeg b/html/img/4.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..14e9562772f129dcc9ca4a3d4f7c48a945a4ad7c
Binary files /dev/null and b/html/img/4.jpeg differ
diff --git a/html/img/5.jpeg b/html/img/5.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..9dbd49c9c992c3c9f9e3fd6025a88c5f0e3a8e78
Binary files /dev/null and b/html/img/5.jpeg differ
diff --git a/html/img/6.jpeg b/html/img/6.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..f8dfd63a2652b2ef104093a624fa588acb8675b0
Binary files /dev/null and b/html/img/6.jpeg differ
diff --git a/html/img/7.jpeg b/html/img/7.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..b4abda12e3a2d7204ac2c1f4536949d983c60081
Binary files /dev/null and b/html/img/7.jpeg differ
diff --git a/html/img/phone.webp b/html/img/phone.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e6d695bf9a2b6297b21927a43a3856ecfcef06dc
Binary files /dev/null and b/html/img/phone.webp differ
diff --git a/jQuery/.DS_Store b/jQuery/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..21c794ddd0386cc0b3427c7db1e456648b48b114
Binary files /dev/null and b/jQuery/.DS_Store differ
diff --git "a/jQuery/01_\347\256\200\344\273\2131_\346\231\256\351\200\232\347\232\204JS\345\206\231\346\263\225.html" "b/jQuery/01_\347\256\200\344\273\2131_\346\231\256\351\200\232\347\232\204JS\345\206\231\346\263\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c4171edf90f614dced9c284383180d9b332d4753
--- /dev/null
+++ "b/jQuery/01_\347\256\200\344\273\2131_\346\231\256\351\200\232\347\232\204JS\345\206\231\346\263\225.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ Document
+
+
+
+ Hello,学习jQuery
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/01_\347\256\200\344\273\2132_jQuery\345\210\235\344\275\223\351\252\214.html" "b/jQuery/01_\347\256\200\344\273\2132_jQuery\345\210\235\344\275\223\351\252\214.html"
new file mode 100644
index 0000000000000000000000000000000000000000..0701a37493dce616d0d30cf2a98b3576440257bf
--- /dev/null
+++ "b/jQuery/01_\347\256\200\344\273\2132_jQuery\345\210\235\344\275\223\351\252\214.html"
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ Hello,学习jQuery
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/02_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2501_JS\345\206\231\346\263\225.html" "b/jQuery/02_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2501_JS\345\206\231\346\263\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..eb743c7df049e8b61c9cd7aff759ece12739f8de
--- /dev/null
+++ "b/jQuery/02_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2501_JS\345\206\231\346\263\225.html"
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ Document
+
+
+
+ 类选择器
+ 类选择器
+ 元素选择器
+ ID选择器
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/02_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2502_jQuery\345\206\231\346\263\225.html" "b/jQuery/02_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2502_jQuery\345\206\231\346\263\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ecb2636f4dbbb30ceb355ab0fb0da467ddb85880
--- /dev/null
+++ "b/jQuery/02_\345\237\272\347\241\200\351\200\211\346\213\251\345\231\2502_jQuery\345\206\231\346\263\225.html"
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 类选择器
+ 类选择器
+ 元素选择器
+ ID选择器
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/03_\345\255\220\344\273\243\344\270\216\345\220\216\344\273\243\351\200\211\346\213\251\345\231\2501_JS\345\206\231\346\263\225.html" "b/jQuery/03_\345\255\220\344\273\243\344\270\216\345\220\216\344\273\243\351\200\211\346\213\251\345\231\2501_JS\345\206\231\346\263\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..03bb78490b5f15f18473432ba4fa5ae0fadb39c2
--- /dev/null
+++ "b/jQuery/03_\345\255\220\344\273\243\344\270\216\345\220\216\344\273\243\351\200\211\346\213\251\345\231\2501_JS\345\206\231\346\263\225.html"
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ - Item 1
+ -
+
+ - child item 1
+ - child item 2
+ - child item 3
+
+
+ - Item 3
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/03_\345\255\220\344\273\243\344\270\216\345\220\216\344\273\243\351\200\211\346\213\251\345\231\2502_jQuery\345\206\231\346\263\225.html" "b/jQuery/03_\345\255\220\344\273\243\344\270\216\345\220\216\344\273\243\351\200\211\346\213\251\345\231\2502_jQuery\345\206\231\346\263\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..27f0ce97df0ba965857eeaac2e2161dd886c6fda
--- /dev/null
+++ "b/jQuery/03_\345\255\220\344\273\243\344\270\216\345\220\216\344\273\243\351\200\211\346\213\251\345\231\2502_jQuery\345\206\231\346\263\225.html"
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ - Item 1
+ -
+
+ - child item 1
+ - child item 2
+ - child item 3
+
+
+ - Item 3
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2501_\345\256\214\347\276\216\345\214\271\351\205\215.html" "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2501_\345\256\214\347\276\216\345\214\271\351\205\215.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d107db9d39e3b8ed3584086510c61b0036ea38c5
--- /dev/null
+++ "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2501_\345\256\214\347\276\216\345\214\271\351\205\215.html"
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+ name
+
+
+
+
+ age
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2502_\345\211\215\347\274\200.html" "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2502_\345\211\215\347\274\200.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4466bbd233fd9ca090c25fde85f7f5c278bd120c
--- /dev/null
+++ "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2502_\345\211\215\347\274\200.html"
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ sxt
+ sxt-itbaizhan
+ sxtitbaizhan
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2503_\345\214\205\345\220\253.html" "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2503_\345\214\205\345\220\253.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9fa789c9996d45aebb431cae8324eb051a8ef48f
--- /dev/null
+++ "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2503_\345\214\205\345\220\253.html"
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ sxt
+ sxt-itbaizhan
+ sxtitbaizhan
+ itbaizhan
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2504_\347\251\272\346\240\274\351\232\224\345\274\200.html" "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2504_\347\251\272\346\240\274\351\232\224\345\274\200.html"
new file mode 100644
index 0000000000000000000000000000000000000000..cf2ee1b09cb9ad7eab568d3609d9003a62cdfc08
--- /dev/null
+++ "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2504_\347\251\272\346\240\274\351\232\224\345\274\200.html"
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2505_\347\273\223\345\260\276.html" "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2505_\347\273\223\345\260\276.html"
new file mode 100644
index 0000000000000000000000000000000000000000..fe8729d6e48be419ba1887a015175643acb74289
--- /dev/null
+++ "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2505_\347\273\223\345\260\276.html"
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2506_\345\274\200\345\247\213.html" "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2506_\345\274\200\345\247\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..972f6281978911d32cfb343dfaa880d3d8e1c969
--- /dev/null
+++ "b/jQuery/04_\345\261\236\346\200\247\351\200\211\346\213\251\345\231\2506_\345\274\200\345\247\213.html"
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2501_eq.html" "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2501_eq.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5648bdf4e1df5cd24df79a84b5c570d28d4af047
--- /dev/null
+++ "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2501_eq.html"
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ - item 1
+ - item 2
+ - item 3
+ - item 4
+ - item 5
+ - item 6
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2502_even.html" "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2502_even.html"
new file mode 100644
index 0000000000000000000000000000000000000000..26d6630129676872f104aff267bbdf991600d68d
--- /dev/null
+++ "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2502_even.html"
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ | Row with Index #0 |
+
+
+ | Row with Index #1 |
+
+
+ | Row with Index #2 |
+
+
+ | Row with Index #3 |
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2503_odd.html" "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2503_odd.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7d2412bd647d1c89fe1cac3d7bde985916e3aa53
--- /dev/null
+++ "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2503_odd.html"
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ | Row with Index #0 |
+
+
+ | Row with Index #1 |
+
+
+ | Row with Index #2 |
+
+
+ | Row with Index #3 |
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2504_first.html" "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2504_first.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d6a001cfa6d26ed8418f9d0b8f6097ebcb48167c
--- /dev/null
+++ "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2504_first.html"
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ | Row 1 |
+
+
+ | Row 2 |
+
+
+ | Row 3 |
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2505_last.html" "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2505_last.html"
new file mode 100644
index 0000000000000000000000000000000000000000..85e5d94aedefb28d2f5bfb152ce968be9b88e601
--- /dev/null
+++ "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2505_last.html"
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ | Row 1 |
+
+
+ | Row 2 |
+
+
+ | Row 3 |
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2506_gt.html" "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2506_gt.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7379cde27fc690381f3b2bf691eab00a63ae696e
--- /dev/null
+++ "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2506_gt.html"
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ | TD #0 |
+ TD #1 |
+ TD #2 |
+
+
+ | TD #3 |
+ TD #4 |
+ TD #5 |
+
+
+ | TD #6 |
+ TD #7 |
+ TD #8 |
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2507_lt.html" "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2507_lt.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1bec0ef38f2113d54ff0237afbcd05feba5c264d
--- /dev/null
+++ "b/jQuery/05_\346\213\223\345\261\225\351\200\211\346\213\251\345\231\2507_lt.html"
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+ | TD #0 |
+ TD #1 |
+ TD #2 |
+
+
+ | TD #3 |
+ TD #4 |
+ TD #5 |
+
+
+ | TD #6 |
+ TD #7 |
+ TD #8 |
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23401_class\347\233\270\345\205\2631_jQuery\345\206\231\346\263\225.html" "b/jQuery/06_DOM\346\223\215\344\275\23401_class\347\233\270\345\205\2631_jQuery\345\206\231\346\263\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b0dbcf59c443a78c3e05c5c2fca2b28884ead6ff
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23401_class\347\233\270\345\205\2631_jQuery\345\206\231\346\263\225.html"
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ Hello
+
+ Hello
+
+ itbaizhan
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23401_class\347\233\270\345\205\2632_JS\345\206\231\346\263\225.html" "b/jQuery/06_DOM\346\223\215\344\275\23401_class\347\233\270\345\205\2632_JS\345\206\231\346\263\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ed55dd20c6143145122ad9221ae2a8817e69c0d2
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23401_class\347\233\270\345\205\2632_JS\345\206\231\346\263\225.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+ hello
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23402_html.html" "b/jQuery/06_DOM\346\223\215\344\275\23402_html.html"
new file mode 100644
index 0000000000000000000000000000000000000000..690b4d5d2916fdc0ad0fb271e7d90a045a3dccb5
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23402_html.html"
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ Hello, jQuery
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23403_val.html" "b/jQuery/06_DOM\346\223\215\344\275\23403_val.html"
new file mode 100644
index 0000000000000000000000000000000000000000..91193f99da8adca404c264e8890478dcafb211ba
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23403_val.html"
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23404_attr.html" "b/jQuery/06_DOM\346\223\215\344\275\23404_attr.html"
new file mode 100644
index 0000000000000000000000000000000000000000..af2ecd6cb55eeeb57d5e0e20fef9411fb75d492b
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23404_attr.html"
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23405_removeAttr.html" "b/jQuery/06_DOM\346\223\215\344\275\23405_removeAttr.html"
new file mode 100644
index 0000000000000000000000000000000000000000..92d5f3f1956a1311af39c5ad89b2f7a73cb4532c
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23405_removeAttr.html"
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ itbaizha
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23406_wrap.html" "b/jQuery/06_DOM\346\223\215\344\275\23406_wrap.html"
new file mode 100644
index 0000000000000000000000000000000000000000..2cb18fd9413e6c94611a6090a3b6337e4dcefb6a
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23406_wrap.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ Hello
+ World
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23407_unwrap.html" "b/jQuery/06_DOM\346\223\215\344\275\23407_unwrap.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3575d33d0f46c239b97f2fe4debc317b2834159e
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23407_unwrap.html"
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23408_warpAll.html" "b/jQuery/06_DOM\346\223\215\344\275\23408_warpAll.html"
new file mode 100644
index 0000000000000000000000000000000000000000..88c5e4deddb6513ca92758b85fdde5ae0fec6811
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23408_warpAll.html"
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ sxt
+ itbaizhan
+ Hello
+ web
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23409_wrapInner.html" "b/jQuery/06_DOM\346\223\215\344\275\23409_wrapInner.html"
new file mode 100644
index 0000000000000000000000000000000000000000..01ec7a0a8fd37c0b3053b264aebe73ec711619d9
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23409_wrapInner.html"
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ Hello
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23410_append.html" "b/jQuery/06_DOM\346\223\215\344\275\23410_append.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7463bce89b52e4074947eebd5ca5632e59604174
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23410_append.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23411_prepend.html" "b/jQuery/06_DOM\346\223\215\344\275\23411_prepend.html"
new file mode 100644
index 0000000000000000000000000000000000000000..46299c0e448dc59c2569411261c97cb261fbe827
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23411_prepend.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23412_after.html" "b/jQuery/06_DOM\346\223\215\344\275\23412_after.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9b522495b37c4db370e8fd006d468e8a53e69466
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23412_after.html"
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ Hello
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23413_before.html" "b/jQuery/06_DOM\346\223\215\344\275\23413_before.html"
new file mode 100644
index 0000000000000000000000000000000000000000..08cef4656431491ace5b9f2ebc75a0345003037d
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23413_before.html"
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ Hello
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23414_empty.html" "b/jQuery/06_DOM\346\223\215\344\275\23414_empty.html"
new file mode 100644
index 0000000000000000000000000000000000000000..53227a400089a6f316123293593bfa98a344a606
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23414_empty.html"
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23415_remove.html" "b/jQuery/06_DOM\346\223\215\344\275\23415_remove.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6688d6ac7540d51d7ce3517f5211ad0793933131
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23415_remove.html"
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23416_replaceAll.html" "b/jQuery/06_DOM\346\223\215\344\275\23416_replaceAll.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c2729018859cd804719b52e3ff924f78535d864c
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23416_replaceAll.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/06_DOM\346\223\215\344\275\23417_replaceWith.html" "b/jQuery/06_DOM\346\223\215\344\275\23417_replaceWith.html"
new file mode 100644
index 0000000000000000000000000000000000000000..519fb91551b76776a369da3614b02f842b882328
--- /dev/null
+++ "b/jQuery/06_DOM\346\223\215\344\275\23417_replaceWith.html"
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/07_CSS\346\223\215\344\275\2341_css.html" "b/jQuery/07_CSS\346\223\215\344\275\2341_css.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ba2ab19f570d9d1b3ba68c70552dcfc37ba1975f
--- /dev/null
+++ "b/jQuery/07_CSS\346\223\215\344\275\2341_css.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/07_CSS\346\223\215\344\275\2342_heightwidth.html" "b/jQuery/07_CSS\346\223\215\344\275\2342_heightwidth.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6462b376f1a4e3acbe47e3e1fc8f1ba2c82a67cd
--- /dev/null
+++ "b/jQuery/07_CSS\346\223\215\344\275\2342_heightwidth.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/07_CSS\346\223\215\344\275\2343_innerWidthInnerHeight.html" "b/jQuery/07_CSS\346\223\215\344\275\2343_innerWidthInnerHeight.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ce0b715856c80af791e56e8672d5688329c3c979
--- /dev/null
+++ "b/jQuery/07_CSS\346\223\215\344\275\2343_innerWidthInnerHeight.html"
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/07_CSS\346\223\215\344\275\2344_outerWidthouterHeight.html" "b/jQuery/07_CSS\346\223\215\344\275\2344_outerWidthouterHeight.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b34cdde0a06c6aa401f10d5867bb645e960b9c81
--- /dev/null
+++ "b/jQuery/07_CSS\346\223\215\344\275\2344_outerWidthouterHeight.html"
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/07_CSS\346\223\215\344\275\2345_offset.html" "b/jQuery/07_CSS\346\223\215\344\275\2345_offset.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8f4a1a7f028e408e2616d632527ee56626948141
--- /dev/null
+++ "b/jQuery/07_CSS\346\223\215\344\275\2345_offset.html"
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/07_CSS\346\223\215\344\275\2346_position.html" "b/jQuery/07_CSS\346\223\215\344\275\2346_position.html"
new file mode 100644
index 0000000000000000000000000000000000000000..dfa390358b31debdc759ad32f66ad71e00d3ede4
--- /dev/null
+++ "b/jQuery/07_CSS\346\223\215\344\275\2346_position.html"
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/07_CSS\346\223\215\344\275\2347_scrollTopAndscrollLeft.html" "b/jQuery/07_CSS\346\223\215\344\275\2347_scrollTopAndscrollLeft.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b9ccc3699e96b91f6567369974f46f9b690e5e31
--- /dev/null
+++ "b/jQuery/07_CSS\346\223\215\344\275\2347_scrollTopAndscrollLeft.html"
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/08_\347\273\221\345\256\232\344\272\213\344\273\266\345\244\204\347\220\206\345\231\2501_on.html" "b/jQuery/08_\347\273\221\345\256\232\344\272\213\344\273\266\345\244\204\347\220\206\345\231\2501_on.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9ac7a15bbdc2061c2df704a0a53cbe3ffd02b67a
--- /dev/null
+++ "b/jQuery/08_\347\273\221\345\256\232\344\272\213\344\273\266\345\244\204\347\220\206\345\231\2501_on.html"
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+ - item 1
+ - item 2
+ - item 3
+ - item 4
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/08_\347\273\221\345\256\232\344\272\213\344\273\266\345\244\204\347\220\206\345\231\2502_one.html" "b/jQuery/08_\347\273\221\345\256\232\344\272\213\344\273\266\345\244\204\347\220\206\345\231\2502_one.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6127412cfc795d5dc02122248b4439c607f27644
--- /dev/null
+++ "b/jQuery/08_\347\273\221\345\256\232\344\272\213\344\273\266\345\244\204\347\220\206\345\231\2502_one.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/08_\347\273\221\345\256\232\344\272\213\344\273\266\345\244\204\347\220\206\345\231\2503_off.html" "b/jQuery/08_\347\273\221\345\256\232\344\272\213\344\273\266\345\244\204\347\220\206\345\231\2503_off.html"
new file mode 100644
index 0000000000000000000000000000000000000000..77266517ad9eb126ecc423d508590110d323a94a
--- /dev/null
+++ "b/jQuery/08_\347\273\221\345\256\232\344\272\213\344\273\266\345\244\204\347\220\206\345\231\2503_off.html"
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2661_click.html" "b/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2661_click.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7c1226c37951c248492970777566757fdc940f4b
--- /dev/null
+++ "b/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2661_click.html"
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2662_hover.html" "b/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2662_hover.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b8e3a3082de2dd075effa9643fe853dd138db3d8
--- /dev/null
+++ "b/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2662_hover.html"
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2663_mouseenterAndmouseleave.html" "b/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2663_mouseenterAndmouseleave.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1de424cc048dd9fd3eb16813c186ef1634c8377f
--- /dev/null
+++ "b/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2663_mouseenterAndmouseleave.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2664_mousemove.html" "b/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2664_mousemove.html"
new file mode 100644
index 0000000000000000000000000000000000000000..fcc4601e8706141c545a139dfcd6272247f792e8
--- /dev/null
+++ "b/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2664_mousemove.html"
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2665_mouseoverAndmouseout.html" "b/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2665_mouseoverAndmouseout.html"
new file mode 100644
index 0000000000000000000000000000000000000000..356758e3256ce1628e7805d208203de84d77bb4a
--- /dev/null
+++ "b/jQuery/09_\351\274\240\346\240\207\344\272\213\344\273\2665_mouseoverAndmouseout.html"
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2661_focus.html" "b/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2661_focus.html"
new file mode 100644
index 0000000000000000000000000000000000000000..068a5e7e3f02dd9b8d1a60b128b970941028fc8d
--- /dev/null
+++ "b/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2661_focus.html"
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2662_blur.html" "b/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2662_blur.html"
new file mode 100644
index 0000000000000000000000000000000000000000..324acce2ceadbaf71760d89e4cd8053d3f6449af
--- /dev/null
+++ "b/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2662_blur.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2663_change.html" "b/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2663_change.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d99992c657d139154271d529b8204a50991b1bc9
--- /dev/null
+++ "b/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2663_change.html"
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2664_submit.html" "b/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2664_submit.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d9e5fb384b4f7e04469b5a6c43484e6b3fff546b
--- /dev/null
+++ "b/jQuery/10_\350\241\250\345\215\225\344\272\213\344\273\2664_submit.html"
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/11_\351\224\256\347\233\230\344\272\213\344\273\2661_keydown.html" "b/jQuery/11_\351\224\256\347\233\230\344\272\213\344\273\2661_keydown.html"
new file mode 100644
index 0000000000000000000000000000000000000000..94bf9e8a1f3f73385fd351cf0b8fd2e9f06d8332
--- /dev/null
+++ "b/jQuery/11_\351\224\256\347\233\230\344\272\213\344\273\2661_keydown.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/11_\351\224\256\347\233\230\344\272\213\344\273\2662_keypress.html" "b/jQuery/11_\351\224\256\347\233\230\344\272\213\344\273\2662_keypress.html"
new file mode 100644
index 0000000000000000000000000000000000000000..35a503e81cdbc5ffe3a5badb97f2a67979c7bb66
--- /dev/null
+++ "b/jQuery/11_\351\224\256\347\233\230\344\272\213\344\273\2662_keypress.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/11_\351\224\256\347\233\230\344\272\213\344\273\2663_keyup.html" "b/jQuery/11_\351\224\256\347\233\230\344\272\213\344\273\2663_keyup.html"
new file mode 100644
index 0000000000000000000000000000000000000000..493f6811930b6d476dd5892668ba6bae8851ab55
--- /dev/null
+++ "b/jQuery/11_\351\224\256\347\233\230\344\272\213\344\273\2663_keyup.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/12_\346\265\217\350\247\210\345\231\250\344\272\213\344\273\2661_resize.html" "b/jQuery/12_\346\265\217\350\247\210\345\231\250\344\272\213\344\273\2661_resize.html"
new file mode 100644
index 0000000000000000000000000000000000000000..cb252f0172c0468585ad7922a64ab16d180027b4
--- /dev/null
+++ "b/jQuery/12_\346\265\217\350\247\210\345\231\250\344\272\213\344\273\2661_resize.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/12_\346\265\217\350\247\210\345\231\250\344\272\213\344\273\2662_scroll.html" "b/jQuery/12_\346\265\217\350\247\210\345\231\250\344\272\213\344\273\2662_scroll.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4d4f3e5a94c5d2fd37f1df2142f121497c271003
--- /dev/null
+++ "b/jQuery/12_\346\265\217\350\247\210\345\231\250\344\272\213\344\273\2662_scroll.html"
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 内容1
+ 内容2
+ 内容3
+ 内容4
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2411_type.html" "b/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2411_type.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1691dbaf86aaa33347eed14548b1c6f498f388a5
--- /dev/null
+++ "b/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2411_type.html"
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2412_target.html" "b/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2412_target.html"
new file mode 100644
index 0000000000000000000000000000000000000000..aa340159ae49e8e3607143c075be440c5d14734d
--- /dev/null
+++ "b/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2412_target.html"
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2413_currentTarget.html" "b/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2413_currentTarget.html"
new file mode 100644
index 0000000000000000000000000000000000000000..77a29cb59517c606b21fad0223f3af1c38946516
--- /dev/null
+++ "b/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2413_currentTarget.html"
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2414_preventDefault.html" "b/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2414_preventDefault.html"
new file mode 100644
index 0000000000000000000000000000000000000000..92a2230407e529777d4171c156c505c534256693
--- /dev/null
+++ "b/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2414_preventDefault.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ itbaizhan
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2415_stopPropagation.html" "b/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2415_stopPropagation.html"
new file mode 100644
index 0000000000000000000000000000000000000000..93443d83ef4556807310c771a1decd9f2d121c2f
--- /dev/null
+++ "b/jQuery/13_\344\272\213\344\273\266\345\257\271\350\261\2415_stopPropagation.html"
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/14_jQuery\351\201\215\345\216\2061_map.html" "b/jQuery/14_jQuery\351\201\215\345\216\2061_map.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9bf4a224927432e081f27d7af3ce624ed8758dbc
--- /dev/null
+++ "b/jQuery/14_jQuery\351\201\215\345\216\2061_map.html"
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ - item 1
+ - item 2
+ - item 3
+ - item 4
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/14_jQuery\351\201\215\345\216\2062_each.html" "b/jQuery/14_jQuery\351\201\215\345\216\2062_each.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8b87b4fcc85eeefafc8df4737cb532664aa63ae9
--- /dev/null
+++ "b/jQuery/14_jQuery\351\201\215\345\216\2062_each.html"
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ - item 1
+ - item 2
+ - item 3
+ - item 4
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/14_jQuery\351\201\215\345\216\2063_get.html" "b/jQuery/14_jQuery\351\201\215\345\216\2063_get.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c9ddecf819b44f76bda805b6d8bf61023c947eca
--- /dev/null
+++ "b/jQuery/14_jQuery\351\201\215\345\216\2063_get.html"
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ - item 1
+ - item 2
+ - item 3
+ - item 4
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2061_children.html" "b/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2061_children.html"
new file mode 100644
index 0000000000000000000000000000000000000000..573a9509a9469132672de1957c43d3b47d1cf483
--- /dev/null
+++ "b/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2061_children.html"
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ - item 1
+ -
+
+ - child item1
+ - child item2
+
+
+ - item 3
+ Hello
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2062_find.html" "b/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2062_find.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e410266da96475fd8a1da430a03d98a0797cdaad
--- /dev/null
+++ "b/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2062_find.html"
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ - item 1
+ -
+
+ - child item1
+ - child item2
+
+
+ - item 3
+ Hello
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2063_next.html" "b/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2063_next.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5048deba2e9f0f8e69478dec5ca2353bb5256f98
--- /dev/null
+++ "b/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2063_next.html"
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ 第一个元素
+ 第二个元素
+ 第三个元素
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2064_parent.html" "b/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2064_parent.html"
new file mode 100644
index 0000000000000000000000000000000000000000..adcfb6860a49929118cd16b11930570de91b913f
--- /dev/null
+++ "b/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2064_parent.html"
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2065_siblings.html" "b/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2065_siblings.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9c808014cfb8cfe960c42db01b0e40166003ade2
--- /dev/null
+++ "b/jQuery/15_jQuery\346\240\221\351\201\215\345\216\2065_siblings.html"
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+ Hello1
+ Hello2
+ Hello3
+ Hello4
+ World
+ Hello5
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/16_jQuery\345\212\250\347\224\2731_show.html" "b/jQuery/16_jQuery\345\212\250\347\224\2731_show.html"
new file mode 100644
index 0000000000000000000000000000000000000000..28507970735825256330ca7d1cbf2e0f91ab9687
--- /dev/null
+++ "b/jQuery/16_jQuery\345\212\250\347\224\2731_show.html"
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/16_jQuery\345\212\250\347\224\2732_hide.html" "b/jQuery/16_jQuery\345\212\250\347\224\2732_hide.html"
new file mode 100644
index 0000000000000000000000000000000000000000..37e6e0502a20e6a4bc67365e59733e7f1b373749
--- /dev/null
+++ "b/jQuery/16_jQuery\345\212\250\347\224\2732_hide.html"
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/16_jQuery\345\212\250\347\224\2733_fadeInAndfadeOut.html" "b/jQuery/16_jQuery\345\212\250\347\224\2733_fadeInAndfadeOut.html"
new file mode 100644
index 0000000000000000000000000000000000000000..124a238f7bb985052d2b103a664ef1fa834394ad
--- /dev/null
+++ "b/jQuery/16_jQuery\345\212\250\347\224\2733_fadeInAndfadeOut.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/16_jQuery\345\212\250\347\224\2734_slideDownAndslideUp.html" "b/jQuery/16_jQuery\345\212\250\347\224\2734_slideDownAndslideUp.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ee80780a1dbe19d5fa69d3512da65fe637d9641d
--- /dev/null
+++ "b/jQuery/16_jQuery\345\212\250\347\224\2734_slideDownAndslideUp.html"
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/16_jQuery\345\212\250\347\224\2735_animate.html" "b/jQuery/16_jQuery\345\212\250\347\224\2735_animate.html"
new file mode 100644
index 0000000000000000000000000000000000000000..cc586a47767bb12794be5149a9121b2d1a3c5bae
--- /dev/null
+++ "b/jQuery/16_jQuery\345\212\250\347\224\2735_animate.html"
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/css/index.css" "b/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/css/index.css"
new file mode 100644
index 0000000000000000000000000000000000000000..36d90ff25186e4a9d6f05e8c72197913dcc07252
--- /dev/null
+++ "b/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/css/index.css"
@@ -0,0 +1,34 @@
+*{
+ margin: 0;
+ padding: 0;
+}
+
+.menu{
+ list-style: none;
+ width: 500px;
+ height: 50px;
+ background: skyblue;
+ margin: 100px auto;
+}
+
+/* 直接子元素 */
+.menu>li{
+ float: left;
+ width: 99px;
+ height: 50px;
+ border-right: 1px solid white;
+ line-height: 50px;
+ font-size: 20px;
+ text-align: center;
+ cursor: pointer;
+}
+
+.dropdown{
+ list-style: none;
+ background: wheat;
+ display: none;
+}
+
+.dropdown li:hover{
+ color: red;
+}
\ No newline at end of file
diff --git "a/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/index.html" "b/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e056929132a26e67ea9224c55622d60a3cc47bf0
--- /dev/null
+++ "b/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/index.html"
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/js/index.js" "b/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/js/index.js"
new file mode 100644
index 0000000000000000000000000000000000000000..64a71e57173b5a7eb9d6a083bb729bf465915012
--- /dev/null
+++ "b/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/js/index.js"
@@ -0,0 +1,16 @@
+// $(".menu li").mouseenter(function(){
+// // $(".dropdown").css("display","block")
+// // this:鼠标滑动到那个元素,this就代表那个元素
+// $(this).children(".dropdown").slideDown(500)
+// })
+
+// $(".menu li").mouseleave(function(){
+// $(this).children(".dropdown").slideUp(500)
+// })
+
+
+$(".menu li").hover(function(){
+ $(this).children(".dropdown").slideDown(500)
+},function(){
+ $(this).children(".dropdown").slideUp(500)
+})
\ No newline at end of file
diff --git "a/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/js/jquery-3.6.0.js" "b/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/js/jquery-3.6.0.js"
new file mode 100644
index 0000000000000000000000000000000000000000..fc6c299b73e792ef288e785c22393a5df9dded4b
--- /dev/null
+++ "b/jQuery/1_jQuery\350\217\234\345\215\225\345\212\237\350\203\275/js/jquery-3.6.0.js"
@@ -0,0 +1,10881 @@
+/*!
+ * jQuery JavaScript Library v3.6.0
+ * https://jquery.com/
+ *
+ * Includes Sizzle.js
+ * https://sizzlejs.com/
+ *
+ * Copyright OpenJS Foundation and other contributors
+ * Released under the MIT license
+ * https://jquery.org/license
+ *
+ * Date: 2021-03-02T17:08Z
+ */
+( function( global, factory ) {
+
+ "use strict";
+
+ if ( typeof module === "object" && typeof module.exports === "object" ) {
+
+ // For CommonJS and CommonJS-like environments where a proper `window`
+ // is present, execute the factory and get jQuery.
+ // For environments that do not have a `window` with a `document`
+ // (such as Node.js), expose a factory as module.exports.
+ // This accentuates the need for the creation of a real `window`.
+ // e.g. var jQuery = require("jquery")(window);
+ // See ticket #14549 for more info.
+ module.exports = global.document ?
+ factory( global, true ) :
+ function( w ) {
+ if ( !w.document ) {
+ throw new Error( "jQuery requires a window with a document" );
+ }
+ return factory( w );
+ };
+ } else {
+ factory( global );
+ }
+
+// Pass this if window is not defined yet
+} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
+
+// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1
+// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode
+// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common
+// enough that all such attempts are guarded in a try block.
+"use strict";
+
+var arr = [];
+
+var getProto = Object.getPrototypeOf;
+
+var slice = arr.slice;
+
+var flat = arr.flat ? function( array ) {
+ return arr.flat.call( array );
+} : function( array ) {
+ return arr.concat.apply( [], array );
+};
+
+
+var push = arr.push;
+
+var indexOf = arr.indexOf;
+
+var class2type = {};
+
+var toString = class2type.toString;
+
+var hasOwn = class2type.hasOwnProperty;
+
+var fnToString = hasOwn.toString;
+
+var ObjectFunctionString = fnToString.call( Object );
+
+var support = {};
+
+var isFunction = function isFunction( obj ) {
+
+ // Support: Chrome <=57, Firefox <=52
+ // In some browsers, typeof returns "function" for HTML