1

zhangyanpeng

2024-05-29 af8f46ca6853ca06fdd0145ba61b57a958fa3afe

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
.container {
 width: 260px;
 margin: 10px auto;
 overflow: hidden;
}
#msg {
 width: 100%;
 line-height: 40px;
 font-size: 14px;
 text-align: center;
}
a:link,
a:visited,
a:hover,
a:active {
 margin-left: 100px;
 color: #0366D6;
}
.block {
 position: absolute;
 left: 0;
 top: 0;
}
.block:hover {
    cursor: pointer;
}
.sliderContainer {
 position: relative;
 text-align: center;
 width: 260px;
 height: 40px;
 line-height: 40px;
 margin-top: 15px;
 background: #f7f9fa;
 color: #45494c;
 border-top: 1px solid #e4e7eb;
}
.sliderContainer_active .slider {
 height: 38px;
 top: -1px;
 border: 1px solid #1991FA;
}
.sliderContainer_active .sliderMask {
 height: 38px;
 border-width: 1px;
}
.sliderContainer_success .slider {
 height: 38px;
 top: -1px;
 border: 1px solid #52CCBA;
 background-color: #52CCBA !important;
}
.sliderContainer_success .sliderMask {
 height: 38px;
 border: 1px solid #52CCBA;
 background-color: #D2F4EF;
}
.sliderContainer_success .sliderIcon {
 background-position: 0 0 !important;
}
.sliderContainer_fail .slider {
 height: 38px;
 top: -1px;
 border: 1px solid #f57a7a;
 background-color: #f57a7a !important;
}
.sliderContainer_fail .sliderMask {
 height: 38px;
 border: 1px solid #f57a7a;
 background-color: #fce1e1;
}
.sliderContainer_fail .sliderIcon {
 background-position: 0 -83px !important;
}
.sliderContainer_active .sliderText,
.sliderContainer_success .sliderText,
.sliderContainer_fail .sliderText {
 display: none;
}
.sliderMask {
 position: absolute;
 left: 0;
 top: 0;
 height: 40px;
 border: 0 solid #1991FA;
 background: #D1E9FE;
}
.slider {
 position: absolute;
 top: 0;
 left: 0;
 width: 40px;
 height: 40px;
 background: #fff;
 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
 cursor: pointer;
 transition: background .2s linear;
}
.slider:hover {
 background: #1991FA;
}
.slider:hover .sliderIcon {
 background-position: 0 -13px;
}
.sliderIcon {
 position: absolute;
 top: 15px;
 left: 13px;
 width: 14px;
 height: 10px;
 background: url(../img/picture.png) 0 -26px;
 background-size: 34px 471px;
}
.refreshIcon {
 position: absolute;
 right: 0;
 top: 0;
 width: 34px;
 height: 34px;
 cursor: pointer;
 background: url(../img/picture.png) 0 -437px;
 background-size: 34px 471px;
}