*{margin:0;padding:0}#app{width:100vw;height:100vh}html{font-size:13px}::-webkit-scrollbar{display:none}#map{position:relative;width:100%;height:100%;z-index:1}.top-box{position:fixed;top:0;left:0;z-index:3;width:100%;height:50px;background:#03b9bd;display:flex;justify-content:space-around;align-items:center}.find-con{position:relative;box-sizing:border-box;width:calc(100% - 30px)}.find-con input{box-sizing:border-box;width:100%;height:38px;border:none;outline:none;font-size:15px;padding:0 35px 0 35px;border-radius:30px}.find-con img{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:20px;height:20px}.find-btn{position:absolute;top:0;right:0;width:50px;height:50px;background:#409b9d;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center}.find-btn img{width:20px;height:20px}.top-box-con{box-sizing:border-box;overflow-x:scroll;overflow-y:hidden;margin-right:50px}.top-box-con ul{box-sizing:border-box;height:100%;display:flex;flex-wrap:nowrap;list-style:none;color:#fff;padding:0 10px}.top-box-con ul li{height:100%;white-space:nowrap;padding:5px 20px;cursor:pointer;font-size:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:30px}.active{position:relative;font-weight:600}.active,.leaflet-tooltip{background:#fff;color:#000}.leaflet-tooltip{padding:0 12px;border-radius:10px;border:1px solid silver}.leaflet-tooltip:before{display:none}.leaflet-popup-tip{height:10px}.leaflet-popup-content{margin:8px 10px}.leaflet-container a.leaflet-popup-close-button{top:5px;right:5px}.pop-title{margin-bottom:10px;font-size:14px;margin-right:10px;max-width:180px}.pop-content{text-align:justify;max-width:180px;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.pop-btn-box,.pop-menu{display:flex;justify-content:center;align-items:center}.pop-btn-box{width:85px;height:30px;line-height:30px;margin-right:5px;margin-bottom:5px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}.pop-btn-box img{width:18px;height:18px;margin-right:5px}.pop-btn1{background:#4db6bc}.pop-btn2{background:#f0b23c}.pop-btn3{background:#629af8}.pop-btn4{background:#56999d}.content-bg{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.45)}.content-box{box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:calc(100% - 60px);max-width:350px;max-height:400px;padding:20px;background:#fff;border-radius:10px;overflow-x:hidden;overflow-y:scroll}.content-box audio{width:100%;margin:10px 0}.content-top{position:relative;margin-bottom:10px}.content-top h3{font-size:1.8rem;line-height:2rem;width:calc(100% - 50px)}.box-close{position:fixed;top:0;right:0;transform:translateX(50%) translateY(-50%);width:70px;height:70px;background:#03b9bd;border-radius:50%}.box-close:after{content:"×";position:absolute;left:3px;bottom:3px;width:35px;text-align:center;line-height:35px;color:#fff;font-size:23px}.content-btn{display:flex;justify-content:center;align-items:center;margin:25px 0}.content-btn div{box-sizing:border-box;padding:5px 15px;margin:0 5px;border-radius:30px;color:#fff;background:#03b9bd;font-size:13px}.content-btn div i{font-size:15px;margin-right:5px}.content-img{width:100%;white-space:nowrap;margin:15px 0;overflow-y:hidden;overflow-x:scroll}.content-img img{width:80px;height:80px;margin-right:8px;border-radius:10px}.content-info h4{font-size:1.6rem;font-weight:600;margin:10px 0;text-align:center}.content-info p{text-align:justify;font-size:15px;line-height:1.8rem;color:gray}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 1s ease}.leaflet-div-icon{background:transparent;border:none}.my-custom-icon{box-sizing:border-box;background:#e3811a;width:50px;height:22px;border-radius:30px;color:#fff;text-align:center;line-height:22px;font-size:12px;box-shadow:1px 2px 2px gray}.my-custom-icon i{font-size:14px;line-height:25px;margin-right:1px}.vr-box{position:fixed;top:0;left:0;z-index:1001;background:#000}.vr-box,.vr-box iframe{width:100%;height:100%}.vr-box div{position:absolute;right:20px;top:20px;width:30px;height:30px;background:#fff;border-radius:50%;font-size:22px;line-height:30px;text-align:center}.find-result-box{position:fixed;top:50px;left:0;z-index:99;width:100%;height:150px;background:#fff;overflow-y:scroll;overflow-x:hidden}.res-item div{box-sizing:border-box;width:100%;height:40px;padding:0 15px;line-height:40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8eaea}.close-find{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:15px}.btn-box{box-sizing:border-box;position:fixed;bottom:15px;right:15px;z-index:999}.btn-box,.btn-box div{width:45px;height:45px}.btn-box div{border-radius:50%;background:#03b9bd;border:2px solid #fff;color:#fff;text-align:center;font-size:12px;display:flex;justify-content:center;align-items:center}