* {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: white;
    font-family: "Microsoft YaHei UI";
    user-select: none;
}

body {
    background-color: #000000;
    width: 1920px;
    height: 1080px;
}

.content {
    background: url("../img/screen_bg_b.png") no-repeat top left;
    width: 1920px;
    height: 1080px;
    margin-top: 0;
    display: flex;
}

.title {
    height: 65px;
    font-family: YouSheBiaoTiHei;
    font-size: 50px;
    color: #FFFFFF;
    line-height: 65px;
    letter-spacing: 2px;
    /*text-shadow: 0px 5px 20px #095937;*/
    text-stroke: 0px #FFFFFF;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    background: linear-gradient(90deg, #FFFFFF 0%, #CBDDFC 100%);
    -webkit-text-stroke: 0px #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 19px;
    left: 788px;
}

.city {
    position: absolute;
    top: 48px;
    left: 632px;
    width: 64px;
    height: 22px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #FCBA5B;
    line-height: 22px;
    text-align: left;
    font-style: normal;

}

.fjzx {
    width: 96px;
    height: 22px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #FCBA5B;
    line-height: 22px;
    text-align: right;
    font-style: normal;
    position: absolute;
    top: 48px;
    right: 638px;
}

.zzld {
    width: 220px;
    height: 62px;
    position: absolute;
    top: 52px;
    left: 90px;
    text-align: center;
}

#zzlnum {
    width: 100%;
    position: absolute;
    top: 10px;
    font-family: DIN, DIN;
    font-weight: bold;
    font-size: 24px;
    color: #7CFBED;
    line-height: 24px;
    text-align: center;
    font-style: normal;
}


#zzlname {
    width: 100%;
    position: absolute;
    bottom: 5px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    font-style: normal;
}

.qyzlld {
    width: 220px;
    height: 62px;
    position: absolute;
    top: 52px;
    left: 342px;
    text-align: center;
}

#qyzlnum {
    width: 100%;
    position: absolute;
    top: 10px;
    font-family: DIN, DIN;
    font-weight: bold;
    font-size: 24px;
    color: #7CFBED;
    line-height: 24px;
    text-align: center;
    font-style: normal;
}

#qyzlname {
    width: 100%;
    position: absolute;
    bottom: 5px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    font-style: normal;
}

.zsyld {
    width: 220px;
    height: 62px;
    position: absolute;
    top: 52px;
    left: 1358px;
    text-align: center;
}

#zsynum {
    width: 100%;
    position: absolute;
    top: 10px;
    font-family: DIN, DIN;
    font-weight: bold;
    font-size: 24px;
    color: #7CFBED;
    line-height: 24px;
    text-align: center;
    font-style: normal;
}

#zsyname {
    width: 100%;
    position: absolute;
    bottom: 5px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    font-style: normal;
}


.ggsyld {
    width: 220px;
    height: 62px;
    position: absolute;
    top: 52px;
    left: 1610px;
    text-align: center;
}

#ggsynum {
    width: 100%;
    position: absolute;
    top: 10px;
    font-family: DIN, DIN;
    font-weight: bold;
    font-size: 24px;
    color: #7CFBED;
    line-height: 24px;
    text-align: center;
    font-style: normal;
}

#ggsyname {
    width: 100%;
    position: absolute;
    bottom: 5px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    font-style: normal;
}

.titl2 {
    position: absolute;
    top: 154px;
    left: 98px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #E1FDFE;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}

.titl3 {
    position: absolute;
    top: 154px;
    left: 1418px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #E1FDFE;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}

.kzt {
    width: 160px;
    height: 70px;
}

#ttzlk {
    position: absolute;
    top: 208px;
    left: 50px;
}

#qyzlk {
    position: absolute;
    top: 208px;
    left: 220px;
}

#qyfrk {
    position: absolute;
    top: 288px;
    left: 50px;
}

#fjzxylk {
    position: absolute;
    top: 288px;
    left: 220px;
}

#mlrk {
    position: absolute;
    top: 288px;
    left: 390px;
}

.img1 {
    position: absolute;
    top: 20px;
    left: 24px;
}

.img2 {
    position: absolute;
    top: 14px;
    left: 11px;
}

.img3 {
    position: absolute;
    top: 35px;
    left: 7px;
}

