/* @font-face {
    font-family: myFirstFont;
    src: url(../../static/fonts/Montserrat.4d17c0b5.otf),url(../../static/fonts/SourceHanSansCN-Regular.11c302dd.otf)
}

@font-face {
    font-family: myNumFont;
    src: url(../../static/fonts/Montserrat.4d17c0b5.otf),
} */

html {
    background-color: #ecf0f8
}

body,html {
    height: 100%
}

body {
    margin: 0;
    position: relative;
    overflow-y: hidden;
    background-size: cover
}

body.default2>#app,body.default2>#app>div {
    height: 100%
}

.screen-body {
    width: 100%;
    height: 100%;
    background: url(../../static/img/bg.7c6f661f.jpg);
    overflow: hidden
}

a {
    text-decoration: none;
    font-family: myFirstFont;
    cursor: pointer
}

a,img {
    display: block
}

div,p {
    font-family: myFirstFont;
    margin: 0
}

.font-num {
    font-family: myNumFont
}

.font-36 {
    font-size: 36px;
    font-weight: 700
}

.font-30 {
    font-size: 30px
}

.font-24 {
    font-size: 24px
}

.font-20 {
    font-size: 20px
}

.font-18 {
    font-size: 18px
}

.font-16 {
    font-size: 16px
}

.font-14 {
    font-size: 14px
}

.font-12 {
    font-size: 12px
}

.blue {
    color: #1e62da
}

.orange {
    color: #ef6927
}

.red {
    color: #ee2020
}

.green {
    color: #13cea9
}

.main-menu {
    position: fixed;
    top: 52px;
    left: 0;
    width: 200px;
    height: 100%;
    background-color: #fff;
    z-index: 1203;
    padding-top: 18px;
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}

.main-menu .logo {
    margin: 0 auto 40px
}

.main-menu .user {
    text-align: center;
    margin-bottom: 40px
}

.main-menu .user .user-face {
    position: relative
}

.main-menu .user .user-face .user-face-pic {
    margin: 0 auto
}

.main-menu .user .user-face .change-user {
    position: absolute;
    top: 0;
    right: 64px
}

.main-menu .user p {
    color: #fff;
    margin-top: 20px
}

.main-menu .menu-list {
    padding: 0 15px
}

.main-menu .menu-list a {
    display: flex;
    align-items: center;
    height: 36px;
    margin-bottom: 15px;
    box-sizing: border-box;
    width: 170px;
    padding-left: 20px
}

.main-menu .menu-list a p {
    font-size: 14px;
    color: #555;
    margin-left: 15px
}

.main-menu .menu-list .active,.main-menu .menu-list a:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAAAkCAYAAAAZzKEqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAG/WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMTEtMTNUMTA6NDM6MTcrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTExLTEzVDExOjQ3OjQ1KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTExLTEzVDExOjQ3OjQ1KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAwN2FjYTMyLTMyNmUtNDE3OS05NmVkLWM3ODViNGZjNzllNSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ4MzZjY2U3LTlhZTktMGI0Zi1iYjU3LTUyYTgyNDNiYTYyNSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwZjQxM2Q5LTIxNTItNGNlNC1iYzhmLTAwZjI4ZTQyNzNkMiI+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4MGQxOGJmNi05M2ViLTIyNDAtYTY1ZC04N2RmZWNmNDA2ZDM8L3JkZjpsaT4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmMGY0MTNkOS0yMTUyLTRjZTQtYmM4Zi0wMGYyOGU0MjczZDIiIHN0RXZ0OndoZW49IjIwMjAtMTEtMTNUMTA6NDM6MTcrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjAwN2FjYTMyLTMyNmUtNDE3OS05NmVkLWM3ODViNGZjNzllNSIgc3RFdnQ6d2hlbj0iMjAyMC0xMS0xM1QxMTo0Nzo0NSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/WP2XgAAAkBJREFUeNrt3F1PGkEUxvE/A7XYlLJ6gxc0NfH7f6M2sSlN6o1o0ZSC7OnFzpZl37qxIMfk+SUYM7sLcniAnXF2emaGiHcDAIs/DMhza2aVdoOBGQkwMmNoxlvD+lbcp/K71bcXtqVWd6xV2tPYnrelO9tq2m3b3taW1jxm2rRv4W8ot1WP3f99/us57T6flroUX5edWtbX14q1L72OKbvbqM/BxozfBkszFsC9GWsr5y4+PtvMZcHrGOj3wAXwAejp/S3P0Afexdt5/Hz8CfwAHjp9orY4AT4Cieose9YDxvF2B3wDVs8JagJcxneCyCElwAi4jqGtCA0HToArhVRe+NTgKmavU1AnwFR1kyOZ1oW1HNSxQipOwjpuCuqbeE4q4sFlzGQlqFO6D1eJHNqg+O2eB/WUbGxLxJPzmM2/QZ2oJuLUJA9qAM5UD3HqDAiBbKA1qB7iVABGeVBFPBsFYKg6iHPDQDbxRMSzk4D+ny/+9dWJklfTo9qoDOLcJtAyWVXEiVUAlqqDOLcMwEJ1EOcWeVBT1UKcSvOgpsBc9RCn5kCaD0/dqB7i1A1sJ6P8Am5VE3HmNmZzZ9bUDHhSbcSJp5hJykFdk11XLeLBdcxkJagA98B31UiObBazSFNQIVsLaKZayRFDWuncD1p6WivgE5pdJS9jA3ylYai07fLoOfCIFkmTw7vjPxZJIx74BS07Kfu312Uncw/A57h/Qnad1SnZ1QE6NZCuX+0rsnHRRewsrbse3NPS6PIa/AEFKpQvO61r3gAAAABJRU5ErkJggg==)
}

.main-content {
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    height: calc(100% - 50px);
    overflow-y: auto
}

.main-title {
    display: flex;
    align-items: center;
    padding-top: 8px
}

.main-title p {
    font-weight: 700
}

.main-title img {
    margin: 0 20px
}

.main-btn {
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    background-color: #1e62da;
    margin-left: 10px;
    border-radius: 6px
}

.main-btn img {
    margin-right: 10px
}

.main-btn p {
    color: #fff;
    font-size: 14px
}

.cycle-btn {
    background-color: #30ce13
}

.cycle-btn:hover {
    background-color: #ee2020
}

.cycle-btn:hover .t1 {
    display: none
}

.cycle-btn:hover .t2 {
    display: inline-block
}

.cycle-btn .t2 {
    display: none
}

.side-btn {
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    background-color: #ecf0f8;
    margin-left: 10px;
    border-radius: 6px;
    color: #1e62da
}

.side-btn img {
    margin-right: 10px
}

.side-btn p {
    color: #1e62da;
    font-size: 14px
}

input {
    box-sizing: border-box
}

input,select {
    height: 36px;
    background-color: #fff;
    border: 1px solid #cfd6e2;
    padding-left: 10px;
    border-radius: 6px
}

.no-value {
    text-align: center;
    line-height: 200px;
    color: #acacac
}

p.required:before {
    content: "* ";
    color: red
}

.ctx-menu {
    position: absolute;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #969696
}

.ctx-menu p {
    cursor: pointer;
    line-height: 32px;
    padding: 0 10px;
    color: #3333de
}

.tips-yellow {
    margin-left: 20px;
    color: #d99600;
    padding: 8px;
    border-radius: 6px;
    font-size: 14px
}

.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.avatar-uploader .el-upload:hover {
    border-color: #409eff
}

.avatar-uploader .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center
}

.avatar-uploader .avatar {
    width: 100px;
    height: 100px;
    display: block
}

.alert .alert-con .input-box .el-input input,.alert .alert-con .input-box .el-radio-group input {
    height: unset
}

.ml-22 {
    margin-left: 22px
}

.location-box {
    line-height: 70px
}

.location-box .location-select input,.screen-body .el-cascader-menu__list {
    background: #142430;
    border: none;
    color: #fff;
    width: 250px;
    font-size: 16px;
    height: 70px;
    line-height: 70px
}

.screen-body .el-cascader-menu,.screen-body .el-cascader__dropdown {
    border: 1px solid #3b4a69;
    background: #142430
}

.screen-body .el-cascader-menu__list .el-cascader-node:hover {
    background: #385870;
    color: #fff
}

.screen-body .el-cascader-node:not(.is-disabled):focus,.screen-body .el-cascader-node:not(.is-disabled):hover {
    background: #385870
}

.screen-body .el-cascader__suggestion-item,.screen-body .el-cascader__suggestion-item:hover {
    background: #385870;
    color: #fff
}

.screen-body .el-select-dropdown {
    border: 1px solid #3b4a69;
    background: #142430
}

.screen-body .el-select-dropdown__item {
    color: #fff
}

.screen-body .el-select-dropdown__item.hover,.screen-body .el-select-dropdown__item:hover {
    background: #3b4a69
}

.screen-body .el-date-editor input {
    background-color: #152430;
    color: #fff;
    border: none
}

.amap-logo {
    display: none!important
}

.amap-copyright {
    opacity: 0
}

.th-blue-select input {
    border: none;
    color: #fff;
    background: #1e62da;
    padding: 0 6px;
    text-align: center
}

.city-tip-box {
    position: relative
}

.city-tip-box .map-point-highlight {
    position: absolute;
    left: -32px;
    top: -29px
}

.city-tip-box .point-alert {
    position: absolute;
    left: -172px;
    top: -169px
}

.city-tip-box .point-alert .alert-box {
    background-color: rgba(70,85,115,.8)
}

.city-tip-box .point-alert .alert-box,.city-tip-box .point-alert .alert-box-red {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 4px;
    width: 150px
}

.city-tip-box .point-alert .alert-box-red {
    background-color: rgba(240,50,50,.8)
}

.search {
    display: flex;
    align-items: center;
    margin: 30px 0
}

.search input {
    width: 200px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #cfd6e2;
    padding-left: 10px;
    border-radius: 6px
}

.table-con .table-head {
    display: flex;
    align-items: center;
    padding-left: 20px
}

.table-con .table-head p {
    border-left: 4px solid #1e62da;
    height: 14px;
    line-height: 14px;
    padding-left: 10px;
    margin-left: 20px
}

.table-con .table-body .table-tr {
    display: flex;
    padding: 20px;
    background-color: #fff;
    margin-top: 20px
}

.table-con .table-body .table-tr div {
    padding-left: 14px;
    margin-left: 20px;
    display: flex
}

.table-con .table-body .table-tr div a {
    color: #1e62da;
    margin-right: 10px;
    border-right: 1px solid #cfd6e2;
    padding-right: 10px;
    line-height: 14px;
    height: 14px
}

.table-con .table-body .table-tr div a:last-child {
    border: none
}

