Index.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .container {
  2. background-color: #f3f3f3;
  3. }
  4. .headerBox{
  5. margin: 30rpx;
  6. display: flex;
  7. justify-content: left;
  8. align-items: center;
  9. }
  10. .headerImg{
  11. width: 40rpx;
  12. height: 40rpx;
  13. margin-right: 20rpx;
  14. }
  15. .headerTxt{
  16. font-size: 40rpx;
  17. color: #555;
  18. }
  19. .contentBox{
  20. height: calc(100% - 260rpx);
  21. overflow-y: auto;
  22. }
  23. .userBox{
  24. padding: 20rpx 0;
  25. margin: 0 30rpx;
  26. background-color: #fff;
  27. border-radius: 20rpx;
  28. border-top: 2rpx #3e6ffd solid;
  29. }
  30. .userItemBox{
  31. display: inline-block;
  32. vertical-align: middle;
  33. width: calc(50% - 60rpx);
  34. margin: 20rpx 30rpx;
  35. }
  36. .userItem{
  37. position: relative;
  38. }
  39. .userItemBGImg{
  40. width: 100%;
  41. height: 100%;
  42. }
  43. .userItemText{
  44. position: absolute;
  45. bottom: 35%;
  46. left: 0rpx;
  47. width: calc(100% - 40rpx);
  48. padding: 0 20rpx;
  49. text-align: center;
  50. font-size: 40rpx;
  51. line-height: 42rpx;
  52. color: #000;
  53. }
  54. .userItemTextActive{
  55. color: #fff;
  56. }
  57. .fway-btnBox{
  58. padding: 40rpx 0 20rpx;
  59. }
  60. .fway-btn{
  61. height: 90rpx;
  62. line-height: 90rpx;
  63. border-radius: 30rpx;
  64. width: calc(100% - 60rpx);
  65. font-size: 40rpx;
  66. }
  67. .noneTips{
  68. text-align: center;
  69. color: #555;
  70. font-size: 36rpx;
  71. padding: 50rpx 0;
  72. }