.bg-list-0{
    background-color: rgba(20,72,124,.4);
}
.bg-list-1{
    background-color: rgba(21,119,168,.4);
}

.van-notice-bar{
    background: none !important;
    font-size: 18px !important;
    padding: 0 20px 0 5px !important;
}
.van-icon{
    font-size: 24px !important;
    width: 50px !important;
    text-align: center !important;
}

.tailings .van-notice-bar{
    font-size: 16px !important;
}
.tailings .van-icon{
    font-size: 20px !important;
}

.underground .van-notice-bar{
    font-size: 16px !important;
}
.underground .van-icon{
    font-size: 20px !important;
}

.rotateImg {
    animation: rotate 3s linear infinite;
}
@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

.mine-0{
    animation: mine0 5s linear infinite;
    animation-fill-mode: both;
}
@keyframes mine0 {
    0% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}
.mine-1{
    animation: mine1 5s linear infinite;
    animation-fill-mode: both;
}
@keyframes mine1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}
.mine-2{
    animation: mine2 5s linear infinite;
    animation-fill-mode: both;
}
@keyframes mine2 {
    0% {
        transform: translateY(-14px);
    }
    35% {
        transform: translateY(0);
    }
    85%{
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(-14px);
    }
}
.mine-3{
    animation: mine3 5s linear infinite;
    animation-fill-mode: both;
}
@keyframes mine3 {
    0% {
        transform: translateY(-6px);
    }
    15% {
        transform: translateY(0);
    }
    65%{
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(-6px);
    }
}

.tr-left{
    animation: trleft .5s ease-in;
    animation-fill-mode: both;
}
@keyframes trleft {
    to {
        transform: translateX(-100%);
    }
}
.tr-left-re{
    animation: trleftre .5s ease-in-out;
    animation-fill-mode: both;
}
@keyframes trleftre {
    from{
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

.tr-right{
    animation: trright .5s ease-in;
    animation-fill-mode: both;
}
@keyframes trright {
    to {
        transform: translateX(100%);
    }
}
.tr-right-re{
    animation: trrightre .5s ease-in-out;
    animation-fill-mode: both;
}
@keyframes trrightre {
    from{
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

.tr-top{
    animation: trtop .5s ease-in;
    animation-fill-mode: both;
}
@keyframes trtop {
    to {
        transform: translateY(-100%);
    }
}
.tr-top-re{
    animation: trtopre .5s ease-in-out;
    animation-fill-mode: both;
}
@keyframes trtopre {
    from{
        transform: translateY(-100%);
    }
    to {
        transform: translateX(0);
    }
}

.tr-bottom{
    animation: trbottom .5s ease-in;
    animation-fill-mode: both;
}
@keyframes trbottom {
    to {
        transform: translateY(100%);
    }
}
.tr-bottom-re{
    animation: trbottomre .5s ease-in-out;
    animation-fill-mode: both;
}
@keyframes trbottomre {
    from{
        transform: translateY(100%);
    }
    to {
        transform: translateX(0);
    }
}

.selece-box::after{
    content: "";
    width: 0;
    height: 0;
    border: 6px solid rgba(13,27,48,.7);
    border-color: transparent transparent rgba(13,27,48,.7) transparent;
    position: absolute;
    z-index: 999;
    top: -12px;
    left: 10px;
}
.select:hover{
    color: #abeeff;
}
.map-icon:hover{
    background-color: rgba(13,27,48,.7);
}


.mask-box::after{
    content: "";
    width: 0;
    height: 0;
    border: 8px solid rgba(13,27,48,.7);
    border-color: transparent rgba(13,27,48,.7) transparent transparent;
    position: absolute;
    z-index: 999;
    top: 16px;
    left: -16px;
}

.mask-box-s::after{
    content: "";
    width: 0;
    height: 0;
    border: 8px solid rgba(13,27,48,.7);
    border-color: rgba(13,27,48,.7) transparent transparent transparent;
    position: absolute;
    z-index: 999;
    bottom: -13px;
    left: calc(50% - 8px);
}


::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 3px;
    /*高宽分别对应横竖滚动条的尺寸*/
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
    background: #78b4b4;
}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
    border-radius: 10px;
    background: rgba(122,175,197,.2);
    border-radius: 10px;
}

.el-input__inner{
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0 !important;
    font-size: 20px !important;
    width: 150px !important;
}
.markerInput .el-input__inner{
    font-size: 16px !important;
    line-height: 44px !important;
}

.amap-overlay-text-container,.amap-ranging-label{
    color: #000000 !important;
    border-radius: 5px !important;
}
.dg.a{
    display: none !important;
}
.amap-controlbar .amap-luopan{
    transform: scale(.7);
}

.el-carousel__mask{
    background-color: transparent !important;
}

.amap-marker-label{
    background-color: transparent !important;
    border: none !important;
}