hch.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .content {
  2. text-align: center;
  3. height: 400rpx;
  4. }
  5. .page-section {
  6. z-index: 0;
  7. }
  8. .store-tips {
  9. width: 600rpx;
  10. height: 100rpx;
  11. margin: 10rpx auto;
  12. border-radius: 10rpx;
  13. position: absolute;
  14. top: 10rpx;
  15. left: 50%;
  16. transform: translate(-50%, 0);
  17. z-index: 2;
  18. overflow: hidden;
  19. .store-des-box {
  20. background: #fff;
  21. }
  22. .store-img {
  23. width: 80rpx;
  24. height: 80rpx;
  25. border-radius: 10rpx;
  26. margin: 10rpx;
  27. float: left;
  28. }
  29. .store-des {
  30. padding-top: 8rpx;
  31. float: left;
  32. line-height: 1;
  33. font-size: 22rpx;
  34. color: #666;
  35. padding-left: 20rpx;
  36. .store-name {
  37. font-weight: 600;
  38. color: deeppink;
  39. }
  40. }
  41. .store-clear {
  42. width: 30rpx;
  43. height: 30rpx;
  44. position: absolute;
  45. top: 7rpx;
  46. right: 7rpx;
  47. margin: 30rpx;
  48. }
  49. }
  50. .address-icon {
  51. width: 38rpx;
  52. height: 40rpx;
  53. position: absolute;
  54. top: 22%;
  55. left: 50%;
  56. z-index: 2;
  57. margin-bottom: -20rpx;
  58. margin-left: -20rpx;
  59. }
  60. .near-num {
  61. padding: 10rpx 20rpx;
  62. border-radius: 10rpx;
  63. position: absolute;
  64. top: 17%;
  65. left: 50%;
  66. z-index: 2;
  67. font-size: 24rpx;
  68. background: #fff;
  69. transform: translate(-50%, 0);
  70. }