body,html{margin:0;padding:0;background-color:#eee}#app,body,html{width:100%;max-width:750px;margin:0 auto}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%;min-width:375px}#bottom_layer{height:100%;visibility:hidden;position:fixed;z-index:302;zoom:1;margin:0;line-height:20rpx;height:100px;padding:0;bottom:0;width:100%;left:0}.nav_bar{padding-top:20px;width:100%}.music_box{background-color:#2c3e50;height:100rpx;width:100rpx}.svg_p{stroke:#333;stroke-width:20;stroke-dasharray:var(--l);stroke-dashoffset:var(--l);-webkit-animation:writeLine 2s forwards;animation:writeLine 2s forwards}@-webkit-keyframes writeLine{to{stroke-dashoffset:0}}@keyframes writeLine{to{stroke-dashoffset:0}}.uploadMusic[data-v-9622c816]{width:100%;height:100%;margin-top:20px}.up_music_btn[data-v-9622c816]{margin-top:20px}::-webkit-scrollbar{width:0}::-ms-scrollbar{width:0}audio{background-color:#fff;width:100%;margin:20px 0 0;padding:0;border-radius:0}h3>span{word-break:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}li{text-align:left}.red{color:red}.contral{margin-bottom:100px}#lyric{height:320px;overflow-y:scroll;background-color:#d3d3d3;margin-bottom:20px}.tip_center{line-height:320px}.lyricLine{white-space:nowrap}.lyricLine,.nowLyric{transition:font-size .3s linear 0s}.nowLyric{color:#f08080;font-size:1.2em}.markBox{position:absolute;display:flex;flex-direction:column;width:60px;bottom:0;right:0;margin-right:0}.markBox>div{flex:1;margin:10px;width:40px;height:40px}.markBox>div>svg{margin:auto;padding:auto}.songList{top:130px}.playModel,.songList{position:absolute;left:15px}.playModel{bottom:15px}.songImg{border-radius:50%}.imgBox,.songImg{position:relative}.imgBox{margin:40px auto 0;height:240px}.songRound{position:relative;top:0;margin:0 auto;height:240}.songRound>img{z-index:1}.songRound>.imgMask{border-right:119px solid #eee;border-bottom:119px solid #eee;background-color:#7fffd4;position:absolute;left:50%;top:50%;border-radius:0 0 100% 0;transform:rotate(45deg);transform-origin:left top}.songRound:after{height:220px;width:220px;background-color:#eee;margin-left:-110px;margin-top:-112px}.songRound:after,.songRound:before{position:absolute;display:block;content:"";border-radius:50%;left:50%;top:50%;z-index:0}.songRound:before{height:230px;width:230px;background-color:#000;margin-left:-115px;margin-top:-117px}.imgRotate{-webkit-animation:imgRotate 30s linear infinite forwards;animation:imgRotate 30s linear infinite forwards}@-webkit-keyframes imgRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes imgRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#bottom_layer{position:static}.searchBox *{margin:0 auto}.searchBox>.searchInput{width:300px;margin-top:20px;margin-right:20px}.play_icon{top:-100%;width:230px;height:230px;z-index:2}.play_icon,.play_icon>svg{margin:auto;position:relative}.play_icon>svg{top:50%}.demo-pagination-block+.demo-pagination-block{margin-top:10px}.demo-pagination-block .demonstration{margin-bottom:16px}.control{position:absolute;display:flex;top:75px;width:360px;margin:0 -180px;left:50%;height:100px;justify-content:space-between}.music_list{list-style-type:none}.class{width:100%}.class,.context{position:relative}.context{margin-top:55px auto}.name{font-size:1.2em}.name,.year{font-weight:700}.year{margin-left:20px}.bottom{margin-top:30px;margin-bottom:30px}#moveAniDiv{position:absolute;margin-top:-20px;left:50%;transform:translateX(-50%);width:100%}.moveAni{position:relative;color:red;top:-2px}#copyBox{position:absolute;left:-50%;top:0}.blogClass[data-v-275f93b5]{height:50px;width:calc(100% - 40px);padding:0 20px;background-color:#ccc;word-spacing:normal;overflow-y:auto}.blogClass span[data-v-275f93b5]{height:50px;display:block;float:left;font-weight:700;line-height:50px;margin:0 20px}.blogClass ul[data-v-275f93b5]{width:600px;height:50px;margin:0}.blogClass ul li[data-v-275f93b5]{list-style-type:none;float:left;padding:0 10px;height:50px;line-height:50px;margin:0 5px}.blogItem[data-v-275f93b5]{height:300px;width:100%;margin-top:20px;text-align:left;box-sizing:border-box}.blogItemTitleBox[data-v-275f93b5]{height:30px;line-height:30px;margin:10px 0 5px}.blogItemTitleBox .classText[data-v-275f93b5]{font-weight:700;font-size:1.5em;float:left;margin:0 30px 0 20px}.blogItemTitleBox .blogItemTitle[data-v-275f93b5]{float:left;margin:0}.blogItemTitleBox .blogItemCreated_at[data-v-275f93b5]{float:right;margin:0 30px 0 0}.blogItemContent[data-v-275f93b5]{background-color:#eee;border:1px solid #ccc;height:231px;padding:10px 20px;margin:0;overflow-x:hidden;box-sizing:border-box}[data-v-275f93b5] .md-previewOnly>.md-content>.md-preview-wrapper{overflow:hidden}[data-v-275f93b5] .md-previewOnly .md-preview{margin-top:-25px}.el-divider[data-v-275f93b5]{margin:4px 0}.submit{margin-top:20px}.card-header{display:flex;justify-content:space-between;align-items:center}.text{font-size:14px;text-align:left}.text>div:after,.text>div:before{display:block;content:"";clear:both}.item{margin-bottom:18px}.box-card{margin:30px auto}.box-card,.inputW{width:100%}.titleTip{float:left}.titleDate{float:right}.el-form-item{width:80%}.psotBtn{margin-top:20px}.md{text-align:left}.blogItemTitleBox[data-v-8743ec00]{height:30px;line-height:30px;margin:20px 0 20px}.blogItemTitleBox .classText[data-v-8743ec00]{font-weight:700;font-size:1.5em;float:left;margin:0 30px 0 20px}.blogItemTitleBox .blogItemTitle[data-v-8743ec00]{float:left;margin:0}.blogItemTitleBox .blogItemCreated_at[data-v-8743ec00]{float:right;margin:0 30px 0 0}.blogItemContent[data-v-8743ec00]{background-color:#eee;height:auto;padding:10px 20px;margin:0}.el-divider[data-v-8743ec00]{margin:4px 0}