You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

141 lines
2.1KB

  1. /**index.wxss**/
  2. page{
  3. height: 100%;
  4. }
  5. .container{
  6. width: 100%;
  7. height: 100%;
  8. }
  9. .buyBg{
  10. width: 890rpx;
  11. height: 1000rpx;
  12. position: fixed;
  13. top:0;
  14. left: 0;
  15. }
  16. /* swiper{
  17. width: 100%;
  18. height: 437rpx;
  19. position: absolute;
  20. left: 0;
  21. bottom: 0;
  22. } */
  23. .botCont{
  24. /* width: 607rpx; */
  25. width: 100%;
  26. border-radius:30rpx;
  27. background-color:#ffffff;
  28. display: flex;
  29. flex-direction: row;
  30. flex-wrap: wrap;
  31. padding-top: 70rpx;
  32. /* padding-left: 75rpx; */
  33. padding-bottom: 40rpx;
  34. position: fixed;
  35. left: 0;
  36. bottom: 0;
  37. }
  38. .imgView{
  39. width: 254rpx;
  40. height: 248rpx;
  41. overflow: hidden;
  42. display: flex;
  43. justify-content: center;
  44. align-items: center;
  45. border-radius:10px 0px 0px 10px;
  46. }
  47. .imgView image{
  48. width: 387rpx;
  49. height: 342rpx;
  50. }
  51. .textView{
  52. width: 318rpx;
  53. position: absolute;
  54. left: 97rpx;
  55. top: 150rpx;
  56. text-align: center;
  57. }
  58. .textView text{
  59. display: block;
  60. }
  61. .nameText{
  62. font-size:40rpx;
  63. font-family:DINPro;
  64. font-weight:bold;
  65. color:#8f560f;
  66. margin-top: 42rpx;
  67. /* margin-bottom: 42rpx */
  68. }
  69. .bigticketView{
  70. display: flex;
  71. justify-content: center;
  72. align-items: center;
  73. color:#8f560f;
  74. }
  75. .maney{
  76. font-weight:bold;
  77. font-size:40rpx;
  78. }
  79. .Bigticket{
  80. font-size:35rpx;
  81. font-family:DINPro;
  82. color:#8f560f;
  83. }
  84. .timeText{
  85. font-size:20rpx;
  86. font-family:SourceHanSansCN;
  87. font-weight:300;
  88. color:rgba(153,153,153,1);
  89. }
  90. .buyView{
  91. margin-top: 40rpx;
  92. font-size:36rpx;
  93. font-family:SourceHanSansCN;
  94. font-weight:500;
  95. color:rgba(0,0,0,1);
  96. }
  97. .ruleBtn{
  98. width: 117rpx;
  99. height: 37rpx;
  100. position: fixed;
  101. right: 30rpx;
  102. bottom: 480rpx;
  103. z-index: 10;
  104. }
  105. .maskAll{
  106. position: fixed;
  107. width: 100%;
  108. height: 100%;
  109. top: 0;
  110. left: 0;
  111. background-color: rgba(0, 0, 0, 0.5);
  112. z-index: 100
  113. }
  114. .ruleMask{
  115. width: 576rpx;
  116. height: 947rpx;
  117. }
  118. .hiddenIcon{
  119. width: 110rpx;
  120. height: 111rpx;
  121. margin: -12rpx auto 0 auto;
  122. display: block;
  123. }
  124. .maskCont{
  125. position: absolute;
  126. top: 50%;
  127. left: 50%;
  128. transform: translate(-50%,-50%);
  129. }
  130. .indexBuy{
  131. width: 650rpx;
  132. height: 275rpx;
  133. margin-left: 50rpx;
  134. }
  135. .indexBtnBuy{
  136. width: 368rpx;
  137. height: 73rpx;
  138. margin-left: 191rpx;
  139. }