自制网页。 - 码农知识堂

自制网页。

文章目录

注：代码中图片等素材均来自网络，侵删
在这里插入图片描述

20230920_213831

index.html




    
    
    染
        
    
    
    

    
    
    
    
    
    
    
    


    
    
    
        
            

                
                
                    中国非遗——染
                
            
            
                
                
            
            
                登录
            
            
                注册
            
        
    
        
            
                首页
                蜡染源流
                制作工艺
                传承保护
                传统刺绣
                文化创作
                联系我们


            
        

    

    

        
            

            
                中
                国
                非
                遗
                |
                染
            
        
        
            
                
                    
                
                
                    
                
            
            
                什么是蜡染？
                
                    蜡染技艺（苗族蜡染技艺），流传于苗族聚居区的传统技艺，国家级非物质文化遗产之一。
                    蜡染是中华民族古老的民间传统印染工艺之一，早在秦汉时代，苗族人民就已掌握了蜡染技术。珙县苗族蜡染在四川苗族蜡染中独树一帜

                    ，清光绪《珙县志》记载：罗渡苗民取蜡熔而绘于布，染后煮布洗蜡，成蜡染裙。珙县苗族蜡染以蓝白两色为主调，也常与挑花、补花相结合，

                    一般是先染后绣，色调丰富，层次分明，既朴实也艳丽。图纹中自然纹与几何纹居多，有的继承于传统，有的源自于生活，往往一纹多义。

                    蜡染构图饱满，造型生动，对称均衡，注重图纹组合和视觉顺序的总体效果。 

                    2008年，珙县苗族蜡染被珙县人民政府公布为“珙县首批非物质文化遗产”；同年，被宜宾市人民政府公布为“宜宾市非物质文化遗产”。

                    2009年被四川省人民政府公布为“四川省非物质文化遗产”。2011年，蜡染技艺（苗族蜡染技艺）经国务院批准列入第三批国家级非物质文化遗产名录，

                    遗产编号为Ⅷ-25。
                
            
        

    
    
    
        
            
            
                据考古学研究，最早的蜡染技术可以追溯到中国的新石器时代，约在公元前3000年左右。

                    在古代中国，蜡染被广泛应用于服装、家居用品和礼仪仪式中。同时，蜡染也在东南亚

                    地区得到了广泛传播和应用，例如印度尼西亚的爪哇岛和巴厘岛等地，成为当地文化的重要组成部分。
            
        
        
            
                蜡染技术在不同文化和地区中有着各自独特的应用和风格。在东亚地区，蜡染被广泛应用于

                    中国、日本、韩国等国家的传统服饰和艺术品中。在中国，蜡染工艺在苗族、壮族、彝族等少数民族

                    的服装和织物上得到了特别的发展和运用。在日本，蜡染被称为"蜡烛染"或"横纹织"，是和服和手工

                    艺品中常见的装饰技法。在韩国，蜡染则被称为"堆染"，在传统的韩服和纺织品上被广泛使用。
            
            
        

    
    
    
        
        
        
    
    
    
        版权声明|联系我们|友情链接
    


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133

make.html




    
    
    染
        
    
    
    

    
    
    
    
    
    
    
    




    
    
        
        
            

                
                
                    中国非遗——染
                
            
            
                
                
            
            
                登录
            
            
                注册
            
        
        
        
            
                首页
                蜡染源流
                制作工艺
                传承保护
                传统刺绣
                文化创作
                联系我们

            
        
    
    
    
        
            蜡染工艺 :
             “以木板二片，镂成细花，用以夹布，而灌蜡于镂中，而后乃积布取布，投诸蓝中，

                布既受蓝，则煮布以去蜡，故能制成极细斑花，炳然可观。
                                                                             《岭外问答》南市·周去非
        
        
             
        
    
    
        
            1.画蜡前的准备：先将待染物浸泡一个晚上，或用开水煮一个小时，除去布面上的面浆，

                   方便后续上色；接着在待染物上画好底稿。
        
        
            
        
    
    
        
            2.将待染物固定在木板上
        
        
            
        
    
    
        
            3.融蜡：先将蜡碗置于火盆上加热，并放入蜡块进行溶化
        
        
            
        
    
    
        
            4.画蜡：将蜡刀垂直伸入蜡碗中蘸蜡，用大蜡刀画轮廓，用小蜡刀画出细线图案
        
        
            
        
    
    
        
            5.浸泡：入染缸前先将待染物泡湿，再提起来滴干水
        
        
            
        
    
    
        
            6.染色：将待染物慢慢放入染缸再取出，使其与空气接触氧化变色。
