style.less 25.3 KB
Newer Older
A
afc163 已提交
1
html {
A
afc163 已提交
2 3 4
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
A
afc163 已提交
5
}
A
afc163 已提交
6

A
afc163 已提交
7 8 9
html,
body {
  height: 100%;
A
afc163 已提交
10
}
A
afc163 已提交
11

A
afc163 已提交
12
body {
A
afc163 已提交
13
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",SimSun,sans-serif;
A
afc163 已提交
14
  line-height: 1.5;
A
afc163 已提交
15
  color: #666;
A
afc163 已提交
16
  font-size: 14px;
A
afc163 已提交
17
  background: #ECECEC;
A
afc163 已提交
18
  transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
A
afc163 已提交
19
  overflow-x: hidden;
A
afc163 已提交
20
}
A
afc163 已提交
21

A
afc163 已提交
22 23 24
*,
*:after,
*:before {
A
afc163 已提交
25
  box-sizing: border-box;
A
afc163 已提交
26
}
A
afc163 已提交
27

A
afc163 已提交
28 29 30 31 32
html,
body,
ul,
li,
p {
A
afc163 已提交
33 34
  margin: 0;
  padding: 0;
A
afc163 已提交
35
}
A
afc163 已提交
36

A
afc163 已提交
37 38
ul,
li {
A
afc163 已提交
39
  list-style: none;
A
afc163 已提交
40
}
A
afc163 已提交
41

A
afc163 已提交
42
a {
A
afc163 已提交
43
  color: #2db7f5;
A
afc163 已提交
44 45
  text-decoration: none;
  transition: color .3s ease;
A
afc163 已提交
46
}
A
afc163 已提交
47

A
afc163 已提交
48
a:hover {
A
afc163 已提交
49
  color: #4DC4F0;
A
afc163 已提交
50
}
A
afc163 已提交
51 52

.clearfix:after {
A
afc163 已提交
53 54 55
  clear: both;
  display: table;
  content: '';
A
afc163 已提交
56 57
}

A
afc163 已提交
58
::selection {
A
afc163 已提交
59
  background: #2db7f5;
A
afc163 已提交
60
  color: #fff;
A
afc163 已提交
61 62
}
::-moz-selection {
A
afc163 已提交
63
  background: #2db7f5;
A
afc163 已提交
64
  color: #fff;
A
afc163 已提交
65 66
}

A
afc163 已提交
67
header {
A
afc163 已提交
68 69 70
  width: 100%;
  background: #fff;
  font-size: 16px;
A
afc163 已提交
71
  margin-bottom: 24px;
A
afc163 已提交
72
}
A
afc163 已提交
73 74 75

.fn-hide {
  display: none;
罗宪 已提交
76
}
A
afc163 已提交
77

A
afc163 已提交
78
.fn-alpha-in {
A
afc163 已提交
79
  opacity: 1 !important;
A
afc163 已提交
80
}
A
afc163 已提交
81

A
afc163 已提交
82
.fn-alpha-out {
A
afc163 已提交
83
  opacity: 0 !important;
A
afc163 已提交
84
}
A
afc163 已提交
85

A
afc163 已提交
86
a.logo {
A
afc163 已提交
87
  float: left;
A
afc163 已提交
88 89
  height: 40px;
  line-height: 40px;
A
afc163 已提交
90
  margin: 20px 0 20px 4%;
A
afc163 已提交
91
  text-transform: uppercase;
A
afc163 已提交
92
  font-size: 14px;
A
afc163 已提交
93
  font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",sans-serif;
A
afc163 已提交
94
  color: #2db7f5;
A
afc163 已提交
95
  width: 219px;
A
afc163 已提交
96
}
A
afc163 已提交
97

A
afc163 已提交
98
.logo img {
A
afc163 已提交
99
  width: 40px;
A
afc163 已提交
100
  float: left;
A
afc163 已提交
101
  margin-right: 8px;
A
afc163 已提交
102 103
}

A
afc163 已提交
104
.search {
A
afc163 已提交
105
  float: left;
A
afc163 已提交
106
  height: 20px;
A
afc163 已提交
107
  padding: 0px 0 0 30px;
A
afc163 已提交
108 109
  margin: 30px auto 0;
  border-left: 1px solid #e9e9e9;
A
afc163 已提交
110
  position: relative;
A
afc163 已提交
111
}
A
afc163 已提交
112

A
afc163 已提交
113
#autoComplete {
A
afc163 已提交
114
  margin-top: -3px;
A
afc163 已提交
115
  width: 200px;
A
afc163 已提交
116 117
}

118 119 120 121
#autoComplete .ant-select {
  font-size: 14px;
}

A
afc163 已提交
122
#autoComplete .ant-select-selection--single {
A
afc163 已提交
123 124
  border: transparent;
  outline: none;
A
afc163 已提交
125
  width: 160px;
A
afc163 已提交
126 127
  height: 28px;
  line-height: 28px;
A
afc163 已提交
128 129 130
  color: #999;
  transition: padding .3s cubic-bezier(0.075, 0.82, 0.165, 1);
  font-size: 14px;
A
afc163 已提交
131
  box-shadow: none;
A
afc163 已提交
132
}
A
afc163 已提交
133

A
afc163 已提交
134 135 136 137
#autoComplete .ant-select-search__field:focus {
  box-shadow: none;
}

A
afc163 已提交
138 139 140 141 142 143
#autoComplete input::-webkit-input-placeholder,
#autoComplete input::-moz-placeholder,
#autoComplete input:-ms-input-placeholder {
  color: #CADCE3;
}

A
afc163 已提交
144
.autoComplete.ant-select-dropdown {
145 146 147
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 8px rgba(0,0,0,0.25);
A
afc163 已提交
148
  font-size: 14px;
149 150
}

A
afc163 已提交
151 152 153 154
.autoComplete .ant-select-dropdown-menu {
  max-height: 200px;
}

A
afc163 已提交
155 156 157 158
.autoComplete .ant-select-dropdown-menu-item {
  border-radius: 0!important;
}

A
afc163 已提交
159
.autoComplete .ant-component-decs {
160 161 162 163 164 165 166
  font-size: 12px;
  position: absolute;
  top: 9px;
  color: #aaa;
  right: 16px;
}

