.overview-page{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#000;padding-top:60px}.overview-page,.overview-page .overview-content{display:-webkit-box;display:-ms-flexbox;display:flex}.overview-page .overview-content{-webkit-box-flex:0;-ms-flex:none;flex:none;padding:0;height:calc(100vh - 60px)}.overview-page .overview-content .left,.overview-page .overview-content .right{width:20vw;-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:rgba(0,12,71,.85)}.overview-page .overview-content .left{-webkit-box-shadow:4px 0 4px 2px rgba(0,0,0,.15);box-shadow:4px 0 4px 2px rgba(0,0,0,.15);border-right:1px solid rgba(4,109,159,.5)}.overview-page .overview-content .right{-webkit-box-shadow:-4px 0 4px 2px rgba(0,0,0,.15);box-shadow:-4px 0 4px 2px rgba(0,0,0,.15);border-left:1px solid rgba(4,109,159,.5)}.overview-page .overview-content .middle{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:8px 8px 0 8px;-webkit-box-sizing:border-box;border-top-left-radius:4px;border-top-right-radius:4px;background-color:rgba(0,12,71,.85);box-sizing:border-box}.overview-page .overview-desc{color:#f0f0f0;line-height:2;background-color:#000c47;padding:16px;border-radius:4px;-webkit-box-shadow:0 0 8px 4px hsla(0,0%,100%,.1) inset;box-shadow:inset 0 0 8px 4px hsla(0,0%,100%,.1);text-align:justify}.overview-page .overview-desc p:not(:last-child){margin-bottom:10px}.overview-page .middle ul{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:10px 2px 2px 10px}.overview-page .middle ul,.overview-page .middle ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.overview-page .middle ul li{position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(20% - 8px);height:175px;margin-right:8px;margin-bottom:8px;background-color:#000;cursor:pointer;will-change:box-shadow;-webkit-transition:-webkit-box-shadow .4s ease-out;transition:-webkit-box-shadow .4s ease-out;transition:box-shadow .4s ease-out;transition:box-shadow .4s ease-out,-webkit-box-shadow .4s ease-out;background-size:100% 100%}.overview-page .middle ul li span{position:absolute;right:3px;bottom:3px;font-size:12px;color:#f0f0f0}.overview-page .middle ul li i{display:block;width:50px;height:50px;line-height:50px;border-radius:50%;color:#f0f0f0;border:1px solid #f0f0f0;text-align:center;font-size:20px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:.35;will-change:opacity;-webkit-transition:opacity .4s ease-out;transition:opacity .4s ease-out}.overview-page .middle ul li:hover{-webkit-box-shadow:0 0 6px 3px hsla(0,0%,100%,.2);box-shadow:0 0 6px 3px hsla(0,0%,100%,.2)}.overview-page .middle ul li:hover i{opacity:1}.overview-page .right .plane{margin-top:0;height:calc(100% - 2px);-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:3px}.overview-page .right .plane-content{overflow-y:auto;height:calc(100% - 42px)}.overview-page .video-container{width:100%!important;height:calc(100% - 40px)!important}.overview-page .trains-list{overflow-y:auto}.overview-page .trains-list>li{display:-webkit-box;display:-ms-flexbox;display:flex;height:85px;cursor:pointer}.overview-page .trains-list>li>div:first-of-type{width:140px;-webkit-box-flex:0;-ms-flex:none;flex:none;background-size:100% 100%;margin-right:7px}.overview-page .trains-list>li>div:nth-of-type(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.overview-page .trains-list>li>div:nth-of-type(2)>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:1.55}.overview-page .trains-list>li:not(:last-child){margin-bottom:8px}.overview-page .trains-list>li:hover>div:nth-of-type(2){text-decoration:underline}@media screen and (max-width:1600px){.overview-page .overview-desc{padding:10px;line-height:1.8;font-size:13px}.overview-page .overview-desc p:not(:last-child){margin-bottom:6px}.overview-page .middle ul li{height:155px}.overview-page .middle ul li i{width:40px;height:40px;line-height:40px;font-size:16px}.overview-page .pano-list>li{height:160px;font-size:13px}.overview-page .video-container{height:calc(100% - 33px)!important}.overview-page .right .plane{height:calc(100% - 2px)}.overview-page .right .plane-content{height:calc(100% - 30px)}}@media screen and (max-width:1400px){.overview-page{padding-top:52px}.overview-page .overview-content{height:calc(100vh - 52px)}.overview-page .overview-content .middle{margin:4px 4px 0 4px}.overview-page .overview-desc{padding:7px;font-size:13px;line-height:1.6}.overview-page .overview-desc p:not(:last-child){margin-bottom:7px}.overview-page .middle ul{padding:6px 0 6px 6px}.overview-page .middle ul li{width:calc(20% - 6px);margin-right:6px;margin-bottom:6px;height:130px}.overview-page .trains-list>li{height:70px}.overview-page .trains-list>li>div:first-of-type{width:120px}.overview-page .trains-list>li>div:nth-of-type(2)>p{font-size:12px}.overview-page .trains-list>li:not(:last-child){margin-bottom:5px}.overview-page .pano-list>li{height:135px}.overview-page .pano-list>li:not(:last-child){margin-bottom:3px}}