You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

261 lines
3.4 KiB

3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
  1. ul,
  2. li {
  3. list-style: none;
  4. }
  5. .wrap {
  6. background: url(../img/share/bgm2.png) no-repeat;
  7. background-size: 100% 100%;
  8. height: 7.5rem;
  9. }
  10. .box_cont {
  11. overflow: hidden;
  12. height: 70%;
  13. }
  14. .tip {
  15. width: 3rem;
  16. height: .5rem;
  17. margin: 0.24rem auto 0;
  18. }
  19. .tip img {
  20. width: 100%;
  21. height: 100%;
  22. }
  23. .tipText{
  24. text-align: center;
  25. color: #fff;
  26. font-size: .12rem;
  27. margin-right: .5rem;
  28. }
  29. .info {
  30. margin-left: .1rem;
  31. display: flex;
  32. align-items: center;
  33. margin-top: .13rem;
  34. }
  35. .info p.avater {
  36. width: .4rem;
  37. height: .4rem;
  38. background: #083EA6;
  39. border-radius: 50%;
  40. }
  41. .info p.avater img {
  42. width: .39rem;
  43. height: .39rem;
  44. margin: 0 auto;
  45. }
  46. .info p.name {
  47. color: #fff;
  48. font-size: .14rem;
  49. margin-left: .21rem;
  50. }
  51. .numInfo {
  52. margin-left: .1rem;
  53. }
  54. .numInfo p {
  55. font-size: .16rem;
  56. color: #fff;
  57. margin-bottom: .06rem;
  58. }
  59. .numInfo p span {
  60. font-size: .3rem;
  61. color: #FFBF63;
  62. padding: 0 .1rem;
  63. }
  64. #container {
  65. margin-top: -.8rem;
  66. }
  67. section {
  68. margin: 0 auto;
  69. }
  70. #container svg {
  71. /*width: 3.55rem;*/
  72. background: url(../img/map1.png) no-repeat;
  73. background-size: 100% 73%;
  74. background-position-y: .55rem;
  75. background-position-x: -4px;
  76. }
  77. .nameList {
  78. margin-left: .1rem;
  79. margin-right: .1rem;
  80. height: 20%;
  81. overflow-y: auto;
  82. /*margin-top: -.5rem;*/
  83. padding-bottom: .25rem;
  84. }
  85. .nameList p {
  86. font-size: .12rem;
  87. }
  88. .nameList p.title {
  89. color: #FFBF63;
  90. line-height: .2rem;
  91. }
  92. .nameList p.itemList {
  93. color: #fff;
  94. }
  95. .deepIcon {
  96. display: none;
  97. position: fixed;
  98. left: 0;
  99. bottom: 0;
  100. width: 100%;
  101. background: #fff;
  102. }
  103. .deepIcon ul {
  104. display: flex;
  105. justify-content: center;
  106. align-items: center;
  107. }
  108. .deepIcon ul li {
  109. flex: 1;
  110. }
  111. .deepIcon li p.icon {
  112. width: .4rem;
  113. height: .4rem;
  114. margin: .02rem auto;
  115. }
  116. .deepIcon p.icon img {
  117. width: 100%;
  118. height: 100%;
  119. }
  120. .deepIcon p.text {
  121. text-align: center;
  122. padding-bottom: .05rem;
  123. font-size: .12rem;
  124. letter-spacing: .02rem;
  125. }
  126. /*博物馆弹出框*/
  127. .bulletBox .leftBwg,
  128. .bulletBox .rightBwg {
  129. /*width: 1.5rem;*/
  130. /*height: 100%;*/
  131. border-radius: .05rem;
  132. background: rgba(0, 0, 0, 0.6);
  133. position: absolute;
  134. display: none;
  135. padding: 0 .1rem;
  136. max-height: 1rem;
  137. overflow-y: auto;
  138. }
  139. .leftBwg {
  140. left: 5%;
  141. top: 50%;
  142. }
  143. .rightBwg {
  144. right: 5%;
  145. top: 50%;
  146. }
  147. .bulletBox ul {
  148. margin: 0 .1rem;
  149. padding: .1rem 0;
  150. box-sizing: border-box;
  151. }
  152. .bulletBox ul li {
  153. margin-bottom: .05rem;
  154. color: #fff;
  155. font-size: .14rem;
  156. font-family: "微软雅黑";
  157. }
  158. .bulletBox ul a {
  159. color: #fff;
  160. font-size: .14rem;
  161. font-family: "微软雅黑";
  162. }
  163. /*弹出框*/
  164. /*遮罩*/
  165. .maskBox{
  166. position: fixed;
  167. left:0%;
  168. top: 0%;
  169. width: 100%;
  170. height: 100%;
  171. background: rgba(0,0,0,.5);
  172. z-index: 999;
  173. display: none;
  174. }
  175. .mask{
  176. position: fixed;
  177. left:50%;
  178. top: 50%;
  179. transform: translate(-50%,-50%);
  180. width: 3rem;
  181. height: 3.77rem;
  182. border-radius: .1rem;
  183. background: #fff;
  184. z-index: 99999;
  185. display: none;
  186. }
  187. .mask .topImg img{
  188. width: 100%;
  189. }
  190. .mask .btn {
  191. width: 2.72rem;
  192. margin: .03rem auto 0;
  193. }
  194. .mask .btn img{
  195. width: 100%;
  196. }
  197. .mask .close{
  198. position: absolute;
  199. right:2%;
  200. top: 2%;
  201. /*transform: translate(50%,-50%);*/
  202. width: .26rem;
  203. height: .26rem;
  204. }
  205. .mask .close img{
  206. width: 100%;
  207. height: 100%;
  208. }
  209. /*提示框*/
  210. .tipBox{
  211. position: absolute;
  212. left: 50%;
  213. top: 50%;
  214. width: 1rem;
  215. height: .35rem;
  216. transform: translate(-50%,-50%);
  217. text-align: center;
  218. line-height: .35rem;
  219. color: #fff;
  220. font-size: .14rem;
  221. background: rgba(0,0,0,.8);
  222. border-radius: .1rem;
  223. display: none;
  224. }