choose-Cade.wxss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .hideA {
  2. height: calc(100% - 310rpx);
  3. }
  4. .mli {
  5. /* border: 1upx solid red; */
  6. display: -webkit-box;
  7. display: -webkit-flex;
  8. display: -ms-flexbox;
  9. display: flex;
  10. -webkit-box-pack: justify;
  11. -webkit-justify-content: space-between;
  12. -ms-flex-pack: justify;
  13. justify-content: space-between;
  14. -webkit-box-align: center;
  15. -webkit-align-items: center;
  16. -ms-flex-align: center;
  17. align-items: center;
  18. padding: 22rpx 0;
  19. }
  20. .lione {
  21. background-color: #fff;
  22. /* height: 262upx; */
  23. padding: 10rpx 40rpx;
  24. }
  25. .list_boxs {
  26. background-color: rgba(84, 80, 80, 0.48);
  27. position: fixed;
  28. height: calc(100%);
  29. width: 100%;
  30. z-index: 88;
  31. -webkit-transition: all .5s;
  32. -o-transition: all .5s;
  33. transition: all .5s;
  34. -webkit-transform: translateY(-120%);
  35. -ms-transform: translateY(-120%);
  36. transform: translateY(-120%);
  37. }
  38. .list_boxs2 {
  39. background-color: rgba(84, 80, 80, 0.48);
  40. position: fixed;
  41. height: calc(100%);
  42. width: 100%;
  43. z-index: 88;
  44. -webkit-transform: translateY(0);
  45. -ms-transform: translateY(0);
  46. transform: translateY(0);
  47. -webkit-transition: all .5s;
  48. -o-transition: all .5s;
  49. transition: all .5s;
  50. }
  51. .ii {
  52. width: 30rpx;
  53. height: 30rpx;
  54. display: block;
  55. margin-left: 12rpx;
  56. }
  57. .actives {
  58. color: #F0AD4E;
  59. }
  60. .ibox {
  61. display: -webkit-box;
  62. display: -webkit-flex;
  63. display: -ms-flexbox;
  64. display: flex;
  65. -webkit-box-align: center;
  66. -webkit-align-items: center;
  67. -ms-flex-align: center;
  68. align-items: center;
  69. }
  70. .top_kbox {
  71. display: -webkit-box;
  72. display: -webkit-flex;
  73. display: -ms-flexbox;
  74. display: flex;
  75. -webkit-box-pack: justify;
  76. -webkit-justify-content: space-between;
  77. -ms-flex-pack: justify;
  78. justify-content: space-between;
  79. -webkit-box-align: center;
  80. -webkit-align-items: center;
  81. -ms-flex-align: center;
  82. align-items: center;
  83. background-color: #FFFFFF;
  84. padding: 28rpx 5%;
  85. position: fixed;
  86. top: 0rpx;
  87. width: 90%;
  88. z-index: 99;
  89. }
  90. .boxa {
  91. padding-top: 84rpx;
  92. position: relative;
  93. }