Showing
2 changed files
with
28 additions
and
4 deletions
@@ -373,8 +373,9 @@ | @@ -373,8 +373,9 @@ | ||
373 | <div class="float-left"> | 373 | <div class="float-left"> |
374 | 有货币满<span class="sign-amount">100</span>个即可使用,每次使用有货币为<span class="sign-amount">10</span>个 | 374 | 有货币满<span class="sign-amount">100</span>个即可使用,每次使用有货币为<span class="sign-amount">10</span>个 |
375 | </div> | 375 | </div> |
376 | - <div class="float-right yoho-coin-help"> | ||
377 | - ?<div class="yoho-coin-help-dialog"> | 376 | + <div class="float-right yoho-coin-help">? |
377 | + <div class="yoho-coin-help-dialog"> | ||
378 | + <span class="arrow-up"></span> | ||
378 | <div class="yoho-coin-help-dialog-title">有货币使用条件:</div> | 379 | <div class="yoho-coin-help-dialog-title">有货币使用条件:</div> |
379 | <div class="yoho-coin-help-dialog-content"> | 380 | <div class="yoho-coin-help-dialog-content"> |
380 | <ul> | 381 | <ul> |
@@ -347,6 +347,7 @@ | @@ -347,6 +347,7 @@ | ||
347 | .play-pan { | 347 | .play-pan { |
348 | font-size: 14px; | 348 | font-size: 14px; |
349 | width: 100%; | 349 | width: 100%; |
350 | + height: 166px; | ||
350 | 351 | ||
351 | .yoho-coin-help-link { | 352 | .yoho-coin-help-link { |
352 | color: #027cf9; | 353 | color: #027cf9; |
@@ -366,7 +367,7 @@ | @@ -366,7 +367,7 @@ | ||
366 | line-height: 17px; | 367 | line-height: 17px; |
367 | text-align: center; | 368 | text-align: center; |
368 | color: #fff; | 369 | color: #fff; |
369 | - font-size: 13px; | 370 | + font-size: 14px; |
370 | } | 371 | } |
371 | 372 | ||
372 | .yoho-coin-help-dialog { | 373 | .yoho-coin-help-dialog { |
@@ -376,7 +377,7 @@ | @@ -376,7 +377,7 @@ | ||
376 | background-color: #fff; | 377 | background-color: #fff; |
377 | border: 1px solid #000; | 378 | border: 1px solid #000; |
378 | margin-top: 10px; | 379 | margin-top: 10px; |
379 | - width: 360px; | 380 | + width: 340px; |
380 | height: 140px; | 381 | height: 140px; |
381 | padding: 15px; | 382 | padding: 15px; |
382 | text-align: left; | 383 | text-align: left; |
@@ -421,6 +422,28 @@ | @@ -421,6 +422,28 @@ | ||
421 | } | 422 | } |
422 | 423 | ||
423 | } | 424 | } |
425 | + | ||
426 | + .arrow-up { | ||
427 | + position: absolute; | ||
428 | + right: 6px; | ||
429 | + width: 0; | ||
430 | + height: 0; | ||
431 | + top: -11px; | ||
432 | + border-left: 8px solid transparent; | ||
433 | + border-right: 8px solid transparent; | ||
434 | + border-bottom: 10px solid #000; | ||
435 | + | ||
436 | + &:before { | ||
437 | + content: ''; | ||
438 | + border-left: 7px solid transparent; | ||
439 | + border-right: 7px solid transparent; | ||
440 | + border-bottom: 10px solid #fff; | ||
441 | + right: -7px; | ||
442 | + display: inline-block; | ||
443 | + top: 1px; | ||
444 | + position: absolute; | ||
445 | + } | ||
446 | + } | ||
424 | } | 447 | } |
425 | 448 | ||
426 | .to-play, .ticket-play { | 449 | .to-play, .ticket-play { |
-
Please register or login to post a comment