/* 清空默认样式 */
*{
    margin: 0;
    padding: 0;    
}


.photo{
    width: 320px;
    height: 600px;
    /* 背景 */
    background: linear-gradient(180deg, #ead6ee, #a0f1ea)fixed;
    /* 居中 */
    margin: 20px auto;
    /* 字体 */
    font-size: "微软雅黑 Light";
    /* 字体颜色 */
    color: #2c606d;
    /* 圆角 */
    border-radius: 5px;
    /* 阴影 */
    box-shadow: 0 0 7px #ead6ee;
    /* 溢出隐藏 */
    overflow: hidden;
    user-select: none;
}

.tips{
    margin-top: 5px;
    width: 100%;
    height: 30px;
    font: 15px "微软雅黑 Light";
    color: #10b848;
    text-align: center;
    user-select: none;
}

.title{
    margin-top: 5px;
    width: 100%;
    height: 70px;
    /* 字体 */
    font-size: 32px;
    text-align: center;
    line-height: 70px;
}

.singer{
    width: 100%;
    height: 40px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

.play{
    width: 152px;
    height: 163px;
    background-image: url("../content/img/index.png");
    background-repeat: no-repeat;
    margin: 20px auto;
}

.lrc{
    width: 100%;
    height: 220px;
    margin: 50px auto;
    text-align: center;
    /* background-color: aquamarine; */
    overflow: hidden;
}

.lrc p{
    line-height: 20px;
    font-size: 15px;
}

.content{
    position: relative;
}

.play.rotate{
    -webkit-animation: rot 5s linear infinite;
    animation: rot 5s linear infinite;
    animation-fill-mode: forwards
}

@keyframes rot{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

body{
    background: linear-gradient(-3deg, #eebdee 0%, #5d23c9 100%);-webkit-background-clip: text;color:transparent;font-size: 20px;
    background-repeat: no-repeat;
}