广东电信第一次提交

lxw

2020-07-11 9db52f2f2dd3665fe9da1ae5657e0167c3a34d40

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
/* 带确定和取消的自定义弹出框 */
.myconfirm {
    display: none;
    position: fixed;
    margin-left: 50%;
    left: -190px;
    z-index: 99997;
    width:350px;
    min-width: 350px;
    max-width: 400px;
    background-color: pink;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/* 定义容器的before和after清除浮动 */
.myconfirm:before, .myconfirm:after,
.myconfirm .confirm-header:before, .myconfirm .confirm-header:after,
.myconfirm .confirm-footer:before, .myconfirm .confirm-footer:after {
    display: table;
    content: " ";
}
.myconfirm:after,
.myconfirm .confirm-header:after,
.myconfirm .confirm-footer:after {
    clear: both;
}
 
/* 定义confirm的header */
.myconfirm .confirm-header {
    background: url('../image/bg_13.jpg') repeat-x;
}
.myconfirm .confirm-header .title{
    float: left;
    height: 30px;
    line-height: 30px;
    text-indent: 2em;
    font-weight: bold;
}
.myconfirm .confirm-header .close-confirm {
    float: right;
    width: 21px;
    height: 21px;
    margin-top: 5px;
    margin-right: 5px;
    background-image: url(../image/backgrounds.32.png);
    background-position: -396px -20px;
    background-repeat: no-repeat;
}
.myconfirm .confirm-header .close-confirm:hover {
    background-position: -396px -108px;
}
 
/* 定义confirm的content */
.myconfirm .confirm-content {
    background-color: #FFFFFF;
    padding: 40px 0;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}
 
.myconfirm .confirm-content.confirm-content-noPadding {
    padding: 0;
}
/* 定义confirm的footer */
.myconfirm .confirm-footer {
    background-color: #E9E7E7;
}
.myconfirm .confirm-footer .ipt {
    float: left;
    width:50%;
    height: 60px;
    text-align: center;
}
.myconfirm .confirm-footer input {
    /*初始化按钮*/
    font-size: 12px;
    text-decoration: none!important;
    font-family: Helvetica, Arial, sans serif;
    padding: 6px 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0px 0px 2px #fff;
    -o-box-shadow: inset 0px 0px 2px #fff;
    -webkit-box-shadow: inset 0px 0px 2px #fff;
    -moz-box-shadow: inset 0px 0px 2px #fff;
    /*定义颜色和样式*/
    color: #41788c;
    border: 1px solid #6fb1c7;
    background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
    background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
    background-image: -o-linear-gradient(#aae5f7, #73d0f1);
    text-shadow: 1px 1px 1px #bfeafb;
    background-color: #73d0f1;
    /* 自定义位置 */
    margin-top: 15px;
}
.myconfirm .confirm-footer input:hover {
    border: 1px solid #4690ad;
    background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
    background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
    background-image: -o-linear-gradient(#73d0f1, #aae5f7);
    background-color: #aae5f7;    
}
 
/* confirm遮罩层 */
.confirm-mask {
    display:none;
    position: fixed;
    left: 0;
    top: 0;    
    z-index: 99996; 
    width: 100%;
    height: 100%;
    background-color: #000000;
    filter:alpha(opacity=30); /*IE滤镜，透明度50%*/
    -moz-opacity:0.3;     /*Firefox私有，透明度50%*/
    opacity:0.3;    /*其他，透明度50%*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    
}