A
afc163 已提交
167 168 169
.global-hint {
  color: #666;
  font-size: 12px;
A
afc163 已提交
170 171 172 173
  padding: 5px 14px 6px;
  margin-top: 0;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 1px 3px #ddd;
A
afc163 已提交
174
  opacity: 0.8;
A
afc163 已提交
175 176 177
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
A
afc163 已提交
178
  display: none;
A
afc163 已提交
179 180
}

A
afc163 已提交
181
.nav {
A
afc163 已提交
182 183 184 185 186
  height: 80px;
  line-height: 80px;
  float: right;
  font-size: 0.875em;
  position: relative;
A
afc163 已提交
187
  margin-right: 4%;
A
afc163 已提交
188
  overflow: hidden;
A
afc163 已提交
189
}
A
afc163 已提交
190

A
afc163 已提交
191
.nav ul li {
A
afc163 已提交
192 193
  float: left;
  text-align: center;
A
afc163 已提交
194
}
A
afc163 已提交
195

A
afc163 已提交
196
.nav ul li a {
A
afc163 已提交
197
  color: #666;
A
afc163 已提交
198 199 200
  width: 100%;
  height: 100%;
  display: block;
A
afc163 已提交
201
  padding: 0 22px;
A
afc163 已提交
202
}
A
afc163 已提交
203

A
afc163 已提交
204
a.nav-link-disabled {
A
afc163 已提交
205
  cursor: not-allowed;
A
afc163 已提交
206
  color: #ccc !important;
A
afc163 已提交
207 208 209
  pointer-events: none;
}

A
afc163 已提交
210
.nav ul li.current a {
A
afc163 已提交
211
  color: #2db7f5;
A
afc163 已提交
212
  font-weight: 600;
A
afc163 已提交
213
}
A
afc163 已提交
214

A
afc163 已提交
215 216
.nav ul li a:hover,
.nav ul li .hover {
A
afc163 已提交
217
  color: #2db7f5;
A
afc163 已提交
218
}
219

A
afc163 已提交
220 221 222
.nav .bar {
  height: 3px;
  position: absolute;
A
afc163 已提交
223
  bottom: 0;
A
afc163 已提交
224
  left: 0;
A
afc163 已提交
225
  background: #2db7f5;
A
afc163 已提交
226
  display: none;
A
afc163 已提交
227
  transition: left .3s cubic-bezier(0.075, 0.82, 0.165, 1), width 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
A
afc163 已提交
228
}
A
afc163 已提交
229

A
afc163 已提交
230
.main-box {
A
afc163 已提交
231 232 233 234 235 236
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
A
afc163 已提交
237
}
A
afc163 已提交
238

A
afc163 已提交
239
.perspective {
A
afc163 已提交
240 241 242 243
  vertical-align: top;
  position: relative;
  perspective: 4000px;
  -webkit-perspective: 4000px;
A
afc163 已提交
244
}
A
afc163 已提交
245

A
afc163 已提交
246
.main {
A
afc163 已提交
247 248 249 250 251 252
  overflow: hidden;
  position: relative;
  height: calc(100% - 190px);
  min-height: 500px;
  transform-style: preserve-3d;
  transition: transform .6s cubic-bezier(0.785, 0.135, 0.15, 0.86), height .5s ease-out;
A
afc163 已提交
253
}
罗宪 已提交
254

A
afc163 已提交
255 256 257 258 259 260 261
.banner-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: inherit;
  -webkit-animation: alphaTo .3s ease-out;
  animation: alphaTo .3s ease-out;
A
afc163 已提交
262
}
A
afc163 已提交
263

A
afc163 已提交
264
.banner-box .banner-img {
罗宪 已提交
265 266 267
  background: url("https://t.alipayobjects.com/images/T1CFtgXb0jXXXXXXXX.jpg") center no-repeat;
  height: 1300px;
  width: 2400px;
罗宪 已提交
268
  transform-origin: center center;
A
afc163 已提交
269
  transition: opacity 0.5s ease-out;
A
afc163 已提交
270
}
A
afc163 已提交
271

A
afc163 已提交
272 273
.banner-box #bannerAnim,
.load-main-box {
A
afc163 已提交
274 275 276 277 278 279
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  z-index: 2;
罗宪 已提交
280 281
    top:0;
    left:0;
A
afc163 已提交
282
}
罗宪 已提交
283

A
afc163 已提交
284
.load-box {
A
afc163 已提交
285 286
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
罗宪 已提交
287 288
  width: 140px;
  height: 80px;
A
afc163 已提交
289 290 291
  position: absolute;
  top: 50%;
  left: 50%;
罗宪 已提交
292 293
  margin-left: -70px;
  margin-top: -40px;
A
afc163 已提交
294 295 296
  z-index: 99;
  animation: alphaTo .3s ease-out;
  -webkit-animation: alphaTo .3s ease-out;
A
afc163 已提交
297 298 299
  font-size: 22px;
  text-align: center;
  font-family: "Raleway","Helvetica Neue",Helvetica,"Lantinghei SC","Microsoft YaHei","微软雅黑","Hiragino Sans GB",SimSun,sans-serif;
A
afc163 已提交
300 301 302 303 304 305 306 307 308 309
}

.load-box em {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  display: block;
  width: 50px;
  height: 50px;
A
afc163 已提交
310
  margin: auto;
罗宪 已提交
311
  animation: loadTween 2S cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
A
afc163 已提交
312
  -webkit-animation: loadTween 2S cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;;
罗宪 已提交
313
}
A
afc163 已提交
314 315
.load-box span {
  display: inline-block;
罗宪 已提交
316
}
A
afc163 已提交
317 318
.load-box span > p {
  float: left;
罗宪 已提交
319
}
A
afc163 已提交
320 321 322
.load-main-box .load-bar {
  width: 0%;
  height: 2px;
A
afc163 已提交
323
  background: #2db7f5;
A
afc163 已提交
324 325
  transition: width .3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: width .3s cubic-bezier(0.785, 0.135, 0.15, 0.86);;
罗宪 已提交
326
}
A
afc163 已提交
327
.load-out {
328 329
  -webkit-animation: alphaOut .5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  animation: alphaOut .5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
A
afc163 已提交
330
}
A
afc163 已提交
331

