reqair.wxss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .box{
  2. width: 100%;
  3. height: 100%;
  4. display: flex;
  5. flex-direction: column;
  6. align-items: center;
  7. }
  8. .box input{
  9. width:690rpx;
  10. height:90rpx;
  11. background:rgba(255,255,255,1);
  12. box-shadow:0px 0px 4rpx 0px rgba(141,141,141,1);
  13. border-radius:10rpx;
  14. font-size: 28rpx;
  15. padding-left: 20rpx;
  16. margin-top: 30rpx;
  17. }
  18. .box .list{
  19. width: 690rpx;
  20. display: flex;
  21. flex-wrap: wrap;
  22. justify-content: space-between;
  23. }
  24. .box .list view{
  25. display: flex;
  26. align-items: center;
  27. justify-content: center;
  28. height:58rpx;
  29. background:rgba(255,255,255,1);
  30. box-shadow:0px 0px 18rpx 0px rgba(208,208,208,1);
  31. border-radius:29rpx;
  32. font-size:28rpx;
  33. color:rgba(92,92,92,1);
  34. padding: 0rpx 20rpx;
  35. margin-top:32rpx;
  36. }
  37. .box .list .active{
  38. background: #ccc;
  39. color: white;
  40. }
  41. .box .btn{
  42. width:420rpx;
  43. height:88rpx;
  44. background:rgba(24,213,185,1);
  45. box-shadow:0px 0px 20rpx 0px rgba(100,239,218,1);
  46. border-radius:44rpx;
  47. display: flex;
  48. align-items: center;
  49. justify-content: center;
  50. font-size:32rpx;
  51. color:rgba(255,255,255,1);
  52. margin-top: 200rpx;
  53. }