askbot-dragon 0.6.17 → 0.6.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/README.md +27 -27
  2. package/babel.config.js +5 -5
  3. package/dragon.iml +7 -7
  4. package/package.json +54 -52
  5. package/public/index.html +27 -26
  6. package/src/App.vue +31 -31
  7. package/src/api/index.js +1 -1
  8. package/src/api/mock.http +2 -2
  9. package/src/api/requestUrl.js +185 -185
  10. package/src/assets/less/common.css +6760 -6760
  11. package/src/assets/less/converSationContainer/common.less +4751 -4751
  12. package/src/assets/less/converSationContainer/converSatonContainer.less +492 -492
  13. package/src/assets/less/ticketMessage.less +319 -319
  14. package/src/components/ActionAlertIframe.vue +117 -117
  15. package/src/components/AskIFrame.vue +15 -15
  16. package/src/components/ConversationContainer.vue +1388 -1388
  17. package/src/components/FileType.vue +88 -88
  18. package/src/components/Message.vue +27 -27
  19. package/src/components/ask-components/DissatisfactionOptions.vue +57 -57
  20. package/src/components/ask-components/Msgloading.vue +37 -37
  21. package/src/components/ask-components/SatisfactionV2.vue +15 -15
  22. package/src/components/chatContent.vue +512 -512
  23. package/src/components/feedBack.vue +133 -133
  24. package/src/components/file/AliyunOssComponents.vue +109 -109
  25. package/src/components/formTemplate.vue +1898 -2039
  26. package/src/components/message/ActionAlertIframe.vue +116 -116
  27. package/src/components/message/ShopMessage.vue +168 -168
  28. package/src/components/message/TextMessage.vue +895 -895
  29. package/src/components/message/TicketMessage.vue +173 -173
  30. package/src/components/message/swiper/index.js +4 -4
  31. package/src/components/message/swiper/ticketSwiper.vue +530 -530
  32. package/src/components/message/swiper/ticketSwiperItem.vue +61 -61
  33. package/src/components/selector/hOption.vue +20 -20
  34. package/src/components/selector/hSelector.vue +199 -199
  35. package/src/components/selector/hWrapper.vue +216 -216
  36. package/src/components/source/BotMessage.vue +24 -24
  37. package/src/components/source/CustomMessage.vue +24 -24
  38. package/src/components/test.vue +260 -260
  39. package/src/components/utils/AliyunIssUtil.js +72 -72
  40. package/src/components/utils/ckeditor.js +124 -0
  41. package/src/components/utils/format_date.js +18 -18
  42. package/src/components/utils/index.js +6 -6
  43. package/src/components/utils/math_utils.js +15 -15
  44. package/src/main.js +44 -43
  45. package/vue.config.js +34 -28