A
afc163 已提交
332
.banner-box #bannerAnim .banner-line-absolute {
A
afc163 已提交
333
  position: absolute;
A
afc163 已提交
334 335 336
}

footer {
A
afc163 已提交
337 338
  clear: both;
  border-top: 1px solid #eee;
A
afc163 已提交
339
  font-size: 12px;
A
afc163 已提交
340
  background: #fff;
A
afc163 已提交
341 342
  position: relative;
  z-index: 1;
A
afc163 已提交
343
  color: #666;
A
afc163 已提交
344
}
A
afc163 已提交
345

A
afc163 已提交
346
footer ul {
A
afc163 已提交
347 348
  overflow: hidden;
  margin: 0 2%;
A
afc163 已提交
349
}
A
afc163 已提交
350

A
afc163 已提交
351
footer ul li {
A
afc163 已提交
352 353 354
  float: left;
  width: 25%;
  padding: 5px 2% 15px;
A
afc163 已提交
355
}
A
afc163 已提交
356

A
afc163 已提交
357
footer ul li > h2 {
A
afc163 已提交
358 359
  font-size: 16px;
  margin: 10px auto 5px;
A
afc163 已提交
360
  font-weight: normal;
A
afc163 已提交
361
}
A
afc163 已提交
362

A
afc163 已提交
363 364
footer ul li > div {
  text-align: left;
A
afc163 已提交
365
  margin: auto;
A
afc163 已提交
366
  margin: 10px 0;
A
afc163 已提交
367
}
A
afc163 已提交
368

A
afc163 已提交
369
footer ul li > a {
A
afc163 已提交
370
  margin: 5px 2px 0 0;
A
afc163 已提交
371
}
A
afc163 已提交
372

A
afc163 已提交
373
.aside-container {
A
afc163 已提交
374
  width: 220px;
A
afc163 已提交
375
  padding-bottom: 50px;
A
afc163 已提交
376
  float: left;
A
afc163 已提交
377
  border-right: 1px solid #e9e9e9;
A
afc163 已提交
378
  margin-right: -1px;
A
afc163 已提交
379
}
A
afc163 已提交
380

A
afc163 已提交
381
.aside-container > ul > li {
A
afc163 已提交
382
  overflow: hidden;
A
afc163 已提交
383 384 385 386 387 388
  position: relative;
  right: -1px;
  z-index: 1;
}

.aside-container > ul > li > ul {
A
afc163 已提交
389
  margin-left: 16px;
罗宪 已提交
390
}
391

A
afc163 已提交
392
.aside-container li h4 {
A
afc163 已提交
393
  font-size: 14px;
A
afc163 已提交
394
  font-weight: 600;
A
afc163 已提交
395 396 397
  padding: 0 0 0 24px;
  line-height: 40px;
  height: 40px;
A
afc163 已提交
398 399
  margin: 0;
  cursor: pointer;
A
afc163 已提交
400 401
  position: relative;
  z-index: 1;
A
afc163 已提交
402
  position: relative;
A
afc163 已提交
403
  background: #fff;
A
afc163 已提交
404
  border-right: 1px solid #e9e9e9;
罗宪 已提交
405
}
A
afc163 已提交
406

A
afc163 已提交
407 408
.aside-container li h4:after {
  position: absolute;
A
afc163 已提交
409 410
  top: 0;
  right: 20px;
A
afc163 已提交
411
  content: "\e602";
A
afc163 已提交
412 413 414
  font-family: "anticon";
  transform: scale(0.6);
  font-size: 12px;
A
afc163 已提交
415 416
  opacity: 0;
  transition: all 0.3s ease;
A
afc163 已提交
417 418
}

A
afc163 已提交
419

A
afc163 已提交
420
.aside-container li[open=open] h4:after {
A
afc163 已提交
421 422
  -webkit-transform: scale(0.6) rotate(180deg);
  transform: scale(0.6) rotate(180deg);
A
afc163 已提交
423 424
}

A
afc163 已提交
425 426 427 428
.aside-container li:hover h4:after {
  opacity: 0.8;
}

A
afc163 已提交
429
.aside-container li > ul.aside-list-show {
A
afc163 已提交
430 431 432
  display: block;
}

A
afc163 已提交
433
.aside-container li a {
A
afc163 已提交
434 435
  line-height: 40px;
  height: 40px;
A
afc163 已提交
436
  display: block;
A
afc163 已提交
437
  padding-left: 24px;
A
afc163 已提交
438
  font-size: 14px;
A
afc163 已提交
439
  color: #666;
A
afc163 已提交
440
}
A
afc163 已提交
441

A
afc163 已提交
442 443
.aside-container li.type-divider {
  font-size: 12px;
A
afc163 已提交
444
  -webkit-transform:  scale(0.9);
A
afc163 已提交
445 446 447
  transform: scale(0.9);
  transform-origin: 0 50%;
  color: #aaa;
A
afc163 已提交
448
  margin: 6px 0 6px 24px;
A
afc163 已提交
449 450
}

A
afc163 已提交
451 452 453 454 455
.aside-container .chinese {
  font-size: 12px;
  margin-left: 6px;
  font-weight: normal;
  opacity: 0.67;
A
afc163 已提交
456 457
}

A
afc163 已提交
458
.aside-container li a:hover {
A
afc163 已提交
459
  color: #2db7f5;
A
afc163 已提交
460
}
A
afc163 已提交
461

A
afc163 已提交
462
.aside-container .current {
A
afc163 已提交
463 464
  border-right: 2px solid #2db7f5;
  color: #2db7f5;
A
afc163 已提交
465
}
A
afc163 已提交
466 467

.aside-container .current a {
A
afc163 已提交
468
  color: #2db7f5;
罗宪 已提交
469
}
A
afc163 已提交
470

A
layout  
afc163 已提交
471
.main-wrapper {
A
afc163 已提交
472 473 474 475 476 477 478
  background: #fff;
  width: 92%;
  margin: 0 auto;
  border-radius: 6px;
  overflow: hidden;
  padding: 24px 0 0;
  margin-bottom: 24px;
A
afc163 已提交
479
  position: relative;
A
layout  
afc163 已提交
480 481
}

