#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-size:3.733333vw;height:100%}body,html{height:100%;margin:0}em,i{font-style:normal}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.mbox{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:2em}.mbox a,.mbox p{display:block;color:#333;margin:1.333333vw}.recorder{height:100%;flex-direction:column;justify-content:flex-start;margin:0 5.333333vw}.recorder,.recorder-head{display:flex;align-items:center}.recorder-head{font-weight:700;width:100%;margin:5.333333vw 0}.recorder-head-left{font-size:6.666667vw;z-index:999;display:flex;justify-content:center;align-items:center}.recorder-head-title{font-size:5.333333vw;flex:1;text-align:center;z-index:-1;margin-left:-6.666667vw}.recorder-list{flex:1;flex-direction:column}.recorder-list,.recorder-list-item{display:flex;justify-content:flex-start;align-items:center;width:100%}.recorder-list-item{background:#f4f4f4;border:1px solid #ececec;border-radius:2vw;font-size:4.266667vw;margin-bottom:5.333333vw;padding:5.333333vw 0}.recorder-list-item-left{margin-left:2.666667vw;display:flex;justify-content:center;align-items:center;position:relative}.recorder-list-item-left-score{position:absolute;left:50%;transform:translateX(-50%);height:4vw;font-size:4.266667vw;font-weight:700;color:#999;display:flex;justify-content:center;align-items:center}.recorder-list-item-right{flex:1}.recorder-list-item-right .minTitle,.recorder-list-item-right .title{margin-right:5.333333vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recorder-list-item-right .minTitle{color:#666;font-size:3.733333vw;margin-top:4vw}.recorder-list-item-right .title1{line-height:1.8;margin:0 2.666667vw}.recorder-list-item1{background:#f4f4f4;border:1px solid #ececec;border-radius:2vw;font-size:4.266667vw;width:100%;padding:5.333333vw 0;margin-bottom:5.333333vw}.recorder-list-item1 .box{margin:0 5.333333vw;display:flex;justify-content:space-between;align-items:center;margin-bottom:5.333333vw}.recorder-list-item1 .box .number{color:#666;font-family:PingFangSC-Regular;font-size:3.733333vw;font-weight:700}.recorder-list-item1 .box .beat{display:flex;align-items:center}.recorder-list-item1 .box .beat ul{width:10.666667vw;height:5.333333vw;display:flex;transform:rotateX(180deg);justify-content:space-between}.recorder-list-item1 .box .beat ul p{width:1.333333vw;height:0;background:#f4f4f4;border-radius:.533333vw}.recorder-list-item1 .box .beat ul p:first-child{animation:Mymove1 2s ease infinite;animation-delay:.1s}.recorder-list-item1 .box .beat ul p:nth-of-type(2){animation:Mymove3 2s ease infinite;animation-delay:.3s}.recorder-list-item1 .box .beat ul p:nth-of-type(3){animation:Mymove4 2s ease infinite;animation-delay:.5s}.recorder-list-item1 .box .beat ul p:nth-of-type(4){animation:Mymove2 2s ease infinite;animation-delay:.7s}.recorder-list-item1 .box .beat ul p:nth-of-type(5){animation:Mymove3 2s ease infinite;animation-delay:.9s}.recorder-list-item1 .box .beat ul p:nth-of-type(6){animation:Mymove2 2s ease infinite;animation-delay:1.1s}@keyframes Mymove1{0%{height:1px}50%{height:5.333333vw}to{height:1.733333vw}}@keyframes Mymove2{0%{height:.266667vw}50%{height:5.333333vw}to{height:2.133333vw}}@keyframes Mymove3{0%{height:.4vw}50%{height:5.333333vw}to{height:2.533333vw}}@keyframes Mymove4{0%{height:.533333vw}50%{height:5.333333vw}to{height:2.8vw}}.recorder-list-item1 .box .beat-audio p{background:#6e49fc!important}.recorder-list-item1 .box .beat-recorded p{background:#ff8002!important}.recorder-list-item1 .title{margin:5.333333vw 0;padding:0 5.333333vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recorder-list-item1 .title1{padding:0 5.333333vw;line-height:1.6}.recorder-list-item1 .title2{text-align:center}.recorder-list-item1 .minTitle{margin:4vw 0 8vw 0;font-size:3.733333vw;color:#666;padding:0 4vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recorder-list1{flex:1;background:#f4f4f4;border:1px solid #ececec;border-radius:2vw;font-size:4.266667vw;padding:5.333333vw;line-height:1.6;overflow-y:auto}.recorder-list1 p{margin:4vw 0}.recorder-fun{width:100%;align-items:flex-start;color:#666;font-size:3.733333vw;font-weight:700;margin-top:5.333333vw}.recorder-fun,.recorder-fun-box{display:flex;justify-content:center}.recorder-fun-box{flex-direction:column;align-items:center}.recorder-fun-box p{padding-top:2.666667vw}.recorder-fun-audio,.recorder-fun-recording{width:33.33%}.recorder-fun-recorded{width:33.33%;position:relative;justify-content:flex-start}.recorder-fun-recorded-score{position:absolute;left:50%;top:1.866667vw;height:4vw;transform:translateX(-50%);font-size:4.266667vw;color:#6e49fc;display:flex;justify-content:center;align-items:center}.recorder-fun-recorded-score1{color:#999}.recorder .read-box{display:flex;justify-content:center;align-items:center}.recorder-fun1{margin:5.333333vw 0}.recorder-no{display:flex;justify-content:center;align-items:center;margin-top:6.666667vw}.recorder-fixed{display:none}.list-book{background:url(https://53englishcdn.53online.cn/bg.png) no-repeat bottom;background-size:100% auto;display:flex;align-items:center;justify-content:flex-start}.list-book-cover{width:29.333333vw;margin:5.333333vw}.list-book-cover img{border-radius:2vw;box-shadow:0 0 2vw #999}.list-book-flex{flex:1;display:flex;flex-direction:column;margin-right:4vw;justify-content:space-between;align-items:flex-start;padding:2.666667vw 0}.list-book-flex .title{font-size:4.8vw;line-height:1.6;margin-bottom:5.333333vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.list-book-flex .down,.list-book-flex .down1{height:10.666667vw}.list-book-flex .down{display:flex;justify-content:center;align-items:center;background:#6e49fc;color:#fff;padding:0 4vw;border-radius:2vw}.list-item{display:flex;flex-direction:column;justify-content:flex-start;margin:4vw}.list-item-box{width:100%;margin:0}.list-item-box .dd-title,.list-item-box .dt,.list-item-box .dt a,.list-item-box a,.list-item-box dt,.list-item-box dt a{display:flex;justify-content:space-between;align-items:center;width:100%;color:inherit}.list-item-box .dt,.list-item-box dt{font-size:4.266667vw;line-height:2;padding:4vw 0;border-bottom:1px solid #c9baff}.list-item-box .dt span,.list-item-box dt span{display:flex}.list-item-box .dd,.list-item-box dd{font-size:3.733333vw;display:flex;flex-direction:column;margin-inline-start:2.666667vw}.list-item-box .dd .dd-title,.list-item-box dd .dd-title{color:inherit;padding:3.333333vw 0}.list-item-box .dd .dd-title em,.list-item-box dd .dd-title em{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-item-box .dd .dd-title span,.list-item-box dd .dd-title span{display:flex}.list-item-box .dd a,.list-item-box dd a{color:inherit;padding:3.333333vw 0;border-bottom:1px dotted #ccc}.list-type{margin:4vw}.list-type .dd,.list-type a,.list-type dt{display:flex;justify-content:flex-start;align-items:center;color:inherit;font-size:4.266667vw}.list-type dt{padding:6.666667vw 2.666667vw}.list-type dd{margin-left:0}.list-type dd .dd,.list-type dd a{padding:8vw 5.333333vw;border-bottom:1px solid #c9baff}.list-type dd .van-image{width:8vw;margin-right:2vw}.list-type dd span{flex:1}.van-loading{margin-top:13.333333vw}.van-popup{width:100%}.downpopup{display:flex;flex-direction:column;justify-content:center;margin:4vw}.downpopup-title,.downpopup-title1{text-align:center;margin:4vw 0}.downpopup-title1{font-weight:700}.downpopup-bottom{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:4vw;border-bottom:1px dotted #999}.downpopup-bottom a,.downpopup-bottom span{padding:2vw 5.333333vw}.downpopup-btn,.downpopup-demo{display:flex;justify-content:center;align-items:center}.downpopup-btn{width:50%}.downpopup-demo{margin-top:1.333333vw}.downpopup-mail{display:flex;flex-direction:column;align-items:center;margin-top:4vw}.downpopup-mail .van-field{border:1px solid #999;width:80%;border-radius:2vw}.downpopup-mail .down{width:37.333333vw;margin-top:2vw}.downpopup .down{display:flex;justify-content:center;align-items:center;background:#6e49fc;color:#fff;border-radius:2vw}.downpopup .down1{font-size:3.2vw;color:#666;text-decoration:underline}.downpopup .down2{text-align:center}.offset{position:fixed;right:5%;bottom:5%;color:#fff;width:13.333333vw;height:13.333333vw;border-radius:100%;background:rgba(110,73,252,.5);display:flex;justify-content:center;align-items:center}.offset .van-icon{font-size:8vw;font-weight:700}