@@ -1,319 +1,319 @@
1
-
2
- /*.typeClassRem{
3
- margin-bottom: 5px;
4
- .isPhoneClass{
5
- .el-divider--horizontal{
6
- margin: 0.15rem 0!important;
7
- height: 0.1rem!important;
8
- }
9
- .htmlClass{
10
- .img{
11
- overflow: hidden;
12
- img{
13
- width: 100%;
14
- height:calc(85vw / 2.35);
15
- }
16
- }
17
- }
18
- .isAndroidClass{
19
- .singleClass{
20
- padding: 0.2rem 0.26rem;
21
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
22
- font-size: 0.37333rem;
23
- }
24
- }
25
- .doubleClass{
26
- padding: 0.2rem 0.26rem;
27
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
28
- font-size: 0.37333rem;
29
- }
30
- }
31
- .tripleClass{
32
- padding: 0.2rem 0.26rem;
33
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
34
- font-size: 0.373333rem ;
35
- }
36
- }
37
- .buttonClass{
38
- padding: 0.2rem 0.26rem;
39
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
40
- font-size: 0.373333rem ;
41
- }
42
- }
43
- }
44
- .isIosClass{
45
- .singleClass{
46
- padding: 0.2rem 0;
47
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
48
- font-size: 0.3733rem!important;
49
- }
50
- }
51
- .doubleClass{
52
- padding: 0.2rem 0;
53
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
54
- font-size: 0.3733rem!important;
55
- }
56
- }
57
- .tripleClass{
58
- padding: 0.2rem 0;
59
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
60
- font-size: 0.3733rem !important;
61
- }
62
- }
63
- .buttonClass{
64
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
65
- font-size: 0.3733rem !important;
66
- }
67
- }
68
- }
69
- .buttonClass{
70
- font-weight: 600;
71
- text-align: center;
72
- padding: 0.3rem 0!important;
73
- color: #4C61E1;
74
- border-top: 2px solid #D7D7D7;
75
- cursor: pointer;
76
- }
77
- }
78
- .isCompayClass{
79
- .el-divider--horizontal{
80
- margin: 0.15rem 0!important;
81
- height: 0.1rem!important;
82
- }
83
- .htmlClass {
84
- .img{
85
- overflow: hidden;
86
- img{
87
- width: 300px;
88
- height:calc(400px / 2.35);
89
- }
90
- }
91
- }
92
- .buttonClassItem{
93
- font-weight: 600;
94
- text-align: center;
95
- padding: 0.3rem 0;
96
- color: #4C61E1;
97
- border-top: 2px solid #D7D7D7;
98
- cursor: pointer;
99
- }
100
- .singleClass{
101
- padding: 0.2rem 0;
102
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
103
- font-size: 0.37333rem;
104
- }
105
- }
106
- .doubleClass{
107
- padding: 0.2rem 0;
108
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
109
- font-size: 0.37333rem;
110
- }
111
- }
112
- .tripleClass{
113
- padding: 0.2rem 0;
114
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
115
- font-size: 0.373333rem ;
116
- }
117
- }
118
- .buttonClass{
119
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
120
- font-size: 0.373333rem ;
121
- }
122
- }
123
- }
124
- }*/
125
-
126
- .ticketMessageContain{
127
- .isCompayClass{
128
- .el-divider--horizontal{
129
- margin: 8px 0 0 0 !important;
130
- height: 1.9px!important;
131
- width: 100%;
132
- }
133
- .htmlClass {
134
- .img{
135
- overflow: hidden;
136
- img{
137
- width: 300px;
138
- height:calc(400px / 2.35);
139
- }
140
- }
141
- }
142
- .buttonClassItem{
143
- font-weight: 600;
144
- text-align: center;
145
- border-top: 1.5px solid #DCDFE6;
146
- padding: 8px 0;
147
- color: #4C61E1;
148
- /* border-top: 2px solid #D7D7D7;*/
149
- cursor: pointer;
150
- }
151
- .singleClass{
152
- padding: 8px 0;
153
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
154
- font-size: 1em;
155
- }
156
- }
157
- .doubleClass{
158
- padding: 8px 0;
159
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
160
- font-size: 1em;
161
- }
162
- }
163
- .tripleClass{
164
- padding: 8px 0;
165
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
166
- font-size: 1em;
167
- }
168
- }
169
- .buttonClass{
170
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
171
- font-size: 1em;
172
- }
173
- }
174
- }
175
- .isPhoneClass{
176
- .el-divider--horizontal{
177
- margin: 8px 0 0 0 !important;
178
- height: 1.9px!important;
179
- width: 100%;
180
- }
181
- .htmlClass{
182
- .img{
183
- overflow: hidden;
184
- img{
185
- width: 100%;
186
- height:calc(80vw / 2.35);
187
- object-fit: contain;
188
- }
189
- }
190
- }
191
- .isAndroidClass{
192
- .singleClass{
193
- padding: 8px 0;
194
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
195
- font-size: 1em;
196
- text-align: left;
197
- }
198
- }
199
- .doubleClass{
200
- padding: 8px 0;
201
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
202
- font-size: 1em;
203
- }
204
- }
205
- .tripleClass{
206
- padding: 8px 0;
207
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
208
- font-size: 1em;
209
- }
210
- }
211
- .buttonClass{
212
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
213
- font-size: 1em;
214
- }
215
- }
216
- }
217
- .isIosClass{
218
- .singleClass{
219
- padding: 8px 0;
220
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
221
- ffont-size: 1em;
222
- }
223
- }
224
- .doubleClass{
225
- padding: 8px 0;
226
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
227
- font-size: 1em;
228
- }
229
- }
230
- .tripleClass{
231
- padding: 8px 0;
232
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
233
- font-size: 1em;
234
- }
235
- }
236
- .buttonClass{
237
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
238
- font-size: 1em;
239
- }
240
- }
241
- }
242
- .buttonClassItem{
243
- border-top: 1.5px solid #DCDFE6;
244
- font-weight: 600;
245
- text-align: center;
246
- color: #4C61E1;
247
- padding: 8px 0;
248
- /* border-top: 2px solid #D7D7D7;*/
249
- cursor: pointer;
250
- }
251
- }
252
- }
253
-
254
- .singleClass{
255
- display: flex;
256
- justify-content: space-between;
257
- .singleItem{
258
- padding: 0 4px;
259
- white-space: normal;
260
- word-wrap: break-word;
261
- text-align: left!important;
262
- width: 99%;
263
- }
264
- }
265
- .doubleClass{
266
- display: flex;
267
- justify-content: space-between;
268
- .doubleItem{
269
- width: 50%;
270
- padding: 0 4px;
271
- white-space: normal;
272
- word-wrap: break-word;
273
- }
274
- .doubleItem:nth-of-type(1){
275
- text-align: left;
276
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
277
- text-align: left!important;
278
- }
279
-
280
- }
281
- .doubleItem:last-child{
282
- text-align: right;
283
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
284
- text-align: right!important;
285
- }
286
- }
287
- }
288
- .tripleClass{
289
- display: flex;
290
- flex-direction: row;
291
- justify-content: space-between;
292
- align-items: center;
293
- .tripleItem{
294
- width: 33.33%;
295
- padding: 0 4px;
296
- white-space: normal;
297
- word-wrap: break-word;
298
- }
299
- .tripleItem:nth-of-type(1){
300
- text-align: left;
301
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
302
- text-align: left!important;
303
- }
304
- }
305
- .tripleItem:nth-of-type(2){
306
- text-align: center;
307
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
308
- text-align: center!important;
309
- }
310
- }
311
- .tripleItem:last-child{
312
- text-align: right;
313
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
314
- text-align: right!important;
315
- }
316
- }
317
- }
318
-
319
-
1
+
2
+ /*.typeClassRem{
3
+ margin-bottom: 5px;
4
+ .isPhoneClass{
5
+ .el-divider--horizontal{
6
+ margin: 0.15rem 0!important;
7
+ height: 0.1rem!important;
8
+ }
9
+ .htmlClass{
10
+ .img{
11
+ overflow: hidden;
12
+ img{
13
+ width: 100%;
14
+ height:calc(85vw / 2.35);
15
+ }
16
+ }
17
+ }
18
+ .isAndroidClass{
19
+ .singleClass{
20
+ padding: 0.2rem 0.26rem;
21
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
22
+ font-size: 0.37333rem;
23
+ }
24
+ }
25
+ .doubleClass{
26
+ padding: 0.2rem 0.26rem;
27
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
28
+ font-size: 0.37333rem;
29
+ }
30
+ }
31
+ .tripleClass{
32
+ padding: 0.2rem 0.26rem;
33
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
34
+ font-size: 0.373333rem ;
35
+ }
36
+ }
37
+ .buttonClass{
38
+ padding: 0.2rem 0.26rem;
39
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
40
+ font-size: 0.373333rem ;
41
+ }
42
+ }
43
+ }
44
+ .isIosClass{
45
+ .singleClass{
46
+ padding: 0.2rem 0;
47
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
48
+ font-size: 0.3733rem!important;
49
+ }
50
+ }
51
+ .doubleClass{
52
+ padding: 0.2rem 0;
53
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
54
+ font-size: 0.3733rem!important;
55
+ }
56
+ }
57
+ .tripleClass{
58
+ padding: 0.2rem 0;
59
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
60
+ font-size: 0.3733rem !important;
61
+ }
62
+ }
63
+ .buttonClass{
64
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
65
+ font-size: 0.3733rem !important;
66
+ }
67
+ }
68
+ }
69
+ .buttonClass{
70
+ font-weight: 600;
71
+ text-align: center;
72
+ padding: 0.3rem 0!important;
73
+ color: #4C61E1;
74
+ border-top: 2px solid #D7D7D7;
75
+ cursor: pointer;
76
+ }
77
+ }
78
+ .isCompayClass{
79
+ .el-divider--horizontal{
80
+ margin: 0.15rem 0!important;
81
+ height: 0.1rem!important;
82
+ }
83
+ .htmlClass {
84
+ .img{
85
+ overflow: hidden;
86
+ img{
87
+ width: 300px;
88
+ height:calc(400px / 2.35);
89
+ }
90
+ }
91
+ }
92
+ .buttonClassItem{
93
+ font-weight: 600;
94
+ text-align: center;
95
+ padding: 0.3rem 0;
96
+ color: #4C61E1;
97
+ border-top: 2px solid #D7D7D7;
98
+ cursor: pointer;
99
+ }
100
+ .singleClass{
101
+ padding: 0.2rem 0;
102
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
103
+ font-size: 0.37333rem;
104
+ }
105
+ }
106
+ .doubleClass{
107
+ padding: 0.2rem 0;
108
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
109
+ font-size: 0.37333rem;
110
+ }
111
+ }
112
+ .tripleClass{
113
+ padding: 0.2rem 0;
114
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
115
+ font-size: 0.373333rem ;
116
+ }
117
+ }
118
+ .buttonClass{
119
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
120
+ font-size: 0.373333rem ;
121
+ }
122
+ }
123
+ }
124
+ }*/
125
+
126
+ .ticketMessageContain{
127
+ .isCompayClass{
128
+ .el-divider--horizontal{
129
+ margin: 8px 0 0 0 !important;
130
+ height: 1.9px!important;
131
+ width: 100%;
132
+ }
133
+ .htmlClass {
134
+ .img{
135
+ overflow: hidden;
136
+ img{
137
+ width: 300px;
138
+ height:calc(400px / 2.35);
139
+ }
140
+ }
141
+ }
142
+ .buttonClassItem{
143
+ font-weight: 600;
144
+ text-align: center;
145
+ border-top: 1.5px solid #DCDFE6;
146
+ padding: 8px 0;
147
+ color: #4C61E1;
148
+ /* border-top: 2px solid #D7D7D7;*/
149
+ cursor: pointer;
150
+ }
151
+ .singleClass{
152
+ padding: 8px 0;
153
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
154
+ font-size: 1em;
155
+ }
156
+ }
157
+ .doubleClass{
158
+ padding: 8px 0;
159
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
160
+ font-size: 1em;
161
+ }
162
+ }
163
+ .tripleClass{
164
+ padding: 8px 0;
165
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
166
+ font-size: 1em;
167
+ }
168
+ }
169
+ .buttonClass{
170
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
171
+ font-size: 1em;
172
+ }
173
+ }
174
+ }
175
+ .isPhoneClass{
176
+ .el-divider--horizontal{
177
+ margin: 8px 0 0 0 !important;
178
+ height: 1.9px!important;
179
+ width: 100%;
180
+ }
181
+ .htmlClass{
182
+ .img{
183
+ overflow: hidden;
184
+ img{
185
+ width: 100%;
186
+ height:calc(80vw / 2.35);
187
+ object-fit: contain;
188
+ }
189
+ }
190
+ }
191
+ .isAndroidClass{
192
+ .singleClass{
193
+ padding: 8px 0;
194
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
195
+ font-size: 1em;
196
+ text-align: left;
197
+ }
198
+ }
199
+ .doubleClass{
200
+ padding: 8px 0;
201
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
202
+ font-size: 1em;
203
+ }
204
+ }
205
+ .tripleClass{
206
+ padding: 8px 0;
207
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
208
+ font-size: 1em;
209
+ }
210
+ }
211
+ .buttonClass{
212
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
213
+ font-size: 1em;
214
+ }
215
+ }
216
+ }
217
+ .isIosClass{
218
+ .singleClass{
219
+ padding: 8px 0;
220
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
221
+ ffont-size: 1em;
222
+ }
223
+ }
224
+ .doubleClass{
225
+ padding: 8px 0;
226
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
227
+ font-size: 1em;
228
+ }
229
+ }
230
+ .tripleClass{
231
+ padding: 8px 0;
232
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
233
+ font-size: 1em;
234
+ }
235
+ }
236
+ .buttonClass{
237
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
238
+ font-size: 1em;
239
+ }
240
+ }
241
+ }
242
+ .buttonClassItem{
243
+ border-top: 1.5px solid #DCDFE6;
244
+ font-weight: 600;
245
+ text-align: center;
246
+ color: #4C61E1;
247
+ padding: 8px 0;
248
+ /* border-top: 2px solid #D7D7D7;*/
249
+ cursor: pointer;
250
+ }
251
+ }
252
+ }
253
+
254
+ .singleClass{
255
+ display: flex;
256
+ justify-content: space-between;
257
+ .singleItem{
258
+ padding: 0 4px;
259
+ white-space: normal;
260
+ word-wrap: break-word;
261
+ text-align: left!important;
262
+ width: 99%;
263
+ }
264
+ }
265
+ .doubleClass{
266
+ display: flex;
267
+ justify-content: space-between;
268
+ .doubleItem{
269
+ width: 50%;
270
+ padding: 0 4px;
271
+ white-space: normal;
272
+ word-wrap: break-word;
273
+ }
274
+ .doubleItem:nth-of-type(1){
275
+ text-align: left;
276
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
277
+ text-align: left!important;
278
+ }
279
+
280
+ }
281
+ .doubleItem:last-child{
282
+ text-align: right;
283
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
284
+ text-align: right!important;
285
+ }
286
+ }
287
+ }
288
+ .tripleClass{
289
+ display: flex;
290
+ flex-direction: row;
291
+ justify-content: space-between;
292
+ align-items: center;
293
+ .tripleItem{
294
+ width: 33.33%;
295
+ padding: 0 4px;
296
+ white-space: normal;
297
+ word-wrap: break-word;
298
+ }
299
+ .tripleItem:nth-of-type(1){
300
+ text-align: left;
301
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
302
+ text-align: left!important;
303
+ }
304
+ }
305
+ .tripleItem:nth-of-type(2){
306
+ text-align: center;
307
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
308
+ text-align: center!important;
309
+ }
310
+ }
311
+ .tripleItem:last-child{
312
+ text-align: right;
313
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
314
+ text-align: right!important;
315
+ }
316
+ }
317
+ }
318
+
319
+