
.title-box[data-v-6cf879f6] {
    position: absolute;
    left: calc(50vw - 1000px);
    top: 0;
    height: 44px;
    width: 2000px;
    background-image: url(../img/image_pc_login_title_bg.98876c59.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 20px;
}
.title[data-v-6cf879f6] {
    font-size: 20px;
    line-height: 20px;
    color: white;
    margin: 0 12px;
}


.tv-visual-box[data-v-411f8cf2] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/image_pc_login_bg.c5670cfc.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 800px;
    min-height: 700px;
    padding-top: 44px;
}
.station-select-box[data-v-411f8cf2] {
    position: absolute;
    right: 50px;
    top: 80px;
}
.logout[data-v-411f8cf2] {
    position: absolute;
    right: 50px;
    top: 15px;
    width: 21px;
    height: 22px;
}
.soc[data-v-411f8cf2] {
    font-size: 20px;
    color: rgb(84, 221, 255);
    font-weight: bold;
}
.power[data-v-411f8cf2] {
    font-size: 20px;
    color: white;
}
.left-device[data-v-411f8cf2] {
    height: 239px;
    width: 220px;
    -o-object-fit: contain;
       object-fit: contain;
}
.left-device-no[data-v-411f8cf2] {
    height: 113px;
    width: 103px;
    -o-object-fit: contain;
       object-fit: contain;
}
.line[data-v-411f8cf2] {
    position: relative;
}
.grid-power[data-v-411f8cf2] {
    position: absolute;
    left: 20px;
    top: -30px;
}
.pv-power[data-v-411f8cf2] {
    position: absolute;
    left: 20px;
    top: -20px;
}
.wind-power[data-v-411f8cf2] {
    position: absolute;
    left: 20px;
    bottom: -0px;
}
.home-power[data-v-411f8cf2] {
    position: absolute;
    left: 90px;
    top: -30px;
}
.block[data-v-411f8cf2] {
    width: 16px;
    height: 9px;
}
.pv-block[data-v-411f8cf2] {
    position: absolute;
    left: 0;
    top: 19px;
}
.pv-block-1[data-v-411f8cf2] {
    animation: pv-block-frames-411f8cf2 2s linear 0s infinite;
}
.pv-block-2[data-v-411f8cf2] {
    animation: pv-block-frames-411f8cf2 2s linear 1s infinite;
}
@keyframes pv-block-frames-411f8cf2 {
0% {
        transform: translateX(0px);
}
100% {
        transform: translateX(230px);
}
}
.home-block[data-v-411f8cf2] {
    position: absolute;
    left: 0;
    top: 4px;
}
.home-block-1[data-v-411f8cf2] {
    animation: home-block-frames-411f8cf2 2s linear 0s infinite;
}
.home-block-2[data-v-411f8cf2] {
    animation: home-block-frames-411f8cf2 2s linear 1s infinite;
}
@keyframes home-block-frames-411f8cf2 {
0% {
        transform: translateX(0px);
}
100% {
        transform: translateX(230px);
}
}
.grid-svg[data-v-411f8cf2] {
    position: absolute;
    left: 0;
    top: 0;
}


.el-input__inner {
    background-color: transparent !important;
    border: solid 1px rgb(61, 140, 239) !important;
    box-shadow: inset 0px 0px 15px 0px #2469ff;
    color: white !important;
    width: 250px !important;
}