A
afc163 已提交
482
.main-container {
A
afc163 已提交
483
  border-left: 1px solid #e9e9e9;
A
afc163 已提交
484 485
  margin-left: 219px;
  padding: 0 40px 120px;
A
afc163 已提交
486
  background: #fff;
A
afc163 已提交
487
  min-height: 500px;
A
afc163 已提交
488
  overflow: hidden;
A
afc163 已提交
489 490
}

A
afc163 已提交
491
.markdown {
A
afc163 已提交
492
  color: #666;
A
afc163 已提交
493
  font-size: 14px;
A
afc163 已提交
494
  line-height: 1.8;
A
afc163 已提交
495 496
}

A
afc163 已提交
497 498 499 500
.highlight {
  line-height: 1.5;
}

A
afc163 已提交
501
.markdown img {
A
afc163 已提交
502
  vertical-align: middle;
A
afc163 已提交
503
  max-width: 100%;
A
afc163 已提交
504 505
}

A
afc163 已提交
506
.markdown h1 {
A
afc163 已提交
507 508
  color: #404040;
  font-weight: 500;
A
afc163 已提交
509 510
  line-height: 40px;
  margin-bottom: 24px;
A
afc163 已提交
511 512
}

A
afc163 已提交
513 514 515 516 517
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
A
afc163 已提交
518
  color: #404040;
A
afc163 已提交
519
  margin: 1.6em 0 0.6em 0;
A
afc163 已提交
520
  font-weight: 500;
A
afc163 已提交
521
  clear: both;
A
layout  
afc163 已提交
522 523
}

A
afc163 已提交
524
.markdown h1 { font-size: 28px; }
A
afc163 已提交
525
.markdown h2 { font-size: 22px; }
A
afc163 已提交
526
.markdown h3 { font-size: 18px; }
A
afc163 已提交
527 528 529 530
.markdown h4 { font-size: 16px; }
.markdown h5 { font-size: 14px; }
.markdown h6 { font-size: 12px; }

A
afc163 已提交
531
.markdown hr {
A
afc163 已提交
532
  height: 1px;
A
afc163 已提交
533
  border: 0;
A
afc163 已提交
534 535
  background: #e9e9e9;
  margin: 16px 0;
A
afc163 已提交
536
  clear: both;
A
afc163 已提交
537 538
}

罗宪 已提交
539 540
.markdown p,
.markdown pre {
A
afc163 已提交
541
  margin: 1em 0;
罗宪 已提交
542 543
}

A
afc163 已提交
544 545 546 547 548 549 550 551
.markdown > p,
.markdown > blockquote,
.markdown > .highlight,
.markdown > ol,
.markdown > ul {
  width: 80%;
}

A
afc163 已提交
552
.markdown ul > li {
A
afc163 已提交
553 554 555
  list-style: circle;
}

A
afc163 已提交
556 557
.markdown > ul li,
.markdown blockquote ul > li {
A
afc163 已提交
558 559
  margin-left: 20px;
  padding-left: 4px;
A
afc163 已提交
560 561
}

A
afc163 已提交
562 563 564 565 566
.markdown > ul li p,
.markdown > ol li p {
  margin: 0.6em 0;
}

A
afc163 已提交
567
.markdown ol > li {
A
afc163 已提交
568 569 570
  list-style: decimal;
}

A
afc163 已提交
571 572
.markdown > ol li,
.markdown blockquote ol > li {
A
afc163 已提交
573 574
  margin-left: 20px;
  padding-left: 4px;
A
afc163 已提交
575 576
}

A
afc163 已提交
577 578
.markdown code {
  margin: 0 3px;
罗宪 已提交
579 580
}

A
afc163 已提交
581 582
.markdown pre {
  border-radius: 6px;
A
afc163 已提交
583
  background: #f7f7f7;
A
afc163 已提交
584 585
}

罗宪 已提交
586
.markdown pre code {
A
afc163 已提交
587
  border: none;
A
afc163 已提交
588
  padding: 1em 2em;
A
afc163 已提交
589
  background: #f7f7f7;
A
afc163 已提交
590
  margin: 0;
罗宪 已提交
591 592
}

A
afc163 已提交
593 594 595 596 597
.markdown strong,
.markdown b {
  font-weight: 600;
}

A
API  
afc163 已提交
598 599 600 601 602
.markdown > table {
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
  border: 1px solid #e9e9e9;
A
afc163 已提交
603
  width: 80%;
A
afc163 已提交
604
  margin-bottom: 24px;
A
afc163 已提交
605 606 607 608
}

.markdown > table th {
  white-space: nowrap;
A
afc163 已提交
609 610
  color: #5C6B77;
  font-weight: 600;
A
API  
afc163 已提交
611 612 613 614 615 616 617 618 619 620 621 622 623
}

.markdown > table th,
.markdown > table td {
  border: 1px solid #e9e9e9;
  padding: 8px 16px;
  text-align: left;
}

.markdown > table th {
  background: #F7F7F7;
}

A
afc163 已提交
624 625 626 627 628
.markdown blockquote {
  font-size: 90%;
  color: #999;
  border-left: 4px solid #e9e9e9;
  padding-left: 0.8em;
A
afc163 已提交
629 630 631 632
  margin: 1em 0;
}

.markdown blockquote p {
A
afc163 已提交
633
  margin: 0;
A
afc163 已提交
634 635
}

636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651
.markdown .anchor {
  opacity: 0;
  transition: opacity 0.3s ease;
  margin-left: 8px;
}

.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;
}

A
afc163 已提交
652 653 654 655 656
.markdown > br,
.markdown > p > br {
  clear: both;
}

罗宪 已提交
657
#api ~ ul > li > p > strong ~ code {
A
afc163 已提交
658 659 660 661
  background: #fff;
  color: #CC7300;
  border: none;
  margin-left: 0.5em;
A
afc163 已提交
662 663
}

A
afc163 已提交
664 665 666 667 668 669 670
.prev-next-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  font-size: 16px;
A
afc163 已提交
671
  padding-left: 220px;
A
afc163 已提交
672 673
}

