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.

260 lines
3.3 KiB

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