pinIndex-126e28067f.css 901 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .pin_tips_container:after {
  2. clear: both;
  3. content: ".";
  4. display: block;
  5. visibility: hidden;
  6. height: 0
  7. }
  8. .pin_tips_container {
  9. opacity: 0;
  10. position: fixed;
  11. top: 1.2rem;
  12. left: .2rem;
  13. min-width: 3rem;
  14. height: .6rem;
  15. -webkit-border-radius: 1rem;
  16. border-radius: 1rem;
  17. overflow: hidden;
  18. color: #fff;
  19. background: rgba(0,0,0,.5);
  20. z-index: 150;
  21. *zoom: 1;
  22. transition: opacity 1s;
  23. -webkit-transition: opacity 1s
  24. }
  25. .pin_tips_fadeOut {
  26. opacity: 0
  27. }
  28. .pin_tips_fadeIn {
  29. opacity: 1
  30. }
  31. .pin_tips_user_pic {
  32. float: left;
  33. height: .56rem;
  34. width: .56rem;
  35. -webkit-border-radius: 1rem;
  36. border-radius: 1rem;
  37. overflow: hidden;
  38. margin-left: .02rem;
  39. margin-top: .02rem
  40. }
  41. .pin_tips_info {
  42. float: right;
  43. max-width: 6rem;
  44. line-height: .6rem;
  45. font-size: .24rem;
  46. margin: 0 .2rem
  47. }
  48. .pin_tips_info_name {
  49. max-width: 3.1rem;
  50. white-space: nowrap;
  51. text-overflow: ellipsis;
  52. overflow: hidden
  53. }