body,html{padding:0;margin:0;font-size:20px;color:#79b3e5;background:#092178}body #app,html #app{font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed;overflow:hidden;left:0;top:0;right:0;bottom:0}.nav{display:flex;align-items:baseline;list-style:none}.nav .nav-item{font-size:.95vw;font-weight:800;margin:0 .5vw;cursor:pointer}.nav .nav-item:hover{animation:headShake 1s 1;color:#fff}.nav .idropdown{font-size:1rem;color:#79b3e5}.nav .isActive{color:#fff}.theme-default{background:#001e52;background-image:linear-gradient(135deg,#10006e 10%,#010118 70%)}.theme-default .theme-color-red{background-color:#dc143c}.theme-default .theme-color-green{background-color:#0a7503}.theme-default .theme-color-blue{background-color:#0b3880}.theme-default .theme-color-orange{background-color:#b6710a}.theme-1{background:#042c22;background-image:linear-gradient(135deg,#00300d 10%,#010118 80%)}.theme-1 .theme-color-red{background-color:#dc143c}.theme-1 .theme-color-green{background-color:#0a7503}.theme-1 .theme-color-blue{background-color:#0b3880}.theme-1 .theme-color-orange{background-color:#b6710a}.theme-2{background:#042c22;background-image:linear-gradient(135deg,#04344c 10%,#020239 80%)}.theme-2 .theme-color-red{background-color:#dc143c}.theme-2 .theme-color-green{background-color:#0a7503}.theme-2 .theme-color-blue{background-color:#0b3880}.theme-2 .theme-color-orange{background-color:#b6710a}.theme-3{background:#042c22;background-image:linear-gradient(135deg,#2d1357 10%,#010118 80%)}.theme-3 .theme-color-red{background-color:#dc143c}.theme-3 .theme-color-green{background-color:#0a7503}.theme-3 .theme-color-blue{background-color:#0b3880}.theme-3 .theme-color-orange{background-color:#b6710a}.theme-4{background:#042c22;background-image:linear-gradient(135deg,#003720 10%,#10012d 80%)}.theme-4 .theme-color-red{background-color:#dc143c}.theme-4 .theme-color-green{background-color:#0a7503}.theme-4 .theme-color-blue{background-color:#0b3880}.theme-4 .theme-color-orange{background-color:#b6710a}.main-container{width:100vw;height:100vh;display:flex;flex-direction:column}.main-container .main-header{padding:.5vh 2vh;height:6vh;display:flex;align-items:center;background-color:rgba(22,6,79,.2);border-bottom:1px solid rgba(145,145,146,.4);box-shadow:0,0,52px,0,rgba(32,52,228,.872);overflow:hidden}.main-container .main-header [left]{flex:1}.main-container .main-header [center]{flex:2;text-align:center}.main-container .main-header [right]{flex:1}.main-container .main-header .header-title{font-size:1.26rem;font-weight:500}.main-container .main-header .dropdownDate{width:100%}.main-container .main-subTitle{padding:0 .5vw;height:7vh;display:flex;align-items:center;overflow:hidden}.main-container .main-subTitle [center]{flex:2;text-align:center;height:6vh;line-height:4vh;position:relative;background-image:url(../img/titlebg.a0dff34e.png);background-size:220% 140%;background-repeat:no-repeat;background-position:51% -4px}.main-container .main-subTitle [left],.main-container .main-subTitle [right]{flex:1}.main-container .main-subTitle .special-area{position:relative;width:100%;background:#203091;border:0;font-size:1rem;border-radius:8px}.main-container .main-subTitle .subTitle-title{color:#79b3e5;font-size:1.1vw;font-weight:500;padding:7px 10px;border-radius:10px;margin-left:5px}.main-container .main-subTitle .title-active{color:#fff;background:#203091;font-size:1.4vw;font-weight:500}.main-container .main-content{height:80vh;flex:1;display:flex}.main-container .main-content .flex-container{display:flex;flex:1}.main-container .main-content .key-area{width:3%;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.main-container .main-content aside{width:25%;padding:.2%;display:flex;flex-direction:column;background-color:rgba(2,6,17,.3)}.main-container .main-content aside[left]{border-right:2px solid rgba(7,51,195,.524);box-shadow:10px 0 28px 0 rgba(8,64,160,.381)}.main-container .main-content aside[right]{border-left:2px solid #283e8d;box-shadow:-10px 0 22px 0 rgba(8,64,160,.381)}.main-container .main-content aside>.mchart,.main-container .main-content section[center]{flex:1}