.txt1 {
    font-family: DIN, DIN;
    font-weight: bold;
    font-size: 18px;
    color: #F4B55A;
    line-height: 24px;
    text-align: center;
    font-style: normal;
    position: absolute;
    top: 14px;
    left: 73px;
}

.txt2 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 10px;
    color: #FFFFFF;
    line-height: 14px;
    text-align: center;
    font-style: normal;
    position: absolute;
    top: 43px;
    left: 73px;
}

.kz21 {

    width: 118px;
    height: 112px;
}

#znhsx {
    position: absolute;
    top: 844px;
    left: 718px;
}

#myhsx {
    position: absolute;
    top: 844px;
    left: 904px;
}

#qyry {
    position: absolute;
    top: 844px;
    left: 1094px;
}


.txt3 {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: DIN, DIN;
    font-weight: bold;
    font-size: 24px;
    color: #7CFBED;
    line-height: 29px;
    text-align: center;
    font-style: normal;
}

.txt4 {
    position: absolute;
    left: 0;
    top: 44px;
    text-align: center;
    width: 100%;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 19px;
    text-align: center;
    font-style: normal;
}

#map {
    width: 778px;
    height: 612px;
    position: absolute;
    top: 112px;
    left: 574px;

}

.txt5 {
    position: absolute;
    top: 728px;
    left: 100px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #E1FDFE;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}

.txt6 {
    position: absolute;
    top: 728px;
    left: 716px;
    font-weight: 600;
    font-size: 20px;
    color: #E1FDFE;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}

.txt7 {
    position: absolute;
    top: 728px;
    left: 1332px;
    font-weight: 600;
    font-size: 20px;
    color: #E1FDFE;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}

.txt8 {
    position: absolute;
    top: 396px;
    left: 100px;
    font-weight: 600;
    font-size: 20px;
    color: #E1FDFE;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}

.txt9 {
    position: absolute;
    top: 396px;
    left: 1418px;
    font-weight: 600;
    font-size: 20px;
    color: #E1FDFE;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}

.list1 {
    position: absolute;
    top: 100px;
    left: 1390px;
    width: 500px;
    margin-left: 20px;
    margin-top: 44px;
    text-align: center;
    height: 292px;
}

.list2 {
    position: absolute;
    top: 418px;
    left: 1370px;
    width: 500px;
    margin-left: 20px;
    margin-top: 44px;
    text-align: center;
    height: 208px;
}

.list3 {
    position: absolute;
    top: 702px;
    left:1288px;
    width: 574px;
    margin-left: 20px;
    margin-top: 44px;
    text-align: center;
    height: 294px;
}

#usertd {
    margin-top: 10px;
    height: 182px;
    overflow: auto;
}

#usertd::-webkit-scrollbar{
    width: 0 !important
}


#usertd{
    -ms-overflow-style: none;
}

#usertd1 {
    margin-top: 10px;
}

#usertd2 {
    margin-top: 10px;
}

.hang1 {
    width: 500px;
    display: flex;
    height: 26px;
    line-height: 26px;
}

.hang2 {
    width: 500px;
    height: 26px;
    line-height: 26px;
    display: flex;
    background: linear-gradient(270deg, rgba(90, 161, 162, 0) 0%, #5AA1A2 50%, rgba(90, 161, 162, 0) 100%);
}


#zzt1{
    width: 500px;
    height: 272px;
    position: absolute;
    top: 418px;
    left: 50px;
}

#zzt2{

    width: 606px;
    height: 322px;
    position: absolute;
    top: 740px;
    left: 60px;
}


.zhezhao{
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    z-index: 9999;
}

.tanc{
    background: url("../img/tcback.png") top left no-repeat;
    width: 1653px;
    height: 897px;
    position: absolute;
    top: 133.5px;
    left: 91.5px;
    display: none;
    z-index: 10000;
}

.list{
    width: 270px;
    height: 600px;
    position: absolute;
    top: 50px;
    left: 100px;

}

.t{
    background: url("../img/t.png") no-repeat top left;
    width: 281px;
    height: 43px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 43px;
}

.carms{
    width: 1158px;
    height: 745px;
    background: #000000;
    border: 2px solid #33C9FD;
    position: absolute;
    top: 62px;
    left: 412px;
}

.donghua{
    animation: radar-beam 2.5s forwards;
}

.donghua1{
    animation: radar-beam1 2.5s forwards;
}

@keyframes radar-beam {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes radar-beam1 {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}