*{
    margin: 0;
    padding: 0;
    font: 12px "MicrosoftJhengHei", 微软雅黑, Hiragino Sans GB bold, 华文细黑, STHeiti, MingLiu, Microsoft Yahei;
    color: #2d2e2e;
}
body{
    overflow: hidden;
}

#dm-list{

}

#dm-list>span{
    position: absolute;
    top: 0;
    cursor: default;
    pointer-events:none;
    font-weight: bolder;
    white-space:nowrap;
}

.dm-left{
    left: 100%;
    animation: dm-left 55s linear;
}
.dm-right{
    right: 100%;
    animation: dm-right 55s linear;
}

.dm-size-big{
    font-size: 3.6em;
}
.dm-size-middle{
    font-size: 3em;
}
.dm-size-small{
    font-size: 2.4em;
}
.dm-send{
    border: 2px #ffffff solid;
}

@keyframes dm-left {
    to{
        transform: translateX(-6000px);
    }
}

@keyframes dm-right {
    to{
        transform: translateX(6000px);
    }
}

form{
    position: absolute;
    left: 50%;
    bottom: 10%;
    margin-left: -250px;
    box-sizing: border-box;
    width: 500px;
    height: 120px;
    padding: 20px;
    background-color: #333333;
    border-radius: 1.2em;
    opacity: .7;
}

input,option{
    font-size: 24px;
}
#text{
    margin-top: 15px;
    width: 100%;
}
#playProgress{
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 100%;
    cursor: ew-resize;
    z-index: 999;

}
#playProgress s{
    display: block;
    width: 0;
    height: 40%;
    border-radius: 5px;
    background-color: #4fb7d1;
    box-shadow: 0 2px 8px #989898;
    transition: width .1s;
}



#遮盖层{
    top:0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,.55);
    opacity: .65;
    z-index: 998;
}

#提示{
    max-width: 90%;
    padding: .75em 1em;
    word-break: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    background-color: #ffffff;
    border-radius: .45em;
    opacity: .9;
    z-index: 999;
}
#提示 p{
    text-overflow: ellipsis;
}
.mt{
    position:absolute;
    display: block;
    transition: opacity 120ms ease-in-out
}