如果想得到更深的颜色，可多次拿起后重新放入
        
        
            
        
    
    
        

            7.漂洗：投入清水中洗净
        
        
            
        

    
    
        

            8.退蜡：将染好的物品投入水中煮沸，待除尽布面上的蜡质后，用筷子夹出并再次清洗
        
        
            
        

    
    
        
            9.晾干：将染好的物品放至通风处晾干（避免阳光直射），整个蜡染的制作工序就大功告成了
        
        
            
        

    
    
    
        版权声明|联系我们|友情链接
    



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156

index.css





    
    
    
    品优购商城-综合网购首选-正品低价、品质保障、配送及时、轻松购物！
    
    
    
    
    

    
    
    
    
    
    
    
    



    
    
        
            
                
                    品优购欢迎您！ 
                    
                        请登录   免费注册
                    
                
            
            
                
                    我的订单
                    
                    我的品优购
                    
                    品优购会员
                    
                    企业采购
                    
                    关注品优购
                    
                    客户服务
                    
                    网站导航
                
            
        
    
    
    
    
        
        
            
                品优购商城
            
        
        
            
            
        
        
        
            优惠购首发
            亿元优惠
            9.9元团购
            美满99减30
            办公用品
            电脑
            通信
        
        
        我的购物车
            8
        
    
    
    
    
        
            
                全部商品分类
                
                    
                        家用电器
                        手机、数码、通信
                        电脑、办公 
                        家居、家具、家装、厨具 
                        男装、女装、童装、内衣 
                        个户化妆、清洁用品、宠物 
                        鞋靴、箱包、珠宝、奢侈品 
                        运动户外、钟表 
                        汽车、汽车用品 
                        母婴、玩具乐器 
                        食品、酒类、生鲜、特产 
                        医药保健 
                        图书、音像、电子书 
                        彩票、旅行、充值、票务 
                        理财、众筹、白条、保险 

                    
                
            
            
                
                    服装城
                    美妆馆 
                    传智超市
                    全球购
                    服闪购
                    团购
                    拍卖
                    有趣
                                                                                
                
            
        
    
    
    
    
        
            
                
                    
                        
                    
                
            
            
                
                    
                        品优购快报
                        更多
                    
                    
                        
                            [特惠]备战开学季，全民半价购数码，优品等你来相会
                            [公告]品优稳占电商六成份额
                            [特惠]百元中秋礼品卷限量领
                            [公告]上品优生鲜，争相来购买
                            [特惠]开学季附近酒店六折！！！
    
                        
                    
                
                
                    
                        
                            
                            话费
                        
                        
                            
                            
                            机票
                        
                        
                            
                            电影票
                        
                        
                            
                            游戏
                        
                        
                            
                            彩票
                        
                        
                            
                            加油卡
                        
                        
                            
                            酒店
                        
                        
                            
                            火车票
                        
                        
                            
                            众筹
                        
                        
                            
                            理财
                        
                        
                            
                            礼品卡
                        
                        
                            
                            白条
                        

                    
                
                
                    
                
            
        
    
    
    
    
        
            
        
        
            
                
                
                
                

            
        
    
    
    
    
        
            猜你喜欢
            换一批
        
        
            
                
                
                
                
                
                
            
        
    
    
    
    
        
            传智播客-有趣区
        
        
            
                
            
            
                
                    好东西
                
                
                    
                
                
                    
                
            
            
                
                    品牌街
                
                
                    
                
                
                        
                            国际大牌
                            adidas
                            部分3免1
                        
                    
                
                
                    
                        本周特卖
                        大牌折扣
                        每周上新


    
    
    
        
        
            
                家用电器
                
                    
                         热门|
                        大家电|
                        生活电器|
                        厨房电器|
                        生活电器|
                        个护健康|
                        应季电器|
                        空气/净水|
                        新奇特|
                         高端电器
                    
                
            
            
                
                    
                        
                            
                                节能补贴
                                4K电视
                                空气净化器
                                IH电饭煲
                                滚筒洗衣机
                                电热水器
                            
                            
                                
                            
                        
                        
                            
                                
                            
                        
                        
                             
                             
                        
                        
                                 
                              
                        
                        
                                 
                                 
                        
                    
                
            
        
        
        
            
                手机通讯
                 
                    
                         热门|
                        热门|
                        电脑/平板|
                        潮流影音|
                        智能/外设|
                        DIY硬件|
                        电竞游戏|
                        办公/网络|
                        文具电教|
                        精选配件
                    
                
            
            
                
                    
                        
                            
                                节能补贴
                                4K电视
                                空气净化器
                                IH电饭煲
                                滚筒洗衣机
                                电热水器
                            
                            
                                
                            
                        
                        
                            
                                
                            
                        
                        
                             
                             
                        
                        
                                 
                              
                        
                        
                                 
                                 
                        
                    
                
            
        
            
            
                
                    手机通讯
                     
                        
                             热门|
                            热门|
                            电脑/平板|
                            潮流影音|
                            智能/外设|
                            DIY硬件|
                            电竞游戏|
                            办公/网络|
                            文具电教|
                            精选配件
                        
                    
                
                
                    
                        
                            
                                
                                    节能补贴
                                    4K电视
                                    空气净化器
                                    IH电饭煲
                                    滚筒洗衣机
                                    电热水器
                                
                                
                                    
                                
                            
                            
                                
                                    
                                
                            
                            
                                 
                                 
                            
                            
                                     
                                  
                            
                            
                                     
                                     
                            
                        
                    
                
            
    
    
    
    
        
            
                
                    
                        
                        
                            正品保障
                            正品保障，提供发票
                        
                    
                    
                        
                        
                            极速物流
                            急速物流，急速送达
                        
                    
                    
                        
                        
                            无忧售后
                            七天无理由退货
                        
                    
                    
                        
                        
                            特色服务
                            私人定制家电套餐
                        
                    
                    
                        
                        
                            帮助中心
                            您的购物指南
                        
                    
                
            
            
                
                    服务指南
                    购物流程
                    会员介绍
                    生活旅行/团购
                    常见问题
                    大家电
                    联系客服
                
                
                    配送方式
                    上门自提
                    211限时达
                    配送服务查询
                    配送费收取标准
                    海外配送
                
                
                    支付方式
                    货到付款
                    在线支付
                    分期付款
                    邮局汇款
                    公司转账
                
                
                    售后服务
                    售后政策
                    价格保护
                    退款说明
                    返修/退换货
                    取消订单

                
                
                    特色服务
                    夺宝岛
                    DIY装机
                    延保服务
                    品优购E卡
                    品优购通信

                
                
                    帮助中心
                    
                        
                        品优购客户端
                    
                
            
            
                
                        关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
                
                
                        地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn 

                        京ICP备08001421号京公网安备110108007702

