21.4e81f04b516b686e5da9.js 83.3 KB
webpackJsonp([21],{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,{})},g7UW:function(n,a,t){var o=t("ltLZ");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);t("rjj0")("b92a4a08",o,!1,{})},ltLZ:function(n,a,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-becdd344] {\n  float: right;\n}\n.fr[data-v-becdd344] {\n  float: right;\n}\n.fl[data-v-becdd344] {\n  float: left;\n}\n.main-block[data-v-becdd344] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-becdd344]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-becdd344]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-becdd344]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-becdd344]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-becdd344 {\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-becdd344] {\n  background: #40A9FF;\n  border: 1px solid #40A9FF;\n}\n.van-popup[data-v-becdd344] {\n  background: transparent;\n}\n.contentBox[data-v-becdd344] {\n  padding: 2.66666667vw 5.33333333vw;\n  background: white;\n  margin: 10px 0;\n}\n.contentBox .commonTitle[data-v-becdd344] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  vertical-align: top;\n}\n.contentBox .commonTitle .line[data-v-becdd344] {\n  height: 20px;\n  width: 4px;\n  border-radius: 2px;\n  margin-right: 10px;\n  margin: auto 10px auto 0;\n}\n.contentBox .commonTitle .more[data-v-becdd344] {\n  height: 33px;\n  line-height: 43px;\n  font-size: 12px;\n  color: #666666;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  text-align: right;\n  overflow: hidden;\n}\n.contentBox .commonTitle .more .iconfont[data-v-becdd344] {\n  font-size: 14px;\n  color: #666666;\n}\n.contentBox .commonTitle .title[data-v-becdd344] {\n  font-size: 24px;\n  height: 33px;\n  line-height: 33px;\n  display: inline-block;\n  margin-right: 10px;\n  font-weight: bold;\n}\n.contentBox .commonTitle .tip[data-v-becdd344] {\n  font-size: 12px;\n  color: #999999;\n  height: 33px;\n  display: inline-block;\n  line-height: 43px;\n  overflow: hidden;\n}\n.contentBox .lookData[data-v-becdd344] {\n  font-size: 12px;\n}\n.contentBox .lookData .iconfont[data-v-becdd344] {\n  font-size: 12px;\n}\n.contentBox .btn[data-v-becdd344] {\n  width: 100%;\n  height: 12.53333333vw;\n  background: white;\n  color: black;\n  line-height: 12.53333333vw;\n  border-radius: 4px;\n  border-radius: 6.13333333vw;\n  margin-top: 7.2vw;\n  border: 2px solid black;\n}\n.med .commonTitle .line[data-v-becdd344] {\n  background: #4A90E2;\n}\n.med .content[data-v-becdd344] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  text-align: center;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n.med .content .contentItem[data-v-becdd344] {\n  width: 50%;\n  height: 50.93333333vw;\n  margin-top: 18px;\n  position: relative;\n}\n.med .content .contentItem img[data-v-becdd344] {\n  width: 28.53333333vw;\n  height: 28.53333333vw;\n  position: absolute;\n  top: 0;\n  left: 7.2vw;\n  border-radius: 14.13333333vw;\n}\n.med .content .contentItem .white[data-v-becdd344] {\n  position: absolute;\n  background: white;\n  width: 20px;\n  height: 20px;\n  border-radius: 10px;\n  top: 11.6vw;\n  left: 18.8vw;\n}\n.med .content .contentItem .text[data-v-becdd344] {\n  width: 42.93333333vw;\n  height: 42.93333333vw;\n  margin-top: 8vw;\n  color: #999999;\n  padding-top: 24vw;\n  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n          box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n  border-radius: 16px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.med .content .contentItem .text .title[data-v-becdd344] {\n  font-size: 14px;\n  color: black;\n}\n.med .content .contentItem .text .enTitle[data-v-becdd344] {\n  font-size: 12px;\n  line-height: 17px;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/indexPage/med.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,mCAAmC;EACnC,kBAAkB;EAClB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,oBAAoB;CACrB;AACD;EACE,aAAa;EACb,WAAW;EACX,mBAAmB;EACnB,mBAAmB;EACnB,yBAAyB;CAC1B;AACD;EACE,aAAa;EACb,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,oBAAoB;MAChB,YAAY;UACR,QAAQ;EAChB,kBAAkB;EAClB,iBAAiB;CAClB;AACD;EACE,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,sBAAsB;EACtB,mBAAmB;EACnB,kBAAkB;CACnB;AACD;EACE,gBAAgB;EAChB,eAAe;EACf,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,iBAAiB;CAClB;AACD;EACE,gBAAgB;CACjB;AACD;EACE,gBAAgB;CACjB;AACD;EACE,YAAY;EACZ,sBAAsB;EACtB,kBAAkB;EAClB,aAAa;EACb,2BAA2B;EAC3B,mBAAmB;EACnB,4BAA4B;EAC5B,kBAAkB;EAClB,wBAAwB;CACzB;AACD;EACE,oBAAoB;CACrB;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,mBAAmB;EACnB,oBAAoB;MAChB,gBAAgB;CACrB;AACD;EACE,WAAW;EACX,sBAAsB;EACtB,iBAAiB;EACjB,mBAAmB;CACpB;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,mBAAmB;EACnB,OAAO;EACP,YAAY;EACZ,6BAA6B;CAC9B;AACD;EACE,mBAAmB;EACnB,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,oBAAoB;EACpB,YAAY;EACZ,aAAa;CACd;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,uDAAuD;UAC/C,+CAA+C;EACvD,oBAAoB;EACpB,+BAA+B;UACvB,uBAAuB;CAChC;AACD;EACE,gBAAgB;EAChB,aAAa;CACd;AACD;EACE,gBAAgB;EAChB,kBAAkB;CACnB",file:"med.vue",sourcesContent:["\n.fl-r[data-v-becdd344] {\n  float: right;\n}\n.fr[data-v-becdd344] {\n  float: right;\n}\n.fl[data-v-becdd344] {\n  float: left;\n}\n.main-block[data-v-becdd344] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-becdd344]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-becdd344]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-becdd344]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-becdd344]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-becdd344 {\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-becdd344] {\n  background: #40A9FF;\n  border: 1px solid #40A9FF;\n}\n.van-popup[data-v-becdd344] {\n  background: transparent;\n}\n.contentBox[data-v-becdd344] {\n  padding: 2.66666667vw 5.33333333vw;\n  background: white;\n  margin: 10px 0;\n}\n.contentBox .commonTitle[data-v-becdd344] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  vertical-align: top;\n}\n.contentBox .commonTitle .line[data-v-becdd344] {\n  height: 20px;\n  width: 4px;\n  border-radius: 2px;\n  margin-right: 10px;\n  margin: auto 10px auto 0;\n}\n.contentBox .commonTitle .more[data-v-becdd344] {\n  height: 33px;\n  line-height: 43px;\n  font-size: 12px;\n  color: #666666;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  text-align: right;\n  overflow: hidden;\n}\n.contentBox .commonTitle .more .iconfont[data-v-becdd344] {\n  font-size: 14px;\n  color: #666666;\n}\n.contentBox .commonTitle .title[data-v-becdd344] {\n  font-size: 24px;\n  height: 33px;\n  line-height: 33px;\n  display: inline-block;\n  margin-right: 10px;\n  font-weight: bold;\n}\n.contentBox .commonTitle .tip[data-v-becdd344] {\n  font-size: 12px;\n  color: #999999;\n  height: 33px;\n  display: inline-block;\n  line-height: 43px;\n  overflow: hidden;\n}\n.contentBox .lookData[data-v-becdd344] {\n  font-size: 12px;\n}\n.contentBox .lookData .iconfont[data-v-becdd344] {\n  font-size: 12px;\n}\n.contentBox .btn[data-v-becdd344] {\n  width: 100%;\n  height: 12.53333333vw;\n  background: white;\n  color: black;\n  line-height: 12.53333333vw;\n  border-radius: 4px;\n  border-radius: 6.13333333vw;\n  margin-top: 7.2vw;\n  border: 2px solid black;\n}\n.med .commonTitle .line[data-v-becdd344] {\n  background: #4A90E2;\n}\n.med .content[data-v-becdd344] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  text-align: center;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n.med .content .contentItem[data-v-becdd344] {\n  width: 50%;\n  height: 50.93333333vw;\n  margin-top: 18px;\n  position: relative;\n}\n.med .content .contentItem img[data-v-becdd344] {\n  width: 28.53333333vw;\n  height: 28.53333333vw;\n  position: absolute;\n  top: 0;\n  left: 7.2vw;\n  border-radius: 14.13333333vw;\n}\n.med .content .contentItem .white[data-v-becdd344] {\n  position: absolute;\n  background: white;\n  width: 20px;\n  height: 20px;\n  border-radius: 10px;\n  top: 11.6vw;\n  left: 18.8vw;\n}\n.med .content .contentItem .text[data-v-becdd344] {\n  width: 42.93333333vw;\n  height: 42.93333333vw;\n  margin-top: 8vw;\n  color: #999999;\n  padding-top: 24vw;\n  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n          box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n  border-radius: 16px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.med .content .contentItem .text .title[data-v-becdd344] {\n  font-size: 14px;\n  color: black;\n}\n.med .content .contentItem .text .enTitle[data-v-becdd344] {\n  font-size: 12px;\n  line-height: 17px;\n}\n"],sourceRoot:""}])},"mkI/":function(n,a,t){"use strict";t("eqfM");var o=t("/QYm"),A=t("bOdI"),i=t.n(A),e=(t("q/am"),t("4VPn")),d=t.n(e),C=t("S+8+"),c=t.n(C),l=t("97UH"),r=t.n(l),s=t("CCn6"),v={name:"fun",props:["showObj","sc"],components:i()({},d.a.name,d.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:c.a,playFlag:!1,transformStatus:"",offset:0,timer:null,playType:0|Number(localStorage.getItem("playType"))}},mounted:function(){this.checkCollect()},methods:{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.M)(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:function(a){n.imgPop=!0}}},[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:[]},p=w;var g=!1;var h=t("VU/8")(v,p,!1,function(n){g||t("c2SM")},"data-v-a7844a96",null);h.options.__file="src/components/collection/audio.vue";a.a=h.exports},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.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,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;IACpB,uBAAuB;IACvB,eAAe;CAClB;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,uBAAuB;IACvB,eAAe;CAClB;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,uBAAuB;IACvB,eAAe;CAClB;AACD;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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.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:""}])},"sj+b":function(n,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var o=t("CCn6"),A={name:"med",components:{audioPage:t("mkI/").a},data:function(){return{medList:[],showObj:{audio:[],audioIndex:0,show:!1}}},created:function(){this.getBannerListApi()},methods:{getBannerListApi:function(){var n=this;Object(o.c)(2,{limit:999,page:1}).then(function(a){n.medList=a.list,n.showObj.audio=a.list})},goMed:function(n){this.showObj.audioIndex=n,this.showObj.show=!0,this.$refs.audioPage.onPlay(),this.$sa.quick("trackHeatMap",this.$refs.item)},toOut:function(){this.$sa.quick("trackHeatMap",this.$refs.btn),window.location.href="https://appanqlfkth3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTciLCJyZXNvdXJjZV90eXBlIjoiIiwicHJvZHVjdF9pZCI6InBfNWJhMWU3OGE3MTgwMl9MOEF2cXBmaSIsImNoYW5uZWxfaWQiOiIiLCJyZXNvdXJjZV9pZCI6IiJ9"}}},i=function(){var n=this,a=n.$createElement,t=n._self._c||a;return t("div",[n.medList.length>0?t("div",{staticClass:"contentBox med"},[n._m(0),n._v(" "),t("div",{staticClass:"content"},[n._l(n.medList,function(a,o){return t("div",{ref:"item",refInFor:!0,staticClass:"contentItem",on:{click:function(a){n.goMed(o)}}},[t("img",{attrs:{src:a.url,alt:""}}),n._v(" "),t("div",{staticClass:"white"}),n._v(" "),t("div",{staticClass:"text"},[t("div",{staticClass:"title"},[n._v(n._s(a.title))]),n._v(" "),t("div",{staticClass:"enTitle"},[n._v(n._s(a.sub_title))]),n._v(" "),t("div",{staticClass:"lookData"},[t("i",{staticClass:"iconfont icon-yanjing"}),n._v(n._s(a.watch_num)+"人")])])])}),n._v(" "),t("div",{ref:"btn",staticClass:"btn",on:{click:n.toOut}},[n._v("\r\n          获取更多资源\r\n        ")])],2)]):n._e(),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:"1",showObj:n.showObj}}):n._e()],1)};i._withStripped=!0;var e={render:i,staticRenderFns:[function(){var n=this.$createElement,a=this._self._c||n;return a("div",{staticClass:"commonTitle"},[a("span",{staticClass:"line"}),this._v(" "),a("span",{staticClass:"title"},[this._v("磨耳朵")]),this._v(" "),a("span",{staticClass:"tip"},[this._v("每天10分钟 成长看得见")]),this._v(" "),a("div",{staticClass:"more"})])}]},d=e;var C=!1;var c=t("VU/8")(A,d,!1,function(n){C||t("g7UW")},"data-v-becdd344",null);c.options.__file="src/components/indexPage/med.vue";a.default=c.exports}});