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.

171 lines
2.5 KiB

  1. page {
  2. padding: 90rpx 0 30rpx;
  3. background: #f8f8fa;
  4. }
  5. .tabTit {
  6. height: 90rpx;
  7. line-height: 82rpx;
  8. position: fixed;
  9. top: 0;
  10. width: 750rpx;
  11. z-index: 1;
  12. }
  13. .oderId{
  14. overflow: hidden;
  15. margin:20rpx ;
  16. font-size: 28rpx;
  17. }
  18. .l{
  19. float: left;
  20. margin: 7rpx 0;
  21. }
  22. .r{
  23. float: left;
  24. margin: 0 10rpx;
  25. padding: 10rpx;
  26. height: 30rpx;
  27. line-height: 30rpx;
  28. border:1rpx #a6a6a6 solid;
  29. border-radius: 8rpx;
  30. color: #3cc51f;
  31. font-size: 28rpx;
  32. }
  33. .tabTit > view:nth-of-type(1) {
  34. border-left: 0;
  35. }
  36. .tabTit > view:nth-of-type(4) {
  37. border-right: 0;
  38. }
  39. .tabTit .active image {
  40. transform: rotate(180deg);
  41. background: none;
  42. }
  43. .tabTit image {
  44. width: 18rpx;
  45. height: 9rpx;
  46. vertical-align: middle;
  47. margin-left: 5px;
  48. }
  49. /*弹性盒模型*/
  50. .box {
  51. background: #fff;
  52. border-bottom:1px solid #eee;
  53. }
  54. .flex1 {
  55. overflow: hidden;
  56. width: 25%;
  57. display: block;
  58. text-align: center;
  59. }
  60. .flex1 text,.text {
  61. font-size: 30rpx;
  62. }
  63. /* .btn {
  64. float: right;
  65. height: 52rpx;
  66. line-height: 52rpx;
  67. background: rgba(101, 158, 246, 1);
  68. border-radius: 10rpx;
  69. font-size: 28rpx;
  70. font-weight: 500;
  71. padding: 0 25rpx;
  72. color: rgba(255, 255, 255, 1);
  73. } */
  74. .active1 {
  75. opacity: 0.6;
  76. }
  77. .active2{
  78. border: 1px solid #52a0fd!important;
  79. color: #52a0fd!important;
  80. }
  81. .recond{
  82. text-align: center;
  83. font-size: 30rpx;
  84. margin-top: 60rpx;
  85. }
  86. .active3{
  87. color: #659ef6;
  88. }
  89. .searchBox{
  90. overflow: hidden;
  91. margin-top: 20rpx;
  92. }
  93. .select{
  94. float: left;
  95. margin-left: 10rpx
  96. }
  97. .vuel{
  98. float: left;
  99. border: 1px solid #e2e2e2;
  100. height: 60rpx;
  101. line-height: 60rpx;
  102. text-align: center;
  103. margin-left: 20rpx;
  104. background: #fff
  105. }
  106. .searchBtn{
  107. float: left;
  108. background: #52a0fd;
  109. border-radius: 8rpx;
  110. color: #fff;
  111. font-size: 26rpx;
  112. height: 64rpx;
  113. line-height: 64rpx;
  114. margin-left: 10rpx;
  115. padding: 0 10rpx;
  116. }
  117. .itemBox{
  118. border-radius: 12rpx;
  119. background-color: #fff;
  120. width: 96%;
  121. margin: 20rpx auto;
  122. overflow: hidden;
  123. }
  124. .oderName{
  125. margin:20rpx ;
  126. font-size: 28rpx;
  127. }
  128. .btn{
  129. width: 80%;
  130. margin: 20rpx auto;
  131. text-align: center;
  132. line-height: 80rpx;
  133. height: 80rpx;
  134. border-radius: 12rpx;
  135. color: #fff;
  136. background: rgba(101, 158, 246, 1);
  137. }
  138. .btnUp{
  139. width: 80%;
  140. margin: 20rpx auto;
  141. text-align: center;
  142. line-height: 80rpx;
  143. height: 80rpx;
  144. border-radius: 12rpx;
  145. color: #fff;
  146. background: #FD832D;
  147. }
  148. .complete{
  149. width: 80%;
  150. margin: 20rpx auto;
  151. text-align: center;
  152. line-height: 80rpx;
  153. height: 80rpx;
  154. border-radius: 12rpx;
  155. color: #fff;
  156. background: rgba(0, 0, 0, 0.4);
  157. }