A
afc163 已提交
674 675
.prev-next-nav > .prev-page,
.prev-next-nav > .next-page {
A
afc163 已提交
676 677 678 679 680
  padding: 0 24px;
  width: 50%;
  float: left;
  line-height: 72px;
  height: 72px;
A
afc163 已提交
681
  border-top: 1px solid #e9e9e9;
A
afc163 已提交
682 683
}

A
afc163 已提交
684
.prev-next-nav > a.prev-page:before {
A
afc163 已提交
685 686 687 688 689 690 691 692 693 694 695
  font-family: 'anticon';
  content: '\e601';
  font-size: 12px;
  margin-right: 1em;
}

.prev-next-nav > .next-page {
  text-align: right;
  float: right;
}

A
afc163 已提交
696
.prev-next-nav > a.next-page:after {
A
afc163 已提交
697 698 699 700 701 702 703
  font-family: 'anticon';
  content: '\e600';
  font-size: 12px;
  margin-left: 1em;
}

.toc {
A
afc163 已提交
704 705 706 707
  font-size: 14px;
  margin-bottom: 20px;
  background: #fbfbfb;
  border-left: 2px solid #eee;
A
afc163 已提交
708 709
}

A
afc163 已提交
710 711 712 713
.toc > ul {
  padding: 8px 0;
}

A
afc163 已提交
714 715 716 717
.toc > ul li {
  list-style: none;
}

A
afc163 已提交
718
.toc li > ul {
A
afc163 已提交
719
  text-indent: 8px;
A
afc163 已提交
720 721
  font-size: 12px;
  display: none;
A
afc163 已提交
722 723 724
}

.toc a {
A
afc163 已提交
725
  padding-left: 16px;
A
afc163 已提交
726
  border-left: 2px solid #eee;
A
afc163 已提交
727
  margin-left: -2px;
A
afc163 已提交
728 729 730 731
  display: block;
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
A
afc163 已提交
732
  color: #666;
A
afc163 已提交
733 734 735 736
}

.toc a:hover {
  color: #2db7f5;
A
afc163 已提交
737 738 739 740
}

.toc a.current {
  border-color: #2db7f5;
A
afc163 已提交
741
  color: #2db7f5;
A
afc163 已提交
742 743
}

Z
zhujun24 已提交
744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776
/* autocomplete */
.ui-select ul {
  outline: none;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
}

