Blame view

src/assets/css/commonCss/reset.css 3.1 KB
4d0a73c0   liuqimichale   项目初始化
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
  /* http://meyerweb.com/eric/tools/css/reset/
     v4.0 | 20180602
     License: none (public domain)
  */
  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  main, menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure,
  footer, header, hgroup, main, menu, nav, section {
    display: block;
  }
  
  /* HTML5 hidden-attribute fix for newer browsers */
  *[hidden] {
    display: none;
  }
  
  body {
    line-height: 1;
  }
  
  /*html, body {*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*background: url("../assets/img/bg.jpg") no-repeat;*/
  /*background-size: 100% 100%;*/
  /*overflow: hidden;*/
  /*}*/
  
  html, body{
    height: 100%;
    width: 100%;
    font-family: "Microsoft YaHei";
  
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
  }
  body{
  
  }
  
  html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  
  ol, ul {
    list-style: none;
  }
  
  blockquote, q {
    quotes: none;
  }
  
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  /*清除浮动*/
  .clearfix:before,
  .clearfix:after {
    content: " ";
    display: inline-block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  .clearfix {
    *zoom: 1;
  }
edfa20f9   liuqimichale   解决方案
104
105
106
  .overHidden{
    overflow: hidden;
  }
f63aa685   liuqimichale   公共底部
107
108
109
110
111
112
113
114
115
116
117
  .fl{
    float: left;
  }
  .fr{
    float: right;
  }
  /*公共宽度*/
  .widthCommon{
    width: 1440px;
    margin: 0 auto;
  }
4d0a73c0   liuqimichale   项目初始化
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
  
  /*隐藏*/
  .dn {
    display: none;
  }
  
  .margin0-12 {
    margin: 0 12px;
  }
  
  .margin12-0 {
    margin: 12px 0;
  }
  .flexfm{
    flex: 1;
  }
7180b137   liuqimichale   产品中心
134
  /*定位*/
4d0a73c0   liuqimichale   项目初始化
135
136
137
138
139
140
141
  .pos-rel{
    position: relative;
  }
  .pos-abs{
    position: absolute;
  }
  
643de4c7   liuqimichale   公共底部
142
143
144
145
  /*导航激活状态*/
  .nav-active{
    color: #F00;
  }
7180b137   liuqimichale   产品中心
146
  /*banner上下间距*/
d619d5db   liuqimichale   banner
147
148
149
  .textCommonPadding{
    padding: 49px 0;
  }
7180b137   liuqimichale   产品中心
150
  /*banner蓝色字*/
d619d5db   liuqimichale   banner
151
152
153
154
155
156
157
158
159
160
161
  .heading-text{
    padding-bottom: 29px;
    text-align: center;
    font-size: 30px;
    color: #0C51C0;
  }
  .des-text{
    font-size: 14px;
    color: #333;
    text-align: center;
  }
76c4adef   liuqimichale   联系我们
162
  
7180b137   liuqimichale   产品中心
163
  /*手指鼠标*/
3ed210e6   liuqimichale   面包导航
164
165
166
  .pointer{
    cursor: pointer;
  }
d619d5db   liuqimichale   banner
167
  
7180b137   liuqimichale   产品中心
168
   /*分页*/
9ff37e5f   liuqimichale   分页效果
169
170
  .v-pagination{
    margin: 20px auto;
7180b137   liuqimichale   产品中心
171
172
  }
  
76c4adef   liuqimichale   联系我们
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
  
  
  
  /*面包导航*/
  .bread{
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 14px;
  }
  /*灰色背景*/
  .bgCommon{
    background:rgba(238,238,238,1);
  }
  
0c75b35c   liuqimichale   经典案例 目录建立
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
  /*tab切换*/
  .tab-wrapper{
    height:50px;
    background:rgba(237,237,237,1);
    /*line-height: 50px;*/
    padding-top: 5px;
  }
  .tab-main{
    padding-left: 100px;
    height: 45px;
    line-height: 45px;
  }
  .tab-main li{
    float: left;
    margin-right: 50px;
    width: 125px;
  
    border-radius: 5px;
    color: #333;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
  }
  .tabActive{
    background: #FFF;
  }