.top_area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100px;
    font-size: 14px;
    background-image: linear-gradient(to bottom, rgba(0,0,0,.75), rgba(255,255,255,0));
    .top-header{
        padding: 20px;
        z-index: 9;
        box-sizing: border-box;
        color: #fff;

        .title {
            width: 33%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
        }
        .system-time {
            float: right;
        }
        .scale {
            position: absolute;
            margin-left: 50%;
            transform: translateX(-50%);
            top:20px;
        }
        .percent-item {
            cursor: pointer;
            position: relative;
            display: inline-block;
            margin: 0 10px;
        }
        .percent-item-current {
            color: #2fb3ff;
        }

    }
}