make.css


.shortcut ul li:nth-child(3) {
    background-color: #23758e ;
}
.one {
    height: 340px;
}
.title {
    float: left;
    width: 800px;
    margin-top: 80px;
}
.title h1 {
    color: black;
}
.title p {
    color: black;
    font-size: 18px;
    line-height: 30px;
}
.title-one {
    float: right;
    margin-top: 30px;
    margin-right: 10px;
}
.title-one img {
    width: 300px;
}
.two {
    height: 340px;
}
.two .txt-one {
    margin-top: 60px;
    float: right;
}
.two .txt-one p {
    font-size: 18px;
    color: black;
}
.two .one-img {
    float: left;
}
.three {
    height: 340px;
    margin-top: 30px;
}
.three .txt-two {
    margin-top: 60px;
    float: left;
}
.three .txt-two p {
    font-size: 18px;
    color: black;
}
.three .two-img {
    float: right;
}
.four {
    height: 340px;
    margin-top: 30px;
}
.four .txt-three {
    margin-top: 60px;
    float: right;
}
.four .txt-three p {
    font-size: 18px;
    color: black;
}
.four .three-img {
    float: left;
}
.fine {
    height: 340px;
    margin-top: 30px;
}
.fine .txt-four {
    margin-top: 60px;
    float: left;
}
.fine .txt-four p {
    font-size: 18px;
    color: black;
}
.fine .four-img {
    float: right;
}
.six {
    height: 340px;
    margin-top: 30px;
}
.six .txt-fine {
    margin-top: 60px;
    float: right;
}
.six .txt-fine p {
    font-size: 18px;
    color: black;
}
.six .fine-img {
    float: left;
}
.seven {
    height: 340px;
    margin-top: 30px;
}
.seven .txt-six {
    margin-top: 60px;
    float: left;
}
.seven .txt-six p {
    font-size: 18px;
    color: black;
}
.seven .six-img {
    float: right;
}
.eight {
    height: 340px;
    margin-top: 30px;
}
.eight .txt-seven {
    margin-top: 60px;
    margin-right: 30px;
    float: right;
}
.eight .txt-seven p {
    font-size: 18px;
    color: black;
}
.eight .seven-img {
    float: left;
}
.nine {
    height: 340px;
    margin-top: 30px;
}
.nine .txt-eight {
    margin-top: 60px;
    float: left;
}
.nine .txt-eight p {
    font-size: 18px;
    color: black;
}
.nine .eight-img {
    float: right;
}
.ten {
    height: 340px;
    margin-top: 30px;
}
.ten .txt-nine {
    margin-top: 60px;
    float: right;
}
.ten .txt-nine p {
    font-size: 18px;
    color: black;
}
.ten .nine-img {
    float: left;
}



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166