.ui-select-item {
  width: 156px;
  padding: 10px 12px;
  clear: both;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui-select-item-hover {
  cursor: pointer;
  background-color: #eaf8fe;
}
/* autocomplete end */

A
afc163 已提交
777
/***************************************************************************/
A
afc163 已提交
778
.api-link {
A
afc163 已提交
779 780 781 782
  font-size: 16px;
  vertical-align: middle;
  margin-left: 15px;
  font-weight: normal;
罗宪 已提交
783 784 785
}

.sketch-link {
A
afc163 已提交
786 787 788 789 790 791 792 793 794
  font-size: 14px;
  vertical-align: middle;
  font-weight: normal;
  float: right;
  margin-right: 15px;
  border: 1px solid #ddd;
  padding: 2px 15px;
  border-radius: 100px;
  color: #777;
罗宪 已提交
795 796 797
}

.sketch-link i {
A
afc163 已提交
798
  margin-right: 5px;
A
afc163 已提交
799
}
A
afc163 已提交
800

A
afc163 已提交
801 802
.component-demos {
  margin: 2em 0 1em;
A
afc163 已提交
803 804
  color: #404040;
  font-weight: 500;
A
afc163 已提交
805
  font-size: 24px;
A
afc163 已提交
806 807
}

A
afc163 已提交
808
.component-demos .anticon-appstore {
A
afc163 已提交
809
  cursor: pointer;
A
afc163 已提交
810
  font-size: 14px;
A
afc163 已提交
811 812 813 814
  color: #9199AC;
  margin-left: 5px;
  opacity: 0.8;
  transition: all 0.3s ease;
815
  top: -2px;
A
afc163 已提交
816
  position: relative;
A
afc163 已提交
817 818
}

A
afc163 已提交
819
.component-demos .anticon-appstore:hover {
A
afc163 已提交
820
  opacity: 1;
A
afc163 已提交
821 822
}

A
afc163 已提交
823
.component-demos .anticon-appstore.expand {
A
afc163 已提交
824
  color: #3B4357;
A
afc163 已提交
825 826
}

A
afc163 已提交
827
.code-boxes-col-1-1 {
A
afc163 已提交
828
  width: 80%;
A
afc163 已提交
829 830 831
}

.code-boxes-col-2-1 {
A
afc163 已提交
832
  width: 48%;
A
afc163 已提交
833 834
  display: inline-block;
  vertical-align: top;
A
afc163 已提交
835
  padding-right: 8px;
A
afc163 已提交
836 837
}

A
afc163 已提交
838
.code-boxes-col-2-1:last-child {
A
afc163 已提交
839
  padding-right: 0;
A
afc163 已提交
840
  padding-left: 8px;
A
afc163 已提交
841 842
}

A
afc163 已提交
843
.code-box {
A
afc163 已提交
844 845 846 847 848
  border: 1px solid #E9E9E9;
  border-radius: 6px;
  display: inline-block;
  width: 100%;
  position: relative;
A
afc163 已提交
849
  margin: 0px 0 16px 0px;
A
afc163 已提交
850
  transition: all 0.5s ease;
A
afc163 已提交
851 852 853 854 855 856
}

.code-box:hover {
  border-color: #ccc;
}

857
.code-box:target {
A
afc163 已提交
858 859
  border: 1px solid rgba(45, 183, 245, 0.7);
  box-shadow: 0 0 4px rgba(45, 183, 245, 0.5);
860 861 862 863
}

.code-box:hover .code-box-meta,
.code-box:target .code-box-meta {
A
afc163 已提交
864 865 866
  background: #fbfbfb;
}

867 868
.code-box:hover .code-box-title,
.code-box:target .code-box-title {
A
afc163 已提交
869 870
  background: #fbfbfb;
  box-shadow: 0 -1.2px 0 #e9e9e9;
A
afc163 已提交
871 872
}

873 874 875 876 877
.code-box .code-box-title a,
.code-box .code-box-title a:hover {
  color: #666;
}

A
afc163 已提交
878
.code-box .code-box-demo {
A
afc163 已提交
879
  border-bottom: 1px solid #E9E9E9;
880 881 882
  padding: 42px 20px 50px;
}

A
layout  
afc163 已提交
883
.code-box-meta {
A
afc163 已提交
884
  position: relative;
A
afc163 已提交
885
  padding: 10px 15px;
A
afc163 已提交
886
  border-radius: 0 0 6px 6px;
A
afc163 已提交
887
  transition: background-color 0.4s ease;
A
afc163 已提交
888
  width: 100%;
A
layout  
afc163 已提交
889 890 891 892
}

.code-box-meta h4,
.code-box-meta p {
A
afc163 已提交
893
  margin: 0;
A
layout  
afc163 已提交
894 895 896
}

.code-box-title {
A
afc163 已提交
897 898 899
  position: absolute;
  top: -14px;
  padding: 1px 1.1em;
A
afc163 已提交
900
  color: #777;
A
afc163 已提交
901
  border-radius: 6px;
A
afc163 已提交
902 903
  background: #fff;
  transition: all 0.4s ease;
A
layout  
afc163 已提交
904 905
}

A
afc163 已提交
906
.code-box-title:before {
A
afc163 已提交
907
  font-family: anticon;
A
afc163 已提交
908
  content: "\e658";
A
afc163 已提交
909 910 911 912
  font-size: 16px;
  vertical-align: middle;
  line-height: 22px;
  position: relative;
A
afc163 已提交
913
  margin-right: 8px;
914
  top: -2px;
A
afc163 已提交
915
  color: #ccc;
A
afc163 已提交
916 917 918
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
A
afc163 已提交
919 920
}

A
afc163 已提交
921
.code-box-meta > p {
A
afc163 已提交
922 923
  font-size: 12px;
  margin: 0.5em 0;
A
afc163 已提交
924
  padding-right: 25px;
A
afc163 已提交
925
  width: 100%;
A
layout  
afc163 已提交
926 927 928
}

.code-box .collapse {
A
afc163 已提交
929
  position: absolute;
A
afc163 已提交
930
  right: 16px;
A
afc163 已提交
931
  bottom: 18px;
A
afc163 已提交
932
  cursor: pointer;
A
afc163 已提交
933 934 935 936
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
A
afc163 已提交
937
  opacity: 0.5;
A
afc163 已提交
938
  text-align: center;
A
afc163 已提交
939
  -webkit-transform: rotate(90deg);
A
afc163 已提交
940 941
  transform: rotate(90deg);
  transition: all 0.3s ease;
A
afc163 已提交
942
  color: #999;
A
afc163 已提交
943
  background: #fff;
A
layout  
afc163 已提交
944 945
}

A
afc163 已提交
946
.code-box.expand .collapse {
A
afc163 已提交
947
  -webkit-transform: rotate(-90deg);
A
afc163 已提交
948
  transform: rotate(-90deg);
A
afc163 已提交
949 950
}

A
afc163 已提交
951 952
.code-box .collapse:hover {
  opacity: 1;
A
afc163 已提交
953 954
}

A
layout  
afc163 已提交
955
.code-box .highlight {
A
afc163 已提交
956 957 958 959
  overflow: hidden;
  display: none;
  padding: 5px;
  border-top: 1px dashed #e9e9e9;
A
layout  
afc163 已提交
960 961 962
}

.code-box pre {
A
afc163 已提交
963 964
  margin: 0;
  width: auto;
A
afc163 已提交
965 966 967
}

.code-box pre code {
A
afc163 已提交
968 969
  border: none;
  background: #fff;
A
afc163 已提交
970
}
A
afc163 已提交
971

罗宪 已提交
972
.banner-entry {
A
afc163 已提交
973 974 975 976 977
  position: absolute;
  top: 19%;
  left: 10%;
  z-index: 100;
  color: #707d8d;
A
afc163 已提交
978
  font-family: "Raleway","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",SimSun,sans-serif;
A
afc163 已提交
979
  font-weight: 300;
A
afc163 已提交
980 981 982
}

.entry-title {
A
afc163 已提交
983 984 985 986
  font-size: 50px;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 12px;
A
afc163 已提交
987 988
}

A
afc163 已提交
989
.entry-slogan {
A
afc163 已提交
990 991 992
  padding-left: 4px;
  font-size: 14px;
  color: #9ea9b4;
A
afc163 已提交
993 994
}

A
afc163 已提交
995
a.entry-link {
A
afc163 已提交
996
  margin-top: 30px;
A
afc163 已提交
997 998 999
  border: 1px solid rgba(95, 108, 119, 0.3);
  border-radius: 50px;
  color: #5F6C77;
A
afc163 已提交
1000
  display: inline-block;
A
afc163 已提交
1001
  text-align: center;
A
afc163 已提交
1002
  padding: 8px 20px;
A
afc163 已提交
1003
  transition: border 0.3s ease;
A
afc163 已提交
1004 1005 1006
}

a.entry-link:hover {
A
afc163 已提交
1007
  border-color: #5F6C77;
A
afc163 已提交
1008 1009
}

A
afc163 已提交
1010
a.entry-link .anticon-smile {
A
afc163 已提交
1011
  margin-right: 2px;
A
afc163 已提交
1012
  display: inline-block;
A
afc163 已提交
1013 1014
  -webkit-animation: rotateCircleBack 0.6s 1 ease-in-out;
  animation: rotateCircleBack 0.6s 1 ease-in-out;
A
afc163 已提交
1015
  line-height: 1;
A
afc163 已提交
1016
  width: 16px;
A
afc163 已提交
1017 1018
}

A
afc163 已提交
1019
a.entry-link:hover .anticon-smile {
A
afc163 已提交
1020 1021
  -webkit-animation: rotateCircle 0.6s 1 ease-in-out;
  animation: rotateCircle 0.6s 1 ease-in-out;
A
afc163 已提交
1022
}
A
afc163 已提交
1023

A
afc163 已提交
1024 1025 1026 1027 1028 1029 1030 1031
.entry-version {
  font-size: 12px;
  margin-top: 15px;
  position: absolute;
  top: 36px;
  right: -32px;
}

A
afc163 已提交
1032
#instantclick {
A
afc163 已提交
1033 1034
  top: 80px!important;
  position: absolute!important;
A
afc163 已提交
1035 1036 1037
}

