pan.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /* StepPage/pages/first/first.wxss */
  2. .title{
  3. border-radius: 8pt;
  4. height: 30pt;
  5. line-height: 30pt;
  6. letter-spacing: 3pt;
  7. text-align: center;
  8. width: 90%;
  9. margin: 10pt auto;
  10. background:-webkit-linear-gradient(top,rgb(255, 255, 255),rgb(231, 229, 229),rgb(192, 189, 189));
  11. }
  12. .item_content{
  13. padding-bottom: 150rpx;
  14. width: 90%;
  15. margin:0 auto;
  16. display: flex;
  17. flex-wrap: wrap;
  18. }
  19. .item_content_shop{
  20. background:-webkit-linear-gradient(top,rgb(255, 255, 255),rgb(231, 229, 229),rgb(192, 189, 189));
  21. width: 44%;
  22. text-align: center;
  23. height: auto;
  24. padding: 4pt;
  25. /* line-height: 30pt; */
  26. border-radius: 10pt;
  27. margin: 15rpx 0;
  28. }
  29. .item_content_shop:nth-child(2n+1){
  30. margin-right: 30rpx;
  31. }
  32. .show_box{
  33. width: 100%;
  34. height: 90%;
  35. position: absolute;
  36. bottom: 0;
  37. background-color: #fff;
  38. }
  39. .show_item{
  40. height: auto;
  41. padding: 15rpx;
  42. font-size: 40rpx;
  43. margin:0 20rpx;
  44. color: rgb(97, 92, 92);
  45. text-align: center;
  46. border-bottom:1rpx solid rgb(167, 163, 163)
  47. }
  48. .btn{
  49. text-align: center;
  50. margin-top: 20pt;
  51. }
  52. .show_title{
  53. display: flex;
  54. justify-content: space-between;
  55. align-items: center;
  56. }
  57. .btn_item{
  58. width: 200pt;
  59. margin: 10pt;
  60. }
  61. .font_item{
  62. color: black;
  63. }