index.module.less 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. :global {
  2. .var-popup .var-popup--center {
  3. overflow: initial;
  4. }
  5. }
  6. .startBtn {
  7. position: fixed;
  8. left: 50%;
  9. top: 50%;
  10. margin-left: -70px;
  11. margin-top: -70px;
  12. width: 140px;
  13. height: 140px;
  14. z-index: 11;
  15. & > img {
  16. display: block;
  17. width: 100%;
  18. height: 100%;
  19. }
  20. }
  21. .endBtn{
  22. position: fixed;
  23. left: 50%;
  24. bottom: 16px;
  25. width: 120px;
  26. height: 40px;
  27. margin-left: -70px;
  28. z-index: 11;
  29. & > img {
  30. display: block;
  31. width: 100%;
  32. height: 100%;
  33. }
  34. }
  35. .dialogueBox {
  36. position: fixed;
  37. bottom: -1px;
  38. right: 0;
  39. z-index: 9;
  40. display: flex;
  41. flex-direction: column;
  42. align-items: flex-end;
  43. pointer-events: none;
  44. .dialogue {
  45. position: relative;
  46. right: 21px;
  47. top: 15px;
  48. width: 190px;
  49. height: 50px;
  50. .dialoguebg {
  51. position: absolute;
  52. left: 0;
  53. top: 0;
  54. width: 100%;
  55. }
  56. &>div {
  57. position: relative;
  58. z-index: 1;
  59. padding: 10px;
  60. font-size: 11px;
  61. font-weight: 400;
  62. color: #6F4900;
  63. line-height: 18px;
  64. }
  65. }
  66. .dialogueing {
  67. position: absolute;
  68. bottom: 10px;
  69. right: 70%;
  70. width: 54px;
  71. line-height: 23px;
  72. background: #FFE1B8;
  73. border-radius: 12px;
  74. border: 1px solid #FFFFFF;
  75. font-size: 11px;
  76. color: #6F4900;
  77. text-align: center;
  78. z-index: 1;
  79. }
  80. .dialogueIcon {
  81. width: 110px;
  82. height: 110px;
  83. }
  84. .inRadioIcon {
  85. width: 66px;
  86. height: 72px;
  87. margin-right: 6px;
  88. }
  89. }