mywords.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. .container {
  2. background: #E3E3E3;
  3. color: #4D4D4D;
  4. }
  5. .panel1 {
  6. width: 100%;
  7. height:100rpx;
  8. position: relative;
  9. }
  10. .panel11{
  11. width: 290rpx;
  12. height: 60rpx;
  13. background: #4D4D4D;
  14. border-radius: 10rpx;
  15. color:#f0f0f0;
  16. font-size:28rpx;
  17. }
  18. .panel111{
  19. width: 140rpx;
  20. height:50rpx;
  21. }
  22. .panel112{
  23. background: #FFFFFF;
  24. box-shadow: 0 4rpx 0 0 rgba(0,0,0,0.20);
  25. border-radius: 5rpx;
  26. color:#4D4D4D;
  27. }
  28. .panel12{
  29. position: absolute;
  30. right:30rpx;
  31. top:20rpx;
  32. width: 110rpx;
  33. height:50rpx;
  34. background: #F8F8F8;
  35. border: 5rpx solid #4D4D4D;
  36. border-radius: 10rpx;
  37. font-size: 28rpx;
  38. color: #4D4D4D;
  39. }
  40. .panel13{
  41. left:30rpx;
  42. }
  43. .panel2{
  44. width: 690rpx;
  45. border-radius: 20rpx;
  46. min-height: 100rpx;
  47. background-color: #fff;
  48. margin: 30rpx 0 100rpx 0;
  49. }
  50. .panel2Item{
  51. width: 610rpx;
  52. height:100rpx;
  53. justify-content: space-between;
  54. }
  55. .panel2ItemLeft{
  56. width: 580rpx;
  57. line-height:100rpx;
  58. text-align: left;
  59. font-weight: 400;
  60. border-bottom: 1rpx solid #E3E3E3;
  61. }
  62. .panel2ItemRight{
  63. width: 110rpx;
  64. margin-right: -40rpx;
  65. justify-content: flex-start;
  66. }
  67. .panel2ItemRight1{
  68. width: 70rpx;
  69. height:100rpx;
  70. justify-content: flex-end;
  71. border-bottom: 1rpx solid #E3E3E3;
  72. }
  73. .sysIcon_a39{
  74. width: 20rpx;
  75. height: 22rpx;
  76. margin-right:20rpx;
  77. }
  78. .panel2ItemSelect{
  79. width:100rpx;
  80. margin-left: -40rpx;
  81. }
  82. .panel2ItemSelectNo{
  83. width: 34rpx;
  84. height: 34rpx;
  85. background: #F8F8F8;
  86. border: 3rpx solid #787878;
  87. border-radius: 50%;
  88. margin-left: 10rpx;
  89. }
  90. .panel2ItemSelectNo{
  91. width: 34rpx;
  92. height: 34rpx;
  93. background: #F8F8F8;
  94. border: 3rpx solid #787878;
  95. border-radius: 50%;
  96. margin-left: 10rpx;
  97. }
  98. .panel2ItemSelected{
  99. background: #009933;
  100. border: 3rpx solid #009933;
  101. }
  102. .sysIcon_a11{
  103. width: 20rpx;
  104. height: 16rpx;
  105. }
  106. .panelFooter{
  107. width: 100%;
  108. height:180rpx;
  109. background-image: linear-gradient(180deg, #004433 0%, #002C21 100%);
  110. position: fixed;
  111. bottom: 0rpx;
  112. align-items: flex-start;
  113. z-index: 10;
  114. }
  115. .panelFooter1{
  116. width:730rpx;
  117. height:140rpx;
  118. color:#F2F2F2;
  119. background: #1E1E1E;
  120. box-shadow: 0 30rpx 0 0 #0C0C0C;
  121. border-radius: 10rpx 10rpx 60rpx 60rpx;
  122. }
  123. .panelFooter10{
  124. background-color: #303030;
  125. font-size:24rpx;
  126. }
  127. .panelFooter11{
  128. width:160rpx;
  129. height:120rpx;
  130. background: #1E1E1E;
  131. border-radius: 0rpx 0rpx 10rpx 60rpx;
  132. }
  133. .panelFooter12{
  134. width:180rpx;
  135. height:120rpx;
  136. border-radius: 10rpx 10rpx 10rpx 10rpx;
  137. margin: 0 10rpx 0 0;
  138. }
  139. .panelFooter13{
  140. width:180rpx;
  141. height:120rpx;
  142. border-radius: 10rpx 5rpx 50rpx 10rpx;
  143. }
  144. .text02{
  145. font-size:24rpx;
  146. margin-top: 10rpx;
  147. }
  148. .text03{
  149. font-size:26rpx;
  150. }
  151. .sysIcon_a14{
  152. width:20rpx;
  153. height:20rpx;
  154. }