.main .ml-7{margin-left:7px}.main .soundBtn{width:1.2rem;height:.4rem;display:flex;justify-content:center;align-items:center;position:relative}.main .soundBtn .soundIcon{width:.14rem;cursor:pointer}.main .soundBtn .soundProgress{width:.8rem;position:relative;height:.4rem;display:flex;justify-content:center;align-items:center;margin-left:.04rem;cursor:pointer}.main .soundBtn .soundProgress:hover .soundEndProgress{opacity:1}.main .nowProgress{background-color:#ffd014;height:.025rem;position:absolute;top:.189rem;left:0;cursor:pointer}.main .soundEndProgress{width:.08rem;height:.08rem;border-radius:.08rem;background-color:#ffd014;background-size:.1rem .1rem;position:absolute;top:.16rem;opacity:0}.main .wavenowProgress{width:2.61rem;height:.3rem;top:.1rem}.main .soundTotProgress,.main .wavenowProgress{background-color:#d8d8d8;cursor:pointer;position:absolute;left:0}.main .soundTotProgress{width:.79rem;height:.03rem;top:.185rem}.main .boldtxtss{color:#373734;font-size:16px;font-weight:500;padding-right:.01rem}.main .otherInfoTit{height:.12rem}.main .otherInfoTit .otherInfoLeft{width:50%;float:left;color:#b3af93;text-align:left}.main .otherInfoTit .otherInfoRight{width:50%;float:left;color:#b3af93;text-align:right}.main .desc{color:#b3af93;margin-top:.1rem}.main .descTit{color:#b3af93;text-align:center;font-size:12px}.main .descTxt{font-size:12px;margin-top:.02rem;word-break:break-all}.main .head{height:10rem;height:.44rem;background-color:#fff;position:relative}.main .profileSettingBtn{position:absolute;right:2.2rem;top:.07rem;width:.3rem;height:.3rem;border:1px solid #efdba6;border-radius:50%;color:#ba9a4c;display:flex;justify-content:center;align-items:center;cursor:pointer;box-sizing:border-box;transition:all .2s ease;z-index:10}.main .profileSettingBtn .el-icon-setting{font-size:17px;font-weight:600}.main .profileSettingBtn:hover{color:#9b7c34;border-color:#e3c87c;background:#fff8df;transform:translateY(-1px)}.main .preBtn{width:.16rem;height:.11rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAABGElEQVQ4T72UT2rCQBSHv1e1QsFFSQZ6CJF07wkKvUPtWvActdCtSy/RXkMaWyi9QOkibpUqzitJUWKNmQyIsxp4870f8/78hBMdqaKjSp334BYrazrJswjWxe0xTuDVdMGOQNp/b3Us0ey+jNMi5hCgH62An/MhSA/I/3whUXJRxJUy/wFVhDdzh9UhEBYllCjZKXklJp9I48s2WhsB3bLS5IUqM5uEGpsBah9BGq6+bYS8mKy9kyvD2eoLpO4SSeOpkDeTCX22QubNb4RaZSFfZlu6adDH8uRVOh/m5MOw/Vk63rHpgT54jbeL8V9YXUo0a/otrC6dXldoJ8e0oJ3epaY6DW9YA9fJi0h2Kz2ZqeYZF3Cs+C9L4pvWTrUp2gAAAABJRU5ErkJggg==) 50% no-repeat;background-size:.14rem .09rem;margin-right:.2rem;cursor:pointer}.main .preBtn:hover{width:.16rem;height:.11rem;background-size:.16rem .11rem}.main .nextBtn{width:.16rem;height:.11rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAABBklEQVQ4T72UQUrDQBSGv3+CSt2ahXgBEWwjXkMv4bJbwXoOwbX1DoIn6N4iPYQwCS4KQm3rk1QKCZh0ErSznJnvfcN7b57Y0pIZjtf4EmcRp9mTxGKTuw0jGx88gK5+gtsEXF9nflQna8PIxvEH0CkENrAhe58DnUyz34RtmFxkFa9PcRrQ9Y8SpTttmDrR2j9Cy76S98l6o0ZUyYSI8trNkbtR4u9WlazOQrECJSZQtAq/4GvnSOdvPkxUZsJFxpL92aGOp2mwqMAEimyO41q97L5R6gpMiOjfmyEF3ZL4YaP2rmDyyTAD7Tb7sM2ZLY4gI+IlviACeulz4FBtzGjTpP6r828sws4RIAOpMgAAAABJRU5ErkJggg==) 50% no-repeat;background-size:.14rem .09rem;margin-left:.2rem;cursor:pointer}.main .nextBtn:hover{width:.16rem;height:.11rem;background-size:.16rem .11rem}.main .inmLogo{width:1.9rem;height:.3rem;margin-left:2.4rem;margin-top:.07rem}.main .content{width:10rem;height:5rem;overflow:hidden;display:flex;position:relative;justify-content:center;align-items:center}.main .content .contentBg{width:100%;height:6.22rem;position:absolute;top:0;left:0}.main .otherInfo{width:1.67rem;height:1.06rem;position:absolute;top:1.33rem;right:2.2rem;overflow:hidden}.main .boldtxt{color:#373734}.main .player{width:6rem;height:2.5rem;background:#f5f7f8;border-radius:.25rem;z-index:999;position:relative}.main .playBtnBg{width:.4rem;height:.4rem;border-radius:.4rem;background-color:#f0f3f5;display:flex;justify-content:center;align-items:center}.main .musicName{color:#a39b85;font-size:19px;text-align:center;line-height:50px;height:36px;width:1.84rem;margin-top:10px;margin-left:.06rem}.main .playerMid{width:1.84rem;height:1.84rem;margin-left:.06rem;display:flex;justify-content:center;align-items:center;margin-top:.08rem}.main .boxShadow,.main .boxShadowed,.main .playerMidPic{width:1.46rem;height:1.46rem;border-radius:1.46rem;overflow:hidden;position:absolute}.main .boxShadowed.playerxx{box-shadow:4px 5px 12px #82b9c7}.main .boxShadowed.playersw{box-shadow:4px 5px 12px #ccc}.btnLists{margin-top:.12rem}.btnLists,.playBtn{display:flex;justify-content:center;align-items:center}.playBtn{width:.3rem;cursor:pointer;height:.3rem;border-radius:.3rem;background:#fff;box-shadow:0 .04rem .12rem 0 rgba(147,168,179,.15)}.playBtn:hover{background:#e8e8e8}.controlBox{width:1.67rem;height:1rem;position:absolute;top:.15rem;right:2.2rem;text-align:right}.controlBox .playCont{color:#a39b85;font-size:16px;margin-top:.02rem}.toggleTab{width:1.46rem;height:.24rem;background:rgba(0,0,0,.42);border-radius:0 0 .19rem .19rem;position:absolute;left:2.27rem;bottom:-.24rem}.toggleTab .tabs{height:.24rem;line-height:.24rem;width:40%;float:left;text-align:center;color:#fff;cursor:pointer}.toggleTab .tabs.percentage10{margin-left:10%}.toggleTab .tabs .active{background-color:#ffcc03;padding:.01rem .08rem;border-radius:.1rem;color:#373734;font-weight:600}.progress{margin-top:.2rem}.progress .progressBar{width:1.67rem;height:.02rem;background-color:#d8d8d8;position:relative;cursor:pointer}.progress .progressBar .nowDue{height:.02rem;background-color:#ffd014}.progress .progressBar .progressEnd{width:.06rem;height:.06rem;position:absolute;top:-.02rem;border-radius:.06rem;background-color:#ffd014}.nowTime{left:0;text-align:left}.nowTime,.totalTime{color:#b3af93;font-size:12px;width:.3rem;position:absolute;margin-top:.03rem}.totalTime{right:0;text-align:right}.suspended{animation-play-state:paused!important}.playBtnen,.stopBtnen{width:.1rem}.stopBtnen{margin-left:.03rem}.xuanzhuan{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;animation:rotate 12s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sounds{position:absolute;top:.98rem;right:2.42rem}.tryListenIcon{width:17px;height:17px;cursor:pointer;margin-left:5px}.tryListenItem{display:flex;align-items:center}.el-drawer__header{margin-bottom:12px}.kbEnter{position:absolute;right:0;top:-100px;cursor:pointer}.kbEnter,.kbEnter .kbEnterImg{width:148px;height:100px}.tagItem{margin-right:5px;margin-bottom:5px}.KBwarp{width:2rem;height:100%;position:absolute;right:0;top:0}.soundWarp{padding:10px 20px 0}.KBcontent{width:2rem;height:2rem;position:absolute;top:.4rem;overflow-x:hidden;overflow-y:scroll}.KBitem{width:1.8rem;height:.2rem;background:linear-gradient(90deg,#fffdf5,#fff1c5);border-radius:10px;display:flex;align-items:center;padding:.05rem;margin-bottom:.05rem}.Kbname{width:1.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contentTitle{display:inline-block;color:#373734}.el-popover__reference-wrapper,.moreInfo,.soundImg{display:flex;justify-content:center;align-items:center}.profile-dialog{border-radius:20px;overflow:hidden;background:rgba(245,247,248,.95);box-shadow:0 16px 36px rgba(36,37,38,.18)}.profile-dialog .el-dialog__header{padding:20px 24px 10px;border-bottom:1px solid rgba(255,208,20,.28)}.profile-dialog .el-dialog__title{color:#7f7763;font-size:16px;font-weight:600;line-height:1.5}.profile-dialog .el-dialog__body{padding:20px 24px 8px}.profile-dialog .el-dialog__footer{padding:8px 24px 22px}.profile-dialog-form .el-form-item__label{color:#8e856e;font-size:14px}.profile-dialog-form .el-input__inner{height:40px;border-radius:20px;border-color:rgba(255,208,20,.45);background:#fffdf5;color:#5f5a4a}.profile-dialog-form .el-input.is-disabled .el-input__inner{background:#f4f1e8;border-color:rgba(196,182,145,.35);color:#aca58f}.profile-dialog-form .el-input__inner:focus{border-color:#ffd014}.profile-dialog-item{margin-bottom:18px}.profile-dialog-footer{text-align:right}.profile-dialog-cancel-btn{min-width:96px;height:40px;line-height:40px;padding:0 20px;border-radius:19px;border:1px solid #d3ccb7;color:#7c7665;background:#f6f5f1;font-size:14px}.profile-dialog-cancel-btn:focus,.profile-dialog-cancel-btn:hover{color:#6b6556;border-color:#c4bca5;background:#efede6}.profile-dialog-save-btn{min-width:112px;height:40px;line-height:40px;padding:0 28px;border:none;border-radius:19px;background:linear-gradient(90deg,#ffd014,#ffbf00);color:#4d4839;font-weight:600;font-size:15px;letter-spacing:1px}.profile-dialog-save-btn:focus,.profile-dialog-save-btn:hover{background:linear-gradient(90deg,#ffd740,#ffc52b);color:#4d4839;border:none}.profile-dialog-save-btn:active{background:linear-gradient(90deg,#f1c300,#e7b100);color:#4d4839;border:none}