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.
|
|
ul, li { list-style: none; }
.wrap { background: url(../img/share/bgm2.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; }
|