/*圆形头像效果*/
.round_icon {
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.state_signal {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 53px;
    top: 61px;
}

.tick_info {
    position: relative;
}

@keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}

@media screen and (max-device-width: 400px) {
    .tick_info {
        margin-top: 600%;
    }
}

@media screen and (min-device-width: 401px) {
    .tick_info {
        left: 500px;
    }
}