#instantclick-bar {
A
afc163 已提交
1038
  background: #2db7f5;
A
afc163 已提交
1039
}
A
afc163 已提交
1040 1041 1042 1043 1044

#versions-select {
  position: relative;
  top: -2px;
}
A
afc163 已提交
1045 1046 1047 1048 1049 1050 1051

.window-frame {
  position: relative;
  margin: 0;
  padding: 0;
  border-radius: 5px;
  border: 1px solid #ccc;
A
afc163 已提交
1052
  background-color: #fff;
A
afc163 已提交
1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132
  line-height: 1;
}

.window-frame .top-bar {
  background: #DCD9DC;
  background-image: -webkit-linear-gradient(#F6F6F6, #dadada);
  background-image: linear-gradient(#F6F6F6, #dadada);
  min-height: 2rem;
  border-radius: 0.35rem 0.35rem 0 0;
  padding: 0.41528rem 0.83056rem;
  border-bottom: 1px solid transparent;
  border-bottom-color: #ccc;
  color: rgba(0, 0, 0, 0.5);
}

.window-frame .top-bar .address-bar {
  border-radius: 0.245rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: black;
  box-shadow: 0 0.5px 0 0 rgba(255, 255, 255, 0.75), inset 0 1px 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 0 0.5em 0 1em;
  font-size: 0.75rem;
  line-height: 2;
  background: white;
  width: 60%;
  margin-left: 15%;
}

.window-frame .top-bar .controls {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-top: 0.2em;
}
.window-frame .top-bar .controls > * {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  display: inline-block;
  margin-right: 0.41528rem;
  -webkit-transition: 0.1s linear;
          transition: 0.1s linear;
}
.window-frame .top-bar .control {
  width: 0.83056rem;
  height: 0.83056rem;
  background: #DCD9DC;
  border-radius: 0.83056rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.window-frame .top-bar .control:hover {
  background: #b0adb0;
}
.window-frame .top-bar .control:before,
.window-frame .top-bar .control:after {
  line-height: 0.5;
  color: black;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  vertical-align: middle;
  line-height: 0.5;
}
.window-frame .top-bar .control.close {
  background: #FC625C;
}
.window-frame .top-bar .control.minify {
  background: #FDC041;
}
.window-frame .top-bar .control.expand {
  background: #35CD4B;
}
.window-frame .window-content {
  padding: 0;
  line-height: 1.5;
A
afc163 已提交
1133 1134
  overflow: auto;
  height: 440px;
A
afc163 已提交
1135 1136
  position: relative;
  border-radius: 0 0 5px 5px;
1137
  background: #ececec;
A
afc163 已提交
1138
}
A
afc163 已提交
1139

A
afc163 已提交
1140 1141 1142 1143 1144
.window-frame .status-bar {
  height: 2rem;
  border-radius: 0 0 0.35rem 0.35rem;
  display: none;
}
A
afc163 已提交
1145 1146 1147

.demos-anchor {
  color: #aaa;
A
afc163 已提交
1148
  position: absolute;
A
afc163 已提交
1149
  margin-right: 24px;
A
afc163 已提交
1150 1151
  top: 24px;
  right: 0;
A
afc163 已提交
1152 1153 1154 1155
  z-index: 100;
  background: #fff;
  font-size: 12px;
}
A
afc163 已提交
1156

A
afc163 已提交
1157 1158
.demos-anchor a {
  padding-left: 8px;
A
afc163 已提交
1159 1160 1161 1162 1163
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90px;
A
afc163 已提交
1164 1165
}

A
afc163 已提交
1166 1167 1168 1169 1170 1171 1172 1173
.demos-anchor.toc.sticky {
  position: fixed;
  top: 0;
  right: 4%;
  margin-right: 24px;
  z-index: 100;
}

A
afc163 已提交
1174
.preview-image-boxes {
A
afc163 已提交
1175
  float: right;
A
afc163 已提交
1176
  margin: 0 0 110px 60px;
A
afc163 已提交
1177
  width: 616px;
A
afc163 已提交
1178 1179
}

A
afc163 已提交
1180 1181 1182 1183
.preview-image-boxes + .preview-image-boxes {
  margin-top: -75px;
}

A
afc163 已提交
1184 1185 1186 1187 1188 1189
.preview-image-box {
  width: 100%;
  float: left;
  padding: 0 8px;
}

A
afc163 已提交
1190
.preview-image-wrapper {
A
afc163 已提交
1191 1192
  background: #f4f4f4;
  padding: 16px;
A
afc163 已提交
1193 1194
  display: inline-block;
  text-align: center;
A
afc163 已提交
1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220
  width: 100%;
  position: relative;
}

.preview-image-wrapper.good:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #2db7f5;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.preview-image-wrapper.bad:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #f50;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

A
afc163 已提交
1221 1222
.preview-image-title {
  font-size: 12px;
A
afc163 已提交
1223
  margin-top: 5px;
A
afc163 已提交
1224 1225 1226
  color: #666;
}

A
afc163 已提交
1227 1228
.preview-image-description {
  font-size: 12px;
A
afc163 已提交
1229
  margin-top: 2px;
A
afc163 已提交
1230
  color: #999;
A
afc163 已提交
1231
  line-height: 1.5;
A
afc163 已提交
1232 1233
}

A
afc163 已提交
1234 1235 1236 1237 1238 1239
.preview-image-description hr {
  margin: 2px 0;
  border: 0;
  background: none;
}

A
afc163 已提交
1240
.preview-image-box img {
A
afc163 已提交
1241 1242
  cursor: pointer;
  max-width: 100%;
A
afc163 已提交
1243
  transition: all 0.3s ease;
A
afc163 已提交
1244 1245 1246
  background: #fff;
  padding: 12px;
  border-radius: 6px;
A
afc163 已提交
1247 1248
}

A
afc163 已提交
1249 1250
.preview-image-boxes.pack img {
  padding: 0;
A
afc163 已提交
1251
  box-shadow: 0 1px 0 0 #ddd, 0 3px 0 0 #fff, 0 4px 0 0 #ddd, 0 6px 0 0 #fff,  0 7px 0 0 #ddd;
A
afc163 已提交
1252 1253
}

A
afc163 已提交
1254
.preview-image-box img:hover {
A
afc163 已提交
1255
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
A
afc163 已提交
1256 1257
}

A
afc163 已提交
1258 1259 1260 1261 1262 1263 1264
.outside-link:after {
  content: '\e669';
  font-family: 'anticon';
  margin-left: 5px;
  font-size: 12px;
}

A
afc163 已提交
1265 1266 1267 1268
.image-modal {
  text-align: center;
}

A
afc163 已提交
1269
.image-modal-container {
A
afc163 已提交
1270
  position: relative;
A
afc163 已提交
1271
  text-align: center;
A
afc163 已提交
1272 1273
}

A
afc163 已提交
1274 1275 1276 1277
.image-modal .ant-modal-header {
  display: none;
}

A
afc163 已提交
1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298
.image-modal .ant-carousel .slick-slider {
  padding-bottom: 24px;
}

.image-modal .ant-carousel .slick-dots {
  text-align: left;
  bottom: -6px;
}

.image-modal .ant-carousel .slick-dots li {
  margin: 0;
}

.image-modal .preview-image-title {
  position: absolute;
  bottom: 12px;
  left: 50%;
  display: inline-block;
  transform: translateX(-50%);;
}

A
afc163 已提交
1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314
.image-modal .slick-prev {
  left: 0;
  height: 100%;
  top: 0;
  margin-top: 0;
  width: 50%;
  text-align: left;
}

.image-modal .slick-prev:after {
  content: "\e601";
  font-size: 28px;
  font-family: "anticon";
  color: #000;
  opacity: 0;
  transition: all 0.3s ease;
A
afc163 已提交
1315 1316 1317
  position: absolute;
  top: 220px;
  right: 24px;
A
afc163 已提交
1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339
}

.image-modal .slick-prev:hover:after {
  opacity: 0.38;
}

.image-modal .slick-next {
  right: 0;
  height: 100%;
  top: 0;
  margin-top: 0;
  width: 50%;
  text-align: right;
}

.image-modal .slick-next:after {
  content: "\e600";
  font-size: 28px;
  font-family: "anticon";
  color: #000;
  opacity: 0;
  transition: all 0.3s ease;
A
afc163 已提交
1340 1341 1342
  position: absolute;
  top: 220px;
  right: 24px;
A
afc163 已提交
1343 1344 1345 1346 1347 1348
}

.image-modal .slick-next:hover:after {
  opacity: 0.38;
}

A
afc163 已提交
1349 1350 1351
.image-modal .outside-link {
  position: absolute;
  right: 16px;
A
afc163 已提交
1352
  bottom: 12px;
A
afc163 已提交
1353 1354
}

A
afc163 已提交
1355 1356 1357
.image-modal .ant-carousel .slick-slide img {
  max-width: 100%;
  display: inline-block;
A
afc163 已提交
1358
}
A
afc163 已提交
1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 1495 1496 1497 1498 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 1530

.resource-cards {
  width: 100%;
}

.resource-card {
  max-width: 350px;
  width: 40%;
  min-width: 300px;;
  height: 130px;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  font-size: 12px;
  color: #777;
  display: inline-block;
  margin: 20px 40px 10px 0;
  vertical-align: middle;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.resource-card:hover {
  box-shadow: 0 1px 4px rgba(64,64,64,.2);
}

.resource-card:hover .resource-card-title {
  color: #2db7f5;
}

.resource-card.disabled {
  opacity: 0.45;
  pointer-events: none;
}

.resource-card img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  margin: 0 20px 0 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.resource-card-content {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 92px;
}

.resource-card-title {
  display: block;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
  margin-bottom: 8px;
}

.resource-card-description {
  display: block;
  color: #999;
  padding-right: 8px;
}


/* responsive style */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
  .code-boxes-col-2-1 {
    float: none;
    width: 100%;
  }
  .search {
    display: none;
  }
  .preview-image-boxes {
    margin: 0!important;
    float: none;
    width: 100%;
  }

  .preview-image-box {
    padding-left: 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .nav, .search {
    display: none;
  }

  .logo {
    margin: 10px;
    height: auto;
  }

  .banner-entry {
    position: relative;
    top: 30px;
    left: 0;
    text-align: center;
  }

  .nav {
    position: absolute;
    z-index: 1000;
    top: 50px;
    right: 0;
    background: #fff;
    overflow: hidden;
    height: auto;
    line-height: 50px;
    margin-right: 0;
    border: 1px solid #e9e9e9;
    width: 50%;
  }

  .nav .bar {
    display: none!important;
  }

  .nav ul li {
    width: 100%;
  }

  .toc {
    display: none;
  }

  .nav-phone-icon {
    display: block;
    width: 49px;
    height: 49px;
    float: right;
    cursor: pointer;
    background: #BEC4C8;
  }

  .nav-phone-icon:before,
  .nav-phone-icon:after {
    content: "";
    display: block;
    border-radius: 1px;
    width: 15px;
    height: 2px;
    background: #EBEDEE;
    margin: 20px 0 0 18px;
  }

  .nav-phone-icon:after {
    margin-top: 5px;
  }

  .main {
    height: calc(100% - 86px);
  }

  .aside-container {
    float: none;
    width: auto;
  }

  .main-container {
    margin-left: 0;
  }

A
afc163 已提交
1531 1532 1533 1534 1535
  .markdown > * {
    width: 100%!important;
  }

  .main-wrapper {
A
afc163 已提交
1536 1537 1538
    width: 100%;
  }

A
afc163 已提交
1539 1540 1541 1542 1543
  .main-container {
    padding-left: 30px;
    padding-right: 30px;
  }

A
afc163 已提交
1544 1545 1546 1547 1548 1549 1550 1551 1552
  footer {
    text-align: center;
  }

  footer ul li {
    float: none;
    width: auto;
  }
}