.audio-wrapper{color:#fff;margin:10px auto;width:100%;height:50px;border-radius:50px}.audioBtn{margin-top:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.audio-left{float:left;text-align:center;width:100%;height:100%}.audio-left img{width:50px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0;cursor:pointer}.loops{margin-right:50px;cursor:pointer}.audio-right{float:left;width:100%;height:100%;margin-top:10px}.progress-bar-bg{background-color:#d9d9d9;position:relative;height:2px;cursor:pointer}.progress-bar{background-color:#649fec;width:0;height:2px}.progress-bar-bg span{content:" ";width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#3e87e8;position:absolute;left:0;top:50%;margin-top:-5px;margin-left:-5px;cursor:pointer}.audio-time{margin-top:2%}.audio-length-total{font-size:18px}.audio-length-current{float:left;font-size:18px}.audio-wrapper .el-dialog{background:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;margin-top:18vh!important;width:365px}.audio-wrapper .el-message-box__headerbtn .el-message-box__close{color:#fe632f!important}.audio-wrapper .tanc-bg{position:absolute;top:32%;left:107.5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.audio-wrapper .tanc-bg a{line-height:38px;font-size:18px;cursor:pointer;color:#999}.audio-wrapper .tanc-bg .orange,.audio-wrapper .tanc-bg a:hover,.audio-wrapper .tanc-bg a:visited{color:#fe632f}.audio-wrapper .tanc-bg .el-button{width:150px;border:none;font-size:18px;line-height:20px;outline:none;color:#fff;border-radius:20px;margin-top:15%;background:-webkit-gradient(linear,left top,right top,from(#ff9844),color-stop(50%,#fe632f),to(#f1511b));background:linear-gradient(90deg,#ff9844,#fe632f 50%,#f1511b)}audio:not([controls]){display:block!important}.content{width:100%;min-height:751px;padding-top:20px;position:relative}.relaxDetail{background-image:url(../img/sleepchange.206b50e3.png);margin:0 auto;width:1200px;height:700px}.introduction{margin-top:45px}.musicImg{border-radius:50%;padding:36px}.musicImg,.playerImg{width:300px;height:300px;position:absolute;left:255px;top:100px}.musicImg img{width:228px}.musicPlay{min-height:40px}@-webkit-keyframes scaleDraw{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes scaleDraw{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.enlargeplay{-webkit-animation-name:scaleDraw;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:8s}.musicImgplay{animation:rotateArround 3.5s linear 1s infinite;-webkit-animation:rotateArround 3.5s linear 1s infinite;-moz-animation:rotateArround 3.5s linear 1s infinite;-ms-animation:rotateArround 3.5s linear 1s infinite;-o-animation:rotateArround 3.5s linear 1s infinite}.playerImgplay{animation:rotateArround 10.5s linear 1s infinite;-webkit-animation:rotateArround 10.5s linear 1s infinite;-moz-animation:rotateArround 10.5s linear 1s infinite;-ms-animation:rotateArround 10.5s linear 1s infinite;-o-animation:rotateArround 10.5s linear 1s infinite}@keyframes rotateArround{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotateArround{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.detailRight{width:800px;margin:30px auto 0;padding-top:38%;position:relative}