webpackJsonp([15],{"/VxT":function(n,a){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmBAMAAABaE/SdAAAAMFBMVEVHcExJ46ZJ46VJ46VJ46VI5aZJ4qVI46ZJ46VJ46ZJ46VI5ahJ4qVI46VJ4qVJ4qUxXrf/AAAAD3RSTlMAb8/toQ75P8VhiSAqfuVMjmp4AAABPUlEQVQoz2NgAAOeKXppRo4HGJBApP5/EPgkihDitP//yUvwiv7/zwIwIe7+/50BQJp1xv9PG6BiLP/VoayK/+ZQFnsj3BSxbxMY0AG7fTqGGMPhzyATOWxQFOYrAMn531EUyn8EOuC9AooYx+cABsb/Bai2/BdgYPoBZjovhQn2KzCc/wlm/f98FSo2/w+D/FeIGFww/iODP8SK/175UEGmLwz6DhCxBVvy/4GDiuUTw/sFUDEGoCAoqHg/M+QLwMQYtvwHuYHxG1Yx+wtoern+YbUDyS2iMLdguvknVr9hCwPMsJrAwGrfgCLGBAxTcGAjhz3IfKZvKJr7Qdq47VEirgScOso+F2BEM2d+Ipw9HcYo/t8OZRX9h6UrHn14WvsB18EITJO+gkuAaRIpVQVipl2gdhHltEewNA4AWTOUGfD3AKcAAAAASUVORK5CYII="},AqcS:function(n,a,t){var o=t("GB1L");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);t("rjj0")("4f49081a",o,!1,{})},GB1L:function(n,a,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-70e489b1] {\n  float: right;\n}\n.fr[data-v-70e489b1] {\n  float: right;\n}\n.fl[data-v-70e489b1] {\n  float: left;\n}\n.main-block[data-v-70e489b1] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-70e489b1]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-70e489b1]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-70e489b1]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-70e489b1]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-70e489b1 {\n0% {\n    -webkit-transform: scale(1);\n}\n50% {\n    -webkit-transform: scale(1.1);\n}\n100% {\n    -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-70e489b1] {\n  background: #40A9FF;\n  border: 1px solid #40A9FF;\n}\n.van-popup[data-v-70e489b1] {\n  background: transparent;\n}\n.ellipsisCss[data-v-70e489b1] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.transparentBtn[data-v-70e489b1] {\n  width: 32vw;\n  height: 10.13333333vw;\n  border: 1px solid white;\n  color: white;\n  text-align: center;\n  line-height: 10.13333333vw;\n  font-size: 4vw;\n  border-radius: 5.33333333vw;\n}\n.audio-hear[data-v-70e489b1] {\n  background: url('https://static-cdn.changchangenglish.com/new-sing/static/imagesaudio-hear.png') no-repeat;\n  background-size: 4.8vw 13.33333333vw;\n  display: inline-block;\n}\n._27377740323539322[data-v-70e489b1] {\n  height: 3.73333333vw;\n  width: 4.26666667vw;\n  background-position: 0 0;\n}\n.zIcon[data-v-70e489b1] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -3.73333333vw;\n}\n.zDefaultIcon[data-v-70e489b1] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -8.53333333vw;\n}\n.noOne[data-v-70e489b1] {\n  padding-top: 22.93333333vw;\n  text-align: center;\n}\n.noOne img[data-v-70e489b1] {\n  width: 43.73333333vw;\n}\n.noOne .text[data-v-70e489b1] {\n  margin-top: 5.33333333vw;\n  font-size: 16px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.noOne .btn[data-v-70e489b1] {\n  margin-top: 6.93333333vw;\n  width: 24.26666667vw;\n  height: 8.53333333vw;\n  border-radius: 4.8vw;\n  border: 0.26666667vw solid #ff7875;\n  line-height: 8.53333333vw;\n  font-size: 14px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #ff7875;\n}\n.collection-page .unStart[data-v-70e489b1] {\n  text-align: center;\n}\n.collection-page .unStart img[data-v-70e489b1] {\n  width: 80vw;\n}\n.collection-page .unStart p[data-v-70e489b1] {\n  line-height: 22px;\n  font-size: 16px;\n  color: #666666;\n}\n.collection-page .unStart div[data-v-70e489b1] {\n  width: 66.66666667vw;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  background: #40A9FF;\n  color: white;\n  border-radius: 5.33333333vw;\n  margin-top: 19.2vw;\n}\n.collection-page .collection-content[data-v-70e489b1] {\n  background: white;\n  position: absolute;\n  top: 5.33333333vw;\n  border-radius: 2.13333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 21.33333333vw;\n  padding: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n}\n.collection-page .collection-content .top-play[data-v-70e489b1] {\n  height: 13.86666667vw;\n  border-bottom: 0.26666667vw solid #eee;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n}\n.collection-page .collection-content .top-play .top-tips[data-v-70e489b1] {\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.collection-page .collection-content .top-play img[data-v-70e489b1] {\n  width: 6.66666667vw;\n  margin-right: 2.66666667vw;\n}\n.collection-page .collection-content .top-play div[data-v-70e489b1] {\n  margin-left: 2.66666667vw;\n}\n.collection-page .collection-content .top-play .play-all-img[data-v-70e489b1] {\n  margin: auto 0;\n  width: 4.26666667vw;\n  vertical-align: middle;\n}\n.collection-page .collection-content .collection-list[data-v-70e489b1] {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.collection-page .collection-content .collection-list li[data-v-70e489b1] {\n  height: 13.86666667vw;\n  border-bottom: 0.26666667vw solid #eee;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n.collection-page .collection-content .collection-list li .index[data-v-70e489b1] {\n  width: 4vw;\n  margin: auto 0;\n  font-size: 4.8vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.collection-page .collection-content .collection-list li .text[data-v-70e489b1] {\n  margin-left: 2.66666667vw;\n}\n.collection-page .collection-content .collection-list li .text .title[data-v-70e489b1] {\n  font-size: 4.26666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n}\n.collection-page .collection-content .collection-list li .text .sub-title[data-v-70e489b1] {\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Regular;\n  font-weight: 400;\n  color: #999999;\n}\n.collection-page .collection-content .collection-list li .play-icon[data-v-70e489b1] {\n  width: 6.66666667vw;\n  margin-right: 2.66666667vw;\n}\n@media screen and (orientation: landscape) {\n.audio-hear[data-v-70e489b1] {\n    background: url('https://static-cdn.changchangenglish.com/new-sing/static/imagesaudio-hear.png') no-repeat;\n    background-size: 2.69865067vw 7.49625187vw;\n    display: inline-block;\n}\n._27377740323539322[data-v-70e489b1] {\n    height: 2.09895052vw;\n    width: 2.3988006vw;\n    background-position: 0 0;\n}\n.zIcon[data-v-70e489b1] {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -2.09895052vw;\n}\n.zDefaultIcon[data-v-70e489b1] {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -4.7976012vw;\n}\n.collection-page[data-v-70e489b1] {\n    background: #eeeeee;\n}\n.collection-page .collection-content[data-v-70e489b1] {\n    background: white;\n    position: absolute;\n    top: 2.99850075vw;\n    border-radius: 1.1994003vw;\n    left: 2.99850075vw;\n    right: 2.99850075vw;\n    bottom: 7.49625187vw;\n    padding: 2.99850075vw;\n    overflow: auto;\n    margin: auto;\n}\n.collection-page .collection-content .top-play[data-v-70e489b1] {\n    height: 7.79610195vw;\n    border-bottom: 0.14992504vw solid #eee;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #000000;\n}\n.collection-page .collection-content .top-play .top-tips[data-v-70e489b1] {\n    font-size: 12px;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n}\n.collection-page .collection-content .top-play img[data-v-70e489b1] {\n    width: 3.74812594vw;\n    margin-right: 1.49925037vw;\n}\n.collection-page .collection-content .top-play div[data-v-70e489b1] {\n    margin-left: 1.49925037vw;\n}\n.collection-page .collection-content .top-play .play-all-img[data-v-70e489b1] {\n    margin: auto 0;\n    width: 2.3988006vw;\n    vertical-align: middle;\n}\n.collection-page .collection-content .collection-list[data-v-70e489b1] {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n.collection-page .collection-content .collection-list li[data-v-70e489b1] {\n    height: 7.79610195vw;\n    border-bottom: 0.14992504vw solid #eee;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.collection-page .collection-content .collection-list li .index[data-v-70e489b1] {\n    width: 2.24887556vw;\n    margin: auto 0;\n    font-size: 2.69865067vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n}\n.collection-page .collection-content .collection-list li .text[data-v-70e489b1] {\n    margin-left: 1.49925037vw;\n}\n.collection-page .collection-content .collection-list li .text .title[data-v-70e489b1] {\n    font-size: 2.3988006vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #000000;\n}\n.collection-page .collection-content .collection-list li .text .sub-title[data-v-70e489b1] {\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Regular;\n    font-weight: 400;\n    color: #999999;\n}\n.collection-page .collection-content .collection-list li .play-icon[data-v-70e489b1] {\n    width: 3.74812594vw;\n    margin-right: 1.49925037vw;\n}\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/collection/index.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,aAAa;CACd;AACD;EACE,YAAY;CACb;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,4BAA4B;CAC/B;AACD;IACI,8BAA8B;CACjC;AACD;IACI,4BAA4B;CAC/B;CACA;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,wBAAwB;CACzB;AACD;EACE,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB;CACrB;AACD;EACE,YAAY;EACZ,sBAAsB;EACtB,wBAAwB;EACxB,aAAa;EACb,mBAAmB;EACnB,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;CAC7B;AACD;EACE,2GAA2G;EAC3G,qCAAqC;EACrC,sBAAsB;CACvB;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,yBAAyB;CAC1B;AACD;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;CACtC;AACD;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;CACtC;AACD;EACE,2BAA2B;EAC3B,mBAAmB;CACpB;AACD;EACE,qBAAqB;CACtB;AACD;EACE,yBAAyB;EACzB,gBAAgB;EAChB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,yBAAyB;EACzB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,mCAAmC;EACnC,0BAA0B;EAC1B,gBAAgB;EAChB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,YAAY;CACb;AACD;EACE,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,2BAA2B;EAC3B,oBAAoB;EACpB,aAAa;EACb,4BAA4B;EAC5B,mBAAmB;CACpB;AACD;EACE,kBAAkB;EAClB,mBAAmB;EACnB,kBAAkB;EAClB,4BAA4B;EAC5B,mBAAmB;EACnB,oBAAoB;EACpB,sBAAsB;EACtB,sBAAsB;EACtB,eAAe;EACf,aAAa;CACd;AACD;EACE,sBAAsB;EACtB,uCAAuC;EACvC,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,gBAAgB;EAChB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,2BAA2B;CAC5B;AACD;EACE,0BAA0B;CAC3B;AACD;EACE,eAAe;EACf,oBAAoB;EACpB,uBAAuB;CACxB;AACD;EACE,iBAAiB;EACjB,UAAU;EACV,WAAW;CACZ;AACD;EACE,sBAAsB;EACtB,uCAAuC;EACvC,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;CACf;AACD;EACE,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,0BAA0B;CAC3B;AACD;EACE,wBAAwB;EACxB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,iBAAiB;EACjB,iCAAiC;EACjC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,2BAA2B;CAC5B;AACD;AACA;IACI,2GAA2G;IAC3G,2CAA2C;IAC3C,sBAAsB;CACzB;AACD;IACI,qBAAqB;IACrB,mBAAmB;IACnB,yBAAyB;CAC5B;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,qCAAqC;CACxC;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,oCAAoC;CACvC;AACD;IACI,oBAAoB;CACvB;AACD;IACI,kBAAkB;IAClB,mBAAmB;IACnB,kBAAkB;IAClB,2BAA2B;IAC3B,mBAAmB;IACnB,oBAAoB;IACpB,qBAAqB;IACrB,sBAAsB;IACtB,eAAe;IACf,aAAa;CAChB;AACD;IACI,qBAAqB;IACrB,uCAAuC;IACvC,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IACd,gCAAgC;IAChC,iBAAiB;IACjB,eAAe;CAClB;AACD;IACI,gBAAgB;IAChB,gCAAgC;IAChC,iBAAiB;IACjB,eAAe;CAClB;AACD;IACI,oBAAoB;IACpB,2BAA2B;CAC9B;AACD;IACI,0BAA0B;CAC7B;AACD;IACI,eAAe;IACf,mBAAmB;IACnB,uBAAuB;CAC1B;AACD;IACI,iBAAiB;IACjB,UAAU;IACV,WAAW;CACd;AACD;IACI,qBAAqB;IACrB,uCAAuC;IACvC,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;CACjB;AACD;IACI,oBAAoB;IACpB,eAAe;IACf,wBAAwB;IACxB,gCAAgC;IAChC,iBAAiB;IACjB,eAAe;CAClB;AACD;IACI,0BAA0B;CAC7B;AACD;IACI,uBAAuB;IACvB,gCAAgC;IAChC,iBAAiB;IACjB,eAAe;CAClB;AACD;IACI,wBAAwB;IACxB,iCAAiC;IACjC,iBAAiB;IACjB,eAAe;CAClB;AACD;IACI,oBAAoB;IACpB,2BAA2B;CAC9B;CACA",file:"index.vue",sourcesContent:["\n.fl-r[data-v-70e489b1] {\n  float: right;\n}\n.fr[data-v-70e489b1] {\n  float: right;\n}\n.fl[data-v-70e489b1] {\n  float: left;\n}\n.main-block[data-v-70e489b1] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-70e489b1]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-70e489b1]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-70e489b1]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-70e489b1]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-70e489b1 {\n0% {\n    -webkit-transform: scale(1);\n}\n50% {\n    -webkit-transform: scale(1.1);\n}\n100% {\n    -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-70e489b1] {\n  background: #40A9FF;\n  border: 1px solid #40A9FF;\n}\n.van-popup[data-v-70e489b1] {\n  background: transparent;\n}\n.ellipsisCss[data-v-70e489b1] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.transparentBtn[data-v-70e489b1] {\n  width: 32vw;\n  height: 10.13333333vw;\n  border: 1px solid white;\n  color: white;\n  text-align: center;\n  line-height: 10.13333333vw;\n  font-size: 4vw;\n  border-radius: 5.33333333vw;\n}\n.audio-hear[data-v-70e489b1] {\n  background: url('https://static-cdn.changchangenglish.com/new-sing/static/imagesaudio-hear.png') no-repeat;\n  background-size: 4.8vw 13.33333333vw;\n  display: inline-block;\n}\n._27377740323539322[data-v-70e489b1] {\n  height: 3.73333333vw;\n  width: 4.26666667vw;\n  background-position: 0 0;\n}\n.zIcon[data-v-70e489b1] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -3.73333333vw;\n}\n.zDefaultIcon[data-v-70e489b1] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -8.53333333vw;\n}\n.noOne[data-v-70e489b1] {\n  padding-top: 22.93333333vw;\n  text-align: center;\n}\n.noOne img[data-v-70e489b1] {\n  width: 43.73333333vw;\n}\n.noOne .text[data-v-70e489b1] {\n  margin-top: 5.33333333vw;\n  font-size: 16px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.noOne .btn[data-v-70e489b1] {\n  margin-top: 6.93333333vw;\n  width: 24.26666667vw;\n  height: 8.53333333vw;\n  border-radius: 4.8vw;\n  border: 0.26666667vw solid #ff7875;\n  line-height: 8.53333333vw;\n  font-size: 14px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #ff7875;\n}\n.collection-page .unStart[data-v-70e489b1] {\n  text-align: center;\n}\n.collection-page .unStart img[data-v-70e489b1] {\n  width: 80vw;\n}\n.collection-page .unStart p[data-v-70e489b1] {\n  line-height: 22px;\n  font-size: 16px;\n  color: #666666;\n}\n.collection-page .unStart div[data-v-70e489b1] {\n  width: 66.66666667vw;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  background: #40A9FF;\n  color: white;\n  border-radius: 5.33333333vw;\n  margin-top: 19.2vw;\n}\n.collection-page .collection-content[data-v-70e489b1] {\n  background: white;\n  position: absolute;\n  top: 5.33333333vw;\n  border-radius: 2.13333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 21.33333333vw;\n  padding: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n}\n.collection-page .collection-content .top-play[data-v-70e489b1] {\n  height: 13.86666667vw;\n  border-bottom: 0.26666667vw solid #eee;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n}\n.collection-page .collection-content .top-play .top-tips[data-v-70e489b1] {\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.collection-page .collection-content .top-play img[data-v-70e489b1] {\n  width: 6.66666667vw;\n  margin-right: 2.66666667vw;\n}\n.collection-page .collection-content .top-play div[data-v-70e489b1] {\n  margin-left: 2.66666667vw;\n}\n.collection-page .collection-content .top-play .play-all-img[data-v-70e489b1] {\n  margin: auto 0;\n  width: 4.26666667vw;\n  vertical-align: middle;\n}\n.collection-page .collection-content .collection-list[data-v-70e489b1] {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.collection-page .collection-content .collection-list li[data-v-70e489b1] {\n  height: 13.86666667vw;\n  border-bottom: 0.26666667vw solid #eee;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n.collection-page .collection-content .collection-list li .index[data-v-70e489b1] {\n  width: 4vw;\n  margin: auto 0;\n  font-size: 4.8vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.collection-page .collection-content .collection-list li .text[data-v-70e489b1] {\n  margin-left: 2.66666667vw;\n}\n.collection-page .collection-content .collection-list li .text .title[data-v-70e489b1] {\n  font-size: 4.26666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n}\n.collection-page .collection-content .collection-list li .text .sub-title[data-v-70e489b1] {\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Regular;\n  font-weight: 400;\n  color: #999999;\n}\n.collection-page .collection-content .collection-list li .play-icon[data-v-70e489b1] {\n  width: 6.66666667vw;\n  margin-right: 2.66666667vw;\n}\n@media screen and (orientation: landscape) {\n.audio-hear[data-v-70e489b1] {\n    background: url('https://static-cdn.changchangenglish.com/new-sing/static/imagesaudio-hear.png') no-repeat;\n    background-size: 2.69865067vw 7.49625187vw;\n    display: inline-block;\n}\n._27377740323539322[data-v-70e489b1] {\n    height: 2.09895052vw;\n    width: 2.3988006vw;\n    background-position: 0 0;\n}\n.zIcon[data-v-70e489b1] {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -2.09895052vw;\n}\n.zDefaultIcon[data-v-70e489b1] {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -4.7976012vw;\n}\n.collection-page[data-v-70e489b1] {\n    background: #eeeeee;\n}\n.collection-page .collection-content[data-v-70e489b1] {\n    background: white;\n    position: absolute;\n    top: 2.99850075vw;\n    border-radius: 1.1994003vw;\n    left: 2.99850075vw;\n    right: 2.99850075vw;\n    bottom: 7.49625187vw;\n    padding: 2.99850075vw;\n    overflow: auto;\n    margin: auto;\n}\n.collection-page .collection-content .top-play[data-v-70e489b1] {\n    height: 7.79610195vw;\n    border-bottom: 0.14992504vw solid #eee;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #000000;\n}\n.collection-page .collection-content .top-play .top-tips[data-v-70e489b1] {\n    font-size: 12px;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n}\n.collection-page .collection-content .top-play img[data-v-70e489b1] {\n    width: 3.74812594vw;\n    margin-right: 1.49925037vw;\n}\n.collection-page .collection-content .top-play div[data-v-70e489b1] {\n    margin-left: 1.49925037vw;\n}\n.collection-page .collection-content .top-play .play-all-img[data-v-70e489b1] {\n    margin: auto 0;\n    width: 2.3988006vw;\n    vertical-align: middle;\n}\n.collection-page .collection-content .collection-list[data-v-70e489b1] {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n.collection-page .collection-content .collection-list li[data-v-70e489b1] {\n    height: 7.79610195vw;\n    border-bottom: 0.14992504vw solid #eee;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.collection-page .collection-content .collection-list li .index[data-v-70e489b1] {\n    width: 2.24887556vw;\n    margin: auto 0;\n    font-size: 2.69865067vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n}\n.collection-page .collection-content .collection-list li .text[data-v-70e489b1] {\n    margin-left: 1.49925037vw;\n}\n.collection-page .collection-content .collection-list li .text .title[data-v-70e489b1] {\n    font-size: 2.3988006vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #000000;\n}\n.collection-page .collection-content .collection-list li .text .sub-title[data-v-70e489b1] {\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Regular;\n    font-weight: 400;\n    color: #999999;\n}\n.collection-page .collection-content .collection-list li .play-icon[data-v-70e489b1] {\n    width: 3.74812594vw;\n    margin-right: 1.49925037vw;\n}\n}\n"],sourceRoot:""}])},KgsE:function(n,a,t){n.exports=t.p+"static/img/collectionless.c6a6b9a.png"},PTpu:function(n,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var o=t("CCn6"),i=t("KgsE"),A=t.n(i),e=t("nl7b"),C=t.n(e),l=t("Zozi"),d=t.n(l),c=t("/VxT"),r=t.n(c),s=t("2oJL"),v=t("mkI/"),B={name:"index",components:{footPage:s.a,audioPage:v.a},data:function(){return{errorUrl:A.a,playAllUrl:C.a,noOne:!1,playDefaultUrl:d.a,playActiveUrl:r.a,showObj:{audio:[],audioIndex:0,show:!1},audioShow:!1,page:1,loading:!1,total:0}},mounted:function(){this.initPage()},methods:{loadMore:function(){},toList:function(){this.$router.push({name:"map"})},showAudio:function(n){this.showObj.audioIndex=n,this.showObj.show=!0,this.$refs.audioPage.onPlay()},initPage:function(){var n=this;Object(o.N)({limit:1e5}).then(function(a){a.list.length<1?n.noOne=!0:(n.showObj.audio=a.list,n.total=a.total)})}}},w=function(){var n=this,a=n.$createElement,t=n._self._c||a;return t("div",{staticClass:"collection-page"},[n.noOne?n._e():t("div",{staticClass:"collection-content"},[t("div",{staticClass:"top-play"},[t("img",{staticClass:"play-all-img",attrs:{src:n.playAllUrl}}),n._v(" "),t("div",[n._v("\n        收藏夹"),t("span",{staticClass:"top-tips"},[n._v("（共"+n._s(n.total)+"首）")])])]),n._v(" "),t("ul",{directives:[{name:"infinite-scroll",rawName:"v-infinite-scroll",value:n.loadMore,expression:"loadMore"}],staticClass:"collection-list",attrs:{"infinite-scroll-disabled":"loading"}},n._l(n.showObj.audio,function(a,o){return t("li",{on:{click:function(a){n.showAudio(o)}}},[t("div",{staticClass:"index"},[n._v(n._s(o+1))]),n._v(" "),t("div",{staticClass:"text"},[t("div",{staticClass:"title"},[n._v("\n            "+n._s(a.title)+"\n          ")]),n._v(" "),t("div",{staticClass:"sub-title"},[n._v("\n            "+n._s(a.sub_title)+"\n          ")])]),n._v(" "),o!==n.showObj.audioIndex?t("img",{staticClass:"play-icon",attrs:{src:n.playDefaultUrl}}):n._e(),n._v(" "),o===n.showObj.audioIndex?t("img",{staticClass:"play-icon",attrs:{src:n.playActiveUrl}}):n._e()])}))]),n._v(" "),n.noOne?t("div",{staticClass:"unStart"},[t("img",{attrs:{src:n.errorUrl,alt:""}}),n._v(" "),t("p",[n._v("还没有收藏哦~")]),n._v(" "),t("div",{on:{click:function(a){n.toList()}}},[n._v("快去收藏添加吧~")])]):n._e(),n._v(" "),t("foot-page"),n._v(" "),n.showObj.audio.length>0?t("audio-page",{directives:[{name:"show",rawName:"v-show",value:n.showObj.show,expression:"showObj.show"}],ref:"audioPage",attrs:{sc:"0",showObj:n.showObj}}):n._e()],1)};w._withStripped=!0;var g={render:w,staticRenderFns:[]},p=g;var h=!1;var b=t("VU/8")(B,p,!1,function(n){h||t("AqcS")},"data-v-70e489b1",null);b.options.__file="src/components/collection/index.vue";a.default=b.exports},Zozi:function(n,a){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmBAMAAABaE/SdAAAAJFBMVEVHcEyZmZmZmZmZmZmZmZmbm5uZmZmampqZmZmampqampqZmZmtFtvZAAAAC3RSTlMAy23poQ72JYU8Vr2/HB4AAAEYSURBVCjPY2AAA3YV4TRDpwIGJBAkvRsENqoihJisd2/0UGqR3r1ZASbELr1bKgBIsy7cvRGmnWW3JJQ1cXcWlMUpBDdFbdsCBnTAaZ2FIcZQvA1kIqM5isJsASCpvRNFofYmoAOsBVDEGDcHMDDtnoBqy24FBsaNYKZzK0xQWoChehOYtXsbTHD1dgbtrRCx3ZuhgtGbGLwhVuz2yN4MCRXGLQzSDhCxhhKoIMtGBusGqBgDUBAUVBybGbIVYGIMJbtBbmDahlUMSe9umF5sdmBzCzY3V+/C9Bu2MMAWVtjCFBzYaGHPwLgNRbM0SBt7NkrETQGnjmWbJ2BEM1d2Epy9EsZYhpSGCtDTmuLujfjSJNa0i5bGAfurbYQouV9oAAAAAElFTkSuQmCC"},c2SM:function(n,a,t){var o=t("sgWV");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);t("rjj0")("4a344f7e",o,!1,{})},"mkI/":function(n,a,t){"use strict";t("eqfM");var o=t("/QYm"),i=t("bOdI"),A=t.n(i),e=(t("q/am"),t("4VPn")),C=t.n(e),l=t("S+8+"),d=t.n(l),c=t("97UH"),r=t.n(c),s=t("CCn6"),v={name:"fun",props:["showObj","sc"],components:A()({},C.a.name,C.a),data:function(){return{popupVisible:!1,collectPop:!1,hasCollect:!1,closeUrl:r.a,ageShow:!1,imgPop:!1,startTime:"00:00",overTime:"00:00",range:0,tapToVideo:d.a,playFlag:!1,transformStatus:"",offset:0,timer:null,playType:0|Number(localStorage.getItem("playType"))}},mounted:function(){this.checkCollect()},methods:{imgPopFn:function(){this.imgPop=!0},changeCollect:function(){var n=this;if(this.hasCollect)Object(s.h)(this.hasCollect).then(function(a){n.hasCollect=!1,Object(o.a)("取消收藏"),n.checkCollect()});else{var a={category_id:this.showObj.audio[this.showObj.audioIndex].category_id,type:1,title:this.showObj.audio[this.showObj.audioIndex].title,sub_title:"来自于 "+this.showObj.audio[this.showObj.audioIndex].sub_title,url:this.showObj.audio[this.showObj.audioIndex].link,cover:this.showObj.audio[this.showObj.audioIndex].url};Object(s.b)(a).then(function(a){Object(o.a)("收藏成功"),n.checkCollect()})}},checkCollect:function(){var n=this;if(0==this.sc){var a={url:this.showObj.audio[this.showObj.audioIndex].link};Object(s.N)(a).then(function(a){n.hasCollect=!(a.list.length<1)&&a.list[0].id})}},onPlay:function(){this.$refs.audio.play()},lastOne:function(){this.showObj.audioIndex>0?(this.showObj.audioIndex--,this.keepPlay()):0===this.playType&&this.showObj.audio.length>1?(this.showObj.audioIndex=this.showObj.audio.length-1,this.keepPlay()):Object(o.a)("已经是第一首")},changeIndex:function(n){this.showObj.audioIndex=n,this.popupVisible=!1,this.keepPlay()},keepPlay:function(){var n=this;this.playFlag?this.$nextTick(function(){n.onPlay()}):this.$nextTick(function(){n.onStop()})},nextOne:function(){this.showObj.audioIndex<this.showObj.audio.length-1?(this.showObj.audioIndex++,this.keepPlay()):0===this.playType&&this.showObj.audio.length>1?(this.showObj.audioIndex=0,this.keepPlay()):Object(o.a)("已经是最后一首")},canPlay:function(){var n=this,a=this.$refs.audio;this.offset=Math.ceil(0|parseInt(a.duration)),this.$nextTick(function(){n.getDuration()})},playing:function(){var n=this,a=this.$refs.audio;this.playFlag=!0,this.$refs.imgItem.classList.add("swin"),this.timer=setInterval(function(){var t=null;t=parseInt(a.currentTime/60)<10?"0"+parseInt(a.currentTime/60):parseInt(a.currentTime/60);var o=parseInt(a.currentTime%60);o<10&&(o="0"+o),n.startTime=t+":"+o,n.range=parseInt(a.currentTime),n.range===n.offset&&0!==n.offset&&(n.range=0,n.startTime="00:00",n.onOver(),clearInterval(n.timer))},1e3)},stopTime:function(){clearInterval(this.timer)},getDuration:function(){var n=null;if(0===this.offset)this.overTime="正在加载中...";else{n=parseInt(this.offset/60)<10?"0"+parseInt(this.offset/60):parseInt(this.offset/60);var a=parseInt(this.offset%60);a<10&&(a="0"+a),this.overTime=n+":"+a}},onStop:function(){this.$refs.audio.pause(),this.playFlag=!1;var n=getComputedStyle(this.$refs.imgItem).transform,a=getComputedStyle(this.$refs.imageBlock).transform;this.$refs.imageBlock.style.transform="none"===a?n:n.concat(" ",a),this.$refs.imgItem.classList.remove("swin")},close:function(){this.showObj.show=!1,this.onStop()},onOver:function(){var n=this;switch(this.playType){case 0:this.showObj.audioIndex<this.showObj.audio.length-1?this.showObj.audioIndex++:this.showObj.audioIndex=0,this.$nextTick(function(){n.onPlay()});break;case 1:this.range=0,this.$nextTick(function(){n.onPlay()});break;case 2:this.showObj.audioIndex<this.showObj.audio.length-1?(this.showObj.audioIndex++,this.$nextTick(function(){n.onPlay()})):(this.showObj.audioIndex=0,this.$nextTick(function(){n.onStop()}))}},changeType:function(){switch(this.playType<2?this.playType++:this.playType=0,window.localStorage.setItem("playType",this.playType),this.playType){case 1:Object(o.a)("单曲循环");break;case 2:Object(o.a)("顺序播放");break;case 0:Object(o.a)("列表循环")}}},watch:{"showObj.audioIndex":function(n){this.checkCollect(),this.keepPlay()},range:function(n,a){var t=this,o=this.$refs.audio;Math.abs(n-a)>2&&(this.timer=setInterval(function(){var n=null;n=parseInt(o.currentTime/60)<10?"0"+parseInt(o.currentTime/60):parseInt(o.currentTime/60);var a=parseInt(o.currentTime%60);a<10&&(a="0"+a),t.startTime=n+":"+a,t.range=parseInt(o.currentTime),t.range==t.offset&&0!==t.offset&&(t.range=0,t.startTime="00:00",t.onOver(),clearInterval(t.timer))},1e3),o.currentTime=n)}}},B=function(){var n=this,a=n.$createElement,t=n._self._c||a;return t("div",{staticClass:"audio-page"},[n.showObj.audio?t("div",{staticClass:"content"},[t("img",{staticClass:"colse-btn",attrs:{src:n.closeUrl},on:{click:n.close}}),n._v(" "),t("audio",{ref:"audio",attrs:{id:"audioTag",src:n.showObj.audio[n.showObj.audioIndex].link},on:{durationchange:n.canPlay,play:function(a){n.playing()}}}),n._v(" "),t("div",{staticClass:"hp-left"},[t("div",{staticClass:"hp-top"},[t("div",{staticClass:"title-block"},[t("div",{staticClass:"title"},[n._v(n._s(n.showObj.audio[n.showObj.audioIndex].title))]),n._v(" "),t("div",{staticClass:"tips"},[n._v(n._s(n.showObj.audio[n.showObj.audioIndex].sub_title))])]),n._v(" "),t("div",{ref:"imageBlock",class:{"image-block":!0},on:{click:n.imgPopFn}},[t("img",{ref:"imgItem",attrs:{src:n.showObj.audio[n.showObj.audioIndex].url}})]),n._v(" "),t("div",[t("div",{staticClass:"btn-group hp"},[0===n.playType?t("i",{staticClass:"iconfont icon-icon_change1",on:{click:function(a){n.changeType()}}}):n._e(),n._v(" "),1===n.playType?t("i",{staticClass:"iconfont icon-icon_change",on:{click:function(a){n.changeType()}}}):n._e(),n._v(" "),2===n.playType?t("i",{staticClass:"iconfont icon-icon_changge",on:{click:function(a){n.changeType()}}}):n._e(),n._v(" "),t("i",{staticClass:"iconfont icon-icon_left",on:{click:function(a){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():t("i",{staticClass:"iconfont icon-icon_stop",on:{click:n.onPlay}}),n._v(" "),n.playFlag?t("i",{staticClass:"iconfont icon-icon_begin",on:{click:n.onStop}}):n._e(),n._v(" "),t("i",{staticClass:"iconfont icon-icon_right",on:{click:function(a){n.nextOne()}}}),n._v(" "),t("i",{staticClass:"iconfont icon-icon_list",on:{click:function(a){n.popupVisible=!n.popupVisible}}})])])]),n._v(" "),1==n.sc||n.hasCollect?n._e():t("i",{staticClass:"iconfont icon-icon_like collect",on:{click:n.changeCollect}}),n._v(" "),1!=n.sc&&n.hasCollect?t("i",{staticClass:"iconfont icon-icon_like1 collect",on:{click:n.changeCollect}}):n._e(),n._v(" "),t("div",{staticClass:"range-block"},[t("div",{staticClass:"time-block"},[t("div",{staticClass:"left-time"},[n._v(n._s(n.startTime))]),n._v(" "),t("div",{staticClass:"right-time"},[n._v(n._s(n.overTime))])]),n._v(" "),t("input",{directives:[{name:"model",rawName:"v-model",value:n.range,expression:"range"}],style:{backgroundSize:(n.offset?n.range/n.offset*100:0)+"% 100%"},attrs:{type:"range",min:"0",max:n.offset},domProps:{value:n.range},on:{__r:function(a){n.range=a.target.value}}})])]),n._v(" "),t("div",{staticClass:"btn-group"},[0===n.playType?t("i",{staticClass:"iconfont icon-icon_change1",on:{click:function(a){n.changeType()}}}):n._e(),n._v(" "),1===n.playType?t("i",{staticClass:"iconfont icon-icon_change",on:{click:function(a){n.changeType()}}}):n._e(),n._v(" "),2===n.playType?t("i",{staticClass:"iconfont icon-icon_changge",on:{click:function(a){n.changeType()}}}):n._e(),n._v(" "),t("i",{staticClass:"iconfont icon-icon_left",on:{click:function(a){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():t("i",{staticClass:"iconfont icon-icon_stop",on:{click:n.onPlay}}),n._v(" "),n.playFlag?t("i",{staticClass:"iconfont icon-icon_begin",on:{click:n.onStop}}):n._e(),n._v(" "),t("i",{staticClass:"iconfont icon-icon_right",on:{click:function(a){n.nextOne()}}}),n._v(" "),t("i",{staticClass:"iconfont icon-icon_list",on:{click:function(a){n.popupVisible=!n.popupVisible}}})])]):n._e(),n._v(" "),t("mt-popup",{staticStyle:{background:"transparent"},attrs:{position:"bottom"},model:{value:n.popupVisible,callback:function(a){n.popupVisible=a},expression:"popupVisible"}},[n.showObj.audio?t("div",{staticClass:"list-popup"},[n._l(this.showObj.audio,function(a,o){return t("div",{class:{"list-block":!0,active:o===n.showObj.audioIndex},on:{click:function(a){n.changeIndex(o)}}},[n._v("\n        "+n._s(a.title)+"\n        "),t("i",{class:{playImage:!0,zDefaultIcon:o!==n.showObj.audioIndex,zIcon:o===n.showObj.audioIndex}})])}),n._v(" "),t("div",{staticClass:"close-btn",on:{click:function(a){n.popupVisible=!1}}},[n._v("关闭")])],2):n._e()]),n._v(" "),t("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.imgPop,callback:function(a){n.imgPop=a},expression:"imgPop"}},[n.showObj.audio?t("div",{staticClass:"imgPop-block"},[t("img",{attrs:{src:n.showObj.audio[n.showObj.audioIndex].url}})]):n._e()])],1)};B._withStripped=!0;var w={render:B,staticRenderFns:[]},g=w;var p=!1;var h=t("VU/8")(v,g,!1,function(n){p||t("c2SM")},"data-v-a7844a96",null);h.options.__file="src/components/collection/audio.vue";a.a=h.exports},nl7b:function(n,a){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAAXNSR0IArs4c6QAAAeFJREFUSA3tV79Lw0AU9o5aurS4FLLo5iLtYnVyUJwEmyali4u7OLgJTlKcHOo/UBQE50JKFF0s7hqn4iKC1h+LCkLFoTE9v5c20MGEtPTHkoOXu3f33vu+vFySd2ys3TKZzJwQYgfqPGTKmXfrGWMPkP1yuXzoZuNnnpGRoihbzWbzAAEfQULnnL95OcOG/BbQK+hlXddPvey91kJ05wQOo2NJkjaLxaLp5eCsAbwA4lXoa5CeCXAEorTXIpHIhl9wIoFswVW8QOKk99pYOp3+RjALgT66DQI/CT5fkEs/vrB/As5NKpU6y+fzv+TDZFkWWKC02xN+AnXaIOAP/F8751zGtG8mYT+B/hb7bB0b+M4mAGUbSsHFsW/TAGfZbHbRsqwjBA3FYrEk71t0H4GQKaFp2lU4HF7BOF6v13eHSsDhWCqV7jHWIMsjIUBE8DjoFU6MjABtfJAYHxkBygK1gECQgSADQQaCDHDnm9z6MA7vSv8BwqZHUIWSGB50CwngScImAhWImsvlpltLg7+2saikr/BoNLoHNp+maZ5TuYRs2GeFQdCg2KqqLjUajQuM321sAkJ9P4OzwQmGsyBDVe4zRED62f4vSh0ElMkhwzBWofs6mjl+XfY12F93luV/YsW9mBsdQQ8AAAAASUVORK5CYII="},sgWV:function(n,a,t){(n.exports=t("FZ+f")(!0)).push([n.i,'\n.fl-r[data-v-a7844a96] {\n  float: right;\n}\n.fr[data-v-a7844a96] {\n  float: right;\n}\n.fl[data-v-a7844a96] {\n  float: left;\n}\n.main-block[data-v-a7844a96] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-a7844a96]:after {\n  content: \'\';\n  display: block;\n  clear: both;\n}\n[data-v-a7844a96]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-a7844a96]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-a7844a96]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-a7844a96 {\n0% {\n    -webkit-transform: scale(1);\n}\n50% {\n    -webkit-transform: scale(1.1);\n}\n100% {\n    -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-a7844a96] {\n  background: #40A9FF;\n  border: 1px solid #40A9FF;\n}\n.van-popup[data-v-a7844a96] {\n  background: transparent;\n}\n.ellipsisCss[data-v-a7844a96] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.transparentBtn[data-v-a7844a96] {\n  width: 32vw;\n  height: 10.13333333vw;\n  border: 1px solid white;\n  color: white;\n  text-align: center;\n  line-height: 10.13333333vw;\n  font-size: 4vw;\n  border-radius: 5.33333333vw;\n}\n.playImage[data-v-a7844a96] {\n  display: inline-block;\n}\n._282918034425091245[data-v-a7844a96] {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._154722344142123489[data-v-a7844a96] {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 -2.13333333vw;\n  vertical-align: bottom;\n}\n.next[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -3.46666667vw;\n}\n.listPlay[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -7.73333333vw;\n}\n.replay[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -12vw;\n}\n.toBig[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -16.26666667vw;\n}\n.replayAll[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -20.53333333vw;\n}\n.collectDefault[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -24.8vw;\n}\n.collect[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  und-position: 0 -29.06666667vw;\n}\n.last[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -33.33333333vw;\n}\n.list[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -37.6vw;\n}\n.close[data-v-a7844a96] {\n  height: 4.53333333vw;\n  width: 4.53333333vw;\n  background-position: 0 -41.86666667vw;\n}\n.zDefaultIcon[data-v-a7844a96] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -46.4vw;\n  float: right;\n}\n.zIcon[data-v-a7844a96] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -51.2vw;\n  float: right;\n}\n.iconfont[data-v-a7844a96] {\n  color: #cccccc;\n}\n.icon-icon_stop[data-v-a7844a96] {\n  font-size: 13.33333333vw;\n  color: #69c0ff;\n}\n.icon-icon_begin[data-v-a7844a96] {\n  font-size: 13.33333333vw;\n  color: #69c0ff;\n}\n.icon-icon_left[data-v-a7844a96] {\n  height: 9.86666667vw;\n  width: 9.86666667vw;\n  font-size: 8.53333333vw;\n  color: #69c0ff;\n}\n.icon-icon_right[data-v-a7844a96] {\n  height: 9.86666667vw;\n  width: 9.86666667vw;\n  font-size: 8.53333333vw;\n  color: #69c0ff;\n}\n.icon-icon_list[data-v-a7844a96] {\n  font-size: 5.33333333vw;\n}\n.icon-icon_change1[data-v-a7844a96] {\n  font-size: 5.6vw;\n  width: 5.33333333vw;\n}\n.icon-icon_change[data-v-a7844a96] {\n  font-size: 5.33333333vw;\n  width: 5.33333333vw;\n}\n.icon-icon_changge[data-v-a7844a96] {\n  font-size: 5.06666667vw;\n  width: 5.33333333vw;\n}\n.hp-left[data-v-a7844a96] {\n  position: relative;\n}\n.hp-left .collect[data-v-a7844a96] {\n  position: absolute;\n  right: 17.06666667vw;\n  bottom: 12.8vw;\n}\n.icon-icon_like1[data-v-a7844a96] {\n  color: #ff7d77;\n}\n@-webkit-keyframes spin-data-v-a7844a96 {\nfrom {\n    -webkit-transform: rotate(0deg);\n}\nto {\n    -webkit-transform: rotate(360deg);\n}\n}\n@keyframes spin-data-v-a7844a96 {\nfrom {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\nto {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n}\n}\n.swin[data-v-a7844a96] {\n  -webkit-animation: spin-data-v-a7844a96 8s linear 1s 5 alternate;\n  animation: spin-data-v-a7844a96 8s linear infinite;\n}\n.pause[data-v-a7844a96] {\n  animation-play-state: paused;\n  -webkit-animation-play-state: paused;\n}\n.noanimation[data-v-a7844a96] {\n  -webkit-animation: none !important;\n  animation: none !important;\n}\n.collect-block[data-v-a7844a96] {\n  padding: 2.66666667vw;\n  border-radius: 1.06666667vw;\n  background: white;\n}\n.colse-btn[data-v-a7844a96] {\n  position: absolute;\n  top: 4vw;\n  right: 4vw;\n  width: 5.33333333vw;\n}\n.content[data-v-a7844a96] {\n  background: white;\n  position: fixed;\n  z-index: 2002;\n  top: 0;\n  left: 0;\n  padding: 80px 0 0;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  height: 100vh;\n  width: 100vw;\n  border-radius: 2.13333333vw;\n  text-align: center;\n}\n.content .image-block[data-v-a7844a96] {\n  width: 50.13333333vw;\n  height: 50.13333333vw;\n  margin-top: 5.33333333vw;\n  -webkit-box-shadow: 0 0 8vw 1.33333333vw #ddd;\n          box-shadow: 0 0 8vw 1.33333333vw #ddd;\n  overflow: hidden;\n  border-radius: 266.4vw;\n  -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n          box-shadow: 0px 0px 4px 0px #60adf0;\n  border: 4px solid #ffffff;\n}\n.content .image-block img[data-v-a7844a96] {\n  width: 100%;\n  border-radius: 266.4vw;\n}\n.content .title-block[data-v-a7844a96] {\n  margin-top: 6.4vw;\n}\n.content .title-block .title[data-v-a7844a96] {\n  font-size: 4.26666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.content .title-block .tips[data-v-a7844a96] {\n  font-size: 3.73333333vw;\n  margin-top: 1.6vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.content .range-block[data-v-a7844a96] {\n  width: 66.66666667vw;\n  margin-top: 4.26666667vw;\n}\n.content .range-block .time-block[data-v-a7844a96] {\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n  text-align: left;\n}\n.content .range-block .time-block[data-v-a7844a96]:after {\n  content: "";\n  display: block;\n  clear: both;\n}\n.content .range-block .time-block .left-time[data-v-a7844a96] {\n  float: left;\n}\n.content .range-block .time-block .right-time[data-v-a7844a96] {\n  float: right;\n}\n.content .range-block input[type="range"][data-v-a7844a96] {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-appearance: none;\n  background: -webkit-linear-gradient(#69c0ff, #69c0ff) no-repeat, #d8d8d8;\n  background-size: 75% 100%;\n  /*设置左右宽度比例*/\n  width: 100%;\n  border-radius: 2.66666667vw;\n  /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n}\n.content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-runnable-track {\n  height: 1.06666667vw;\n  border-radius: 0.53333333vw;\n}\n.content .range-block input[type="range"][data-v-a7844a96]:focus {\n  outline: none;\n}\n.content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n  border: none;\n  outline: none;\n  -webkit-appearance: none;\n  border-radius: 50%;\n  /*外观设置为圆形*/\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  margin-top: -1.6vw;\n  /*使滑块超出轨道部分的偏移量相等*/\n  background: #69c0ff;\n}\n.content .btn-group[data-v-a7844a96] {\n  margin-top: 8vw;\n  width: 74.66666667vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n.content .btn-group.hp[data-v-a7844a96] {\n  display: none;\n}\n.list-popup[data-v-a7844a96] {\n  width: 100vw;\n  max-height: 92vw;\n  overflow: auto;\n  border-radius: 2.13333333vw 2.13333333vw 0 0;\n  background: white;\n  padding-top: 5.33333333vw;\n}\n.list-popup .list-block[data-v-a7844a96] {\n  display: block;\n  width: auto;\n  margin: 0 5.33333333vw;\n  padding: 3.2vw 9.6vw;\n  border-bottom: 0.26666667vw solid #dddddd;\n}\n.list-popup .list-block.active[data-v-a7844a96] {\n  color: #49e2a5;\n}\n.list-popup .close-btn[data-v-a7844a96] {\n  text-align: center;\n  padding: 5.33333333vw;\n}\n.imgPop-block[data-v-a7844a96] {\n  max-height: 133.33333333vw;\n  overflow: auto;\n}\n.imgPop-block img[data-v-a7844a96] {\n  max-width: 80vw;\n}\n.btn-block[data-v-a7844a96] {\n  position: relative;\n  margin-top: 7.46666667vw;\n  text-align: center;\n}\n.btn-block .age-block[data-v-a7844a96] {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block[data-v-a7844a96] {\n  position: absolute;\n  top: 9.86666667vw;\n  left: 0;\n  width: 17.6vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #666666;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block > div[data-v-a7844a96] {\n  padding: 1.6vw 2.93333333vw;\n  text-align: left;\n}\n.btn-block .age-change-block > div[data-v-a7844a96]:first-child {\n  border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block[data-v-a7844a96] {\n  border-radius: 266.66666667vw;\n  width: 38.4vw;\n  border: 0.26666667vw solid #40a9ff;\n}\n.btn-block .change-block[data-v-a7844a96]:after {\n  content: "";\n  display: block;\n  clear: both;\n}\n.btn-block .change-block div[data-v-a7844a96] {\n  float: left;\n  width: 50%;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #cccccc;\n}\n.btn-block .change-block div.active[data-v-a7844a96] {\n  background: #40a9ff;\n  color: white;\n}\n.change-block-HP[data-v-a7844a96] {\n  display: none;\n}\n@media screen and (orientation: landscape) {\n.playImage[data-v-a7844a96] {\n    background: url("https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2") no-repeat;\n    background-size: 5.9970015vw 33.73313343vw;\n    display: inline-block;\n}\n._154722344142123489[data-v-a7844a96] {\n    height: 0.74962519vw;\n    width: 1.34932534vw;\n    background-position: 0 0;\n}\n._282918034425091245[data-v-a7844a96] {\n    height: 1.1994003vw;\n    width: 1.34932534vw;\n    background-position: 0 -0.59970015vw;\n    vertical-align: bottom;\n}\n.last[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -1.94902549vw;\n}\n.listPlay[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -4.34782609vw;\n}\n.replay[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -6.74662669vw;\n}\n.next[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -9.14542729vw;\n}\n.replayAll[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -11.54422789vw;\n}\n.list[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -13.94302849vw;\n}\n.zDefaultIcon[data-v-a7844a96] {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -16.34182909vw;\n    float: right;\n}\n.zIcon[data-v-a7844a96] {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -19.04047976vw;\n    float: right;\n}\n.play[data-v-a7844a96] {\n    height: 5.9970015vw;\n    width: 5.9970015vw;\n    background-position: 0 -21.73913043vw;\n}\n.stop[data-v-a7844a96] {\n    height: 5.9970015vw;\n    width: 5.9970015vw;\n    background-position: 0 -27.73613193vw;\n}\n.icon-icon_stop[data-v-a7844a96] {\n    height: 7.49625187vw;\n    width: 7.49625187vw;\n    font-size: 7.1964018vw;\n    color: #69c0ff;\n}\n.icon-icon_begin[data-v-a7844a96] {\n    height: 7.49625187vw;\n    width: 7.49625187vw;\n    font-size: 7.1964018vw;\n    color: #69c0ff;\n}\n.icon-icon_left[data-v-a7844a96] {\n    height: 5.54722639vw;\n    width: 5.54722639vw;\n    font-size: 4.7976012vw;\n    color: #69c0ff;\n}\n.icon-icon_right[data-v-a7844a96] {\n    height: 5.54722639vw;\n    width: 5.54722639vw;\n    font-size: 4.7976012vw;\n    color: #69c0ff;\n}\n.icon-icon_list[data-v-a7844a96] {\n    font-size: 2.99850075vw;\n}\n.icon-icon_change1[data-v-a7844a96] {\n    font-size: 3.14842579vw;\n}\n.icon-icon_change[data-v-a7844a96] {\n    font-size: 2.99850075vw;\n}\n.icon-icon_changge[data-v-a7844a96] {\n    font-size: 2.84857571vw;\n}\n.audio-page[data-v-a7844a96] {\n    position: absolute;\n    top: 0.74962519vw;\n    bottom: 0.74962519vw;\n    left: 0.74962519vw;\n    right: 0.74962519vw;\n    overflow: auto;\n    border-radius: 1.1994003vw;\n}\n.audio-page .content[data-v-a7844a96] {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    border-radius: 1.1994003vw;\n    padding: 0;\n}\n.audio-page .content .hp-left[data-v-a7844a96] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    margin-right: 2.99850075vw;\n}\n.audio-page .content .hp-left .hp-top[data-v-a7844a96] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 100%;\n}\n.audio-page .content .image-block[data-v-a7844a96] {\n    width: 22.48875562vw;\n    height: 22.48875562vw;\n    -webkit-box-shadow: 0 0 4.49775112vw 0.74962519vw #ddd;\n            box-shadow: 0 0 4.49775112vw 0.74962519vw #ddd;\n    overflow: hidden;\n    display: block;\n    margin: auto;\n    border-radius: 149.77511244vw;\n    -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n            box-shadow: 0px 0px 4px 0px #60adf0;\n    border: 4px solid #ffffff;\n}\n.audio-page .content .image-block img[data-v-a7844a96] {\n    width: 100%;\n}\n.audio-page .content .title-block[data-v-a7844a96] {\n    margin-top: 3.5982009vw;\n}\n.audio-page .content .title-block .title[data-v-a7844a96] {\n    font-size: 2.3988006vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .content .title-block .tips[data-v-a7844a96] {\n    font-size: 2.09895052vw;\n    margin-top: 0.89955022vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n}\n.audio-page .content .range-block[data-v-a7844a96] {\n    width: auto;\n    margin-top: 2.3988006vw;\n}\n.audio-page .content .range-block .time-block[data-v-a7844a96] {\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n    text-align: left;\n}\n.audio-page .content .range-block .time-block[data-v-a7844a96]:after {\n    content: "";\n    display: block;\n    clear: both;\n}\n.audio-page .content .range-block .time-block .left-time[data-v-a7844a96] {\n    float: left;\n}\n.audio-page .content .range-block .time-block .right-time[data-v-a7844a96] {\n    float: right;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96] {\n    -webkit-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-appearance: none;\n    background: -webkit-linear-gradient(#69c0ff, #69c0ff) no-repeat, #d8d8d8;\n    background-size: 75% 100%;\n    /*设置左右宽度比例*/\n    width: 100%;\n    border-radius: 1.49925037vw;\n    /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-runnable-track {\n    height: 0.59970015vw;\n    border-radius: 0.29985007vw;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]:focus {\n    outline: none;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%;\n    /*外观设置为圆形*/\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    margin-top: -0.89955022vw;\n    /*使滑块超出轨道部分的偏移量相等*/\n    background: #69c0ff;\n}\n.audio-page .content .btn-group[data-v-a7844a96] {\n    margin-top: 15vh;\n    display: none;\n    width: 29.9850075vw;\n}\n.audio-page .content .btn-group.hp[data-v-a7844a96] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.audio-page .list-popup[data-v-a7844a96] {\n    width: 56.22188906vw;\n    max-height: 51.72413793vw;\n    overflow: auto;\n    border-radius: 1.1994003vw 1.1994003vw 0 0;\n    background: white;\n    padding-top: 2.99850075vw;\n}\n.audio-page .list-popup .list-block[data-v-a7844a96] {\n    display: block;\n    width: auto;\n    margin: 0 2.99850075vw;\n    padding: 1.79910045vw 5.39730135vw;\n    border-bottom: 0.14992504vw solid #dddddd;\n}\n.audio-page .list-popup .list-block.active[data-v-a7844a96] {\n    color: #49e2a5;\n}\n.audio-page .list-popup .close-btn[data-v-a7844a96] {\n    text-align: center;\n    padding: 2.99850075vw;\n}\n.audio-page .imgPop-block[data-v-a7844a96] {\n    max-height: 74.96251874vw;\n    overflow: auto;\n}\n.audio-page .imgPop-block img[data-v-a7844a96] {\n    max-width: 44.97751124vw;\n}\n.audio-page .btn-block[data-v-a7844a96] {\n    position: relative;\n    min-width: 13.49325337vw;\n    margin-top: 0;\n    display: block;\n    height: 100%;\n}\n.audio-page .btn-block .age-block[data-v-a7844a96] {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 4.19790105vw;\n    width: 13.1934033vw;\n    line-height: 4.19790105vw;\n    border: 0.14992504vw solid #666;\n    border-radius: 14.99250375vw;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block[data-v-a7844a96] {\n    position: static;\n    width: 11.994003vw;\n    margin-top: 1.49925037vw;\n    border-radius: 1.1994003vw;\n    border: 0.14992504vw solid #666666;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block > div[data-v-a7844a96] {\n    padding: 0.89955022vw 1.64917541vw;\n    text-align: left;\n}\n.audio-page .btn-block .age-change-block > div[data-v-a7844a96]:first-child {\n    border-bottom: 0.14992504vw solid #eee;\n}\n.audio-page .btn-block .change-block-HP[data-v-a7844a96] {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 11.69415292vw;\n}\n.audio-page .btn-block .change-block-HP img[data-v-a7844a96] {\n    width: 100%;\n}\n.audio-page .btn-block .change-block[data-v-a7844a96] {\n    display: none;\n}\n}\n@media screen and (min-aspect-ratio: 20/8) {\n.playImage[data-v-a7844a96] {\n    background: url("https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2") no-repeat;\n    background-size: 4.44444444vw 25vw;\n    display: inline-block;\n}\n._154722344142123489[data-v-a7844a96] {\n    height: 0.55555556vw;\n    width: 1vw;\n    background-position: 0 0;\n}\n._282918034425091245[data-v-a7844a96] {\n    height: 0.88888889vw;\n    width: 1vw;\n    background-position: 0 -0.44444444vw;\n    vertical-align: bottom;\n}\n.last[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -1.44444444vw;\n}\n.listPlay[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -3.22222222vw;\n}\n.replay[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -5vw;\n}\n.next[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -6.77777778vw;\n}\n.replayAll[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -8.55555556vw;\n}\n.list[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -10.33333333vw;\n}\n.zDefaultIcon[data-v-a7844a96] {\n    height: 2vw;\n    width: 2vw;\n    background-position: 0 -12.11111111vw;\n    float: right;\n}\n.zIcon[data-v-a7844a96] {\n    height: 2vw;\n    width: 2vw;\n    background-position: 0 -14.11111111vw;\n    float: right;\n}\n.play[data-v-a7844a96] {\n    height: 4.44444444vw;\n    width: 4.44444444vw;\n    background-position: 0 -16.11111111vw;\n}\n.stop[data-v-a7844a96] {\n    height: 4.44444444vw;\n    width: 4.44444444vw;\n    background-position: 0 -20.55555556vw;\n}\n.audio-page[data-v-a7844a96] {\n    position: absolute;\n    top: 0.55555556vw;\n    bottom: 0.55555556vw;\n    left: 0.55555556vw;\n    right: 0.55555556vw;\n    overflow: auto;\n    border-radius: 0.88888889vw;\n}\n.audio-page .content[data-v-a7844a96] {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    border-radius: 0.88888889vw;\n    padding: 0;\n}\n.audio-page .content .hp-left[data-v-a7844a96] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    margin-right: 2.22222222vw;\n}\n.audio-page .content .hp-left .hp-top[data-v-a7844a96] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 100%;\n}\n.audio-page .content .image-block[data-v-a7844a96] {\n    width: 16.66666667vw;\n    height: 16.66666667vw;\n    -webkit-box-shadow: 0 0 3.33333333vw 0.55555556vw #ddd;\n            box-shadow: 0 0 3.33333333vw 0.55555556vw #ddd;\n    overflow: hidden;\n    display: block;\n    margin: auto;\n    border-radius: 111vw;\n    -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n            box-shadow: 0px 0px 4px 0px #60adf0;\n    border: 4px solid #ffffff;\n}\n.audio-page .content .image-block img[data-v-a7844a96] {\n    width: 100%;\n    border-radius: 111vw;\n}\n.audio-page .content .title-block[data-v-a7844a96] {\n    margin-top: 2.66666667vw;\n}\n.audio-page .content .title-block .title[data-v-a7844a96] {\n    font-size: 1.77777778vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .content .title-block .tips[data-v-a7844a96] {\n    font-size: 1.55555556vw;\n    margin-top: 0.66666667vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n}\n.audio-page .content .range-block[data-v-a7844a96] {\n    width: auto;\n    margin-top: 1.77777778vw;\n}\n.audio-page .content .range-block .time-block[data-v-a7844a96] {\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n    text-align: left;\n}\n.audio-page .content .range-block .time-block[data-v-a7844a96]:after {\n    content: "";\n    display: block;\n    clear: both;\n}\n.audio-page .content .range-block .time-block .left-time[data-v-a7844a96] {\n    float: left;\n}\n.audio-page .content .range-block .time-block .right-time[data-v-a7844a96] {\n    float: right;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96] {\n    -webkit-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-appearance: none;\n    background: -webkit-linear-gradient(#49e2a5, #49e2a5) no-repeat, #d8d8d8;\n    background-size: 75% 100%;\n    /*设置左右宽度比例*/\n    width: 100%;\n    border-radius: 1.11111111vw;\n    /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-runnable-track {\n    height: 0.44444444vw;\n    border-radius: 0.22222222vw;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]:focus {\n    outline: none;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%;\n    /*外观设置为圆形*/\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    margin-top: -0.66666667vw;\n    /*使滑块超出轨道部分的偏移量相等*/\n    background: #49e2a5;\n}\n.audio-page .content .btn-group[data-v-a7844a96] {\n    margin-top: 15vh;\n    display: none;\n    width: 22.22222222vw;\n}\n.audio-page .content .btn-group.hp[data-v-a7844a96] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.audio-page .list-popup[data-v-a7844a96] {\n    width: 41.66666667vw;\n    max-height: 38.33333333vw;\n    overflow: auto;\n    border-radius: 0.88888889vw 0.88888889vw 0 0;\n    background: white;\n    padding-top: 2.22222222vw;\n}\n.audio-page .list-popup .list-block[data-v-a7844a96] {\n    display: block;\n    width: auto;\n    margin: 0 2.22222222vw;\n    padding: 1.33333333vw 4vw;\n    border-bottom: 0.11111111vw solid #dddddd;\n}\n.audio-page .list-popup .list-block.active[data-v-a7844a96] {\n    color: #49e2a5;\n}\n.audio-page .list-popup .close-btn[data-v-a7844a96] {\n    text-align: center;\n    padding: 2.22222222vw;\n}\n.audio-page .imgPop-block[data-v-a7844a96] {\n    max-height: 55.55555556vw;\n    overflow: auto;\n}\n.audio-page .imgPop-block img[data-v-a7844a96] {\n    max-width: 33.33333333vw;\n}\n.audio-page .btn-block[data-v-a7844a96] {\n    position: relative;\n    min-width: 10vw;\n    margin-top: 0;\n    display: block;\n    height: 100%;\n}\n.audio-page .btn-block .age-block[data-v-a7844a96] {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 3.11111111vw;\n    width: 9.77777778vw;\n    line-height: 3.11111111vw;\n    border: 0.11111111vw solid #666;\n    border-radius: 11.11111111vw;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block[data-v-a7844a96] {\n    position: static;\n    width: 8.88888889vw;\n    margin-top: 1.11111111vw;\n    border-radius: 0.88888889vw;\n    border: 0.11111111vw solid #666666;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block > div[data-v-a7844a96] {\n    padding: 0.66666667vw 1.22222222vw;\n    text-align: left;\n}\n.audio-page .btn-block .age-change-block > div[data-v-a7844a96]:first-child {\n    border-bottom: 0.11111111vw solid #eee;\n}\n.audio-page .btn-block .change-block-HP[data-v-a7844a96] {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 8.66666667vw;\n}\n.audio-page .btn-block .change-block-HP img[data-v-a7844a96] {\n    width: 100%;\n}\n.audio-page .btn-block .change-block[data-v-a7844a96] {\n    display: none;\n}\n}\n',"",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/collection/audio.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,aAAa;CACd;AACD;EACE,YAAY;CACb;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,4BAA4B;CAC/B;AACD;IACI,8BAA8B;CACjC;AACD;IACI,4BAA4B;CAC/B;CACA;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,wBAAwB;CACzB;AACD;EACE,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB;CACrB;AACD;EACE,YAAY;EACZ,sBAAsB;EACtB,wBAAwB;EACxB,aAAa;EACb,mBAAmB;EACnB,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;CAC7B;AACD;EACE,sBAAsB;CACvB;AACD;EACE,qBAAqB;EACrB,aAAa;EACb,yBAAyB;CAC1B;AACD;EACE,qBAAqB;EACrB,aAAa;EACb,qCAAqC;EACrC,uBAAuB;CACxB;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,qCAAqC;CACtC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,qCAAqC;CACtC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,6BAA6B;CAC9B;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,sCAAsC;CACvC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,sCAAsC;CACvC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,+BAA+B;CAChC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,+BAA+B;CAChC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,sCAAsC;CACvC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,+BAA+B;CAChC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,sCAAsC;CACvC;AACD;EACE,cAAc;EACd,aAAa;EACb,+BAA+B;EAC/B,aAAa;CACd;AACD;EACE,cAAc;EACd,aAAa;EACb,+BAA+B;EAC/B,aAAa;CACd;AACD;EACE,eAAe;CAChB;AACD;EACE,yBAAyB;EACzB,eAAe;CAChB;AACD;EACE,yBAAyB;EACzB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,wBAAwB;EACxB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,wBAAwB;EACxB,eAAe;CAChB;AACD;EACE,wBAAwB;CACzB;AACD;EACE,iBAAiB;EACjB,oBAAoB;CACrB;AACD;EACE,wBAAwB;EACxB,oBAAoB;CACrB;AACD;EACE,wBAAwB;EACxB,oBAAoB;CACrB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,qBAAqB;EACrB,eAAe;CAChB;AACD;EACE,eAAe;CAChB;AACD;AACA;IACI,gCAAgC;CACnC;AACD;IACI,kCAAkC;CACrC;CACA;AACD;AACA;IACI,gCAAgC;YACxB,wBAAwB;CACnC;AACD;IACI,kCAAkC;YAC1B,0BAA0B;CACrC;CACA;AACD;EACE,iEAAiE;EACjE,mDAAmD;CACpD;AACD;EACE,6BAA6B;EAC7B,qCAAqC;CACtC;AACD;EACE,mCAAmC;EACnC,2BAA2B;CAC5B;AACD;EACE,sBAAsB;EACtB,4BAA4B;EAC5B,kBAAkB;CACnB;AACD;EACE,mBAAmB;EACnB,SAAS;EACT,WAAW;EACX,oBAAoB;CACrB;AACD;EACE,kBAAkB;EAClB,gBAAgB;EAChB,cAAc;EACd,OAAO;EACP,QAAQ;EACR,kBAAkB;EAClB,+BAA+B;UACvB,uBAAuB;EAC/B,eAAe;EACf,aAAa;EACb,eAAe;EACf,cAAc;EACd,aAAa;EACb,4BAA4B;EAC5B,mBAAmB;CACpB;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,yBAAyB;EACzB,8CAA8C;UACtC,sCAAsC;EAC9C,iBAAiB;EACjB,uBAAuB;EACvB,4CAA4C;UACpC,oCAAoC;EAC5C,0BAA0B;CAC3B;AACD;EACE,YAAY;EACZ,uBAAuB;CACxB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,wBAAwB;EACxB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,wBAAwB;EACxB,kBAAkB;EAClB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,yBAAyB;CAC1B;AACD;EACE,iBAAiB;EACjB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;EACf,iBAAiB;CAClB;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,YAAY;CACb;AACD;EACE,aAAa;CACd;AACD;EACE,iCAAiC;EACjC,yBAAyB;EACzB,yBAAyB;EACzB,yEAAyE;EACzE,0BAA0B;EAC1B,YAAY;EACZ,YAAY;EACZ,4BAA4B;EAC5B,uBAAuB;CACxB;AACD;EACE,yBAAyB;CAC1B;AACD;EACE,qBAAqB;EACrB,4BAA4B;CAC7B;AACD;EACE,cAAc;CACf;AACD;EACE,aAAa;EACb,cAAc;EACd,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;EACX,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;CACrB;AACD;EACE,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,0BAA0B;MACtB,8BAA8B;CACnC;AACD;EACE,cAAc;CACf;AACD;EACE,aAAa;EACb,iBAAiB;EACjB,eAAe;EACf,6CAA6C;EAC7C,kBAAkB;EAClB,0BAA0B;CAC3B;AACD;EACE,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,qBAAqB;EACrB,0CAA0C;CAC3C;AACD;EACE,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,sBAAsB;CACvB;AACD;EACE,2BAA2B;EAC3B,eAAe;CAChB;AACD;EACE,gBAAgB;CACjB;AACD;EACE,mBAAmB;EACnB,yBAAyB;EACzB,mBAAmB;CACpB;AACD;EACE,qBAAqB;EACrB,0BAA0B;EAC1B,gCAAgC;EAChC,mBAAmB;EACnB,wBAAwB;EACxB,6BAA6B;EAC7B,iBAAiB;EACjB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,kBAAkB;EAClB,QAAQ;EACR,cAAc;EACd,4BAA4B;EAC5B,mCAAmC;EACnC,iBAAiB;EACjB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,4BAA4B;EAC5B,iBAAiB;CAClB;AACD;EACE,uCAAuC;CACxC;AACD;EACE,8BAA8B;EAC9B,cAAc;EACd,mCAAmC;CACpC;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,YAAY;EACZ,WAAW;EACX,6BAA6B;EAC7B,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B;EAC1B,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,aAAa;CACd;AACD;EACE,cAAc;CACf;AACD;AACA;IACI,+GAA+G;IAC/G,2CAA2C;IAC3C,sBAAsB;CACzB;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,yBAAyB;CAC5B;AACD;IACI,oBAAoB;IACpB,oBAAoB;IACpB,qCAAqC;IACrC,uBAAuB;CAC1B;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,qCAAqC;CACxC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,qCAAqC;CACxC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,qCAAqC;CACxC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,qCAAqC;CACxC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,sCAAsC;CACzC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,sCAAsC;CACzC;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,sCAAsC;IACtC,aAAa;CAChB;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,sCAAsC;IACtC,aAAa;CAChB;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,sCAAsC;CACzC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,sCAAsC;CACzC;AACD;IACI,qBAAqB;IACrB,oBAAoB;I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",file:"audio.vue",sourcesContent:['\n.fl-r[data-v-a7844a96] {\n  float: right;\n}\n.fr[data-v-a7844a96] {\n  float: right;\n}\n.fl[data-v-a7844a96] {\n  float: left;\n}\n.main-block[data-v-a7844a96] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-a7844a96]:after {\n  content: \'\';\n  display: block;\n  clear: both;\n}\n[data-v-a7844a96]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-a7844a96]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-a7844a96]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-a7844a96 {\n0% {\n    -webkit-transform: scale(1);\n}\n50% {\n    -webkit-transform: scale(1.1);\n}\n100% {\n    -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-a7844a96] {\n  background: #40A9FF;\n  border: 1px solid #40A9FF;\n}\n.van-popup[data-v-a7844a96] {\n  background: transparent;\n}\n.ellipsisCss[data-v-a7844a96] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.transparentBtn[data-v-a7844a96] {\n  width: 32vw;\n  height: 10.13333333vw;\n  border: 1px solid white;\n  color: white;\n  text-align: center;\n  line-height: 10.13333333vw;\n  font-size: 4vw;\n  border-radius: 5.33333333vw;\n}\n.playImage[data-v-a7844a96] {\n  display: inline-block;\n}\n._282918034425091245[data-v-a7844a96] {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._154722344142123489[data-v-a7844a96] {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 -2.13333333vw;\n  vertical-align: bottom;\n}\n.next[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -3.46666667vw;\n}\n.listPlay[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -7.73333333vw;\n}\n.replay[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -12vw;\n}\n.toBig[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -16.26666667vw;\n}\n.replayAll[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -20.53333333vw;\n}\n.collectDefault[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -24.8vw;\n}\n.collect[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  und-position: 0 -29.06666667vw;\n}\n.last[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -33.33333333vw;\n}\n.list[data-v-a7844a96] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -37.6vw;\n}\n.close[data-v-a7844a96] {\n  height: 4.53333333vw;\n  width: 4.53333333vw;\n  background-position: 0 -41.86666667vw;\n}\n.zDefaultIcon[data-v-a7844a96] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -46.4vw;\n  float: right;\n}\n.zIcon[data-v-a7844a96] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -51.2vw;\n  float: right;\n}\n.iconfont[data-v-a7844a96] {\n  color: #cccccc;\n}\n.icon-icon_stop[data-v-a7844a96] {\n  font-size: 13.33333333vw;\n  color: #69c0ff;\n}\n.icon-icon_begin[data-v-a7844a96] {\n  font-size: 13.33333333vw;\n  color: #69c0ff;\n}\n.icon-icon_left[data-v-a7844a96] {\n  height: 9.86666667vw;\n  width: 9.86666667vw;\n  font-size: 8.53333333vw;\n  color: #69c0ff;\n}\n.icon-icon_right[data-v-a7844a96] {\n  height: 9.86666667vw;\n  width: 9.86666667vw;\n  font-size: 8.53333333vw;\n  color: #69c0ff;\n}\n.icon-icon_list[data-v-a7844a96] {\n  font-size: 5.33333333vw;\n}\n.icon-icon_change1[data-v-a7844a96] {\n  font-size: 5.6vw;\n  width: 5.33333333vw;\n}\n.icon-icon_change[data-v-a7844a96] {\n  font-size: 5.33333333vw;\n  width: 5.33333333vw;\n}\n.icon-icon_changge[data-v-a7844a96] {\n  font-size: 5.06666667vw;\n  width: 5.33333333vw;\n}\n.hp-left[data-v-a7844a96] {\n  position: relative;\n}\n.hp-left .collect[data-v-a7844a96] {\n  position: absolute;\n  right: 17.06666667vw;\n  bottom: 12.8vw;\n}\n.icon-icon_like1[data-v-a7844a96] {\n  color: #ff7d77;\n}\n@-webkit-keyframes spin-data-v-a7844a96 {\nfrom {\n    -webkit-transform: rotate(0deg);\n}\nto {\n    -webkit-transform: rotate(360deg);\n}\n}\n@keyframes spin-data-v-a7844a96 {\nfrom {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\nto {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n}\n}\n.swin[data-v-a7844a96] {\n  -webkit-animation: spin-data-v-a7844a96 8s linear 1s 5 alternate;\n  animation: spin-data-v-a7844a96 8s linear infinite;\n}\n.pause[data-v-a7844a96] {\n  animation-play-state: paused;\n  -webkit-animation-play-state: paused;\n}\n.noanimation[data-v-a7844a96] {\n  -webkit-animation: none !important;\n  animation: none !important;\n}\n.collect-block[data-v-a7844a96] {\n  padding: 2.66666667vw;\n  border-radius: 1.06666667vw;\n  background: white;\n}\n.colse-btn[data-v-a7844a96] {\n  position: absolute;\n  top: 4vw;\n  right: 4vw;\n  width: 5.33333333vw;\n}\n.content[data-v-a7844a96] {\n  background: white;\n  position: fixed;\n  z-index: 2002;\n  top: 0;\n  left: 0;\n  padding: 80px 0 0;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  height: 100vh;\n  width: 100vw;\n  border-radius: 2.13333333vw;\n  text-align: center;\n}\n.content .image-block[data-v-a7844a96] {\n  width: 50.13333333vw;\n  height: 50.13333333vw;\n  margin-top: 5.33333333vw;\n  -webkit-box-shadow: 0 0 8vw 1.33333333vw #ddd;\n          box-shadow: 0 0 8vw 1.33333333vw #ddd;\n  overflow: hidden;\n  border-radius: 266.4vw;\n  -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n          box-shadow: 0px 0px 4px 0px #60adf0;\n  border: 4px solid #ffffff;\n}\n.content .image-block img[data-v-a7844a96] {\n  width: 100%;\n  border-radius: 266.4vw;\n}\n.content .title-block[data-v-a7844a96] {\n  margin-top: 6.4vw;\n}\n.content .title-block .title[data-v-a7844a96] {\n  font-size: 4.26666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.content .title-block .tips[data-v-a7844a96] {\n  font-size: 3.73333333vw;\n  margin-top: 1.6vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.content .range-block[data-v-a7844a96] {\n  width: 66.66666667vw;\n  margin-top: 4.26666667vw;\n}\n.content .range-block .time-block[data-v-a7844a96] {\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n  text-align: left;\n}\n.content .range-block .time-block[data-v-a7844a96]:after {\n  content: "";\n  display: block;\n  clear: both;\n}\n.content .range-block .time-block .left-time[data-v-a7844a96] {\n  float: left;\n}\n.content .range-block .time-block .right-time[data-v-a7844a96] {\n  float: right;\n}\n.content .range-block input[type="range"][data-v-a7844a96] {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-appearance: none;\n  background: -webkit-linear-gradient(#69c0ff, #69c0ff) no-repeat, #d8d8d8;\n  background-size: 75% 100%;\n  /*设置左右宽度比例*/\n  width: 100%;\n  border-radius: 2.66666667vw;\n  /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n}\n.content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-runnable-track {\n  height: 1.06666667vw;\n  border-radius: 0.53333333vw;\n}\n.content .range-block input[type="range"][data-v-a7844a96]:focus {\n  outline: none;\n}\n.content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n  border: none;\n  outline: none;\n  -webkit-appearance: none;\n  border-radius: 50%;\n  /*外观设置为圆形*/\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  margin-top: -1.6vw;\n  /*使滑块超出轨道部分的偏移量相等*/\n  background: #69c0ff;\n}\n.content .btn-group[data-v-a7844a96] {\n  margin-top: 8vw;\n  width: 74.66666667vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n.content .btn-group.hp[data-v-a7844a96] {\n  display: none;\n}\n.list-popup[data-v-a7844a96] {\n  width: 100vw;\n  max-height: 92vw;\n  overflow: auto;\n  border-radius: 2.13333333vw 2.13333333vw 0 0;\n  background: white;\n  padding-top: 5.33333333vw;\n}\n.list-popup .list-block[data-v-a7844a96] {\n  display: block;\n  width: auto;\n  margin: 0 5.33333333vw;\n  padding: 3.2vw 9.6vw;\n  border-bottom: 0.26666667vw solid #dddddd;\n}\n.list-popup .list-block.active[data-v-a7844a96] {\n  color: #49e2a5;\n}\n.list-popup .close-btn[data-v-a7844a96] {\n  text-align: center;\n  padding: 5.33333333vw;\n}\n.imgPop-block[data-v-a7844a96] {\n  max-height: 133.33333333vw;\n  overflow: auto;\n}\n.imgPop-block img[data-v-a7844a96] {\n  max-width: 80vw;\n}\n.btn-block[data-v-a7844a96] {\n  position: relative;\n  margin-top: 7.46666667vw;\n  text-align: center;\n}\n.btn-block .age-block[data-v-a7844a96] {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block[data-v-a7844a96] {\n  position: absolute;\n  top: 9.86666667vw;\n  left: 0;\n  width: 17.6vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #666666;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block > div[data-v-a7844a96] {\n  padding: 1.6vw 2.93333333vw;\n  text-align: left;\n}\n.btn-block .age-change-block > div[data-v-a7844a96]:first-child {\n  border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block[data-v-a7844a96] {\n  border-radius: 266.66666667vw;\n  width: 38.4vw;\n  border: 0.26666667vw solid #40a9ff;\n}\n.btn-block .change-block[data-v-a7844a96]:after {\n  content: "";\n  display: block;\n  clear: both;\n}\n.btn-block .change-block div[data-v-a7844a96] {\n  float: left;\n  width: 50%;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #cccccc;\n}\n.btn-block .change-block div.active[data-v-a7844a96] {\n  background: #40a9ff;\n  color: white;\n}\n.change-block-HP[data-v-a7844a96] {\n  display: none;\n}\n@media screen and (orientation: landscape) {\n.playImage[data-v-a7844a96] {\n    background: url("https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2") no-repeat;\n    background-size: 5.9970015vw 33.73313343vw;\n    display: inline-block;\n}\n._154722344142123489[data-v-a7844a96] {\n    height: 0.74962519vw;\n    width: 1.34932534vw;\n    background-position: 0 0;\n}\n._282918034425091245[data-v-a7844a96] {\n    height: 1.1994003vw;\n    width: 1.34932534vw;\n    background-position: 0 -0.59970015vw;\n    vertical-align: bottom;\n}\n.last[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -1.94902549vw;\n}\n.listPlay[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -4.34782609vw;\n}\n.replay[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -6.74662669vw;\n}\n.next[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -9.14542729vw;\n}\n.replayAll[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -11.54422789vw;\n}\n.list[data-v-a7844a96] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -13.94302849vw;\n}\n.zDefaultIcon[data-v-a7844a96] {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -16.34182909vw;\n    float: right;\n}\n.zIcon[data-v-a7844a96] {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -19.04047976vw;\n    float: right;\n}\n.play[data-v-a7844a96] {\n    height: 5.9970015vw;\n    width: 5.9970015vw;\n    background-position: 0 -21.73913043vw;\n}\n.stop[data-v-a7844a96] {\n    height: 5.9970015vw;\n    width: 5.9970015vw;\n    background-position: 0 -27.73613193vw;\n}\n.icon-icon_stop[data-v-a7844a96] {\n    height: 7.49625187vw;\n    width: 7.49625187vw;\n    font-size: 7.1964018vw;\n    color: #69c0ff;\n}\n.icon-icon_begin[data-v-a7844a96] {\n    height: 7.49625187vw;\n    width: 7.49625187vw;\n    font-size: 7.1964018vw;\n    color: #69c0ff;\n}\n.icon-icon_left[data-v-a7844a96] {\n    height: 5.54722639vw;\n    width: 5.54722639vw;\n    font-size: 4.7976012vw;\n    color: #69c0ff;\n}\n.icon-icon_right[data-v-a7844a96] {\n    height: 5.54722639vw;\n    width: 5.54722639vw;\n    font-size: 4.7976012vw;\n    color: #69c0ff;\n}\n.icon-icon_list[data-v-a7844a96] {\n    font-size: 2.99850075vw;\n}\n.icon-icon_change1[data-v-a7844a96] {\n    font-size: 3.14842579vw;\n}\n.icon-icon_change[data-v-a7844a96] {\n    font-size: 2.99850075vw;\n}\n.icon-icon_changge[data-v-a7844a96] {\n    font-size: 2.84857571vw;\n}\n.audio-page[data-v-a7844a96] {\n    position: absolute;\n    top: 0.74962519vw;\n    bottom: 0.74962519vw;\n    left: 0.74962519vw;\n    right: 0.74962519vw;\n    overflow: auto;\n    border-radius: 1.1994003vw;\n}\n.audio-page .content[data-v-a7844a96] {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    border-radius: 1.1994003vw;\n    padding: 0;\n}\n.audio-page .content .hp-left[data-v-a7844a96] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    margin-right: 2.99850075vw;\n}\n.audio-page .content .hp-left .hp-top[data-v-a7844a96] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 100%;\n}\n.audio-page .content .image-block[data-v-a7844a96] {\n    width: 22.48875562vw;\n    height: 22.48875562vw;\n    -webkit-box-shadow: 0 0 4.49775112vw 0.74962519vw #ddd;\n            box-shadow: 0 0 4.49775112vw 0.74962519vw #ddd;\n    overflow: hidden;\n    display: block;\n    margin: auto;\n    border-radius: 149.77511244vw;\n    -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n            box-shadow: 0px 0px 4px 0px #60adf0;\n    border: 4px solid #ffffff;\n}\n.audio-page .content .image-block img[data-v-a7844a96] {\n    width: 100%;\n}\n.audio-page .content .title-block[data-v-a7844a96] {\n    margin-top: 3.5982009vw;\n}\n.audio-page .content .title-block .title[data-v-a7844a96] {\n    font-size: 2.3988006vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .content .title-block .tips[data-v-a7844a96] {\n    font-size: 2.09895052vw;\n    margin-top: 0.89955022vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n}\n.audio-page .content .range-block[data-v-a7844a96] {\n    width: auto;\n    margin-top: 2.3988006vw;\n}\n.audio-page .content .range-block .time-block[data-v-a7844a96] {\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n    text-align: left;\n}\n.audio-page .content .range-block .time-block[data-v-a7844a96]:after {\n    content: "";\n    display: block;\n    clear: both;\n}\n.audio-page .content .range-block .time-block .left-time[data-v-a7844a96] {\n    float: left;\n}\n.audio-page .content .range-block .time-block .right-time[data-v-a7844a96] {\n    float: right;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96] {\n    -webkit-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-appearance: none;\n    background: -webkit-linear-gradient(#69c0ff, #69c0ff) no-repeat, #d8d8d8;\n    background-size: 75% 100%;\n    /*设置左右宽度比例*/\n    width: 100%;\n    border-radius: 1.49925037vw;\n    /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-runnable-track {\n    height: 0.59970015vw;\n    border-radius: 0.29985007vw;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]:focus {\n    outline: none;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%;\n    /*外观设置为圆形*/\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    margin-top: -0.89955022vw;\n    /*使滑块超出轨道部分的偏移量相等*/\n    background: #69c0ff;\n}\n.audio-page .content .btn-group[data-v-a7844a96] {\n    margin-top: 15vh;\n    display: none;\n    width: 29.9850075vw;\n}\n.audio-page .content .btn-group.hp[data-v-a7844a96] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.audio-page .list-popup[data-v-a7844a96] {\n    width: 56.22188906vw;\n    max-height: 51.72413793vw;\n    overflow: auto;\n    border-radius: 1.1994003vw 1.1994003vw 0 0;\n    background: white;\n    padding-top: 2.99850075vw;\n}\n.audio-page .list-popup .list-block[data-v-a7844a96] {\n    display: block;\n    width: auto;\n    margin: 0 2.99850075vw;\n    padding: 1.79910045vw 5.39730135vw;\n    border-bottom: 0.14992504vw solid #dddddd;\n}\n.audio-page .list-popup .list-block.active[data-v-a7844a96] {\n    color: #49e2a5;\n}\n.audio-page .list-popup .close-btn[data-v-a7844a96] {\n    text-align: center;\n    padding: 2.99850075vw;\n}\n.audio-page .imgPop-block[data-v-a7844a96] {\n    max-height: 74.96251874vw;\n    overflow: auto;\n}\n.audio-page .imgPop-block img[data-v-a7844a96] {\n    max-width: 44.97751124vw;\n}\n.audio-page .btn-block[data-v-a7844a96] {\n    position: relative;\n    min-width: 13.49325337vw;\n    margin-top: 0;\n    display: block;\n    height: 100%;\n}\n.audio-page .btn-block .age-block[data-v-a7844a96] {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 4.19790105vw;\n    width: 13.1934033vw;\n    line-height: 4.19790105vw;\n    border: 0.14992504vw solid #666;\n    border-radius: 14.99250375vw;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block[data-v-a7844a96] {\n    position: static;\n    width: 11.994003vw;\n    margin-top: 1.49925037vw;\n    border-radius: 1.1994003vw;\n    border: 0.14992504vw solid #666666;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block > div[data-v-a7844a96] {\n    padding: 0.89955022vw 1.64917541vw;\n    text-align: left;\n}\n.audio-page .btn-block .age-change-block > div[data-v-a7844a96]:first-child {\n    border-bottom: 0.14992504vw solid #eee;\n}\n.audio-page .btn-block .change-block-HP[data-v-a7844a96] {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 11.69415292vw;\n}\n.audio-page .btn-block .change-block-HP img[data-v-a7844a96] {\n    width: 100%;\n}\n.audio-page .btn-block .change-block[data-v-a7844a96] {\n    display: none;\n}\n}\n@media screen and (min-aspect-ratio: 20/8) {\n.playImage[data-v-a7844a96] {\n    background: url("https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2") no-repeat;\n    background-size: 4.44444444vw 25vw;\n    display: inline-block;\n}\n._154722344142123489[data-v-a7844a96] {\n    height: 0.55555556vw;\n    width: 1vw;\n    background-position: 0 0;\n}\n._282918034425091245[data-v-a7844a96] {\n    height: 0.88888889vw;\n    width: 1vw;\n    background-position: 0 -0.44444444vw;\n    vertical-align: bottom;\n}\n.last[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -1.44444444vw;\n}\n.listPlay[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -3.22222222vw;\n}\n.replay[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -5vw;\n}\n.next[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -6.77777778vw;\n}\n.replayAll[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -8.55555556vw;\n}\n.list[data-v-a7844a96] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -10.33333333vw;\n}\n.zDefaultIcon[data-v-a7844a96] {\n    height: 2vw;\n    width: 2vw;\n    background-position: 0 -12.11111111vw;\n    float: right;\n}\n.zIcon[data-v-a7844a96] {\n    height: 2vw;\n    width: 2vw;\n    background-position: 0 -14.11111111vw;\n    float: right;\n}\n.play[data-v-a7844a96] {\n    height: 4.44444444vw;\n    width: 4.44444444vw;\n    background-position: 0 -16.11111111vw;\n}\n.stop[data-v-a7844a96] {\n    height: 4.44444444vw;\n    width: 4.44444444vw;\n    background-position: 0 -20.55555556vw;\n}\n.audio-page[data-v-a7844a96] {\n    position: absolute;\n    top: 0.55555556vw;\n    bottom: 0.55555556vw;\n    left: 0.55555556vw;\n    right: 0.55555556vw;\n    overflow: auto;\n    border-radius: 0.88888889vw;\n}\n.audio-page .content[data-v-a7844a96] {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    border-radius: 0.88888889vw;\n    padding: 0;\n}\n.audio-page .content .hp-left[data-v-a7844a96] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    margin-right: 2.22222222vw;\n}\n.audio-page .content .hp-left .hp-top[data-v-a7844a96] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 100%;\n}\n.audio-page .content .image-block[data-v-a7844a96] {\n    width: 16.66666667vw;\n    height: 16.66666667vw;\n    -webkit-box-shadow: 0 0 3.33333333vw 0.55555556vw #ddd;\n            box-shadow: 0 0 3.33333333vw 0.55555556vw #ddd;\n    overflow: hidden;\n    display: block;\n    margin: auto;\n    border-radius: 111vw;\n    -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n            box-shadow: 0px 0px 4px 0px #60adf0;\n    border: 4px solid #ffffff;\n}\n.audio-page .content .image-block img[data-v-a7844a96] {\n    width: 100%;\n    border-radius: 111vw;\n}\n.audio-page .content .title-block[data-v-a7844a96] {\n    margin-top: 2.66666667vw;\n}\n.audio-page .content .title-block .title[data-v-a7844a96] {\n    font-size: 1.77777778vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .content .title-block .tips[data-v-a7844a96] {\n    font-size: 1.55555556vw;\n    margin-top: 0.66666667vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n}\n.audio-page .content .range-block[data-v-a7844a96] {\n    width: auto;\n    margin-top: 1.77777778vw;\n}\n.audio-page .content .range-block .time-block[data-v-a7844a96] {\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n    text-align: left;\n}\n.audio-page .content .range-block .time-block[data-v-a7844a96]:after {\n    content: "";\n    display: block;\n    clear: both;\n}\n.audio-page .content .range-block .time-block .left-time[data-v-a7844a96] {\n    float: left;\n}\n.audio-page .content .range-block .time-block .right-time[data-v-a7844a96] {\n    float: right;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96] {\n    -webkit-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-appearance: none;\n    background: -webkit-linear-gradient(#49e2a5, #49e2a5) no-repeat, #d8d8d8;\n    background-size: 75% 100%;\n    /*设置左右宽度比例*/\n    width: 100%;\n    border-radius: 1.11111111vw;\n    /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-runnable-track {\n    height: 0.44444444vw;\n    border-radius: 0.22222222vw;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]:focus {\n    outline: none;\n}\n.audio-page .content .range-block input[type="range"][data-v-a7844a96]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%;\n    /*外观设置为圆形*/\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    margin-top: -0.66666667vw;\n    /*使滑块超出轨道部分的偏移量相等*/\n    background: #49e2a5;\n}\n.audio-page .content .btn-group[data-v-a7844a96] {\n    margin-top: 15vh;\n    display: none;\n    width: 22.22222222vw;\n}\n.audio-page .content .btn-group.hp[data-v-a7844a96] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.audio-page .list-popup[data-v-a7844a96] {\n    width: 41.66666667vw;\n    max-height: 38.33333333vw;\n    overflow: auto;\n    border-radius: 0.88888889vw 0.88888889vw 0 0;\n    background: white;\n    padding-top: 2.22222222vw;\n}\n.audio-page .list-popup .list-block[data-v-a7844a96] {\n    display: block;\n    width: auto;\n    margin: 0 2.22222222vw;\n    padding: 1.33333333vw 4vw;\n    border-bottom: 0.11111111vw solid #dddddd;\n}\n.audio-page .list-popup .list-block.active[data-v-a7844a96] {\n    color: #49e2a5;\n}\n.audio-page .list-popup .close-btn[data-v-a7844a96] {\n    text-align: center;\n    padding: 2.22222222vw;\n}\n.audio-page .imgPop-block[data-v-a7844a96] {\n    max-height: 55.55555556vw;\n    overflow: auto;\n}\n.audio-page .imgPop-block img[data-v-a7844a96] {\n    max-width: 33.33333333vw;\n}\n.audio-page .btn-block[data-v-a7844a96] {\n    position: relative;\n    min-width: 10vw;\n    margin-top: 0;\n    display: block;\n    height: 100%;\n}\n.audio-page .btn-block .age-block[data-v-a7844a96] {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 3.11111111vw;\n    width: 9.77777778vw;\n    line-height: 3.11111111vw;\n    border: 0.11111111vw solid #666;\n    border-radius: 11.11111111vw;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block[data-v-a7844a96] {\n    position: static;\n    width: 8.88888889vw;\n    margin-top: 1.11111111vw;\n    border-radius: 0.88888889vw;\n    border: 0.11111111vw solid #666666;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block > div[data-v-a7844a96] {\n    padding: 0.66666667vw 1.22222222vw;\n    text-align: left;\n}\n.audio-page .btn-block .age-change-block > div[data-v-a7844a96]:first-child {\n    border-bottom: 0.11111111vw solid #eee;\n}\n.audio-page .btn-block .change-block-HP[data-v-a7844a96] {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 8.66666667vw;\n}\n.audio-page .btn-block .change-block-HP img[data-v-a7844a96] {\n    width: 100%;\n}\n.audio-page .btn-block .change-block[data-v-a7844a96] {\n    display: none;\n}\n}\n'],sourceRoot:""}])}});