.paging {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

.paging .font-14 span {
    color: #1e62da
}

.paging .paging-con {
    display: flex;
    align-items: center
}

.paging .paging-con a {
    width: 24px;
    height: 24px;
    background-color: #fff;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    margin-left: 10px
}

.paging .paging-con a:hover {
    color: #fff;
    background-color: #1e62da
}

.alert {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    background-color: rgba(0,0,0,.6)
}

.alert .alert-con {
    background-color: #fff;
    width: 500px;
    padding: 30px;
    box-sizing: border-box;
    left: 50%;
    position: absolute;
    margin-left: -250px;
    top: 10%
}

.alert .alert-con .alert-title {
    font-weight: 700;
    margin-bottom: 20px
}

.alert .alert-con .input-box {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.alert .alert-con .input-box .input {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.alert .alert-con .input-box .font-14 {
    width: 100px
}

.alert .alert-con .input-box input {
    height: 36px;
    background-color: #fff;
    border: 1px solid #cfd6e2;
    padding-left: 10px;
    border-radius: 6px
}

.alert .alert-con .input-box .date-picker input {
    padding-left: 30px
}

.alert .alert-con .input-box select {
    height: 36px;
    background-color: #fff;
    border: 1px solid #cfd6e2;
    padding-left: 10px;
    border-radius: 6px
}

.alert .alert-con .input-box a {
    width: 120px;
    height: 36px;
    background-color: #ecf0f8;
    border-radius: 6px;
    text-align: center;
    line-height: 36px;
    margin-left: 10px;
    font-size: 14px;
    color: #1e62da
}

.alert .alert-con .input-box a:hover {
    background-color: #1e62da;
    color: #fff
}

.alert .alert-con .btn {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.project-set {
    border-radius: 6px;
    background-color: #fff;
    margin: 0;
    padding: 10px 20px
}

.project-set .set-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.project-set .set-box {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
    min-width: 100%;
    background: #f5f5f5
}

.project-set .disable-box {
    background: #b69b05;
    color: #fff
}

.project-set .active,.project-set .set-box:hover {
    background-color: #cfd6e2
}

.project-set .level-2 {
    padding-left: 30px
}

.project-set .level-3 {
    padding-left: 60px
}

.project-set .set-box .head-arrow {
    margin: auto 10px
}

.project-set .set-box .head-arrow-right {
    margin: auto 10px;
    transform: rotate(-90deg)
}

.project-set .set-box .btn-box {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.project-set .set-box .btn-box a {
    margin-right: 10px
}

table {
    width: 100%
}

table tr td {
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

table tr td .text-btn {
    margin: auto;
    color: #1e62da;
    border-right: 1px solid #cfd6e2;
    padding-right: 10px;
    line-height: 14px;
    height: 14px;
    cursor: pointer
}

table .head td {
    background-color: #1e62da;
    color: #fff
}

table .grey td {
    background-color: #fff
}

.loginBg {
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: auto
}

.login-box {
    width: 460px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    margin: 10% auto 0;
    padding: 30px;
    box-sizing: border-box
}

.login-box .title {
    text-align: center
}

.login-box .title p {
    font-size: 36px;
    line-height: 30px;
    font-weight: 700;
    color: #323544
}

.login-box .title p span {
    font-size: 24px;
    color: #939393
}

.login-box .input-box {
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 20px 0;
    margin: 0 30px
}

.login-box .input-box img {
    margin: auto 20px auto 0;
    height: 23px
}

.login-box .input-box input {
    border: none;
    font-size: 18px
}

.login-box .btn {
    width: 300px;
    background-color: #f3772b;
    margin: 40px auto;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    box-shadow: 0 0 10px #f3772b
}

.HomeIndex {
    width: 100vw;
    height: 100vh;
    margin: 0;
    color: hsla(0,0%,100%,.8666666666666667);
    position: relative;
    overflow: auto;
    font-family: Inter,sans-serif;
    display: flex;
    align-items: center
}

.HomeIndex::-webkit-scrollbar {
    display: none
}

.HomeIndex .HomeIndex1 {
    z-index: 2;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s;
    width: 100vw;
    height: 100vh;
    margin: 0;
    font-family: Untitled Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
    background: #05060f linear-gradient(0deg,rgba(216,236,248,.06),rgba(152,192,239,.06));
    font-size: 1rem
}

.HomeIndex .HomeIndex1 .gold .header h2,.HomeIndex .HomeIndex1 .gold>*>* :not(.contact-btn),.HomeIndex .HomeIndex1 .gold p {
    filter: invert(1) brightness(4.7)
}

.HomeIndex .HomeIndex1 .gold .header h2 a {
    filter: hue-rotate(0deg)
}

.HomeIndex .HomeIndex1 .gold canvas {
    filter: drop-shadow(2em 4em 0 #d8bd10) drop-shadow(-8em -14em 0 #d8bd10)
}

.HomeIndex .HomeIndex1 .gold .header .spotlight {
    filter: invert(1) brightness(4.7) opacity(.5)
}

.HomeIndex .HomeIndex1 .gold .mountains>div {
    box-shadow: -1em -.2em .4em -1.1em #c2ccff,inset 0 0 0 2px #d8a910,inset .2em .3em .2em -.2em #c2ccff,inset 10.2em 10.3em 2em -10em rgba(212,230,255,.1843137254901961)
}

.HomeIndex .HomeIndex1 h4 {
    font-family: Hubot-Sans,sans-serif
}

.HomeIndex .HomeIndex1 h4,.HomeIndex .HomeIndex1 p {
    margin: 0;
    padding: 0
}

.HomeIndex .HomeIndex1 h2 a {
    text-decoration: none;
    color: unset
}

.HomeIndex .HomeIndex1 .header {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    color: #bad6f7;
    align-items: center;
    opacity: 1
}

.HomeIndex .HomeIndex1 .header .mid-spot {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 1em 0 #98c0ef;
    cursor: pointer;
    transition: box-shadow 1s ease-in-out;
    position: absolute;
    top: 2rem;
    z-index: 2
}

.HomeIndex .HomeIndex1 .header .mid-spot:hover {
    box-shadow: 0 0 1em 0 #d8bd10
}

.HomeIndex .HomeIndex1 .header>:nth-child(2):hover~.spotlight {
    animation: colorize 10s linear infinite
}

.HomeIndex .HomeIndex1 .header .spotlight {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    transition: filter 1s ease-in-out;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.HomeIndex .HomeIndex1 .header .spotlight div {
    border-radius: 0 0 50% 50%;
    position: absolute;
    top: 3em;
    width: 30em;
    height: 86vh;
    background-image: conic-gradient(from 0deg at 50% -5%,transparent 45%,rgba(124,145,182,.9) 49%,rgba(124,145,182,.7) 50%,rgba(124,145,182,.5) 51%,transparent 55%);
    transform-origin: 50% 0;
    filter: blur(15px) opacity(.5);
    z-index: -1;
    animation: load 2s ease-in-out forwards,loadrot 2s ease-in-out forwards,spotlight 21s ease-in-out infinite reverse
}

.HomeIndex .HomeIndex1 .header .spotlight div:first-child {
    rotate: 20deg;
    animation: load 2s ease-in-out forwards,loadrot 2s ease-in-out forwards,spotlight 17s ease-in-out infinite
}

.HomeIndex .HomeIndex1 .header .spotlight div:nth-child(2) {
    rotate: -20deg;
    animation: load 2s ease-in-out forwards,loadrot 2s ease-in-out forwards,spotlight 14s ease-in-out infinite
}

@keyframes colorize {
    0% {
        filter: hue-rotate(0deg)
    }

    to {
        filter: hue-rotate(-380deg)
    }
}

.HomeIndex .HomeIndex1 button.contact-btn {
    position: absolute;
    left: 60vw;
    right: 0;
    margin: 0 auto;
    width: 8em;
    height: 2.4em;
    cursor: pointer;
    border-radius: 20em;
    border: none;
    transition: background .5s,transform .5s;
    border: 1px solid rgba(194,204,255,.2);
    opacity: 1;
    padding-top: .3em;
    background: #121521;
    color: #9dc3f7;
    white-space: nowrap
}

.HomeIndex .HomeIndex1 button.contact-btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20em;
    width: 100%;
    height: 100%;
    background: rgba(194,204,255,.5686274509803921) radial-gradient(farthest-side at 50% 100%,#c2ccff,transparent);
    opacity: .1;
    transition: all .4s ease-in-out
}

.HomeIndex .HomeIndex1 button.contact-btn:hover:before {
    background: rgba(194,204,255,.11764705882352941) radial-gradient(farthest-side at 50% 100%,#c2ccff,transparent);
    opacity: .3
}

.HomeIndex .HomeIndex1 .contact-btn .glow {
    --border-width: 1px;
    --loop-cycle: 24s;
    position: absolute;
    inset: calc(var(--border-width)*-1);
    border-radius: 50px;
    border: var(--border-width) solid transparent;
    -webkit-mask: linear-gradient(transparent,transparent),linear-gradient(#fff,#fff);
    mask: linear-gradient(transparent,transparent),linear-gradient(#fff,#fff);
    -webkit-mask-clip: padding-box,border-box;
    mask-clip: padding-box,border-box;
    -webkit-mask-composite: source-in,xor;
    mask-composite: intersect;
    pointer-events: none
}

.HomeIndex .HomeIndex1 button.contact-btn:hover .glow {
    --loop-cycle: 2s
}

.HomeIndex .HomeIndex1 .contact-btn .glow:after,.HomeIndex .HomeIndex1 .contact-btn .glow:before {
    content: "";
    height: 100%;
    offset-anchor: 100% 50%;
    background: radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.75),transparent 50%),radial-gradient(circle at 50% 50%,#c2ccff 50%,transparent);
    opacity: .4;
    offset-path: rect(0 100% 100% 0 round 33px);
    position: absolute;
    display: inline-block;
    animation: loop var(--loop-cycle) linear infinite;
    aspect-ratio: 1;
    transition: opacity 1s ease-in-out
}

.HomeIndex .HomeIndex1 .contact-btn .glow:before {
    animation-delay: calc(var(--loop-cycle)/-2)
}

@keyframes loop {
    to {
        offset-distance: 100%
    }
}

.HomeIndex .HomeIndex1 .contact-btn-content {
    background: linear-gradient(0deg,#d8ecf8,#98c0ef);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.2em;
    line-height: 142%
}

.HomeIndex .HomeIndex1 button.contact-btn:hover .glow:after,.HomeIndex .HomeIndex1 button.contact-btn:hover .glow:before {
    opacity: .6
}

@keyframes btn-rot {
    0% {
        rotate: 0deg
    }

    to {
        rotate: 1turn
    }
}

@keyframes loadrot {
    0% {
        rotate: 0deg;
        scale: 0
    }

    to {
        scale: 1
    }
}

@keyframes spotlight {
    0% {
        transform: rotate(0deg) scale(1);
        filter: blur(15px) opacity(.5)
    }

    20% {
        transform: rotate(-1deg) scale(1.2);
        filter: blur(16px) opacity(.6)
    }

    40% {
        transform: rotate(2deg) scale(1.3);
        filter: blur(14px) opacity(.4)
    }

    60% {
        transform: rotate(-2deg) scale(1.2);
        filter: blur(15px) opacity(.6)
    }

    80% {
        transform: rotate(1deg) scale(1.1);
        filter: blur(13px) opacity(.4)
    }

    to {
        transform: rotate(0deg) scale(1);
        filter: blur(15px) opacity(.5)
    }
}

.HomeIndex .HomeIndex1 canvas #particleCanvas {
    position: absolute;
    pointer-events: none;
    animation: load .4s ease-in-out forwards;
    z-index: 1;
    width: 100%
}

.HomeIndex .HomeIndex1 p {
    font-size: 1.5em
}

.HomeIndex .HomeIndex1 .hero {
    width: 100%;
    height: 100%;
    max-height: 140px;
    position: absolute;
    top: 10em;
    transition: all .5s
}

.HomeIndex .HomeIndex1 .heroT {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 20em;
    font-size: .8rem;
    padding-top: 1em;
    translate: 0 -1.6em;
    opacity: 0;
    animation: load 2s ease-in-out .6s forwards
}

@keyframes load {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.HomeIndex .HomeIndex1 .heroT>h4 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 3em;
    font-weight: 600;
    color: #9dc3f7;
    background: radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent var(--p)),linear-gradient(0deg,#bad1f1 30%,#9dc3f7);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 16px rgba(174,207,242,.24);
    --p: 0%;
    transition: --p 3s linear;
    animation: pulse 10s linear 1.2s infinite
}

.HomeIndex .HomeIndex1 .heroT h2:nth-child(2) {
    background: radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),transparent calc(var(--p) - 1em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent calc(var(--p) - .4em),transparent var(--p));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: blur(16px) opacity(.4)
}

@keyframes pulse {
    0% {
        --p: 0%
    }

    50% {
        --p: 300%
    }

    to {
        --p: 300%
    }
}

.HomeIndex .HomeIndex1 .heroP {
    font-size: 1.2em;
    position: absolute;
    left: 0;
    right: 0;
    top: 21.6em;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    opacity: 0;
    translate: 0 1em;
    animation: load 2s ease-out 2s forwards,up 1.4s ease-out 2s forwards;
    color: #d8ecf8;
    text-shadow: 0 2px 16px rgba(174,207,242,.24);
    background: linear-gradient(0deg,#d8ecf8,#98c0ef);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@keyframes up {
    to {
        translate: 0
    }
}

.HomeIndex .HomeIndex1 .heroSubP {
    position: absolute;
    left: 0;
    right: 0;
    top: 6em;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
    opacity: 0;
    translate: 0 -1em;
    transition: all .5s;
    animation: load3 2s ease-in 0s forwards,up 1.4s ease-out 0s forwards
}

@keyframes load3 {
    0% {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

.HomeIndex .HomeIndex1 .heroSubP p {
    font-size: 1em;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    color: #d8ecf8;
    text-shadow: 0 2px 16px rgba(174,207,242,.24);
    background: linear-gradient(0deg,#d8ecf8,#98c0ef);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.HomeIndex .HomeIndex1 .heroSubP p:after,.HomeIndex .HomeIndex1 .heroSubP p:before {
    position: absolute;
    top: 60%;
    display: block;
    content: "";
    width: 5em;
    height: 1px;
    opacity: 0;
    animation: load2 1.4s ease-in-out 0s forwards,up 1.4s ease-out 0s forwards
}

@keyframes load2 {
    0% {
        opacity: 0
    }

    to {
        opacity: .3
    }
}

.HomeIndex .HomeIndex1 .heroSubP p:before {
    background: linear-gradient(-90deg,#9dc3f7,transparent);
    right: 120%;
    translate: -5em 0
}

.HomeIndex .HomeIndex1 .heroSubP p:after {
    background: linear-gradient(90deg,#9dc3f7,transparent);
    left: 120%;
    translate: 5em 0
}

.HomeIndex .HomeIndex1 .accent-lines {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 42em;
    z-index: -2;
    --accent-lines-clr: rgba(186,215,247,0.18)
}

.HomeIndex .HomeIndex1 .accent-lines>div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 100%;
    width: 100%
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--accent-lines-clr),transparent);
    opacity: 0;
    scale: 0;
    animation: accentload 2s ease-out 2.4s forwards
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:first-child {
    top: 6em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(2) {
    top: 11em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(3) {
    top: 16em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(4) {
    top: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(5) {
    top: 29em
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 1px;
    height: 100%;
    background: var(--accent-lines-clr)
}

@keyframes accentload {
    0% {
        opacity: 0;
        scale: 0
    }

    to {
        opacity: 1;
        scale: 1
    }
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div {
    opacity: 0;
    scale: 0;
    animation: accentload 2s ease-out 2s forwards
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div:first-child {
    left: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div:nth-child(2) {
    left: 34em
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div:nth-child(3) {
    right: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div:nth-child(4) {
    right: 34em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:after,.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:before {
    content: "";
    display: none;
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 1em;
    background: #9dc3f7;
    left: 0;
    right: 0;
    margin: auto;
    translate: 0 -1px;
    opacity: 0;
    scale: 0;
    animation: accentload 2s ease-out 4.4s forwards
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(3):before {
    display: block;
    left: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(3):after {
    display: block;
    right: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(4):before {
    display: block;
    left: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(4):after {
    display: block;
    right: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(5):before {
    display: block;
    left: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(5):after {
    display: block;
    right: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(2):after,.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(2):before {
    display: block;
    width: 5em;
    height: 1px;
    border-radius: 0;
    opacity: .12
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(2):before {
    right: 24em;
    rotate: 45deg;
    translate: -2.5em 2.5em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(2):after {
    right: 24em;
    rotate: -45deg;
    translate: -2.5em 2.5em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:first-child:after,.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:first-child:before {
    display: block;
    width: 5em;
    height: 1px;
    border-radius: 0;
    opacity: .12
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:first-child:before {
    left: 24em;
    rotate: 45deg;
    translate: 2.5em 7.5em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:first-child:after {
    left: 24em;
    rotate: -45deg;
    translate: 2.5em 7.5em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(2):after,.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:nth-child(2):before {
    opacity: 0;
    scale: 0;
    animation: accentload2 2s ease-out 2.4s forwards
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:first-child:after,.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div:first-child:before {
    opacity: 0;
    scale: 0;
    animation: accentload3 2s ease-out 2.4s forwards
}

@keyframes accentload2 {
    0% {
        opacity: 0;
        scale: 0;
        transform: rotate(1turn)
    }

    50% {
        scale: 0
    }

    to {
        opacity: .12;
        scale: 1;
        transform: rotate(0deg)
    }
}

@keyframes accentload3 {
    0% {
        opacity: 0;
        scale: 0;
        transform: rotate(-1turn)
    }

    50% {
        scale: 0
    }

    to {
        opacity: .12;
        scale: 1;
        transform: rotate(0deg)
    }
}

.HomeIndex .HomeIndex1 .mountains {
    position: absolute;
    left: 0;
    right: 0;
    top: 65vh;
    margin: auto;
    width: 100%;
    height: 15vh;
    pointer-events: none;
    transition: all .5s
}

.HomeIndex .HomeIndex1 .mountains:before {
    content: "";
    display: block;
    width: 100%;
    height: 500%;
    position: absolute;
    top: 0;
    background: linear-gradient(90deg,#121521,transparent 50%);
    background: linear-gradient(0deg,#121521 80%,transparent 90%);
    z-index: 2
}

.HomeIndex .HomeIndex1 .mountains>div {
    box-shadow: -1em -.2em .4em -1.1em #c2ccff,inset 0 0 0 2px #c2ccff,inset .2em .3em .2em -.2em #c2ccff,inset 10.2em 10.3em 2em -10em rgba(212,230,255,.1843137254901961);
    background: #121521;
    z-index: 1;
    filter: brightness(.8);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 20em;
    height: 20em;
    rotate: 45deg
}

.HomeIndex .HomeIndex1 .mountains>div:first-child {
    bottom: -240%;
    translate: -6em 2em;
    animation: mountainload1 2s ease-out 2.4s forwards
}

.HomeIndex .HomeIndex1 .mountains>div:nth-child(2) {
    bottom: -240%;
    translate: -2em 0;
    width: 14em;
    height: 20em;
    animation: mountainload2 2s ease-out 2.2s forwards
}

.HomeIndex .HomeIndex1 .mountains>div:nth-child(3) {
    bottom: -240%;
    translate: 6em 3em;
    animation: mountainload1 2s ease-out 2s forwards
}

@keyframes mountainload1 {
    0% {
        bottom: -240%
    }

    to {
        bottom: -140%
    }
}

@keyframes mountainload2 {
    0% {
        bottom: -240%
    }

    to {
        bottom: -108%
    }
}

.HomeIndex .HomeIndex1 .mountains>div:before {
    content: "";
    display: block;
    background: repeating-radial-gradient(at 100% 100%,transparent 0,rgba(194,204,255,.13333333333333333) 2px,transparent 4px);
    width: 12em;
    height: 12em;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom-right-radius: 100%
}

.HomeIndex .HomeIndex1 .hero-spacer {
    height: 40em;
    pointer-events: none
}

.loginBg[data-v-da3376c8] {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,#6366f1,#2563eb 50%,#059669)
}

.login-box[data-v-da3376c8] {
    background: rgba(30,41,59,.8);
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,.3);
    width: 400px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid hsla(0,0%,100%,.5);
    opacity: 0;
    z-index: 1000;
    margin-bottom: 140px;
    animation: load 2s ease-in-out .4s forwards
}

.title[data-v-da3376c8] {
    text-align: center;
    margin-bottom: 40px
}

.title h1[data-v-da3376c8] {
    color: #e2e8f0;
    font-size: 32px;
    margin: 0;
    font-weight: 600;
    text-shadow: 0 0 10px rgba(59,130,246,.5)
}

.title .subtitle[data-v-da3376c8] {
    color: #94a3b8;
    font-size: 18px;
    margin-top: 8px
}

.input-box[data-v-da3376c8] {
    background: transparent;
    border: 1px solid rgba(16,185,129,.5);
    border-radius: 8px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    transition: all .3s ease
}

.input-box[data-v-da3376c8]:focus-within {
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16,185,129,.2)
}

.input-box img[data-v-da3376c8] {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    filter: brightness(0) invert(1)
}

.input-box input[data-v-da3376c8] {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    font-size: 16px;
    color: #fff
}

.input-box input[data-v-da3376c8]::-moz-placeholder {
    color: hsla(0,0%,100%,.6)
}

.input-box input[data-v-da3376c8]::placeholder {
    color: hsla(0,0%,100%,.6)
}

.login-btn[data-v-da3376c8] {
    width: 100%;
    padding: 12px;
    background: linear-gradient(90deg,#2563eb,#1d4ed8);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all .3s ease
}

.login-btn[data-v-da3376c8]:hover {
    background: linear-gradient(90deg,#3b82f6,#2563eb);
    transform: translateY(-1px);
    box-shadow: 0 4px 20px rgba(37,99,235,.4)
}

.login-btn[data-v-da3376c8]:active {
    transform: translateY(0)
}

.ripple[data-v-da3376c8] {
    position: relative;
    overflow: hidden
}

.ripple[data-v-da3376c8]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle,hsla(0,0%,100%,.7) 10%,transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10);
    opacity: 0;
    transition: transform .5s,opacity 1s
}

.ripple[data-v-da3376c8]:active:after {
    transform: scale(0);
    opacity: .3;
    transition: 0s
}

.main-menu[data-v-2a7169d2] {
    transition: left .5s;
    -moz-transition: left .5s;
    -webkit-transition: left .5s;
    -o-transition: left .5s
}

.main-menu-hide[data-v-2a7169d2] {
    left: -200px
}

.mainHead {
    background-color: #fff;
    height: 50px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    align-items: center;
    justify-content: space-between
}

.mainHead .left,.mainHead .right {
    display: flex;
    align-items: center
}

.mainHead .right {
    padding-right: 30px
}

.mainHead .right select {
    width: 120px;
    font-size: 14px;
    border: none;
    color: #555
}

.mainHead .right .screen {
    display: flex;
    align-items: center;
    background-color: #ececec;
    height: 34px;
    width: 34px;
    border-radius: 20px;
    margin: 0 10px 0 20px
}

.mainHead .right .screen img {
    margin: 0 auto
}

.mainHead .right .screen p {
    font-size: 14px;
    color: #555;
    margin-left: 10px
}

.menu-icon.logo {
    padding: 8px;
    height: 34px
}

.ERM22[data-v-36c5e1d1] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ERM22 .ERM22Chart[data-v-36c5e1d1] {
    position: absolute;
    width: 70%;
    height: 100%;
    z-index: 1;
    right: 0
}

.ERM22 .Title-List[data-v-36c5e1d1] {
    position: absolute;
    width: 30%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    overflow: auto
}

.ERM22 .Title-List[data-v-36c5e1d1]::-webkit-scrollbar {
    width: 0;
    display: none
}

.ERM22 .Title-List .Title-List-item[data-v-36c5e1d1] {
    cursor: pointer;
    width: 98%;
    display: flex;
    color: #fff;
    flex-direction: column;
    align-items: center;
    font-size: .8rem;
    border-radius: 5px;
    box-shadow: 0 2px 2px hsla(0,0%,100%,.5019607843137255);
    margin-top: 4px
}

.ERM22 .Title-List .Title-List-item .Title-Color[data-v-36c5e1d1] {
    width: 100%;
    display: flex;
    justify-content: space-around
}

.ERM22 .ERM22-Titles[data-v-36c5e1d1] {
    position: absolute;
    z-index: 2;
    width: 30%;
    height: 40%;
    left: 0;
    bottom: 0;
    box-shadow: 0 0 .2em .16em #fff;
    border-radius: 10px
}

.ERM22 .ERM22-Titles .ERM22-Title[data-v-36c5e1d1],.ERM22 .ERM22-Titles[data-v-36c5e1d1] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    overflow: hidden
}

.ERM22 .ERM22-Titles .ERM22-Title[data-v-36c5e1d1] {
    --background-color: #cfcbca;
    --background-color-active: #b9b5b3;
    --light-shadow-color: #fff;
    --dark-shadow-color: #fff;
    --text-color: #010101;
    font-weight: 900;
    border-radius: 15px;
    width: 96%;
    height: 28%;
    box-shadow: inset .02em .02em .03em var(--light-shadow-color),inset -.01em -.01em .03em var(--dark-shadow-color),.25em .25em .25em #000;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    position: relative;
    text-align: center;
    font-size: 14px;
    transition: all .3s linear
}

.ERM22 .ERM22-Titles .ERM22-Title .Title[data-v-36c5e1d1] {
    position: absolute;
    z-index: 2
}

.ERM22 .ERM22-Titles .ERM22-Title .ERM22-Title-beijing[data-v-36c5e1d1] {
    position: absolute;
    left: 0;
    width: 80%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

.ERM22 .ERM22-Titles .ERM22-Title .ERM22-Title-beijing .ERM22-Title-beijing2[data-v-36c5e1d1] {
    width: 100%;
    height: 100%;
    background-color: #d7b956;
    animation: ERM22-Title-beijing2-36c5e1d1 2s linear
}

@keyframes ERM22-Title-beijing2-36c5e1d1 {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.HomeChart2[data-v-3549e24f],.HomeChart3[data-v-5a23bf16],.HomeChart4[data-v-afa46b42] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.projectSelect[data-v-46a17a47] {
    display: flex;
    justify-content: space-between
}

.projectSelect .select-box[data-v-46a17a47] {
    display: flex;
    align-items: center
}

.projectSelect select[data-v-46a17a47] {
    color: #181d25;
    border: none;
    font-size: 20px;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #ecf0f8;
    margin-left: 30px
}

.projectSelect a[data-v-46a17a47] {
    padding: 10px 10px;
    display: flex;
    align-items: center;
    background-color: #393e48;
    height: 20px;
    border-radius: 30px
}

.projectSelect a p[data-v-46a17a47] {
    margin-left: 10px;
    color: #fff
}

.sum-data[data-v-46a17a47] {
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

.sum-data .sum-data-box[data-v-46a17a47] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24.5%;
    padding: 50px 0
}

.sum-data .sum-data-box .font-30[data-v-46a17a47] {
    color: #fff
}

.sum-data .bg-blue[data-v-46a17a47] {
    background-image: linear-gradient(90deg,#1e71e4 0,#1e9de6)
}

.sum-data .bg-blue .font-14[data-v-46a17a47] {
    color: #6abff0
}

.sum-data .bg-green[data-v-46a17a47] {
    background-image: linear-gradient(90deg,#1fb059 0,#65ce8f)
}

.sum-data .bg-green .font-14[data-v-46a17a47] {
    color: #c1ffd3
}

.sum-data .bg-orange[data-v-46a17a47] {
    background-image: linear-gradient(90deg,#f06d2c 0,#fe9e6f)
}

.sum-data .bg-orange .font-14[data-v-46a17a47] {
    color: hsla(0,0%,100%,.6)
}

.sum-data .bg-red[data-v-46a17a47] {
    background-image: linear-gradient(90deg,#ef2323 0,#fb6262)
}

.sum-data .bg-red .font-14[data-v-46a17a47] {
    color: #ffc1a3
}

.sum-data .sum-data-box[data-v-46a17a47]:last-child {
    border: none
}

.sum-data .sum-data-box img[data-v-46a17a47] {
    margin-right: 20px
}

.sum-data .sum-data-box .click-box[data-v-46a17a47] {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding: 0 30px;
    cursor: pointer
}

.data-con[data-v-46a17a47] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    box-sizing: border-box
}

.data-con .data-box[data-v-46a17a47] {
    width: 49%;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 6px
}

.data-con .data-box .head[data-v-46a17a47] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

.data-con .data-box .head .time-area[data-v-46a17a47] {
    display: flex;
    align-items: center
}

.data-con .data-box .head .time-area p[data-v-46a17a47] {
    font-size: 14px;
    margin: 0 5px;
    color: #3d3d3d
}

.data-con .data-box .head .time-area input[data-v-46a17a47] {
    width: 130px;
    background-color: #f6f6f6;
    border: none;
    height: 30px;
    color: #3d3d3d
}

.data-con .data-box .pie[data-v-46a17a47] {
    width: 100%;
    height: 240px;
    background-color: #f6f6f6
}

.pie-con[data-v-46a17a47] {
    display: flex;
    align-items: center
}

.pie-con .pie1[data-v-46a17a47] {
    width: 240px;
    height: 240px;
    margin-right: 15px;
    background-color: #f6f6f6
}

.pie-con .pie-data-line[data-v-46a17a47] {
    display: flex;
    align-items: center;
    padding: 15px
}

.pie-con .pie-data-line p[data-v-46a17a47] {
    margin-right: 60px
}

.project-intro[data-v-46a17a47] {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.project-intro .font-14[data-v-46a17a47] {
    font-size: 1rem;
    margin-right: 15px
}

.screen-right.unfolded[data-v-46a17a47] {
    right: 20px;
    width: 85vw;
    transition: all .5s
}

.screen-right.unfolded .ChartBox .Home-Box .Home-Box-One[data-v-46a17a47] {
    width: 49%;
    height: 40vh
}

.screen-right .unfoldbuttom[data-v-46a17a47] {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: -.5rem;
    top: 50vh;
    font-size: 1.2rem;
    border: 1rem solid transparent;
    border-right: 1rem solid #1e9de6;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.energy-info .table-con[data-v-46a17a47],.energy-info[data-v-46a17a47] {
    width: 100%
}

.energy-info .head[data-v-46a17a47] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.energy-info .head .font-18[data-v-46a17a47] {
    font-size: 1rem
}

.energy-info .head .time-area[data-v-46a17a47] {
    display: flex;
    align-items: center;
    font-size: .9rem
}

.energy-info .energy-table[data-v-46a17a47] {
    transition: all .5s
}

.energy-info .energy-table .gb[data-v-46a17a47] {
    position: absolute;
    display: none;
    font-size: 40px;
    line-height: 20px;
    color: #fff;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 2002
}

.energy-info .energy-table.enlarge[data-v-46a17a47] {
    position: fixed;
    left: 10vw;
    top: 10vh;
    width: 80vw!important;
    height: 80vh!important;
    background-color: rgba(20,25,25,.9);
    border-radius: 20px;
    border: 2px solid #888;
    box-sizing: border-box;
    z-index: 2001;
    padding: 20px
}

.energy-info .energy-table.enlarge .gb[data-v-46a17a47] {
    display: block
}

.energy-info .energy-table.enlarge .energy-table-inner[data-v-46a17a47] {
    padding: 30px;
    box-sizing: border-box
}

.energy-info .energy-table.enlarge .energy-table-inner .font-18[data-v-46a17a47] {
    font-size: 2rem
}

.energy-info .energy-table.enlarge .energy-table-inner .table-con[data-v-46a17a47] {
    width: 100%;
    height: 90%
}

.ChartBox[data-v-46a17a47] {
    transition: all .5s;
    width: 100%;
    height: 82vh;
    position: relative;
    display: flex;
    justify-content: space-between
}

.ChartBox .Home-Box[data-v-46a17a47] {
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2vh 1vw
}

.ChartBox .Home-Box[data-v-46a17a47]::-webkit-scrollbar {
    width: 0;
    display: none
}

.ChartBox .Home-Box .Home-Box-One[data-v-46a17a47] {
    width: 98%;
    min-width: 30rem;
    height: 33vh;
    overflow: auto;
    background-color: rgba(81,156,255,.3137254901960784);
    position: relative
}

.ChartBox .Home-Box .Home-Box-One .gb[data-v-46a17a47] {
    position: absolute;
    font-size: 40px;
    line-height: 20px;
    color: #fff;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 2002
}

.ChartBox .Home-Box .Home-Box-One[data-v-46a17a47]::-webkit-scrollbar {
    width: 0;
    display: none
}

.ChartBox .Home-Box .Home-Box-One .WeekMonthYear[data-v-46a17a47] {
    z-index: 1
}

.ChartBox .Home-Box .Home-Box-One .timeArea[data-v-46a17a47] {
    z-index: 20
}

.ChartBox .Home-Box .Home-Box-One .left-bk[data-v-46a17a47] {
    position: absolute;
    left: 0;
    height: 100%;
    width: 1rem
}

.ChartBox .Home-Box .Home-Box-One .left-bk[data-v-46a17a47]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-top-left-radius: .5rem;
    border-top: 3px solid #00eaff;
    border-left: 3px solid #00eaff
}

.ChartBox .Home-Box .Home-Box-One .left-bk[data-v-46a17a47]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-bottom-left-radius: .5rem;
    border-bottom: 3px solid #00eaff;
    border-left: 3px solid #00eaff
}

.ChartBox .Home-Box .Home-Box-One .right-bk[data-v-46a17a47] {
    position: absolute;
    right: 3px;
    height: 100%;
    width: 1rem
}

.ChartBox .Home-Box .Home-Box-One .right-bk[data-v-46a17a47]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-top-right-radius: .5rem;
    border-top: 3px solid #00eaff;
    border-right: 3px solid #00eaff
}

.ChartBox .Home-Box .Home-Box-One .right-bk[data-v-46a17a47]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-bottom-right-radius: .5rem;
    border-bottom: 3px solid #00eaff;
    border-right: 3px solid #00eaff
}

.ChartBox .Home-Box .Home-Box-One .Chart-Box[data-v-46a17a47] {
    width: 100%;
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column
}

.ChartBox .Home-Box .Home-Box-One .Chart-Box .head[data-v-46a17a47] {
    width: 96%;
    height: 30px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ChartBox .Home-Box .Home-Box-One .Chart-Box .head .time-area[data-v-46a17a47] {
    display: flex;
    justify-content: center;
    align-items: center
}

.ChartBox .Home-Box .Home-Box-One .Chart-Box .head .time-area>p[data-v-46a17a47] {
    margin-right: 10px
}

.ChartBox .Home-Box .Home-Box-One .Chart-Box .Chart[data-v-46a17a47] {
    width: 100%;
    height: calc(100% - 30px);
    overflow: hidden
}

.ChartBox .Home-Box .Home-Box-One4 .Home-Box-One4-box[data-v-46a17a47] {
    width: 100%;
    height: 100%;
    position: relative
}

.ChartBox .Home-Box .Home-Box-One6 .Chart-Box input[data-v-46a17a47] {
    height: auto;
    padding: 5px;
    color: #fff;
    background-color: #152430
}

.ChartBox .Home-Box .Home-Box-One6 .Chart-Box input[type=date][data-v-46a17a47]::-webkit-calendar-picker-indicator {
    filter: invert(1)
}

.ChartBox .Home-Box .Home-Box-One7 .Chart1[data-v-46a17a47] {
    width: 100%;
    height: 100%
}

.ChartBox .Home-Box .Home-Box-One7 .Chart2[data-v-46a17a47] {
    width: 100%;
    height: 100%;
    color: #fff
}

.ChartBox .Home-Box .Home-Box-One7 .Chart2 .pie-con[data-v-46a17a47] {
    width: 100%
}

.ChartBox .Home-Box .Home-Box-One7 .Chart2 .pie-con #chart4[data-v-46a17a47] {
    background-color: transparent;
    width: 40%
}

.ChartBox .Home-Box .Home-Box-One7 .Chart2 .pie-con #chart4 canvas[data-v-46a17a47] {
    width: 100%;
    height: 100%
}

.ChartBox .Home-Box .Home-Box-One7 .Chart2 .pie-con .pie-data[data-v-46a17a47] {
    width: 60%;
    justify-content: space-around
}

.ChartBox .Home-Box .Home-Box-One7 .Chart2 .pie-con .pie-data .span[data-v-46a17a47] {
    margin-bottom: 1rem;
    color: #fff
}

.ChartBox .Home-Box .Home-Box-One8[data-v-46a17a47] {
    overflow: hidden
}

.ChartBox .Home-Box .Home-Box-One8 .light-info[data-v-46a17a47] {
    background-color: transparent;
    width: 100%;
    height: 100%
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box[data-v-46a17a47] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .title[data-v-46a17a47] {
    color: #fff;
    padding: 0 2rem;
    border-radius: .5rem;
    border-bottom: 2px solid #00eaff
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .Value-Box-data[data-v-46a17a47] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .Value-Box-data .Value-Box-data-One[data-v-46a17a47] {
    width: 31%;
    height: 46%;
    margin-top: 5px;
    border-radius: .5rem;
    border: 1px solid #3b4a69;
    box-shadow: 0 2px 3px #55b2f5;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #fff
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .Value-Box-data .Value-Box-data-One .IconImg[data-v-46a17a47] {
    width: 35%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .Value-Box-data .Value-Box-data-One .IconImg .Img[data-v-46a17a47] {
    width: 100%;
    animation: rotate 3s linear infinite
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .Value-Box-data .Value-Box-data-One .IconImg .icon[data-v-46a17a47] {
    position: absolute;
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .Value-Box-data .Value-Box-data-One .IconImg .icon img[data-v-46a17a47] {
    width: 100%
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .Value-Box-data .Value-Box-data-One .title1[data-v-46a17a47] {
    margin-bottom: 5px
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .Value-Box-data .Value-Box-data-One .title2[data-v-46a17a47] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 10px
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .Value-Box-data .Value-Box-data-One .title2 .ls[data-v-46a17a47] {
    padding: 0 1rem;
    border-radius: .5rem;
    background-color: #029dd9;
    position: absolute;
    z-index: 2
}

.ChartBox .Home-Box .Home-Box-One9 .Value-Box .Value-Box-data .Value-Box-data-One .title2 .xiang[data-v-46a17a47] {
    width: 100%;
    height: 2px;
    background-color: #029dd9;
    position: absolute;
    z-index: 1
}

.ChartBox .Home-Box #pie-data[data-v-46a17a47] {
    display: flex;
    flex-direction: column
}

.ChartBox .Home-Box #pie-data .span[data-v-46a17a47] {
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .4rem
}

.ChartBox .Home-Box #Home-Box-One4[data-v-46a17a47],.ChartBox .Home-Box #Home-Box-One5[data-v-46a17a47],.ChartBox .Home-Box #Home-Box-One6[data-v-46a17a47],.ChartBox .Home-Box #Home-Box-One7[data-v-46a17a47] {
    position: fixed;
    left: 10vw;
    top: 10vh;
    width: 80vw!important;
    height: 80vh!important;
    background-color: rgba(20,39,64,.9411764705882353);
    box-sizing: border-box;
    z-index: 2001;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ChartBox .Home-Box #Home-Box-One4 .font-18[data-v-46a17a47],.ChartBox .Home-Box #Home-Box-One5 .font-18[data-v-46a17a47],.ChartBox .Home-Box #Home-Box-One6 .font-18[data-v-46a17a47],.ChartBox .Home-Box #Home-Box-One7 .font-18[data-v-46a17a47] {
    font-size: 2rem
}

.ChartBox .Home-Box #Home-Box-One7 .Chart2 .pie-con .pie1[data-v-46a17a47],.ChartBox .Home-Box #Home-Box-One7 .Chart2 .pie-con[data-v-46a17a47] {
    width: 100%;
    height: 100%
}

.ChartBox .Home-Box #Home-Box-One7 .Chart2 .pie-con #pie-data[data-v-46a17a47] {
    width: 40%;
    height: 100%;
    font-size: 1.8rem
}

.ChartBox .left-Chart-Box[data-v-46a17a47] {
    width: calc(50% - 10px);
    margin-right: 20px
}

.ChartBox .right-Chart-Box[data-v-46a17a47] {
    width: calc(50% - 10px);
    margin-left: 20px
}

.ChartBox .right-Chart-Box .energy-info[data-v-46a17a47] {
    width: 100%
}

.ChartBox .right-Chart-Box .energy-info .energy-table[data-v-46a17a47] {
    width: 100%;
    box-sizing: border-box
}

.ChartBox .right-Chart-Box .energy-info .energy-table .Chart-Box4[data-v-46a17a47] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #fff
}

.ChartBox .right-Chart-Box .energy-info .energy-table .Chart-Box4 .head[data-v-46a17a47] {
    margin-top: 10px
}

.ChartBox .right-Chart-Box .energy-info .energy-table .Chart-Box4 .chart4-pie-data[data-v-46a17a47] {
    width: 100%;
    height: 100%;
    display: flex
}

.ChartBox .right-Chart-Box .energy-info .energy-table .Chart-Box4 .chart4-pie-data .chart4[data-v-46a17a47] {
    width: 50%;
    height: 100%
}

.ChartBox .right-Chart-Box .energy-info .energy-table .Chart-Box4 .chart4-pie-data .pie-data[data-v-46a17a47] {
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.ChartBox .right-Chart-Box .energy-info .energy-table .Chart-Box4 .chart4-pie-data .pie-data .span[data-v-46a17a47] {
    width: 95%;
    display: flex;
    justify-content: space-between
}

.unfolded .unfoldbuttom[data-v-46a17a47] {
    left: .5rem;
    border-right: 1rem solid transparent;
    border-left: 1rem solid #1e9de6
}

.unfolded .left-Chart-Box .energy-info[data-v-46a17a47] {
    width: 100%
}

.unfolded .left-Chart-Box .energy-info .energy-table[data-v-46a17a47] {
    width: 100%;
    box-sizing: border-box
}

.unfolded .left-Chart-Box .energy-info .energy-table .chart .table-con[data-v-46a17a47],.unfolded .left-Chart-Box .energy-info .energy-table .chart[data-v-46a17a47] {
    width: 100%
}

.unfolded .energy-info[data-v-46a17a47] {
    height: 78vh
}

.unfolded .energy-info .energy-info-title[data-v-46a17a47] {
    height: 5vh
}

.unfolded .energy-info .energy-table[data-v-46a17a47] {
    height: 35vh
}

.unfolded .energy-info .energy-table .table-con[data-v-46a17a47] {
    width: 100%;
    height: 90%
}

.project-base-info .project-name .font-14.goToTheProject[data-v-46a17a47] {
    transition: all .3s;
    cursor: pointer
}

.project-base-info .project-name .font-14.goToTheProject[data-v-46a17a47]:hover {
    background-color: #029fb4;
    color: #fff
}

#energy-table1[data-v-46a17a47],#energy-table2[data-v-46a17a47] {
    position: fixed;
    left: 0;
    top: 0;
    width: 97vw;
    height: 100vh;
    z-index: 2001;
    background-color: rgba(20,25,25,.8);
    border-radius: .5rem;
    padding-right: 5vw
}

#energy-table1 .gb[data-v-46a17a47],#energy-table2 .gb[data-v-46a17a47] {
    right: 6vw;
    top: 2%;
    font-size: 2rem
}

#energy-table1 #line1[data-v-46a17a47],#energy-table1 #line2[data-v-46a17a47],#energy-table2 #line1[data-v-46a17a47],#energy-table2 #line2[data-v-46a17a47] {
    width: 100%;
    height: 90%
}

#energy-table1 .energy-table-title[data-v-46a17a47],#energy-table2 .energy-table-title[data-v-46a17a47] {
    margin-right: 10vw
}

#energy-table3[data-v-46a17a47],#energy-table4[data-v-46a17a47] {
    position: fixed;
    left: 0;
    top: 0;
    width: 97vw;
    height: 100vh;
    z-index: 2001;
    background-color: #000;
    border-radius: .5rem;
    padding-right: 5vw
}

#energy-table3 .gb[data-v-46a17a47],#energy-table4 .gb[data-v-46a17a47] {
    right: 6vw;
    top: 2%;
    font-size: 2rem
}

#energy-table3 #line3[data-v-46a17a47],#energy-table3 #line4[data-v-46a17a47],#energy-table4 #line3[data-v-46a17a47],#energy-table4 #line4[data-v-46a17a47] {
    width: 100%;
    height: 90%
}

#energy-table3 .energy-table-title[data-v-46a17a47],#energy-table4 .energy-table-title[data-v-46a17a47] {
    margin-right: 10vw
}

#energy-table3 .Chart-Box4 .chart4-pie-data #line4[data-v-46a17a47],#energy-table3 .Chart-Box4 .chart4-pie-data[data-v-46a17a47],#energy-table3 .Chart-Box4[data-v-46a17a47],#energy-table4 .Chart-Box4 .chart4-pie-data #line4[data-v-46a17a47],#energy-table4 .Chart-Box4 .chart4-pie-data[data-v-46a17a47],#energy-table4 .Chart-Box4[data-v-46a17a47] {
    height: 100%
}

#setTheTheoreticalEnergyConsumption2[data-v-46a17a47] {
    background-color: #01adbd;
    font-size: .9rem;
    color: #fff;
    font-weight: 900;
    border-radius: .3rem;
    padding: 3px 10px
}

p[data-v-46a17a47] {
    color: #fff
}

.top-title[data-v-46a17a47] {
    display: flex;
    position: absolute;
    top: 20px;
    left: 20px
}

.top-title .screen-name[data-v-46a17a47] {
    font-size: 40px;
    margin-right: 20px
}

.top-title .screen-name span[data-v-46a17a47] {
    font-weight: 700
}

.top-title .time[data-v-46a17a47] {
    text-align: right;
    line-height: 40px;
    height: 42px;
    color: #fff;
    border-bottom: 1px solid #1e62da;
    width: 1560px
}

.screen-left[data-v-46a17a47] {
    position: absolute;
    left: 20px;
    top: 120px;
    width: 340px
}

.screen-left .num-box[data-v-46a17a47] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.screen-left .num-box .icon[data-v-46a17a47] {
    width: 70px;
    height: 70px;
    background-color: #142430;
    padding: 15px;
    box-sizing: border-box
}

.screen-left .num-box .num[data-v-46a17a47] {
    padding-left: 10px
}

.screen-left .num-box .num .font-36[data-v-46a17a47] {
    line-height: 36px
}

.screen-left .line[data-v-46a17a47] {
    margin: 30px 0 30px 0
}

.screen-left .num-box .select[data-v-46a17a47] {
    width: 270px;
    height: 70px;
    background-color: #142430
}

.screen-left .num-box .select select[data-v-46a17a47] {
    background-color: #142430;
    border: none;
    color: #fff;
    width: 250px;
    font-size: 16px;
    height: 70px;
    line-height: 70px;
    outline: none
}

.screen-left .btn[data-v-46a17a47] {
    width: 340px;
    height: 70px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    background: url(../../static/img/btn.6d9846d9.png)
}

.screen-left .btn[data-v-46a17a47]:hover {
    background: url(../../static/img/btn-hover.e494c8e6.png)
}

.back-home[data-v-46a17a47] {
    position: absolute;
    left: 20px;
    bottom: 70px;
    display: flex;
    align-items: center
}

.back-home p[data-v-46a17a47] {
    margin-left: 10px
}

.screen-right[data-v-46a17a47] {
    position: absolute;
    right: 0;
    width: 33vw;
    background-color: rgba(20,25,25,.8);
    padding: 1vh 2vw;
    box-sizing: border-box;
    box-shadow: inset 0 0 25px rgba(15,115,220,.3);
    top: 8vh;
    height: 92vh;
    transition: all .5s;
    border-radius: 10px;
    z-index: 1000
}

.project-base-info .project-name[data-v-46a17a47] {
    height: 6vh;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.project-base-info .project-name .font-14[data-v-46a17a47] {
    margin-left: 10px;
    background-color: #1e62da;
    height: 30px;
    padding: 0 15px;
    border-radius: 20px;
    line-height: 30px
}

.light-info[data-v-46a17a47] {
    width: 640px;
    height: 240px;
    background-color: rgba(20,25,25,.8);
    box-shadow: inset 0 0 25px rgba(15,115,220,.3);
    padding-top: 10px;
    box-sizing: border-box;
    margin-bottom: 10px
}

.light-info .light-info-title[data-v-46a17a47] {
    border-left: 4px solid #1e62da;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 10px
}

.light-info .light-info-title .title .blue[data-v-46a17a47] {
    line-height: 36px
}

.light-info .light-table[data-v-46a17a47] {
    display: flex;
    border-top: 1px solid #000
}

.light-info .light-table .table-con[data-v-46a17a47] {
    width: 33%;
    border-right: 1px solid #000;
    text-align: center;
    height: 180px
}

.light-info .light-table .table-con[data-v-46a17a47]:last-child {
    border: none
}

.light-info .light-table .table-con .table[data-v-46a17a47] {
    width: 140px;
    height: 140px;
    display: inline-block;
    margin: 5px 0 0 0
}

.energy-info[data-v-46a17a47] {
    width: 640px;
    height: 574px;
    background-color: rgba(20,25,25,.8);
    box-shadow: inset 0 0 25px rgba(15,115,220,.3);
    padding-top: 10px;
    box-sizing: border-box
}

.energy-info .energy-info-title[data-v-46a17a47] {
    border-left: 4px solid #ef6927;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 10px
}

.energy-info .energy-table[data-v-46a17a47] {
    border-top: 1px solid #000;
    padding: 10px 20px
}

.energy-info .energy-table .energy-table-title[data-v-46a17a47] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.energy-info .energy-table .energy-table-title .time-select[data-v-46a17a47] {
    display: flex;
    align-items: center;
    margin: 0
}

.energy-info .energy-table .energy-table-title .time-select input[data-v-46a17a47] {
    background-color: #152430;
    color: #fff;
    border: none;
    width: 130px
}

.energy-info .energy-table .table-con[data-v-46a17a47] {
    width: 600px;
    height: 200px
}

.map-point[data-v-46a17a47] {
    position: absolute;
    top: 800px;
    left: 850px
}

.map-point-box[data-v-46a17a47] {
    position: relative;
    top: 446px;
    left: 885px;
    display: flex
}

.map-point-highlight[data-v-46a17a47] {
    position: absolute;
    top: 140px;
    left: 140px
}

.point-alert[data-v-46a17a47] {
    position: absolute
}

.point-alert .alert-box[data-v-46a17a47] {
    background-color: rgba(70,85,115,.8)
}

.point-alert .alert-box-red[data-v-46a17a47],.point-alert .alert-box[data-v-46a17a47] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 4px;
    width: 150px
}

.point-alert .alert-box-red[data-v-46a17a47] {
    background-color: rgba(240,50,50,.8)
}

.timeArea[data-v-46a17a47] {
    display: flex;
    align-items: center
}

.timeArea a[data-v-46a17a47] {
    font-size: 12px;
    color: #1e71e4;
    text-align: center;
    background-color: #ecf0f8;
    border-radius: 4px;
    height: 30px;
    margin-left: 10px;
    width: 30px;
    line-height: 30px
}

.timeArea .active[data-v-46a17a47],.timeArea a[data-v-46a17a47]:hover {
    background-color: #1e71e4;
    color: #fff
}

.not-fount-page .title {
    text-align: center;
    padding: 300px 0;
    font-size: 36px
}

.not-fount-page .title .msg {
    font-size: 24px;
    margin: 10px 0;
    color: #dbc000
}

.HomeIndex[data-v-ca8a36d2] {
    width: 100vw;
    height: 100vh;
    margin: 0;
    color: hsla(0,0%,100%,.8666666666666667);
    position: relative;
    overflow: auto;
    font-family: Inter,sans-serif
}

.HomeIndex[data-v-ca8a36d2]::-webkit-scrollbar {
    display: none
}

.HomeIndex .Icon-Box[data-v-ca8a36d2] {
    width: 100%;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 45vh;
    z-index: 1000;
    transition: all .5s;
    animation: load-ca8a36d2 2s ease-out 2s forwards,up-ca8a36d2 1.4s ease-out 2s forwards;
display:none;
}

.HomeIndex .Icon-Box .icon-one[data-v-ca8a36d2] {
    margin: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.HomeIndex .Icon-Box .icon-one .icon-img[data-v-ca8a36d2] {
    width: 2.5rem;
    margin-bottom: 3px;
    animation: jump-ca8a36d2 5s ease-in-out infinite
}

.HomeIndex .Icon-Box .icon-one span[data-v-ca8a36d2] {
    font-size: .7rem
}

@keyframes jump-ca8a36d2 {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(6px)
    }
}

.HomeIndex .HomeIndex1[data-v-ca8a36d2] {
    z-index: 2;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s;
    width: 100vw;
    height: 100vh;
    margin: 0;
    font-family: Untitled Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
    background: #05060f linear-gradient(0deg,rgba(216,236,248,.06),rgba(152,192,239,.06));
    font-size: 1rem
}

.HomeIndex .HomeIndex1 .gold .header h2[data-v-ca8a36d2],.HomeIndex .HomeIndex1 .gold>*>[data-v-ca8a36d2] :not(.contact-btn),.HomeIndex .HomeIndex1 .gold p[data-v-ca8a36d2] {
    filter: invert(1) brightness(4.7)
}

.HomeIndex .HomeIndex1 .gold .header h2 a[data-v-ca8a36d2] {
    filter: hue-rotate(0deg)
}

.HomeIndex .HomeIndex1 .gold canvas[data-v-ca8a36d2] {
    filter: drop-shadow(2em 4em 0 #d8bd10) drop-shadow(-8em -14em 0 #d8bd10)
}

.HomeIndex .HomeIndex1 .gold .header .spotlight[data-v-ca8a36d2] {
    filter: invert(1) brightness(4.7) opacity(.5)
}

.HomeIndex .HomeIndex1 .gold .mountains>div[data-v-ca8a36d2] {
    box-shadow: -1em -.2em .4em -1.1em #c2ccff,inset 0 0 0 2px #d8a910,inset .2em .3em .2em -.2em #c2ccff,inset 10.2em 10.3em 2em -10em rgba(212,230,255,.1843137254901961)
}

.HomeIndex .HomeIndex1 h2[data-v-ca8a36d2] {
    font-family: Hubot-Sans,sans-serif
}

.HomeIndex .HomeIndex1 h2[data-v-ca8a36d2],.HomeIndex .HomeIndex1 p[data-v-ca8a36d2] {
    margin: 0;
    padding: 0
}

.HomeIndex .HomeIndex1 h2 a[data-v-ca8a36d2] {
    text-decoration: none;
    color: unset
}

.HomeIndex .HomeIndex1 .header[data-v-ca8a36d2] {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    color: #bad6f7;
    align-items: center;
    opacity: 1
}

.HomeIndex .HomeIndex1 .header .mid-spot[data-v-ca8a36d2] {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 1em 0 #98c0ef;
    cursor: pointer;
    transition: box-shadow 1s ease-in-out;
    position: absolute;
    top: 2rem;
    z-index: 2
}

.HomeIndex .HomeIndex1 .header .mid-spot[data-v-ca8a36d2]:hover {
    box-shadow: 0 0 1em 0 #d8bd10
}

.HomeIndex .HomeIndex1 .header>:nth-child(2):hover~.spotlight[data-v-ca8a36d2] {
    animation: colorize-ca8a36d2 10s linear infinite
}

.HomeIndex .HomeIndex1 .header .spotlight[data-v-ca8a36d2] {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    transition: filter 1s ease-in-out;
    height: 80vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.HomeIndex .HomeIndex1 .header .spotlight div[data-v-ca8a36d2] {
    border-radius: 0 0 50% 50%;
    position: absolute;
    top: 3em;
    width: 30em;
    height: 86vh;
    background-image: conic-gradient(from 0deg at 50% -5%,transparent 45%,rgba(124,145,182,.9) 49%,rgba(124,145,182,.7) 50%,rgba(124,145,182,.5) 51%,transparent 55%);
    transform-origin: 50% 0;
    filter: blur(15px) opacity(.5);
    z-index: -1;
    animation: load-ca8a36d2 2s ease-in-out forwards,loadrot-ca8a36d2 2s ease-in-out forwards,spotlight-ca8a36d2 21s ease-in-out infinite reverse
}

.HomeIndex .HomeIndex1 .header .spotlight div[data-v-ca8a36d2]:first-child {
    rotate: 20deg;
    animation: load-ca8a36d2 2s ease-in-out forwards,loadrot-ca8a36d2 2s ease-in-out forwards,spotlight-ca8a36d2 17s ease-in-out infinite
}

.HomeIndex .HomeIndex1 .header .spotlight div[data-v-ca8a36d2]:nth-child(2) {
    rotate: -20deg;
    animation: load-ca8a36d2 2s ease-in-out forwards,loadrot-ca8a36d2 2s ease-in-out forwards,spotlight-ca8a36d2 14s ease-in-out infinite
}

@keyframes colorize-ca8a36d2 {
    0% {
        filter: hue-rotate(0deg)
    }

    to {
        filter: hue-rotate(-380deg)
    }
}

.HomeIndex .HomeIndex1 button.contact-btn[data-v-ca8a36d2] {
    position: absolute;
    left: 60vw;
    right: 0;
    margin: 0 auto;
    width: 8em;
    height: 2.4em;
    cursor: pointer;
    border-radius: 20em;
    border: none;
    transition: background .5s,transform .5s;
    border: 1px solid rgba(194,204,255,.2);
    opacity: 1;
    padding-top: .3em;
    background: #121521;
    color: #9dc3f7;
    white-space: nowrap
}

.HomeIndex .HomeIndex1 button.contact-btn[data-v-ca8a36d2]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20em;
    width: 100%;
    height: 100%;
    background: rgba(194,204,255,.5686274509803921) radial-gradient(farthest-side at 50% 100%,#c2ccff,transparent);
    opacity: .1;
    transition: all .4s ease-in-out
}

.HomeIndex .HomeIndex1 button.contact-btn[data-v-ca8a36d2]:hover:before {
    background: rgba(194,204,255,.11764705882352941) radial-gradient(farthest-side at 50% 100%,#c2ccff,transparent);
    opacity: .3
}

.HomeIndex .HomeIndex1 .contact-btn .glow[data-v-ca8a36d2] {
    --border-width: 1px;
    --loop-cycle: 24s;
    position: absolute;
    inset: calc(var(--border-width)*-1);
    border-radius: 50px;
    border: var(--border-width) solid transparent;
    -webkit-mask: linear-gradient(transparent,transparent),linear-gradient(#fff,#fff);
    mask: linear-gradient(transparent,transparent),linear-gradient(#fff,#fff);
    -webkit-mask-clip: padding-box,border-box;
    mask-clip: padding-box,border-box;
    -webkit-mask-composite: source-in,xor;
    mask-composite: intersect;
    pointer-events: none
}

.HomeIndex .HomeIndex1 button.contact-btn:hover .glow[data-v-ca8a36d2] {
    --loop-cycle: 2s
}

.HomeIndex .HomeIndex1 .contact-btn .glow[data-v-ca8a36d2]:after,.HomeIndex .HomeIndex1 .contact-btn .glow[data-v-ca8a36d2]:before {
    content: "";
    height: 100%;
    offset-anchor: 100% 50%;
    background: radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.75),transparent 50%),radial-gradient(circle at 50% 50%,#c2ccff 50%,transparent);
    opacity: .4;
    offset-path: rect(0 100% 100% 0 round 33px);
    position: absolute;
    display: inline-block;
    animation: loop-ca8a36d2 var(--loop-cycle) linear infinite;
    aspect-ratio: 1;
    transition: opacity 1s ease-in-out
}

.HomeIndex .HomeIndex1 .contact-btn .glow[data-v-ca8a36d2]:before {
    animation-delay: calc(var(--loop-cycle)/-2)
}

@keyframes loop-ca8a36d2 {
    to {
        offset-distance: 100%
    }
}

.HomeIndex .HomeIndex1 .contact-btn-content[data-v-ca8a36d2] {
    background: linear-gradient(0deg,#d8ecf8,#98c0ef);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.2em;
    line-height: 142%
}

.HomeIndex .HomeIndex1 button.contact-btn:hover .glow[data-v-ca8a36d2]:after,.HomeIndex .HomeIndex1 button.contact-btn:hover .glow[data-v-ca8a36d2]:before {
    opacity: .6
}

@keyframes btn-rot-ca8a36d2 {
    0% {
        rotate: 0deg
    }

    to {
        rotate: 1turn
    }
}

@keyframes loadrot-ca8a36d2 {
    0% {
        rotate: 0deg;
        scale: 0
    }

    to {
        scale: 1
    }
}

@keyframes spotlight-ca8a36d2 {
    0% {
        transform: rotate(0deg) scale(1);
        filter: blur(15px) opacity(.5)
    }

    20% {
        transform: rotate(-1deg) scale(1.2);
        filter: blur(16px) opacity(.6)
    }

    40% {
        transform: rotate(2deg) scale(1.3);
        filter: blur(14px) opacity(.4)
    }

    60% {
        transform: rotate(-2deg) scale(1.2);
        filter: blur(15px) opacity(.6)
    }

    80% {
        transform: rotate(1deg) scale(1.1);
        filter: blur(13px) opacity(.4)
    }

    to {
        transform: rotate(0deg) scale(1);
        filter: blur(15px) opacity(.5)
    }
}

.HomeIndex .HomeIndex1 canvas #particleCanvas[data-v-ca8a36d2] {
    position: absolute;
    pointer-events: none;
    animation: load-ca8a36d2 .4s ease-in-out forwards;
    z-index: 1;
    width: 100%
}

.HomeIndex .HomeIndex1 p[data-v-ca8a36d2] {
    font-size: 1.5em
}

.HomeIndex .HomeIndex1 .hero[data-v-ca8a36d2] {
    width: 100%;
    height: 100%;
    max-height: 140px;
    position: absolute;
    top: 16em;
    transition: all .5s
}

.HomeIndex .HomeIndex1 .heroT[data-v-ca8a36d2] {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 20em;
    font-size: .8rem;
    padding-top: 1em;
    translate: 0 -1.6em;
    opacity: 0;
    animation: load-ca8a36d2 2s ease-in-out .6s forwards
}

@keyframes load-ca8a36d2 {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.HomeIndex .HomeIndex1 .heroT>h2[data-v-ca8a36d2] {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 7em;
    font-weight: 600;
    color: #9dc3f7;
    background: radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent var(--p)),linear-gradient(0deg,#bad1f1 30%,#9dc3f7);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 16px rgba(174,207,242,.24);
    --p: 0%;
    transition: --p 3s linear;
    animation: pulse-ca8a36d2 10s linear 1.2s infinite
}

.HomeIndex .HomeIndex1 .heroT h2[data-v-ca8a36d2]:nth-child(2) {
    background: radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),transparent calc(var(--p) - 1em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent calc(var(--p) - .4em),transparent var(--p));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: blur(16px) opacity(.4)
}

@keyframes pulse-ca8a36d2 {
    0% {
        --p: 0%
    }

    50% {
        --p: 300%
    }

    to {
        --p: 300%
    }
}

@property --p {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0
}

.HomeIndex .HomeIndex1 .heroP[data-v-ca8a36d2] {
    font-size: 1.2em;
    position: absolute;
    left: 0;
    right: 0;
    top: 21.6em;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    opacity: 0;
    translate: 0 1em;
    animation: load-ca8a36d2 2s ease-out 2s forwards,up-ca8a36d2 1.4s ease-out 2s forwards;
    color: #d8ecf8;
    text-shadow: 0 2px 16px rgba(174,207,242,.24);
    background: linear-gradient(0deg,#d8ecf8,#98c0ef);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@keyframes up-ca8a36d2 {
    to {
        translate: 0
    }
}

.HomeIndex .HomeIndex1 .heroSubP[data-v-ca8a36d2] {
    position: absolute;
    left: 0;
    right: 0;
    top: 13em;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
    opacity: 0;
    translate: 0 -1em;
    transition: all .5s;
    animation: load3-ca8a36d2 2s ease-in 0s forwards,up-ca8a36d2 1.4s ease-out 0s forwards
}

@keyframes load3-ca8a36d2 {
    0% {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

.HomeIndex .HomeIndex1 .heroSubP p[data-v-ca8a36d2] {
    font-size: 1em;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    color: #d8ecf8;
    text-shadow: 0 2px 16px rgba(174,207,242,.24);
    background: linear-gradient(0deg,#d8ecf8,#98c0ef);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.HomeIndex .HomeIndex1 .heroSubP p[data-v-ca8a36d2]:after,.HomeIndex .HomeIndex1 .heroSubP p[data-v-ca8a36d2]:before {
    position: absolute;
    top: 60%;
    display: block;
    content: "";
    width: 5em;
    height: 1px;
    opacity: 0;
    animation: load2-ca8a36d2 1.4s ease-in-out 0s forwards,up-ca8a36d2 1.4s ease-out 0s forwards
}

@keyframes load2-ca8a36d2 {
    0% {
        opacity: 0
    }

    to {
        opacity: .3
    }
}

.HomeIndex .HomeIndex1 .heroSubP p[data-v-ca8a36d2]:before {
    background: linear-gradient(-90deg,#9dc3f7,transparent);
    right: 120%;
    translate: -5em 0
}

.HomeIndex .HomeIndex1 .heroSubP p[data-v-ca8a36d2]:after {
    background: linear-gradient(90deg,#9dc3f7,transparent);
    left: 120%;
    translate: 5em 0
}

.HomeIndex .HomeIndex1 .accent-lines[data-v-ca8a36d2] {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 42em;
    z-index: -2;
    --accent-lines-clr: rgba(186,215,247,0.18)
}

.HomeIndex .HomeIndex1 .accent-lines>div[data-v-ca8a36d2] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 100%;
    width: 100%
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--accent-lines-clr),transparent);
    opacity: 0;
    scale: 0;
    animation: accentload-ca8a36d2 2s ease-out 2.4s forwards
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:first-child {
    top: 6em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(2) {
    top: 11em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(3) {
    top: 16em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(4) {
    top: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(5) {
    top: 29em
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div[data-v-ca8a36d2] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 1px;
    height: 100%;
    background: var(--accent-lines-clr)
}

@keyframes accentload-ca8a36d2 {
    0% {
        opacity: 0;
        scale: 0
    }

    to {
        opacity: 1;
        scale: 1
    }
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div[data-v-ca8a36d2] {
    opacity: 0;
    scale: 0;
    animation: accentload-ca8a36d2 2s ease-out 2s forwards
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div[data-v-ca8a36d2]:first-child {
    left: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div[data-v-ca8a36d2]:nth-child(2) {
    left: 34em
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div[data-v-ca8a36d2]:nth-child(3) {
    right: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:nth-child(2)>div[data-v-ca8a36d2]:nth-child(4) {
    right: 34em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:after,.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:before {
    content: "";
    display: none;
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 1em;
    background: #9dc3f7;
    left: 0;
    right: 0;
    margin: auto;
    translate: 0 -1px;
    opacity: 0;
    scale: 0;
    animation: accentload-ca8a36d2 2s ease-out 4.4s forwards
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(3):before {
    display: block;
    left: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(3):after {
    display: block;
    right: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(4):before {
    display: block;
    left: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(4):after {
    display: block;
    right: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(5):before {
    display: block;
    left: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(5):after {
    display: block;
    right: 24em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(2):after,.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(2):before {
    display: block;
    width: 5em;
    height: 1px;
    border-radius: 0;
    opacity: .12
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(2):before {
    right: 24em;
    rotate: 45deg;
    translate: -2.5em 2.5em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(2):after {
    right: 24em;
    rotate: -45deg;
    translate: -2.5em 2.5em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:first-child:after,.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:first-child:before {
    display: block;
    width: 5em;
    height: 1px;
    border-radius: 0;
    opacity: .12
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:first-child:before {
    left: 24em;
    rotate: 45deg;
    translate: 2.5em 7.5em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:first-child:after {
    left: 24em;
    rotate: -45deg;
    translate: 2.5em 7.5em
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(2):after,.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:nth-child(2):before {
    opacity: 0;
    scale: 0;
    animation: accentload2-ca8a36d2 2s ease-out 2.4s forwards
}

.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:first-child:after,.HomeIndex .HomeIndex1 .accent-lines>div:first-child>div[data-v-ca8a36d2]:first-child:before {
    opacity: 0;
    scale: 0;
    animation: accentload3-ca8a36d2 2s ease-out 2.4s forwards
}

@keyframes accentload2-ca8a36d2 {
    0% {
        opacity: 0;
        scale: 0;
        transform: rotate(1turn)
    }

    50% {
        scale: 0
    }

    to {
        opacity: .12;
        scale: 1;
        transform: rotate(0deg)
    }
}

@keyframes accentload3-ca8a36d2 {
    0% {
        opacity: 0;
        scale: 0;
        transform: rotate(-1turn)
    }

    50% {
        scale: 0
    }

    to {
        opacity: .12;
        scale: 1;
        transform: rotate(0deg)
    }
}

.HomeIndex .HomeIndex1 .mountains[data-v-ca8a36d2] {
display:none;
    position: absolute;
    left: 0;
    right: 0;
    top: 65vh;
    margin: auto;
    width: 100%;
    height: 15vh;
    pointer-events: none;
    transition: all .5s
}

.HomeIndex .HomeIndex1 .mountains[data-v-ca8a36d2]:before {
    content: "";
    display: block;
    width: 100%;
    height: 500%;
    position: absolute;
    top: 0;
    background: linear-gradient(90deg,#121521,transparent 50%);
    background: linear-gradient(0deg,#121521 80%,transparent 90%);
    z-index: 2
}

.HomeIndex .HomeIndex1 .mountains>div[data-v-ca8a36d2] {
    box-shadow: -1em -.2em .4em -1.1em #c2ccff,inset 0 0 0 2px #c2ccff,inset .2em .3em .2em -.2em #c2ccff,inset 10.2em 10.3em 2em -10em rgba(212,230,255,.1843137254901961);
    background: #121521;
    z-index: 1;
    filter: brightness(.8);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 20em;
    height: 20em;
    rotate: 45deg
}

.HomeIndex .HomeIndex1 .mountains>div[data-v-ca8a36d2]:first-child {
    bottom: -240%;
    translate: -6em 2em;
    animation: mountainload1-ca8a36d2 2s ease-out 2.4s forwards
}

.HomeIndex .HomeIndex1 .mountains>div[data-v-ca8a36d2]:nth-child(2) {
    bottom: -240%;
    translate: -2em 0;
    width: 14em;
    height: 20em;
    animation: mountainload2-ca8a36d2 2s ease-out 2.2s forwards
}

.HomeIndex .HomeIndex1 .mountains>div[data-v-ca8a36d2]:nth-child(3) {
    bottom: -240%;
    translate: 6em 3em;
    animation: mountainload1-ca8a36d2 2s ease-out 2s forwards
}

@keyframes mountainload1-ca8a36d2 {
    0% {
        bottom: -240%
    }

    to {
        bottom: -140%
    }
}

@keyframes mountainload2-ca8a36d2 {
    0% {
        bottom: -240%
    }

    to {
        bottom: -108%
    }
}

.HomeIndex .HomeIndex1 .mountains>div[data-v-ca8a36d2]:before {
    content: "";
    display: block;
    background: repeating-radial-gradient(at 100% 100%,transparent 0,rgba(194,204,255,.13333333333333333) 2px,transparent 4px);
    width: 12em;
    height: 12em;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom-right-radius: 100%
}

.HomeIndex .HomeIndex1 .hero-spacer[data-v-ca8a36d2] {
    height: 40em;
    pointer-events: none
}

.HomeIndex .HomeIndex-true[data-v-ca8a36d2] {
    background-color: transparent;
    /* display: none !important; */
}

.HomeIndex .HomeIndex-true .heroSubP[data-v-ca8a36d2] {
    top: 5rem
}

.HomeIndex .HomeIndex-true .heroSubP .title[data-v-ca8a36d2] {
    background-color: #409eff;
    color: #000
}

.HomeIndex .HomeIndex-true .heroSubP .title[data-v-ca8a36d2]:after,.HomeIndex .HomeIndex-true .heroSubP .title[data-v-ca8a36d2]:before {
    background: #000
}

.HomeIndex .HomeIndex-true .hero[data-v-ca8a36d2] {
    top: 6rem
}

.HomeIndex .HomeIndex-true .Icon-Box[data-v-ca8a36d2] {
    top: 14rem;
display:none;
}

.HomeIndex .HomeIndex-true .hero1[data-v-ca8a36d2] {
display:none;
    top: 20rem;
}

.HomeIndex .HomeIndex-true .hero1 .heroT[data-v-ca8a36d2] {
    font-size: .4rem;
    animation: load-ca8a36d2 1s ease-in-out forwards
}

.HomeIndex .HomeIndex-true .hero1 .heroT h2[data-v-ca8a36d2] {
    border-bottom: 2px solid #00eaff
}

.HomeIndex .HomeIndex-true .hero2[data-v-ca8a36d2] {
    top: 25rem
}

.HomeIndex .HomeIndex-true .hero2 .heroT[data-v-ca8a36d2] {
    font-size: .25rem
}

.HomeIndex .HomeIndex-true .hero2 .heroT h2[data-v-ca8a36d2] {
    border-bottom: 2px solid #00eaff
}

.HomeIndex .HomeIndex-true .header .spotlight[data-v-ca8a36d2] {
    height: 100vh;
    transition: height .5s
}

.HomeIndex .HomeIndex-true .mountains[data-v-ca8a36d2] {
    top: 80vh;
    transition: top .5s
}

.HomeIndex .HomeIndex2[data-v-ca8a36d2] {
    width: 100vw;
    height: 100vh;
    z-index: 1;
    flood-color: #fff;
    position: absolute;
    left: 0;
    top: 0
}

.HomeIndex .HomeIndex2 #Dynamic3DPictures[data-v-ca8a36d2],.HomeIndex .HomeIndex2 #Dynamic3DPictures canvas[data-v-ca8a36d2] {
    width: 100vw;
    height: 100vh
}

.HomeIndex .ImgBoxList[data-v-ca8a36d2] {
    width: 10rem;
    height: 60vh;
    position: absolute;
    top: 15vh;
    right: 2%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    animation: slideIn-ca8a36d2 .5s ease-out forwards
}

.HomeIndex .ImgBoxList .img-box[data-v-ca8a36d2] {
    position: relative;
    width: 100%;
    height: calc(16.66667% - 8.33333px);
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s ease;
    cursor: pointer;
    margin-bottom: 10px;
    border: 2px solid #afafaf
}

.HomeIndex .ImgBoxList .img-box[data-v-ca8a36d2]:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0,0,0,.1)
}

.HomeIndex .ImgBoxList .img-box .ImgOne[data-v-ca8a36d2] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1.77777778
}

.HomeIndex .ImgBoxList .img-box .overlay[data-v-ca8a36d2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    transition: opacity .3s ease
}

.HomeIndex .ImgBoxList .img-box .text[data-v-ca8a36d2] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    transition: opacity .3s ease
}

.HomeIndex .ImgBoxList .img-box .hidden[data-v-ca8a36d2] {
    opacity: 0
}

.HomeIndex .ImgBoxList .img-box.img-box-selected[data-v-ca8a36d2] {
    transform: scale(1.1);
    z-index: 1;
    box-shadow: 0 8px 16px rgba(0,0,0,.2);
    border-color: #fff
}

@keyframes slideIn-ca8a36d2 {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.HomeIndex .Button[data-v-ca8a36d2] {
    position: absolute;
    bottom: 2rem;
    z-index: 11;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0
}

.HomeIndex .Button .button[data-v-ca8a36d2] {
    position: relative;
    transition: all .3s ease-in-out;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    padding-block:.5rem;padding-inline:1.25rem;background-color: #006bb3;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    gap: 10px;
    font-weight: 700;
    border: 3px solid hsla(0,0%,100%,.30196078431372547);
    outline: none;
    overflow: hidden;
    font-size: 15px;
    opacity: 1;
    width: 130px;
    height: 46px;
}

.HomeIndex .Button .icon[data-v-ca8a36d2] {
    width: 24px;
    height: 24px;
    transition: all .3s ease-in-out
}

.HomeIndex .Button .button[data-v-ca8a36d2]:hover {
    transform: scale(1.05);
    border-color: hsla(0,0%,100%,.6)
}

.HomeIndex .Button .button:hover .icon[data-v-ca8a36d2] {
    transform: translate(4px)
}

.HomeIndex .Button .button[data-v-ca8a36d2]:hover:before {
    animation: shine-ca8a36d2 1.5s ease-out infinite
}

.HomeIndex .Button .button[data-v-ca8a36d2]:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.8),hsla(0,0%,100%,0) 70%);
    top: 0;
    left: -100px;
    opacity: .6
}

@keyframes shine-ca8a36d2 {
    0% {
        left: -100px
    }

    60% {
        left: 100%
    }

    to {
        left: 100%
    }
}

.HomeIndex .Button.HomeIndex-true[data-v-ca8a36d2] {
    animation: load-ca8a36d2 1s ease-in-out .5s forwards
}

.HomeIndex .image-info[data-v-ca8a36d2] {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    z-index: 11;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    padding: 1rem;
    border-radius: 10px;
    max-width: 40%;
    animation: fadeIn-ca8a36d2 .5s ease-out;
    border-top: 1px solid #0368f5
}

.HomeIndex .image-info[data-v-ca8a36d2]:before {
    content: "";
    position: absolute;
    top: 10%;
    left: -.25rem;
    width: .5rem;
    height: 3rem;
    border-radius: .3rem;
    background-color: #0368f5;
    z-index: 3
}

.HomeIndex .image-info h2[data-v-ca8a36d2] {
    font-size: 1.5rem;
    margin-bottom: .5rem
}

.HomeIndex .image-info h3[data-v-ca8a36d2] {
    font-size: 1.2rem;
    margin-bottom: .5rem
}

.HomeIndex .image-info ul[data-v-ca8a36d2] {
    list-style-type: none;
    padding-left: 0
}

.HomeIndex .image-info ul li[data-v-ca8a36d2] {
    margin-bottom: .3rem;
    font-size: 1rem
}

.HomeIndex .image-info .read-more-container[data-v-ca8a36d2] {
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

.HomeIndex .image-info .read-more-button[data-v-ca8a36d2] {
    background-color: #409eff;
    width: 7rem;
    height: 3rem;
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    font-size: .9rem;
    transition: background-color .3s ease;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.HomeIndex .image-info .read-more-button span[data-v-ca8a36d2] {
    position: absolute;
    z-index: 1
}

.HomeIndex .image-info .read-more-button a[data-v-ca8a36d2] {
    width: 7rem;
    height: 3rem;
    position: absolute;
    z-index: 80
}

@keyframes fadeIn-ca8a36d2 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.HomeIndex .bg[data-v-ca8a36d2] {
    position: absolute;
    bottom: 10vh;
    z-index: 11;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.HomeIndex .bg .cursor[data-v-ca8a36d2] {
    width: 30px;
    height: 45px;
    border: 2px solid #ccc;
    border-radius: 14px;
    box-sizing: border-box;
    position: relative;
    opacity: 0;
    animation: show-ca8a36d2 4s ease-in-out 2s forwards
}

.HomeIndex .bg .cursor .animation-box[data-v-ca8a36d2] {
    width: 4px;
    height: 10px;
    display: block;
    position: absolute;
    top: 4px;
    left: 11px;
    background-color: #ccc;
    border-radius: 2px;
    animation: move-eff-ca8a36d2 1s ease-in-out infinite
}

@keyframes move-eff-ca8a36d2 {
    0% {
        top: 4px
    }

    50% {
        top: 8px
    }

    to {
        top: 12px
    }
}

@keyframes show-ca8a36d2 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.HomeIndex .bg.HomeIndex-true[data-v-ca8a36d2] {
    opacity: 0;
    transition: opacity .5s
}

.swal-footer .swal-button-container:nth-child(2) .swal-button {
    background-color: #03e5d3
}