*{margin:0;padding:0;box-sizing:border-box}#app{width:100vw;height:100vh}.myhomeBody,.myview{width:100%;height:100%}.titleBox{height:50px;width:100%;background-color:aqua;margin-top:10px}.mainBox{height:calc(100vh - 60px);padding:10px 0;overflow:auto}.cardBox{height:100px;width:95%;background-color:#fff;margin-left:2.5%;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);display:flex;justify-content:space-around;align-items:center;margin-bottom:20px}.cardImgBox{width:90px;height:90px}.textbox{width:calc(100% - 100px);height:90px;padding:10px}.textBoxTitle,.textBoxTitle2{height:40px;width:100%}.textBoxTitle2{font-size:12px;color:#7c7c7c;overflow:hidden}.myintroduceBox{height:100%;width:100%;padding:0 10px}.introduceTitle{height:50px;width:100%;font-weight:800;font-size:20px;line-height:50px;text-align:center}.introduceTitle2{height:20px;line-height:20px;font-size:12px;color:#7c7c7c}.mainbox{margin-top:10px}.mainboximg{width:100%}.mytextp{margin-bottom:10px}.mymapBody{height:100vh;width:100vw;background-color:#7fffd4}.mapTitleBox{height:30px;width:80%;top:0;left:10vw;text-align:center;line-height:30px;font-size:20px}.mapTitleBox,.showAllpalce{position:absolute;z-index:999}.showAllpalce{width:80vw;top:30px;right:10vw;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}@keyframes wxBlinking{0%{opacity:.5}to{opacity:1}}.blinking{animation:wxBlinking 1s infinite alternate}.myopobtn{width:80px;height:30px;text-align:center;line-height:30px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}