common.css

/* 声明字体图标 这里一定要注意路径的变化 */
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?tomleg');
    src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?tomleg') format('truetype'),
      url('../fonts/icomoon.woff?tomleg') format('woff'),
      url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
/* 版心 */
.w {
    width: 1200px;
    margin: 0 auto;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.style_red {
    color: #c81623;
}
/* 快捷导航模块 */
.shortcut {
    height: 31px;
    line-height: 31px;
    background-color: #f1f1f1;
}
.shortcut ul li {
    float: left;
}
/* 选择所有的偶数的小li */
.shortcut .fr ul li:nth-child(even) {
    width: 1px;
    height: 12px;
    background-color: #666;
    margin: 9px 15px 0;
}
.arrow-icon::after{
    content: "\e91e";
    font-family: 'icomoon';
    margin-left: 6px;
}

/* 头部制作 */
.header {
    position: relative;
    height: 105px;
    background-color: #fff;
}
.logo {
    position: absolute;
    top: 25px;
    width: 171px;
    height: 65px;
    background-color: #fff;
}
.logo a {
    display: block;
    width: 171px;
    height: 65px;
    background: url(../images/logo.png) no-repeat ;
    font-size: 0;
}
.search {
    position: absolute;
    left: 346px;
    top: 25px;
    width: 538px;
    height: 36px;
    border: 2px solid #b1191a;
}
.search input {
    float: left;
    width: 454px;
    height: 32px;
    padding-left: 10px;
}
.search button {
    float: left;
    width: 80px;
    height: 32px;
    background-color: #b1191a;
    font-size: 16px;
    color: #fff;
}
.hotwords {
    position: absolute;
    top: 66px;
    left: 346px;
}
.hotwords a {
    margin: 0 10px;
}
/* 购物车模块 */
.shopcar {
    position: absolute;
    right: 60px;
    top: 25px;
    width: 140px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
}
.shopcar::before {
    content: '\e93a';
    font-family: 'icomoon';
    margin-right: 5px;
    color: #b1191a;
}
.shopcar::after {
    content: '\e920';
    font-family: 'icomoon';
    margin-left: 10px;
}
.count {
    position: absolute;
    top: -5px;
    left:105px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    background-color: #b1191a;
    padding: 0 5px;
    border-radius: 7px 7px 7px 0;
}
/* nav导航模块 */
.nav {
    height: 47px;
    border-bottom: 2px solid #b1191a;
}
.nav .dropdown {
    float: left;
    width: 210px;
    height: 45px;
    background-color: #b1191a;
}
.nav .navitems {
    float: left;
}
.dropdown .dt {
    width: 100%;
    height: 100%;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.dropdown .dd {
    /* display: none; */
    width: 210px;
    height: 465px;
    background-color: #c81623;
    margin-top: 2px;
}
.dropdown .dd ul li {
    position: relative;
    height: 31px;
    line-height: 31px;
    margin-left: 2px;
    padding-left: 10px;
}
.dropdown .dd ul li:hover {
    background-color: #fff;
}
.dropdown .dd ul li::after {
    position: absolute;
    content: '\e920';
    font-family: 'icomoon';
    top: 1px;
    right: 10px;
    font-size: 14px;
    color: #fff;
}
.dropdown .dd ul li a {
    font-size: 14px;
    color: #fff;
}
.dropdown .dd ul li:hover a {
    color: #c81623;
}
.navitems ul li {
    float: left;
}
.navitems ul li a {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    padding: 0 25px;
}
/* 底部模块制作 */
.footer {
    height: 415px;
    background-color: #f5f5f5;
    padding-top: 30px;
}
.mod_service {
    height: 80px;
    border-bottom: 1px solid #ccc;
}
.mod_service ul li {
    float: left;
    width: 240px;
    height: 50px;
    padding-left: 35px;
}

.mod_service ul li .zhengpin {
    float: left;
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) no-repeat -252px -2px;
    margin-right: 8px;
}
.mod_service ul li .wuliu {
    float: left;
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) no-repeat -254px -53px;
    margin-right: 8px;
}

