index.less 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. .g-modal.vip-renew-modal {
  2. .vip-renew-wrapper {
  3. .tabs {
  4. width: 160px;
  5. }
  6. .tab-1-layout {
  7. display: flex;
  8. .pay-modal-wrapper {
  9. display: flex;
  10. }
  11. .select-layout {
  12. width: 375px;
  13. padding-top: 14px;
  14. .g-special-radio-wrapper {
  15. margin-bottom: 15px;
  16. .g-special-radio {
  17. font-size: 12px;
  18. padding: 10px;
  19. white-space: pre;
  20. }
  21. }
  22. }
  23. .info-layout {
  24. flex: 1;
  25. .desc {
  26. line-height: 27px;
  27. margin-bottom: 12px;
  28. }
  29. }
  30. .pay-layout {
  31. width: 200px;
  32. padding-left: 10px;
  33. .tabs {
  34. width: 160px;
  35. margin-bottom: 15px;
  36. .assets {
  37. width: 80px;
  38. }
  39. }
  40. .qrcode {
  41. padding-left: 10px;
  42. margin-bottom: 15px;
  43. .assets {
  44. width: 140px;
  45. }
  46. }
  47. .t {
  48. margin-left: -30px;
  49. text-align: center;
  50. font-size: 12px;
  51. color: #8897A8;
  52. }
  53. }
  54. }
  55. .tab-2-layout {
  56. padding-top: 20px;
  57. .list {
  58. border-bottom: 1px solid #ECEDEE;
  59. margin-bottom: 20px;
  60. padding-bottom: 30px;
  61. .item {
  62. width: 33.33%;
  63. display: inline-block;
  64. text-align: center;
  65. position: relative;
  66. .over {
  67. position: absolute;
  68. right: 55px;
  69. top: 60px;
  70. width: 44px;
  71. height: 20px;
  72. text-align: center;
  73. background: rgba(102, 201, 76, 1);
  74. border-radius: 10px;
  75. color: #fff;
  76. display: inline-block;
  77. font-size: 10px;
  78. }
  79. .icon {
  80. margin-bottom: 10px;
  81. }
  82. .t {
  83. margin-bottom: 10px;
  84. .assets {
  85. margin-right: 5px;
  86. }
  87. }
  88. }
  89. }
  90. }
  91. }
  92. }