admin.wxss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. page{
  2. border-top: 2rpx solid #d6e4ef;
  3. width: 100%;
  4. }
  5. .list {
  6. width: 90%;
  7. margin: 0 auto;
  8. background: white;
  9. box-shadow:0rpx 0rpx 4rpx 4rpx rgba(224,224,224,0.68);
  10. border-radius: 10rpx;
  11. }
  12. .list>view, .service>view, .list .special {
  13. border-bottom: 1px solid #f4f4f4;
  14. padding: 26rpx 0;
  15. }
  16. .list image, .service image {
  17. height: 55rpx;
  18. width: 55rpx;
  19. vertical-align: middle;
  20. margin-right: 30rpx;
  21. }
  22. .list .iconfont, .service .iconfont {
  23. font-size: 55rpx;
  24. vertical-align: middle;
  25. }
  26. .list .name {
  27. font-size: 30rpx;
  28. }
  29. .list .gary {
  30. font-size: 24rpx;
  31. color: #999;
  32. }
  33. .list .iconfont {
  34. font-size: 55rpx;
  35. vertical-align: middle;
  36. }
  37. .flexB{
  38. width: 90%;
  39. margin: 0 auto;
  40. }
  41. .flexB .img{
  42. width: 55rpx;
  43. height: 55rpx;
  44. margin-left: 10rpx;
  45. }
  46. button image {
  47. width: 60rpx;
  48. height: 60rpx;
  49. vertical-align: middle;
  50. margin-right: 30rpx;
  51. }
  52. button {
  53. width: 92%;
  54. margin: 0 auto;
  55. padding: 11rpx 0rpx;
  56. line-height: normal;
  57. background: transparent;
  58. }
  59. .btn-hover {
  60. background: transparent;
  61. }
  62. .background{
  63. width: 100%;
  64. height: 100%;
  65. background: #ccc;
  66. opacity: 0.5;
  67. position: fixed;
  68. top: 0;
  69. left: 0;
  70. right: 0;
  71. bottom: 0;
  72. z-index: 88;
  73. }
  74. .model{
  75. width: 500rpx;
  76. height: 430rpx;
  77. position: fixed;
  78. top: 50%;
  79. left: 50%;
  80. transform: translate(-50%,-50%);
  81. display: flex;
  82. flex-direction: column;
  83. align-items: center;
  84. z-index: 99;
  85. border-radius: 20rpx;
  86. background: white;
  87. justify-content: space-between;
  88. }
  89. .model .text{
  90. font-size: 30rpx;
  91. width: 100%;
  92. display: flex;
  93. align-items: center;
  94. justify-content: center;
  95. height: 70rpx;
  96. }
  97. .model .center{
  98. display: flex;
  99. flex-direction: column;
  100. font-size: 28rpx;
  101. color: red;
  102. width: 92%;
  103. height: 100rpx;
  104. background: #ccc;
  105. justify-content: center;
  106. padding-left: 30rpx;
  107. box-sizing: border-box;
  108. }
  109. .model .bottom{
  110. width: 92%;
  111. display: flex;
  112. align-items: center;
  113. justify-content: space-between;
  114. }
  115. .model .bottom .right{
  116. display: flex;
  117. align-items: center;
  118. width: 200rpx;
  119. height: 65rpx;
  120. border: 2rpx solid #d6e4ef;
  121. }
  122. .model .bottom .right view{
  123. display: flex;
  124. height: 100%;
  125. align-items: center;
  126. justify-content: center;
  127. box-sizing: border-box;
  128. }
  129. .model .anniu{
  130. width: 100%;
  131. display: flex;
  132. align-items: center;
  133. border-top: 2rpx solid #ccc;
  134. }
  135. .model .anniu view{
  136. display: flex;
  137. align-items: center;
  138. justify-content: center;
  139. width: 50%;
  140. height: 90rpx;
  141. }
  142. .model .bottom .group{
  143. display: flex;
  144. flex-direction: column;
  145. }
  146. .model .bottom .group .weui-cell{
  147. display: flex;
  148. padding: 10rpx 0rpx;
  149. }