#app{top:0}#app,.demo-wrapper{position:absolute;bottom:0;left:0;right:0}.demo-wrapper{top:50px}header{line-height:49px;border-bottom:1px solid silver;padding:0 20px}h3[data-v-a87ea5ee]{margin:40px 0 0}ul[data-v-a87ea5ee]{list-style-type:none;padding:0}li[data-v-a87ea5ee]{display:inline-block;margin:0 10px}a[data-v-a87ea5ee]{color:#42b983}.mybody2{height:500px;width:500px;background-color:red}.myWatcBox{width:100%;min-height:calc(100vh - 84px)}.timeLineBox{height:60px;width:60vw;background-color:#011f3d;position:absolute;bottom:5px;left:20vw;z-index:999;border-radius:15px}.timeLineBoxInbox{display:flex;justify-content:space-around;align-items:center;height:60px;width:60vw}.timeline{height:100%;width:90%;padding-right:10px}.playBtn{height:100%;width:5%;display:flex;align-items:center;justify-content:center}.maerktext{font-size:7px;font-weight:600;text-align:center}.controllerBox{height:500px;width:610px;position:absolute;right:10px;top:250px;z-index:999;display:flex;justify-content:flex-end}.tableBox,.tableBox2{height:500px;width:300px}.tableBox2,.tableBoxItem{background-color:#011f3dcb;overflow:hidden;border:1px solid #079dd5;box-shadow:0 0 5px rgba(0,191,255,.5),0 0 10px rgba(0,191,255,.3),0 0 15px rgba(0,191,255,.2)}.tableBoxItem{height:245px;width:100%}.tableTitleBox{height:30px;width:100%;background-color:#011f3d;color:#00bfff;display:flex;justify-content:space-between;align-items:center;padding:0 5px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.showLayerchooseBox{top:80px;padding:10px}.showLayerchooseBox,.showLayerchooseBox2{background-color:#011f3dcb;position:absolute;right:10px;z-index:999;border-radius:5px;border:1px solid #079dd5;box-shadow:0 0 5px rgba(0,191,255,.5),0 0 10px rgba(0,191,255,.3),0 0 15px rgba(0,191,255,.2);color:#00bfff}.showLayerchooseBox2{top:150px;padding:0 10px 5px 10px}.showLayerchooseBox2 .title{width:100%;height:30px;text-align:center;line-height:30px;font-size:16px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.controllerLeftBox{height:200px;width:250px;position:absolute;left:10px;top:20px;z-index:999}.dataTimeBox{padding:5px 10px;line-height:20px;color:#fff;box-shadow:0 0 5px rgba(0,191,255,.5),0 0 10px rgba(0,191,255,.3),0 0 15px rgba(0,191,255,.2);color:#00bfff;font-family:Orbitron,sans-serif}.dataTimeBox,.dataTypeCHoose{width:100%;background-color:#01203f;border-radius:5px;border:1px solid #079dd5}.dataTypeCHoose{margin-top:15px;overflow:hidden;display:flex}.dataTypeCHooseItem{width:50%;height:30px;text-align:center;line-height:30px;color:#fff}.chooseEd{background-color:#496285;font-weight:600;font-size:14px}.lendBox{width:100px;position:absolute;bottom:5px;left:10px;background-color:#011f3dcb;z-index:999;border-radius:10px;box-shadow:0 0 5px rgba(0,191,255,.5),0 0 10px rgba(0,191,255,.3),0 0 15px rgba(0,191,255,.2)}.lendTitle{height:30px;width:100%;text-align:center;line-height:30px;color:#fff;font-size:16px}.lendcolorList{width:100%;padding:10px}.colorItemBox{height:15px;width:100%;display:flex;justify-content:space-between;margin-top:5px;border-bottom:1px solid #fff}.colorBox{background-color:#00bfff}.colorBox,.textBox{height:15px;width:40%}.textBox{text-align:center;line-height:15px;color:#fff;font-size:12px}.showLayerchooseBoxItem{display:flex;align-items:center;justify-content:space-between}.dashLine{stroke-dasharray:5}.leftTimeChooseBox{width:100%;background-color:#011f3dcb;box-shadow:0 0 5px rgba(0,191,255,.5),0 0 10px rgba(0,191,255,.3),0 0 15px rgba(0,191,255,.2);border:1px solid #079dd5;position:absolute;top:60px;z-index:999;border-radius:10px;padding:10px;color:#00bfff;font-weight:600}.leaflet-image-layer{transition:opacity 1.8s ease-in-out!important}.MyImghidden{opacity:0}.mytimeChooseBox{height:30px;width:100%;margin-top:10px;display:flex;justify-content:space-between}.mytimeChooseBox .btn{height:30px;width:40%;background-color:#409eff;text-align:center;color:#fff;line-height:30px;border-radius:5px}.conBody{width:100%;min-height:calc(100vh - 84px);padding:15px}.tableHeaderBox{height:50px;width:100%;display:flex;align-items:center}