#app,*{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.preview-box{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75)}.slider .slider-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.slider .slider-item img{max-width:100%}.slider .slider-item img.ratio{width:auto;height:100%}.preview-box .btns{background:-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));background:linear-gradient(180deg,#000 0,transparent);height:60px;position:absolute;top:0;right:0;left:0;z-index:9999}.preview-box .btns .back{width:40px;height:60px;display:block;color:#fff;cursor:pointer;line-height:60px;position:absolute;left:0}.title{color:#fff;height:60px;line-height:45px;text-align:center;width:100%;position:relative}#map{height:100vh;width:100vw}.photo{width:40px;height:40px;border-radius:40px;overflow:hidden;border:2px solid #fff;position:relative}@-webkit-keyframes show{0%{opacity:0}to{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}.photo img{width:90px;height:auto;cursor:pointer;position:absolute;left:-50%;right:-50%;top:-50%;bottom:-50%;margin:auto;-webkit-animation:show .5s;animation:show .5s}