details.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. /* pages/infor/details.wxss */
  2. @import "detail_head.wxss";
  3. .buzou{
  4. width: 700rpx;
  5. margin: 0 auto;
  6. }
  7. .white{
  8. color: #999;
  9. width: 100%;
  10. margin-right: 10rpx;
  11. font-size: 28rpx;
  12. display: block;
  13. }
  14. .desc{
  15. display: block;
  16. color: black;
  17. margin-top: 10rpx;
  18. margin-left: 45rpx;
  19. font-size: 28rpx;
  20. width: 100%;
  21. float: left;
  22. }
  23. .vorder-evolve{
  24. width: 100%;
  25. border-bottom: 2rpx solid #999;
  26. }
  27. .vorder-evolve text{
  28. display: inline-block;
  29. width: 100%;
  30. height: 60rpx;
  31. border-bottom: 2rpx solid #999;
  32. font-size: 36rpx;
  33. padding-left: 20rpx;
  34. color: #777;
  35. }
  36. .vorder-evolve .over{
  37. width: 100%;
  38. height: 60rpx;
  39. line-height: 60rpx;
  40. font-size: 36rpx;
  41. padding-left: 20rpx;
  42. color: #777;
  43. border-top:2rpx solid #999;
  44. }
  45. .vorder-evolve .list{
  46. width: 720rpx;
  47. margin-left: 20rpx;
  48. padding:24rpx 0 24rpx 0;
  49. /* border: 1rpx solid #999; */
  50. }
  51. .vorder-evolve .list .list-box{
  52. width: 720rpx;
  53. height: 60rpx;
  54. display: flex;
  55. position: relative;
  56. }
  57. .vorder-evolve .list .list-box .date{
  58. position: absolute;
  59. left: 0;
  60. top: 0;
  61. width: 150rpx;
  62. height: 60rpx;
  63. font-size: 36rpx;
  64. line-height: 60rpx;
  65. }
  66. .vorder-evolve .list .list-box .detail{
  67. position: absolute;
  68. left: 150rpx;
  69. top: 0;
  70. width: 514rpx;
  71. height: 60rpx;
  72. /* border: 1rpx solid #999; */
  73. padding-left:50rpx;
  74. border-left: 6rpx solid #52CC33;
  75. font-size: 36rpx;
  76. line-height: 60rpx;
  77. }
  78. .vorder-evolve .list .list-box .pic{
  79. width: 0;
  80. }
  81. .vorder-evolve .list .list-box .pic image{
  82. width: 42rpx;
  83. height: 42rpx;
  84. position: relative;
  85. top: 0rpx;
  86. left: 134rpx;
  87. z-index: 99;
  88. }
  89. .foot-btn{
  90. width: 250rpx;
  91. height: 60rpx;
  92. position: absolute;
  93. margin-top: 10rpx;
  94. right: 20rpx;
  95. }
  96. .foot-btn button{
  97. display: block;
  98. width: 250rpx;
  99. height: 60rpx;
  100. line-height: 60rpx;
  101. font-size: 36rpx;
  102. color: #76B34D;
  103. text-align: center;
  104. border-radius: 18rpx;
  105. border: 1rpx solid #76B34D;
  106. margin-bottom: 20rpx;
  107. }
  108. button{
  109. font-size: 30rpx;
  110. margin-bottom:15rpx;
  111. height: 60rpx;
  112. line-height: 60rpx;
  113. border: 1rpx solid #999;
  114. }
  115. .qrcode{
  116. width:80rpx;
  117. height:80rpx;
  118. }
  119. .show_pic{
  120. position: absolute;
  121. width: 500rpx;
  122. height: 500rpx;
  123. left: 125rpx;
  124. top:300rpx;
  125. z-index: 10;
  126. }
  127. .sp{
  128. position: fixed;
  129. background-color: #dcdcdc;
  130. top:0;
  131. width: 100%;
  132. height: 100%;
  133. z-index: 9;
  134. overflow-y: hidden;
  135. }