ul, li { list-style: none; } .wrap { background: url(../img/share/bgm1.png) no-repeat; background-size: 100% 100%; height: 7.5rem; } .box_cont { overflow: hidden; height: 70%; } .tip { width: 3rem; height: .5rem; margin: 0.24rem auto 0; } .tip img { width: 100%; height: 100%; } .tipText{ text-align: center; color: #fff; font-size: .12rem; } .info { margin-left: .1rem; display: flex; align-items: center; margin-top: .13rem; } .info p.avater { width: .4rem; height: .4rem; background: #083EA6; border-radius: 50%; } .info p.avater img { width: .39rem; height: .39rem; margin: 0 auto; } .info p.name { color: #fff; font-size: .14rem; margin-left: .21rem; } .numInfo { margin-left: .1rem; } .numInfo p { font-size: .16rem; color: #fff; margin-bottom: .1rem; } .numInfo p span { font-size: .3rem; color: #FFBF63; padding: 0 .1rem; } #container { margin-top: -.8rem; } section { margin: 0 auto; } #container svg { /*width: 3.55rem;*/ background: url(../img/map1.png) no-repeat; background-size: 100% 73%; background-position-y: .6rem; background-position-x: -4px; } .nameList { margin-left: .1rem; margin-right: .1rem; height: 20%; overflow-y: auto; /*margin-top: -.5rem;*/ padding-bottom: .25rem; } .nameList p { font-size: .12rem; } .nameList p.title { color: #FFBF63; line-height: .2rem; } .nameList p.itemList { color: #fff; } .deepIcon { display: none; position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; } .deepIcon ul { display: flex; justify-content: center; align-items: center; } .deepIcon ul li { flex: 1; } .deepIcon li p.icon { width: .4rem; height: .4rem; margin: .02rem auto; } .deepIcon p.icon img { width: 100%; height: 100%; } .deepIcon p.text { text-align: center; padding-bottom: .05rem; font-size: .12rem; letter-spacing: .02rem; } /*博物馆弹出框*/ .bulletBox .leftBwg, .bulletBox .rightBwg { /*width: 1.5rem;*/ /*height: 100%;*/ border-radius: .05rem; background: rgba(0, 0, 0, 0.6); position: absolute; display: none; padding: 0 .1rem; max-height: 1rem; overflow-y: auto; } .leftBwg { left: 5%; top: 50%; } .rightBwg { right: 5%; top: 50%; } .bulletBox ul { margin: 0 .1rem; padding: .1rem 0; box-sizing: border-box; } .bulletBox ul li { margin-bottom: .05rem; color: #fff; font-size: .14rem; font-family: "微软雅黑"; } .bulletBox ul a { color: #fff; font-size: .14rem; font-family: "微软雅黑"; } /*弹出框*/ /*遮罩*/ .maskBox{ position: fixed; left:0%; top: 0%; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 999; display: none; } .mask{ position: fixed; left:50%; top: 50%; transform: translate(-50%,-50%); width: 3rem; height: 3.77rem; border-radius: .1rem; background: #fff; z-index: 99999; display: none; } .mask .topImg img{ width: 100%; } .mask .btn { width: 2.72rem; margin: .03rem auto 0; } .mask .btn img{ width: 100%; } .mask .close{ position: absolute; right:2%; top: 2%; /*transform: translate(50%,-50%);*/ width: .26rem; height: .26rem; } .mask .close img{ width: 100%; height: 100%; } /*提示框*/ .tipBox{ position: absolute; left: 50%; top: 50%; width: 1rem; height: .35rem; transform: translate(-50%,-50%); text-align: center; line-height: .35rem; color: #fff; font-size: .14rem; background: rgba(0,0,0,.8); border-radius: .1rem; display: none; }