.mod_service ul li .shouhou {
    float: left;
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) no-repeat -257px -106px;
    margin-right: 8px;
}
.mod_service ul li .fuwu {
    float: left;
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) no-repeat -257px -157px;
    margin-right: 8px;
}
.mod_service ul li .banzu {
    float: left;
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) no-repeat -257px -209px;
    margin-right: 8px;
}
.service_txt h4 {
    font-size: 14px;
}
.service_txt p {
    font-size: 12px;
}
.mod_help {
    height: 185px;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-left: 50px;
}
.mod_help dl {
    float: left;
    width: 200px;
}
.mod_help dl:last-child {
    width: 90px;
    text-align: center;
}
.mod_help dl dt {
    font-size: 16px;
    margin-bottom: 10px;
}
.mod_copyright {
    text-align: center;
    padding-top: 20px;
}
.links {
    margin-bottom: 15px;
}
.links a {
    margin: 0 3px;
}
.copyright {
    line-height: 20px;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287

base.css

/* 把我们所有标签的内外边距清零 */
* {
    margin: 0;
    padding: 0;
    /* css3盒子模型 */
    box-sizing: border-box;
}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
    font-style: normal
}
/* 去掉li 的小圆点 */
li {
    list-style: none
}

img {
    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
    border: 0;
    /* 取消图片底侧有空白缝隙的问题 */
    vertical-align: middle
}

button {
    /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
    cursor: pointer
}

a {
    color: black;
    text-decoration: none
}

/* a:hover {
    color: #c81623
} */

button,
input {
    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    /* 默认有灰色边框我们需要手动去掉 */
    border: 0; 
    outline: none;
}

body {
    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    color: #666
}

.hide,
.none {
    display: none
}
/* 清除浮动 */
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    *zoom: 1
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71