Authored by 郝肖肖

有货币使用弹框样式

@@ -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 {