html_css

1
body {
2
    margin: 0;
3
    font-family: Arial, sans-serif;
4
    font-size: 16px;
5
    line-height: 1.6;
6
}
7

8
* {
9
    box-sizing: border-box;
10
}
11

12
.text {
13
    width: 400px;
14
    margin: 0 auto;
15
}
16
.mask {
17
  width: 100%;
18
  height: 100%;
19

20
  position: fixed;
21
  top: 0;
22
  left: 0;
23
  z-index: 999;
24

25
  background-color: rgba(0, 0, 0, 0.8);
26
}
27

28
.modal {
29
  width: 320px;
30
  padding: 15px;
31
  margin-left: -160px;
32

33
  background-color: #fff;
34

35
  position: fixed;
36
  top: 75px;
37
  left: 50%;
38
  z-index: 1000;
39
}
40

41

42
.modal-close {
43
      width: 20px;
44
      height: 20px;
45

46
      background: none;
47
      border: 0;
48
      cursor: pointer;
49

50
      position: absolute;
51
      top: -20px;
52
      right: -20px;
53
}
54
.btn {
55
    display: inline-block;
56
    vertical-align: top;
57
    padding: 7px 15px;
58

59
    font-family: inherit;
60
    color: #fff;
61
    cursor: pointer;
62
    border: 0;
63
}
64

65
.btn.success {
66
    background-color: #35bb27;
67
}
68
.btn.cancel {
69
    background-color: #f9861f;
70
}
71