.video-container{width:75%;height:auto;overflow:hidden;border-radius:4px;background:rgba(0,0,0,.1);position:relative;display:flex;justify-content:center;align-items:center;margin:10px auto 0}.video-player{width:100%;height:100%;object-fit:cover}.video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,.5);padding:10px;border-radius:4px}.App{width:100vw;height:100vh;overflow-x:hidden}.mainbox{padding:.125rem .125rem 0;display:flex;max-width:100%}.mainbox ul{display:flex;width:100%;margin:0;padding:0}.mainbox ul li{margin:0 .125rem;height:auto}.mainbox ul li:nth-child(1),.mainbox ul li:nth-child(3){flex:.8}.pulll_left{flex:1!important}.mainbox ul li:nth-child(2){flex:1.4}.map{position:relative;height:20vh;width:100%}.pulll_left:hover{cursor:pointer;background-color:#344dae}.barbox2 li{font-size:.19rem;color:#ffffffb3;padding-top:.1rem;padding-bottom:.1rem}.map-container{position:relative;width:100%;height:100%}.map4{width:100%;height:100%}.video-overlay{position:absolute;top:10px;right:10px;width:300px;height:200px;z-index:999;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000026}