package.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. .container {
  2. background-color: #AAA8A5;
  3. font-weight: 600;
  4. }
  5. .panel1 {
  6. width: 100%;
  7. background-color: #fff;
  8. color: #2E2E2E;
  9. align-items: flex-start;
  10. position: relative;
  11. }
  12. .panel11 {
  13. margin: 40rpx 0 0 50rpx;
  14. font-size: 28rpx;
  15. color: #2E2E2E;
  16. font-weight: 400;
  17. z-index: 10;
  18. }
  19. .panel12 {
  20. margin: 0 0 0 50rpx;
  21. font-size: 36rpx;
  22. color: #1F2C3B;
  23. z-index: 10;
  24. height:50rpx;
  25. }
  26. .panel13 {
  27. margin: 30rpx 0 0 0;
  28. width:100%;
  29. height:160rpx;
  30. background-color: #D0CFCD;
  31. }
  32. .panel14 {
  33. width:100%;
  34. height:90rpx;
  35. background-image: linear-gradient(180deg, #63615F 0%, #989692 100%);
  36. }
  37. .panel1Logo{
  38. width:750rpx;
  39. height:460rpx;
  40. position: absolute;
  41. bottom:0;
  42. z-index: 5;
  43. }
  44. .panel2{
  45. width:100%;
  46. margin-bottom: 100rpx;
  47. }
  48. .panel21{
  49. background: #FFFFFF;
  50. box-shadow: 0 20rpx 0 0 rgba(0,0,0,0.20);
  51. border-radius: 40rpx;
  52. width: 670rpx;
  53. margin-top: 60rpx;
  54. justify-content: flex-start;
  55. position: relative;
  56. }
  57. .panel211{
  58. width: 550rpx;
  59. margin: 60rpx 0 0 0;
  60. align-items: flex-start;
  61. }
  62. .panel2111{
  63. font-size: 48rpx;
  64. color: #2E2E2E;
  65. }
  66. .panel2112{
  67. font-size: 24rpx;
  68. font-weight: 400;
  69. color:#4D4D4D;
  70. margin-bottom: 30rpx;
  71. }
  72. .panel21121{
  73. font-family: Teko-SemiBold;
  74. font-size: 32rpx;
  75. color: #4D4D4D;
  76. margin: 8rpx 0 0 10rpx;
  77. }
  78. .panel211Logo{
  79. width:200rpx;
  80. height:190rpx;
  81. position: absolute;
  82. right:0;
  83. top:0;
  84. }
  85. .panel212{
  86. width:550rpx;
  87. font-size: 24rpx;
  88. font-weight: 400;
  89. color:#787878;
  90. margin-bottom: 20rpx;
  91. border-top: 1rpx solid #E3E3E3;
  92. }
  93. .panel2121{
  94. margin-top: 30rpx;
  95. }
  96. .sysIcon_d01{
  97. width:20rpx;
  98. height:20rpx;
  99. }
  100. .panel213{
  101. width:100%;
  102. height:66rpx;
  103. }
  104. .panel2131{
  105. width:440rpx;
  106. height:16rpx;
  107. border-radius: 8rpx;
  108. background-color: #f0f0f0;
  109. margin: 0 32rpx 0 0;
  110. justify-content: flex-start;
  111. }
  112. .panel21311{
  113. height:16rpx;
  114. background-color: #FF8451;
  115. border-radius: 8rpx;
  116. }
  117. .panel21321{
  118. font-family: Teko-SemiBold;
  119. font-size: 28rpx;
  120. color: #4D4D4D;
  121. text-align: right;
  122. margin-left: 10rpx;
  123. }