body,
html {
    background: #fff;
}

@media (max-width: 3000px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 1600px) {
    html {
        font-size: 13px;
    }
}

@media (max-width: 1300px) {
    html {
        font-size: 12px;
    }
}

@media (max-width: 1100px) {
    html {
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 380px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 330px) {
    html {
        font-size: 11px;
    }
}


/* .ant-table-scroll-position-middle{

} */

::-webkit-scrollbar {
    /*滚动条整体样式*/
    /*width: 2rem; 高宽分别对应横竖滚动条的尺寸*/
    height: 1.4rem!important
}


/*滚动条里面小方块*/

 ::-webkit-scrollbar-thumb {
    border-radius: 2rem!important;
    /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,1); */
    /* background: rgba(0,0,0,1); */
}


/*滚动条里面轨道*/


/* ::-webkit-scrollbar-track { 
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,1);
  border-radius: 0;
  background: rgba(0,0,0,1);
} */

.ant-table-fixed-right table {
    width: min-content;
}

.ant-select-disabled {
    color: rgba(129, 129, 129)!important
}

.ant-input[disabled] {
    color: rgba(129, 129, 129)!important
}

.ant-layout {
    /* height: 100%; */
    height: unset!important;
}

.ant-layout .main-box {
    width: 100%;
    height: 100%;
    float: left;
    color: #333;
    padding: 0rem .5rem!important;
    box-sizing: border-box;
}

.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
    height: 100% !important;
}

#febs {
    overflow-y: auto;
    height: 100vh;
}

.ant-drawer-body {
    float: left;
}

.ant-layout {
    height: 100%;
}

.project-loading {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
}

.project-loading .loader {
    position: fixed;
    top: 50%;
    left: 50%;
}

@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4);
    }
    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4);
    }
    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

.line-scale-pulse-out>div {
    width: 3px;
    height: 33px;
    border-radius: 2px;
    margin: 1px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
    animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}

.line-scale-pulse-out>div:nth-child(2),
.line-scale-pulse-out>div:nth-child(4) {
    -webkit-animation-delay: -0.4s !important;
    animation-delay: -0.4s !important;
}

.line-scale-pulse-out>div:nth-child(1),
.line-scale-pulse-out>div:nth-child(5) {
    -webkit-animation-delay: -0.2s !important;
    animation-delay: -0.2s !important;
}

.tdt-map-pane svg {
    z-index: 99 !important;
}