/* 散点图组件样式 */
.h5_component_point {
    color: #fff;
}

.h5_component_point .point {
    display: block;
    background-color: #ccc;
    position: absolute;
    border-radius: 50%;
    -webkit-opacity: 0;
    -webkit-transition: all 1s;
}

.h5_component_point .name {
    height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    font-size: 22px;
}

.h5_component_point .per {
    font-size: .5em;
}

.h5_component_point_load .point {
    -webkit-opacity: 1;
    -webkit-transform: scale(1);
}

.h5_component_point_leave .point {
    -webkit-opacity: 0;
    -webkit-transform: scale(.1)
}

.h5_component_point_load .point_focus {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.h5_component_point_load .point_focus:after {
    content: ' ';
    text-indent: -999px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    -webkit-opacity: .5;
    background-color: inherit;
    -webkit-animation: breathe 3s infinite ease-in-out .5s;
    z-index: -1;
}

@-webkit-keyframes breathe {
    0% {
        -webkit-transform: scale(.5);
        -webkit-opacity: .9;
    }
    95% {
        -webkit-transform: scale(1.5);
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: scale(.9);
        -webkit-opacity: 0;
    }
}