detail-scroll.wxss 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  1. .padding-container {
  2. padding: 0 42rpx 0 44rpx;
  3. }
  4. .house-info {
  5. position: relative;
  6. }
  7. .contanerbox {
  8. margin-top: 48rpx;
  9. padding-bottom: 160rpx;
  10. }
  11. .tab-item {
  12. padding: 0 10rpx;
  13. height: 34rpx;
  14. line-height: 34rpx;
  15. background: #E8F8FE;
  16. color: #79868F;
  17. display: inline-block;
  18. font-size: 18rpx;
  19. margin-right: 8rpx;
  20. }
  21. .house-name {
  22. width: 520rpx;
  23. font-size: 40rpx;
  24. line-height: 56rpx;
  25. margin-top: 10rpx;
  26. font-weight: bold;
  27. }
  28. .contact-user {
  29. color: #111111;
  30. margin: 20rpx 0 22rpx;
  31. font-weight: 400;
  32. font-size: 26rpx;
  33. display: flex;
  34. align-items: center;
  35. }
  36. .icon-idcard {
  37. width: 40rpx;
  38. height: 28rpx;
  39. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDIwIDE0Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2Y4ZmFmYjsNCiAgICAgICAgc3Ryb2tlOiAjYjhiOWJlOw0KICAgICAgICBzdHJva2Utd2lkdGg6IDAuNXB4Ow0KICAgICAgfQ0KDQogICAgICAuY2xzLTIgew0KICAgICAgICBmaWxsOiAjYjhiOWJlOw0KICAgICAgfQ0KDQogICAgICAuY2xzLTMgew0KICAgICAgICBzdHJva2U6IG5vbmU7DQogICAgICB9DQoNCiAgICAgIC5jbHMtNCB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8ZyBpZD0iaWNvbl9taW5mb19hZ2VudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNS4zMyAtNzMxLjU0OSkiPg0KICAgIDxnIGlkPSLnn6nlvaJfMTA4IiBkYXRhLW5hbWU9IuefqeW9oiAxMDgiIGNsYXNzPSJjbHMtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE1LjMzIDczMS41NDkpIj4NCiAgICAgIDxyZWN0IGNsYXNzPSJjbHMtMyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjE0IiByeD0iMiIvPg0KICAgICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSIwLjI1IiB5PSIwLjI1IiB3aWR0aD0iMTkuNSIgaGVpZ2h0PSIxMy41IiByeD0iMS43NSIvPg0KICAgIDwvZz4NCiAgICA8cGF0aCBpZD0i6Lev5b6EXzE1MCIgZGF0YS1uYW1lPSLot6/lvoQgMTUwIiBjbGFzcz0iY2xzLTIiIGQ9Ik0xMjMuMTY3LDczOC41N2EyLjMxNywyLjMxNywwLDAsMCwxLjAzNi0xLjk1MiwyLjM1NSwyLjM1NSwwLDEsMC00LjcwOSwwLDIuMjY1LDIuMjY1LDAsMCwwLDEuMDM2LDEuOTIxLDMuNDc5LDMuNDc5LDAsMCwwLTIuMTY2LDMuMTE3aDEuMTNhMi4zNTUsMi4zNTUsMCwwLDEsMi4yNjEtMi4yMzVoLjEyNWEyLjM1LDIuMzUsMCwwLDEsMi4zNTUsMi4yMzVoMS4xM2EzLjUsMy41LDAsMCwwLTIuMi0zLjA4NlptLTEuMzE4LTMuMTQ4YTEuMjI4LDEuMjI4LDAsMCwxLDEuMjI0LDEuMjI4LDEuMjI1LDEuMjI1LDAsMSwxLTIuNDQ5LDAsMS4yMjgsMS4yMjgsMCwwLDEsMS4yMjUtMS4yMjhabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDM5IDAuMjMyKSIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfMTUyIiBkYXRhLW5hbWU9Iui3r+W+hCAxNTIiIGNsYXNzPSJjbHMtMiIgZD0iTTEyNi4yOTUsNzM1LjYzM2g0LjY3NHYxLjA1N2gtNC42NzRabTAsMi4yNjFoNi40ODd2MS4wNTZoLTYuNDg3Wm0wLDIuMjZoNi40ODd2MS4wNTZoLTYuNDg3Wm0wLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAxNCAwLjAyNikiLz4NCiAgPC9nPg0KPC9zdmc+DQo=) no-repeat center center;
  40. background-size: 100% 100%;
  41. margin-left: 16rpx;
  42. }
  43. .house-parameter {
  44. display: flex;
  45. }
  46. .parameter-item {
  47. flex: 1;
  48. border-left: 2rpx solid #e5e5e5;
  49. padding-left: 40rpx;
  50. }
  51. .parameter-item .price {
  52. font-size: 40rpx;
  53. font-weight: bold;
  54. color: #F56C6C;
  55. }
  56. .parameter-name {
  57. color: #79868F;
  58. font-size: 22rpx;
  59. }
  60. .parameter-item:first-child {
  61. padding-left: 0;
  62. border-left: none
  63. }
  64. .house-detail {
  65. margin-top: 52rpx;
  66. margin-bottom: 22rpx;
  67. }
  68. .detail-item {
  69. display: inline-block;
  70. width: 50%;
  71. font-size: 30rpx;
  72. color: #79868F;
  73. font-weight: 400;
  74. line-height: 42rpx;
  75. margin-bottom: 12rpx;
  76. }
  77. .detail-item .value {
  78. color: #111;
  79. }
  80. .vr-tip {
  81. height: 106rpx;
  82. width: 100%;
  83. background: #E8F8FE;
  84. display: flex;
  85. align-items: center;
  86. position: relative;
  87. font-size: 20rpx;
  88. margin-bottom: 32rpx;
  89. }
  90. .vr-tip-logo {
  91. width: 122rpx;
  92. height: 100%;
  93. background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NS4zNjMiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA0NS4zNjMgMzAiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjMWZlNGRjOw0KICAgICAgfQ0KDQogICAgICAuY2xzLTIgew0KICAgICAgICBmaWxsOiAjMTQxNDE0Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPGcgaWQ9ImltZ19jYXNlX2xvZ28iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwOS41NzYgLTEzMC4yODcpIj4NCiAgICA8cGF0aCBpZD0i6Lev5b6EXzQ2OCIgZGF0YS1uYW1lPSLot6/lvoQgNDY4IiBjbGFzcz0iY2xzLTEiIGQ9Ik0tNTAuMTExLDIzNy40NjloLjkxOWE0LjMsNC4zLDAsMCwwLC43MzUtLjA2NCwyLjgzMywyLjgzMywwLDAsMCwxLjExMS0uNCwyLjU1NCwyLjU1NCwwLDAsMCwuOTUxLTIuMjgyLDMuNjUzLDMuNjUzLDAsMCwwLS4xNy0xLjE5MywyLjMzMSwyLjMzMSwwLDAsMC0uNTY0LS44OCwyLjc4OCwyLjc4OCwwLDAsMC0yLjA0MS0uNzZoLS45NDFhLjYxNy42MTcsMCwwLDAtLjQ1MS4xNDIuNjE3LjYxNywwLDAsMC0uMTQyLjQ1MXY0LjM4NGEuNjM2LjYzNiwwLDAsMCwuMTQyLjQ1OEEuNjA3LjYwNywwLDAsMC01MC4xMTEsMjM3LjQ2OVptLjMzMS00LjczOXEwLS4xNjMuMTc0LS4xNjNoLjU3NmExLjcxNSwxLjcxNSwwLDAsMSwuNTQzLjA5MiwxLjM1OCwxLjM1OCwwLDAsMSwuNjE4LjQsMi40MjksMi40MjksMCwwLDEsLjQ4MywxLjYwOCwyLjA0NywyLjA0NywwLDAsMS0uODY2LDEuOTMxLDEuNTE5LDEuNTE5LDAsMCwxLS43NzcuMTc3aC0uNTc2cS0uMTc0LDAtLjE3NC0uMTY3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2Ljk4NyAtODEuMDkpIi8+DQogICAgPHBhdGggaWQ9Iui3r+W+hF80NjkiIGRhdGEtbmFtZT0i6Lev5b6EIDQ2OSIgY2xhc3M9ImNscy0xIiBkPSJNLTczLjIxMiwyMzcuMTgyYS40NjIuNDYyLDAsMCwwLC40NjItLjQ2MnYtLjgyN2guNDRhLjIwNS4yMDUsMCwwLDAsLjE0Mi0uMDY0LjM2My4zNjMsMCwwLDAsLjExNC0uMjg0LjY2Ny42NjcsMCwwLDAtLjA5Mi0uMjU5LjIyLjIyLDAsMCwwLS4xNjMtLjA3NWgtLjQ0di0zLjAzOGEuNjU2LjY1NiwwLDAsMC0uMzA1LS42NDIuODg2Ljg4NiwwLDAsMC0uNDA4LS4xLjg2Mi44NjIsMCwwLDAtLjc0Mi40NzJsLTEuODY0LDNxLS4xOTIuMzA5LS4yMTMuMzQ4YS42LjYsMCwwLDAtLjA4Mi4zMDVxMCwuMzMzLjM3Ni4zMzRoMi4zMTN2LjgzQS40NjIuNDYyLDAsMCwwLTczLjIxMiwyMzcuMTgyWm0tMi4xNDctMS45NywxLjY4NS0yLjYxM3YyLjYxM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNi41MDcgLTgwLjcyNikiLz4NCiAgICA8cGF0aCBpZD0i6Lev5b6EXzQ3MCIgZGF0YS1uYW1lPSLot6/lvoQgNDcwIiBjbGFzcz0iY2xzLTEiIGQ9Ik0tMjAuOCwyMzIuMDQ5YS40NTcuNDU3LDAsMCwwLS4xMzctLjMyNy42MjYuNjI2LDAsMCwwLS40NjktLjE4OC40OTMuNDkzLDAsMCwwLS4zMjQuMTFsLTIuNDMyLDIuMDQ1di0xLjcwN2EuNDYyLjQ2MiwwLDAsMC0uNDYyLS40NjIuNDYyLjQ2MiwwLDAsMC0uNDYyLjQ2MnY0Ljc5MWEuNDYyLjQ2MiwwLDAsMCwuNDYyLjQ2Mi40NjIuNDYyLDAsMCwwLC40NjItLjQ2MlYyMzQuODVsLjQ5Mi0uMzc2LDEuNjQ3LDIuMzU3YS42MTEuNjExLDAsMCwwLC4yNC4yMjQuNjkzLjY5MywwLDAsMCwuMjcxLjA1LjY0NS42NDUsMCwwLDAsLjQyOC0uMTA3LjQyLjQyLDAsMCwwLC4yLS4zNTkuNjMyLjYzMiwwLDAsMC0uMTU2LS4zNjJsLTEuODMzLTIuNDIxLDEuOTI0LTEuNDczQS40LjQsMCwwLDAtMjAuOCwyMzIuMDQ5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3LjQzNSAtODAuNzk2KSIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNDcxIiBkYXRhLW5hbWU9Iui3r+W+hCA0NzEiIGNsYXNzPSJjbHMtMSIgZD0iTTIuMzg4LDI0My4xODNhLjQ2Mi40NjIsMCwwLDAsLjQ2Mi0uNDYydi0zLjJhLjQ2Mi40NjIsMCwxLDAtLjkyNCwwdi4zMTRhMS44MzksMS44MzksMCwwLDAtMS40NjYtLjc1LDIuMDM2LDIuMDM2LDAsMCwwLDAsNC4wNjEsMS44MzksMS44MzksMCwwLDAsMS40NjYtLjc1di4zMjVBLjQ2Mi40NjIsMCwwLDAsMi4zODgsMjQzLjE4M1ptLTEuOTI4LS44OTJhMS4xNzksMS4xNzksMCwwLDEsMC0yLjM1MSwxLjE3OSwxLjE3OSwwLDAsMSwwLDIuMzUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg2LjMxNCAtODYuODEzKSIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNDcyIiBkYXRhLW5hbWU9Iui3r+W+hCA0NzIiIGNsYXNzPSJjbHMtMSIgZD0iTTI0Ljk0NCwyMzguNzI1bDAsLjAwOGEuNDYxLjQ2MSwwLDAsMC0uOS4xNDZ2My4yYS40NjIuNDYyLDAsMSwwLC45MjQsMHYtMi42MjNhLjg1Mi44NTIsMCwwLDEsMS4xODYtLjExOWwuMDA1LDAsLjAzNS4wM2EuNjg1LjY4NSwwLDAsMSwuMTY2LjIuODUxLjg1MSwwLDAsMSwuMTE4LjQyNHMwLC4wMDYsMCwuMDA5djEuOTM3cS4wMzEuNi41NjQuNTk1dC41OTUtLjU5NXYtMi4xNTZhMS41LDEuNSwwLDAsMC0xLjYtMS41MzRBMS4yMTgsMS4yMTgsMCwwLDAsMjQuOTQ0LDIzOC43MjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2LjY0NCAtODYuMTcxKSIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNDczIiBkYXRhLW5hbWU9Iui3r+W+hCA0NzMiIGNsYXNzPSJjbHMtMSIgZD0iTTQ2LjU4LDIzNy4yMzVhLjQ2Mi40NjIsMCwwLDAsLjQ2Mi0uNDYyVjIzNC44NWwuNDkyLS4zNzYsMS42NDcsMi4zNTdhLjYxLjYxLDAsMCwwLC4yNC4yMjQuNjkzLjY5MywwLDAsMCwuMjcxLjA1LjY0NS42NDUsMCwwLDAsLjQyOC0uMTA3LjQyLjQyLDAsMCwwLC4yLS4zNTkuNjMyLjYzMiwwLDAsMC0uMTU2LS4zNjJsLTEuODMzLTIuNDIxLDEuOTI0LTEuNDczYS40LjQsMCwwLDAsLjE1Mi0uMzM0LjQ1Ny40NTcsMCwwLDAtLjEzNy0uMzI3LjYyNS42MjUsMCwwLDAtLjQ2OS0uMTg4LjQ5Mi40OTIsMCwwLDAtLjMyNC4xMWwtMi40MzIsMi4wNDV2LTEuNzA3YS40NjIuNDYyLDAsMSwwLS45MjQsMHY0Ljc5MUEuNDYyLjQ2MiwwLDAsMCw0Ni41OCwyMzcuMjM1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNC4yNjIgLTgwLjc5NikiLz4NCiAgICA8cGF0aCBpZD0i6Lev5b6EXzQ3NCIgZGF0YS1uYW1lPSLot6/lvoQgNDc0IiBjbGFzcz0iY2xzLTEiIGQ9Ik03MS42NjMsMjQzLjE0NmExLjgzOSwxLjgzOSwwLDAsMCwxLjQ2Ni0uNzV2LjMyNWEuNDYyLjQ2MiwwLDEsMCwuOTI0LDB2LTMuMmEuNDYyLjQ2MiwwLDEsMC0uOTI0LDB2LjMxNGExLjg0LDEuODQsMCwwLDAtMS40NjYtLjc1LDIuMDM2LDIuMDM2LDAsMCwwLDAsNC4wNjFabTAtMy4yMDZhMS4xNzksMS4xNzksMCwxLDEtMS4wOTQsMS4xNzZBMS4xMzcsMS4xMzcsMCwwLDEsNzEuNjYzLDIzOS45NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDMuMTQyIC04Ni44MTMpIi8+DQogICAgPHBhdGggaWQ9Iui3r+W+hF80NzUiIGRhdGEtbmFtZT0i6Lev5b6EIDQ3NSIgY2xhc3M9ImNscy0xIiBkPSJNOTUuNzA4LDI0Mi41NDFhLjQ2Mi40NjIsMCwwLDAsLjQ2Mi0uNDYydi0yLjYyM2EuODUyLjg1MiwwLDAsMSwxLjE4Ni0uMTE5bC4wMDUsMCwuMDM1LjAzYS42ODIuNjgyLDAsMCwxLC4xNjYuMi44NTQuODU0LDAsMCwxLC4xMTguNDI0czAsLjAwNiwwLC4wMDl2MS45MzdxLjAzMS42LjU2NC41OTV0LjU5NS0uNTk1di0yLjE1NmExLjUsMS41LDAsMCwwLTEuNi0xLjUzNCwxLjIxOCwxLjIxOCwwLDAsMC0xLjEuNDdsMCwuMDA4YS40NjEuNDYxLDAsMCwwLS45LjE0NnYzLjJBLjQ2Mi40NjIsMCwwLDAsOTUuNzA4LDI0Mi41NDFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYzLjQ3MiAtODYuMTcxKSIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNDc2IiBkYXRhLW5hbWU9Iui3r+W+hCA0NzYiIGNsYXNzPSJjbHMtMSIgZD0iTS02OS42NjYsMTkzLjM1OWEuNTMzLjUzMywwLDAsMCwuMzM0LS40OTR2LTIuNzIyczAtLjAwNiwwLS4wMSwwLS4wMDYsMC0uMDA5YS4zNzguMzc4LDAsMCwwLS4zNzgtLjM3OGgtMy41MjljLjExMi0uMTM2LjIxOC0uMjc4LjMxOC0uNDIyaDMuNGEuMzQ4LjM0OCwwLDAsMCwuMzQ4LS4zNDcuMzQ4LjM0OCwwLDAsMC0uMzQ4LS4zNDhoLTIuOTcycS4xLS4xODIuMTc5LS4zNjRoMi40ODRhLjM0OC4zNDgsMCwwLDAsLjM0OC0uMzQ4LjM0OC4zNDgsMCwwLDAtLjM0OC0uMzQ4aC0yLjIyNWMuMDM2LS4xMjQuMDY2LS4yNDYuMDg3LS4zNjRoMi4wMzVhLjU1Ny41NTcsMCwwLDAsLjU1Ny0uNTU3LjU1Ny41NTcsMCwwLDAtLjU1Ny0uNTU3LjU1NS41NTUsMCwwLDAtLjEyNS4wMTVsLTUuODM5LjcxMnYwYS4xOTMuMTkzLDAsMCwwLS4xNTkuMTg4LjE5NC4xOTQsMCwwLDAsLjE4Ni4xOTRoMi4zMzdhMi45NDIsMi45NDIsMCwwLDEtLjA3NC4zNjRoLTIuMDhhLjM0OC4zNDgsMCwwLDAtLjM0OC4zNDguMzQ4LjM0OCwwLDAsMCwuMzQ4LjM0OGgxLjgyOWMtLjA1NC4xMjItLjExNC4yNDMtLjE3Ni4zNjRoLTEuOTgyYS4zNDguMzQ4LDAsMCwwLS4zNDguMzQ4LjM0OC4zNDgsMCwwLDAsLjM0OC4zNDdoMS41NzRhNS45NTgsNS45NTgsMCwwLDEtLjg1OSwxLjA1NmMtLjc3OS43MjItMS4xNjkuODk0LTEsMS4xMTIuMTI3LjE2MS42MjQuMTIsMS4zNjEtLjN2MS42NzhhLjUzLjUzLDAsMCwwLC4xOTIuNDA3LjM3NS4zNzUsMCwwLDAsLjI4LjEyNmg0LjYzNEEuMzcuMzcsMCwwLDAtNjkuNjY2LDE5My4zNTlabS0uNzMzLS43MTVILTczLjg3di0uMzA3SC03MS40YS4zMTMuMzEzLDAsMCwwLC4zMTQtLjMxMy4zMTMuMzEzLDAsMCwwLS4zMTQtLjMxNEgtNzMuODd2LS4yNThoMi44MzZhLjMxMy4zMTMsMCwwLDAsLjMxMy0uMzEzLjMxMy4zMTMsMCwwLDAtLjMxMy0uMzE0SC03My44N1YxOTAuNUgtNzAuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNi41MDcgLTQ0LjUzOCkiLz4NCiAgICA8cGF0aCBpZD0i6Lev5b6EXzQ3NyIgZGF0YS1uYW1lPSLot6/lvoQgNDc3IiBjbGFzcz0iY2xzLTEiIGQ9Ik0tMzIuNiwxODUuNjM4bC4wMTQuMDA4aC0yLjQ2QS4zNTYuMzU2LDAsMCwwLTM1LjQsMTg2YS4zNTUuMzU1LDAsMCwwLC4wMDcuMDY2LjE2NS4xNjUsMCwwLDAtLjAwNy4wMzN2My4wODFhMTMuNDM1LDEzLjQzNSwwLDAsMS0uNiwzLjAzOC4xNzMuMTczLDAsMCwwLC4xNjguMjE2Yy41MDksMCwxLjUtMi4yNTUsMS41LTMuMjU0di0uMWguNzdhNC45ODcsNC45ODcsMCwwLDEtLjIyMywxLjI1MSwxMy43NCwxMy43NCwwLDAsMS0uODIsMS43LjE3My4xNzMsMCwwLDAsLjExMy4yNWMuMzc0LjA5LDEuMjU0LS43MjMsMS43Ni0xLjU0NWEyLjk5MSwyLjk5MSwwLDAsMCwuMTU0LS4zMjJoMi42NTV2MS4zMTJoLTEuMjg2YS4zNTYuMzU2LDAsMCwwLS4zNTYuMzU2aDBhLjM1Ni4zNTYsMCwwLDAsLjM1Ni4zNTZoMmEuMzU1LjM1NSwwLDAsMCwuMzU0LS4zMzZoMHYtLjAyaDB2LTEuODM4YS4zNzEuMzcxLDAsMCwwLS4wMTMtLjEuMzUuMzUsMCwwLDAsLjAxMy0uMDkuMzU2LjM1NiwwLDAsMC0uMzU2LS4zNTZILTMyLjNjLjEtLjI1LjE4LS40ODMuMjI1LS42MTdoLjQyNmEuMDY4LjA2OCwwLDAsMCwuMDMuMDA3LjA2OC4wNjgsMCwwLDAsLjAzLS4wMDdoMi42YS4zNTYuMzU2LDAsMCwwLC4zNTYtLjM1Ni4zNTYuMzU2LDAsMCwwLS4zNTYtLjM1NmgtMi4xNTdzMC0uMDA2LDAtLjAwOWEuNDc0LjQ3NCwwLDAsMC0uNDczLS40NzMuNDc0LjQ3NCwwLDAsMC0uNDczLjQ3M3MwLC4wMDYsMCwuMDA5aC0yLjI0N3YtLjYxN2g1LjExOWEuMzU2LjM1NiwwLDAsMCwuMzU2LS4zNTYuMzQzLjM0MywwLDAsMC0uMDA2LS4wNmguMDA2VjE4Ni4xYS4xNjUuMTY1LDAsMCwwLS4wMDctLjAzMy4zNTUuMzU1LDAsMCwwLC4wMDctLjA2Ni4zNTYuMzU2LDAsMCwwLS4zNTYtLjM1NmgtMi4wMTFhMy4zOTEsMy4zOTEsMCwwLDAtLjc2MS0uNzA3LjY4LjY4LDAsMCwwLS43NDMuMTZBLjM5My4zOTMsMCwwLDAtMzIuNiwxODUuNjM4Wm0tMS43MzQuNzE5aDQuNDA4di42ODhoLTQuNDA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU4LjcxMiAtNDMuNTc3KSIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNDc4IiBkYXRhLW5hbWU9Iui3r+W+hCA0NzgiIGNsYXNzPSJjbHMtMSIgZD0iTS00OC4yODIsMjY1LjAyNUgtODEuODRhLjQ0Ny40NDcsMCwwLDAtLjA3NS0uMDA3aC0uMmMtMi4yNS4wMS0zLjU4NC4wMDktMy45NjUsMGEyLjEyLDIuMTIsMCwwLDEtMi4xNzEtMi4wNC40Mi40MiwwLDAsMC0uNDM0LS40LjQxOS40MTksMCwwLDAtLjQuNDM0LDIuOTM3LDIuOTM3LDAsMCwwLDIuOTgyLDIuODQ5Yy4yMTkuMDA3LjczNy4wMTEsMS41NDYuMDExbDEuNiwwYy4wMTEsMCwuMDIyLDAsLjAzNCwwaDM0LjY0M2EuNDE5LjQxOSwwLDAsMCwuNDItLjQxOUEuNDIuNDIsMCwwLDAtNDguMjgyLDI2NS4wMjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuMzUxIC0xMDUuNTc4KSIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNDc5IiBkYXRhLW5hbWU9Iui3r+W+hCA0NzkiIGNsYXNzPSJjbHMtMSIgZD0iTS0xMDUuMDIyLDE3OS41MzZoMGEuNDE5LjQxOSwwLDAsMCwuNDE5LS40MTlsLS4wMDYtOS40NzRhLjQxOS40MTksMCwwLDAtLjQxOS0uNDE5aC0yLjk4MWEuMTcyLjE3MiwwLDAsMS0uMDQxLS4wMDhjLS4wMjQtLjAwNy0uNTkxLS4xNzktLjY3Ni0uNTY3YS42NDIuNjQyLDAsMCwxLC4yODEtLjYxM2MuMzEtLjI3NiwzLjY2Ni0yLjYzNiw5LjIwNi02LjQ3NWEuNDIuNDIsMCwwLDAsLjEwNi0uNTg0LjQyLjQyLDAsMCwwLS41ODQtLjEwNmMtNS44MTIsNC4wMjctOC45MzcsNi4yMjYtOS4yODUsNi41MzdhMS40MjksMS40MjksMCwwLDAtLjU0MiwxLjQyNCwxLjc5NCwxLjc5NCwwLDAsMCwxLjI1OCwxLjE4OC45NzguOTc4LDAsMCwwLC4yNzcuMDQyaDIuNTYybC4wMDUsOS4wNTVBLjQxOS40MTksMCwwLDAtMTA1LjAyMiwxNzkuNTM2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMjQuMzUpIi8+DQogICAgPHBhdGggaWQ9Iui3r+W+hF80ODAiIGRhdGEtbmFtZT0i6Lev5b6EIDQ4MCIgY2xhc3M9ImNscy0xIiBkPSJNLTE4LjE2MiwxNjEuNTYxYzUuNTQsMy44MzgsOC45LDYuMiw5LjIwNyw2LjQ3NWEuNjQxLjY0MSwwLDAsMSwuMjguNjE2Yy0uMDg1LjM4NS0uNjUyLjU1Ny0uNjc0LjU2M2EuMTc2LjE3NiwwLDAsMS0uMDQyLjAwOWgtMi45ODFhLjQxOS40MTksMCwwLDAtLjQxOS40MThsLS4wMDYsMy4yMzJhLjQxOS40MTksMCwwLDAsLjQxOS40MmgwYS40MTkuNDE5LDAsMCwwLC40MTktLjQxOWwwLTIuODEzaDIuNTYzYS45NzkuOTc5LDAsMCwwLC4yNzktLjA0MiwxLjc5MiwxLjc5MiwwLDAsMCwxLjI1Ny0xLjE4NCwxLjQyOSwxLjQyOSwwLDAsMC0uNTQxLTEuNDI2Yy0uMzQ5LS4zMTEtMy40NzQtMi41MS05LjI4Ni02LjUzN2EuNDIuNDIsMCwwLDAtLjU4My4xMDZBLjQyLjQyLDAsMCwwLTE4LjE2MiwxNjEuNTYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcyLjgxNSAtMjQuMzUpIi8+DQogICAgPHBhdGggaWQ9Iui3r+W+hF80ODEiIGRhdGEtbmFtZT0i6Lev5b6EIDQ4MSIgY2xhc3M9ImNscy0yIiBkPSJNLTQ1Ljc0NiwxNDEuNDM0YTEuNzYsMS43NiwwLDAsMCwxLjc2LTEuNzYsMS43NTEsMS43NTEsMCwwLDAtLjItLjgyMS42MDcuNjA3LDAsMCwxLS41ODkuNDYuNjA3LjYwNywwLDAsMS0uNjA3LS42MDcuNjA3LjYwNywwLDAsMSwuNDYtLjU4OSwxLjc1MywxLjc1MywwLDAsMC0uODIxLS4yLDEuNzU5LDEuNzU5LDAsMCwwLTEuNzYsMS43NkExLjc2LDEuNzYsMCwwLDAtNDUuNzQ2LDE0MS40MzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDkuNTM5IC02LjA4OCkiLz4NCiAgICA8cGF0aCBpZD0i6Lev5b6EXzQ4MiIgZGF0YS1uYW1lPSLot6/lvoQgNDgyIiBjbGFzcz0iY2xzLTEiIGQ9Ik0tNTcuOTE3LDEzNS44NzVoMGMuMzI4LjE2My42NjQuMzE0LDEsLjQ2Mi4yMDYuMDkuNDEzLjE3OC42MjIuMjY3cy40MTguMTc3LjYyNi4yNzRjLS4xMTQtLjAxMS0uMjI4LS4wMjctLjM0MS0uMDQ1cy0uMjI2LS4wNC0uMzM3LS4wNjRjLS4yMjQtLjA0OC0uNDQ2LS4xMDYtLjY2NS0uMTcycy0uNDExLS4xMzMtLjYxMi0uMjEzYTUuMDg0LDUuMDg0LDAsMCwwLDIuNDU4LDEuOTU1LDUuMDcyLDUuMDcyLDAsMCwwLDEuODYzLTEuMjE2YzEsLjA4NSwxLjY5NS0uMDI1LDEuNzc5LS4zMzguMDY4LS4yNTQtLjI4My0uNTU4LS45MDctLjg3MWE1LjA0NSw1LjA0NSwwLDAsMCwuNTY1LTIuMzI3LDMuMywzLjMsMCwwLDAtMy4zLTMuMywzLjMsMy4zLDAsMCwwLTMuMywzLjMsNS4xLDUuMSwwLDAsMCwuMDYxLjc4OGMtLjUxLDAtLjgzNy4wOTQtLjg5NC4zQy01OS4zOCwxMzQuOTkzLTU4LjgzMSwxMzUuNDQxLTU3LjkxNywxMzUuODc1Wm01LjY5Mi42NjVjLS4wMjIuMDgxLS4yNTQuMS0uNjMxLjA2MnEuMTMzLS4xOC4yNS0uMzcxQy01Mi4zNDYsMTM2LjM2Mi01Mi4yMDYsMTM2LjQ3LTUyLjIyNSwxMzYuNTRabS0yLjkzNy01LjM2NWEyLjQxMiwyLjQxMiwwLDAsMSwyLjQxMywyLjQxM0EyLjQxMiwyLjQxMiwwLDAsMS01NS4xNjIsMTM2YTIuNDEyLDIuNDEyLDAsMCwxLTIuNDEyLTIuNDEyQTIuNDEyLDIuNDEyLDAsMCwxLTU1LjE2MiwxMzEuMTc0Wm0tMy4xNzUsMy41MzFxLjA1LjIyNC4xMi40NDFjLS4zMjktLjE1NC0uNTExLS4yODItLjQ5LS4zNjFDLTU4LjY5MSwxMzQuNzI0LTU4LjU1OSwxMzQuNy01OC4zMzcsMTM0LjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDAuMTI0IDApIi8+DQogIDwvZz4NCjwvc3ZnPg0K) no-repeat center center;
  94. background-size: auto 60rpx;
  95. }
  96. .vr-tip-title {
  97. color: #111;
  98. line-height: 36rpx;
  99. font-size: 26rpx;
  100. font-weight: bold;
  101. }
  102. .vr-tip-btn {
  103. position: absolute;
  104. right: 28rpx;
  105. top: 28rpx;
  106. border: 2rpx solid #1FE4DC;
  107. color: #1FE4DC;
  108. background: #fff;
  109. width: 124rpx;
  110. line-height: 54rpx;
  111. font-size: 22rpx;
  112. text-align: center;
  113. }
  114. .location-text-info {
  115. font-size: 30rpx;
  116. padding-bottom: 30rpx;
  117. }
  118. .m-t-32 {
  119. margin-top: 32rpx;
  120. }
  121. .border-btn {
  122. border-bottom: 1px solid #e5e5e5;
  123. }
  124. .detail-title {
  125. font-size: 40rpx;
  126. line-height: 56rpx;
  127. margin-bottom: 26rpx;
  128. font-weight: bold;
  129. }
  130. .detail-text {
  131. font-size: 30rpx;
  132. color: #111;
  133. line-height: 42rpx;
  134. overflow: hidden;
  135. text-overflow: ellipsis;
  136. word-break: break-all;
  137. font-size: 30rpx;
  138. line-height: 42rpx;
  139. display:-webkit-box;
  140. -webkit-box-orient:vertical;
  141. -webkit-line-clamp: 5;
  142. }
  143. .location-item {
  144. margin-bottom: 2rpx;
  145. line-height:42rpx;
  146. font-weight: 400;
  147. font-size: 30rpx;
  148. }
  149. .location-label {
  150. color: #A3A4A5;
  151. }
  152. .location-link {
  153. color: #1FE4DC;
  154. }
  155. .map-w {
  156. position: relative;
  157. }
  158. .detail-map {
  159. width: 100%;
  160. height: 422rpx;
  161. margin-bottom: 30rpx;
  162. position: relative;
  163. }
  164. .cover {
  165. content: '';
  166. display: block;
  167. width: 100%;
  168. height: 422rpx;
  169. position: absolute;
  170. top: 0;
  171. left: 0;
  172. z-index: 111;
  173. }
  174. .follow-status {
  175. position: absolute;
  176. right: 32rpx;
  177. top: 8rpx;
  178. display: flex;
  179. flex-direction: column;
  180. font-size: 22rpx;
  181. justify-content: center;
  182. line-height: 32rpx;
  183. }
  184. button.follow-status {
  185. padding: 0;
  186. border-radius: 0;
  187. background: #fff;
  188. border: none;
  189. }
  190. button.follow-status::after {
  191. display: none;
  192. }
  193. .follow-icon {
  194. width: 36rpx;
  195. height: 30rpx;
  196. margin: 0 auto;
  197. }
  198. .arrow-right {
  199. width: 6px;
  200. height: 60rpx;
  201. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVCAMAAABFcv+GAAAAtFBMVEUAAAD///+/v7+ZmZmSkpKfn5+qqqqhoaGioqKhoaGioqKlpaWfn6afpqampqampqaoqKifpaWlpaWjo6OipaWjo6aipKSjo6OjpaWjo6WioqWho6OipKSipKSjpqaipKSipaWipKajpaWho6Wjo6WkpKWio6WjpKSjo6SipKSio6WjpaWipKSipKWjpaWjo6WjpKSjpaWjpKWjo6Sio6WipKWjpKWjpKaio6SjpKWjpKWjpKXo+9gcAAAAPHRSTlMAAQQFBwgMExYbISIoKCgrLDAwUF1hZWZpbG5vcHN1e3yEhYiQl6Smt7i6uru7vcPEy8/Q0dfj5Onr8/Vt/3TvAAAAjElEQVQY02Mw1lDkZIABTX0tMR4YR0nbXEuMgwnC4RTXMdeS4oBK8YprGyFUckgjqWTiwKtSz0JXlJ0BqlLWxEJdBMJh5VU2s1IThrC5JXStTRX4IAZIGFqaSgqwgtXI6FoaKAiwIdRwsSCpYWEEsgURahgY5BFqGBjM4WqAQFVFjp8N5lMhPk5mGBsA89oQoKdvs1gAAAAASUVORK5CYII=) no-repeat center center;
  202. background-size: 100% auto;
  203. float: right;
  204. }