webpackJsonp([1],{"+xa/":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-6acc4334] {\n float: right;\n}\n.main-block[data-v-6acc4334] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-6acc4334]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-6acc4334]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-6acc4334]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-6acc4334]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.look-content .content[data-v-6acc4334] {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n padding: 2.66666667vw;\n}\n@media screen and (orientation: landscape) {\n.look-content[data-v-6acc4334] {\n position: absolute;\n top: 2.99850075vw;\n bottom: 2.99850075vw;\n left: 2.99850075vw;\n right: 2.99850075vw;\n background: #ffffff;\n -webkit-box-shadow: inset 0vw 0.14992504vw 0.44977511vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: inset 0vw 0.14992504vw 0.44977511vw 0vw rgba(0, 0, 0, 0.2);\n overflow: auto;\n border-radius: 1.1994003vw;\n padding: 2.99850075vw;\n}\n.look-content .content[data-v-6acc4334],\n .look-content .old-content[data-v-6acc4334] {\n width: 44.97751124vw;\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: block;\n border-radius: 8px;\n padding: 1.49925037vw;\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/look.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/look.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACYD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,sBAAA;CDXH;ACeD;AAEE;IACE,mBAAA;IACA,kBAAA;IACA,qBAAA;IACA,mBAAA;IACA,oBAAA;IACA,oBAAA;IACA,+EAAA;YAAA,uEAAA;IACA,eAAA;IACA,2BAAA;IACA,sBAAA;CDdD;ACID;;IAYE,qBAAA;IACF,mBAAA;IACE,OAAA;IACA,QAAA;IACA,SAAA;IACA,UAAA;IACA,eAAA;IACA,mBAAA;IACA,sBAAA;CDZD;CACF",file:"look.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.look-content .content {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n padding: 2.66666667vw;\n}\n@media screen and (orientation: landscape) {\n .look-content {\n position: absolute;\n top: 2.99850075vw;\n bottom: 2.99850075vw;\n left: 2.99850075vw;\n right: 2.99850075vw;\n background: #ffffff;\n box-shadow: inset 0vw 0.14992504vw 0.44977511vw 0vw rgba(0, 0, 0, 0.2);\n overflow: auto;\n border-radius: 1.1994003vw;\n padding: 2.99850075vw;\n }\n .look-content .content,\n .look-content .old-content {\n width: 44.97751124vw;\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: block;\n border-radius: 8px;\n padding: 1.49925037vw;\n }\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.look-content{\n .content{\n background: white;\n width: 315*@toVw;\n position: absolute;\n top: 80*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n padding: 10*@toVw;\n }\n}\n\n@media screen and (orientation: landscape) {\n @toVw:100/667vw;\n .look-content{\n position: absolute;\n top: 20*@toVw;\n bottom: 20*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n background:rgba(255,255,255,1);\n box-shadow:inset 0*@toVw 1*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.2);\n overflow: auto;\n border-radius:8*@toVw;\n padding: 20*@toVw;\n .content,.old-content{\n width: 300*@toVw;\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: block;\n border-radius: 8px;\n padding: 10*@toVw;\n }\n }\n}\n'],sourceRoot:""}])},"4t0V":function(n,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var A=o("CCn6"),i=o("hUWd"),e=o.n(i),a=o("SKwj"),d=o.n(a),r=o("ohH1"),l=o.n(r),c=o("WcTT"),s=o.n(c),w={name:"guide",data:function(){return{iKnowUrl:e.a,goDownUrl:l.a,goUrl:d.a,starUrl:s.a,show:!1}},mounted:function(){var n=this;Object(A.j)({page_name:"look"}).then(function(t){0==t&&(n.show=!0)})}},g=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.show?o("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[n._m(0),n._v(" "),o("img",{staticClass:"toUntil",attrs:{src:n.goDownUrl}}),n._v(" "),n._m(1),n._v(" "),o("img",{staticClass:"i-know",attrs:{src:n.iKnowUrl},on:{click:function(t){n.show=!1}}})]):n._e()])};g._withStripped=!0;var b={render:g,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"radius-block"},[t("div",{staticClass:"radius"}),this._v(" "),t("div",{staticClass:"radius"}),this._v(" "),t("div",{staticClass:"radius"})])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"until-test"},[this._v("\n 点击"),t("span",{staticClass:"color-red"},[this._v("切换课程模块")])])}]},h=b;var p=!1;var v=o("VU/8")(w,h,!1,function(n){p||o("WFoo")},"data-v-44076ee2",null);v.options.__file="src/components/guide/look.vue";var C={name:"look",props:["contentData"],components:{guideBlock:v.exports},computed:{content:function(){var n=null;return n=this.contentData.content.content,n.replace(/video/g,"audio")},nohidden:function(){return this.contentData.content.content.replace(/hidden="true"/g,"")}}},u=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"look-content"},[o("guide-block"),n._v(" "),n.contentData.old?n._e():o("div",{staticClass:"content",domProps:{innerHTML:n._s(n.content)}}),n._v(" "),n.contentData.old?o("div",{staticClass:"old-content",domProps:{innerHTML:n._s(n.nohidden)}}):n._e()],1)};u._withStripped=!0;var f={render:u,staticRenderFns:[]},k=f;var m=!1;var B=o("VU/8")(C,k,!1,function(n){m||(o("wpI3"),o("Xctm"))},"data-v-6acc4334",null);B.options.__file="src/components/newLesson/look.vue";var E=B.exports,D=o("O8Ir"),I=o.n(D),y=o("A4/g"),V=o.n(y),x={name:"guide",data:function(){return{iKnowUrl:e.a,goDownUrl:l.a,goUrl:d.a,starUrl:s.a,show:!1}},mounted:function(){var n=this;Object(A.j)({page_name:"video"}).then(function(t){0==t&&(n.show=!0)})}},P=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.show?o("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[o("img",{staticClass:"toVideo",attrs:{src:n.goUrl}}),n._v(" "),n._m(0),n._v(" "),o("div",{staticClass:"video-block"}),n._v(" "),n._m(1),n._v(" "),o("img",{staticClass:"toUntil",attrs:{src:n.goDownUrl}}),n._v(" "),n._m(2),n._v(" "),o("img",{staticClass:"i-know",attrs:{src:n.iKnowUrl},on:{click:function(t){n.show=!1}}})]):n._e()])};P._withStripped=!0;var F={render:P,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"video-test"},[this._v("\n 点击"),t("span",{staticClass:"color-red"},[this._v("查看视频课程")])])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"change-block"},[t("div",[this._v("视频教学")]),this._v(" "),t("div",[this._v("音频教学")])])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"until-test"},[this._v("\n 点击"),t("span",{staticClass:"color-red"},[this._v("音画切换")])])}]},S=F;var H=!1;var z=o("VU/8")(x,S,!1,function(n){H||o("AHTB")},"data-v-4b9d59c8",null);z.options.__file="src/components/guide/video.vue";var q=z.exports,M=o("q2oE"),T=o.n(M),j={name:"play",components:{guideBlock:q},data:function(){return{ageShow:!1,showObj:{video:[],change:!1},videoShow:!1,videoIndex:0,imgURL:{luolacoming:I.a,luolalaila:V.a,tapToAudio:T.a}}},props:["contentData","nowShow"],mounted:function(){this.changeAge(this.contentData.age)},methods:{videoEnd:function(n){n.srcElement.play()},changeAudio:function(){this.contentData.type="audio"},changeAge:function(n){this.contentData.content.age&&2===n?this.showObj={video:this.contentData.content.video2,change:this.contentData.content.change2}:this.showObj={video:this.contentData.content.video,change:this.contentData.content.change}}},watch:{contentData:{handler:function(){this.videoIndex=0,this.changeAge(this.contentData.age)},deep:!0}}},L=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"video-page"},[o("div",{staticClass:"content"},[o("div",{staticClass:"header"},[3===n.nowShow?o("img",{staticClass:"text",attrs:{src:n.imgURL.luolacoming}}):n._e(),n._v(" "),2===n.nowShow?o("img",{staticClass:"text",attrs:{src:n.imgURL.luolalaila}}):n._e()]),n._v(" "),n.showObj.video[n.videoIndex]?o("div",{staticClass:"video-block hp-video"},[o("video",{attrs:{src:n.showObj.video[n.videoIndex].url,controls:"",poster:n.showObj.video[n.videoIndex].url+"?vframe/jpg/offset/3"},on:{ended:n.videoEnd}})]):n._e(),n._v(" "),o("div",{staticClass:"btn-block"},[n.contentData.content.age?o("div",{staticClass:"age-block",on:{click:function(t){n.ageShow=!n.ageShow}}},[1===n.contentData.age?o("div",[n._v("0-3岁"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e(),n._v(" "),2===n.contentData.age?o("div",[n._v("4-6岁"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e()]):n._e(),n._v(" "),n.showObj.video.length>1?o("div",{staticClass:"age-block video",on:{click:function(t){n.videoShow=!n.videoShow}}},[o("div",[n._v("视频("+n._s(n.videoIndex+1)+")"),o("i",{staticClass:"playImage _154722344142123489"})])]):n._e(),n._v(" "),n.showObj.video.length>1&&n.videoShow?o("div",{staticClass:"age-change-block video"},n._l(n.showObj.video,function(t,A){return o("div",{on:{click:function(t){n.videoIndex=A,n.videoShow=!1}}},[n._v("视频("+n._s(A+1)+")"),1===n.contentData.age?o("i",{class:{"playImage _282918034425091245":A===n.videoIndex}}):n._e()])})):n._e(),n._v(" "),n.contentData.content.age&&n.ageShow?o("div",{directives:[{name:"show",rawName:"v-show",value:n.ageShow,expression:"ageShow"}],staticClass:"age-change-block"},[o("div",{on:{click:function(t){n.contentData.age=1,n.ageShow=!1}}},[n._v("0-3岁"),1===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()]),n._v(" "),o("div",{on:{click:function(t){n.contentData.age=2,n.ageShow=!1}}},[n._v("4-6岁"),2===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block-HP",on:{click:function(t){n.changeAudio()}}},[o("div",{},[o("img",{attrs:{src:n.imgURL.tapToAudio}})])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block"},[o("div",{staticClass:"active"},[n._v("视频教学")]),n._v(" "),o("div",{on:{click:function(t){n.changeAudio()}}},[n._v("音频教学")])]):n._e()])]),n._v(" "),o("guide-block")],1)};L._withStripped=!0;var R={render:L,staticRenderFns:[]},O=R;var N=!1;var U=o("VU/8")(j,O,!1,function(n){N||o("uLGf")},"data-v-d14e4a78",null);U.options.__file="src/components/newLesson/video.vue";var Y=U.exports,Q=o("cku8"),W=o.n(Q),G=o("Au9i"),K=o("Qz73"),J=o("S+8+"),Z=o.n(J),X={name:"fun",props:["contentData"],components:{guideBlock:K.a},data:function(){return{popupVisible:!1,collectPop:!1,index:0,hasCollect:!1,ageShow:!1,imgPop:!1,startTime:"00:00",overTime:"00:00",range:0,showObj:{audio:null,change:!1},tapToVideo:Z.a,playFlag:!1,offset:0,timer:null,playType:0|Number(localStorage.getItem("playType"))}},mounted:function(){this.changeAge(this.contentData.age),this.checkCollect()},methods:{changeCollect:function(){var n=this;if(this.hasCollect)Object(A.c)(this.hasCollect).then(function(t){n.hasCollect=!1,Object(G.Toast)("取消收藏"),n.checkCollect()});else{var t=JSON.parse(localStorage.getItem("lessonDetail")),o={category_id:t.id,type:1,title:this.showObj.audio[this.index].title,sub_title:"来自于 "+t.title,url:this.showObj.audio[this.index].url,cover:this.showObj.audio[this.index].image};Object(A.a)(o).then(function(t){Object(G.Toast)("收藏成功,快去主页磨耳朵看一看吧"),n.checkCollect()}).catch(this.checkCollect())}},checkCollect:function(){var n=this,t={url:this.showObj.audio[this.index].url};Object(A.v)(t).then(function(t){n.hasCollect=!(t.list.length<1)&&t.list[0].id})},onPlay:function(){this.$refs.audio.play()},lastOne:function(){this.index>0?(this.index--,this.keepPlay()):0===this.playType&&this.showObj.audio.length>1?(this.index=this.showObj.audio.length-1,this.keepPlay()):Object(G.Toast)("已经是第一首")},changeIndex:function(n){this.index=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.index<this.showObj.audio.length-1?(this.index++,this.keepPlay()):0===this.playType&&this.showObj.audio.length>1?(this.index=0,this.keepPlay()):Object(G.Toast)("已经是最后一首")},canPlay:function(){var n=this,t=this.$refs.audio;this.offset=Math.ceil(0|parseInt(t.duration)),this.$nextTick(function(){n.getDuration()})},playing:function(){var n=this,t=this.$refs.audio;this.playFlag=!0,this.timer=setInterval(function(){var o=null;o=parseInt(t.currentTime/60)<10?"0"+parseInt(t.currentTime/60):parseInt(t.currentTime/60);var A=parseInt(t.currentTime%60);A<10&&(A="0"+A),n.startTime=o+":"+A,n.range=parseInt(t.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 t=parseInt(this.offset%60);t<10&&(t="0"+t),this.overTime=n+":"+t}},onStop:function(){this.$refs.audio.pause(),this.playFlag=!1},onOver:function(){var n=this;switch(this.playType){case 0:this.index<this.showObj.audio.length-1?this.index++:this.index=0,this.$nextTick(function(){n.onPlay()});break;case 1:this.range=0,this.$nextTick(function(){n.onPlay()});break;case 2:this.index<this.showObj.audio.length-1?(this.index++,this.$nextTick(function(){n.onPlay()})):(this.index=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(G.Toast)("单曲循环");break;case 2:Object(G.Toast)("顺序播放");break;case 0:Object(G.Toast)("列表循环")}},changeAge:function(n){this.contentData.content.age&&2===n?this.showObj={audio:this.contentData.content.audio2,change:this.contentData.content.change2}:this.showObj={audio:this.contentData.content.audio,change:this.contentData.content.change},this.playFlag=!1,this.startTime="00:00",this.overTime="00:00"}},watch:{contentData:{handler:function(){this.changeAge(this.contentData.age),this.index=0,this.checkCollect()},deep:!0},index:function(n){this.checkCollect()},range:function(n,t){var o=this,A=this.$refs.audio;Math.abs(n-t)>2&&(this.timer=setInterval(function(){var n=null;n=parseInt(A.currentTime/60)<10?"0"+parseInt(A.currentTime/60):parseInt(A.currentTime/60);var t=parseInt(A.currentTime%60);t<10&&(t="0"+t),o.startTime=n+":"+t,o.range=parseInt(A.currentTime),o.range==o.offset&&0!==o.offset&&(o.range=0,o.startTime="00:00",o.onOver(),clearInterval(o.timer))},1e3),A.currentTime=n)}}},_=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"audio-page"},[n.showObj.audio?o("div",{staticClass:"content"},[o("audio",{ref:"audio",attrs:{src:n.showObj.audio[n.index].url},on:{durationchange:n.canPlay,play:function(t){n.playing()}}}),n._v(" "),o("div",{staticClass:"hp-left"},[o("div",{staticClass:"hp-top"},[o("div",{staticClass:"image-block",on:{click:function(t){n.imgPop=!0}}},[o("img",{attrs:{src:n.showObj.audio[n.index].image}})]),n._v(" "),o("div",[o("div",{staticClass:"title-block"},[o("div",{staticClass:"title"},[n._v("\n "+n._s(n.showObj.audio[n.index].title)+"\n ")]),n._v(" "),o("div",{staticClass:"tips"},[n._v("\n "+n._s(n.showObj.audio[n.index].tips)+"\n ")])]),n._v(" "),o("div",{staticClass:"btn-group hp"},[o("i",{staticClass:"playImage list",on:{click:function(t){n.popupVisible=!n.popupVisible}}}),n._v(" "),o("i",{staticClass:"playImage last",on:{click:function(t){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():o("i",{staticClass:"playImage play",on:{click:n.onPlay}}),n._v(" "),n.playFlag?o("i",{staticClass:"playImage stop",on:{click:n.onStop}}):n._e(),n._v(" "),o("i",{staticClass:"playImage next",on:{click:function(t){n.nextOne()}}}),n._v(" "),o("i",{class:{playImage:!0,replay:1===n.playType,replayAll:0===n.playType,listPlay:2==n.playType},on:{click:function(t){n.changeType()}}})])])]),n._v(" "),o("div",{staticClass:"range-block"},[o("div",{staticClass:"time-block"},[o("div",{staticClass:"left-time"},[n._v(n._s(n.startTime))]),n._v(" "),o("div",{staticClass:"right-time"},[n._v(n._s(n.overTime))])]),n._v(" "),o("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(t){n.range=t.target.value}}})])]),n._v(" "),o("div",{staticClass:"btn-group"},[o("i",{staticClass:"playImage toBig",on:{click:function(t){n.imgPop=!0}}}),n._v(" "),o("i",{staticClass:"playImage list",on:{click:function(t){n.popupVisible=!n.popupVisible}}}),n._v(" "),o("i",{staticClass:"playImage last",on:{click:function(t){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():o("i",{staticClass:"playImage play",on:{click:n.onPlay}}),n._v(" "),n.playFlag?o("i",{staticClass:"playImage stop",on:{click:n.onStop}}):n._e(),n._v(" "),o("i",{staticClass:"playImage next",on:{click:function(t){n.nextOne()}}}),n._v(" "),o("i",{class:{playImage:!0,replay:1===n.playType,replayAll:0===n.playType,listPlay:2==n.playType},on:{click:function(t){n.changeType()}}}),n._v(" "),o("i",{class:{playImage:!0,collectDefault:!n.hasCollect,collect:!!n.hasCollect},on:{click:n.changeCollect}})]),n._v(" "),o("div",{staticClass:"btn-block"},[n.contentData.content.age?o("div",{staticClass:"age-block",on:{click:function(t){n.ageShow=!n.ageShow}}},[1===n.contentData.age?o("div",[n._v("0-3岁"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e(),n._v(" "),2===n.contentData.age?o("div",[n._v("4-6岁"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e()]):n._e(),n._v(" "),n.contentData.content.age?o("div",{directives:[{name:"show",rawName:"v-show",value:n.ageShow,expression:"ageShow"}],staticClass:"age-change-block"},[o("div",{on:{click:function(t){n.contentData.age=1}}},[n._v("0-3岁"),1===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()]),n._v(" "),o("div",{on:{click:function(t){n.contentData.age=2}}},[n._v("4-6岁"),2===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block-HP",on:{click:function(t){n.contentData.type="video"}}},[o("div",{},[o("img",{attrs:{src:n.tapToVideo}})])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block"},[o("div",{on:{click:function(t){n.contentData.type="video"}}},[n._v("视频教学")]),n._v(" "),o("div",{staticClass:"active"},[n._v("音频教学")])]):n._e()])]):n._e(),n._v(" "),o("mt-popup",{staticStyle:{background:"transparent"},attrs:{position:"bottom"},model:{value:n.popupVisible,callback:function(t){n.popupVisible=t},expression:"popupVisible"}},[n.showObj.audio?o("div",{staticClass:"list-popup"},[n._l(this.showObj.audio,function(t,A){return o("div",{class:{"list-block":!0,active:A===n.index},on:{click:function(t){n.changeIndex(A)}}},[n._v("\n "+n._s(t.title)+"\n "),o("i",{class:{playImage:!0,zDefaultIcon:A!==n.index,zIcon:A===n.index}})])}),n._v(" "),o("div",{staticClass:"close-btn",on:{click:function(t){n.popupVisible=!1}}},[n._v("\n 关闭\n ")])],2):n._e()]),n._v(" "),o("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.imgPop,callback:function(t){n.imgPop=t},expression:"imgPop"}},[n.showObj.audio?o("div",{staticClass:"imgPop-block"},[o("img",{attrs:{src:n.showObj.audio[n.index].image}})]):n._e()]),n._v(" "),o("guide-block")],1)};_._withStripped=!0;var $={render:_,staticRenderFns:[]},nn=$;var tn=!1;var on=o("VU/8")(X,nn,!1,function(n){tn||o("Oq7G")},"data-v-531d3c9f",null);on.options.__file="src/components/newLesson/audio.vue";var An={name:"index",data:function(){var n=this.$route.query;return{backUrl:W.a,periods_id:n.periods_id,category_id:n.category_id,elementId:n.elementId,lesson:null,nowShow:0,page_id:1,stillTime:0,timeInterval:null,nowLesson:{type:"",content:null,age:1}}},components:{lookBlock:E,videoBlock:Y,audioBlock:on.exports},mounted:function(){var n=this;this.initPage(),this.timeInterval=setInterval(function(){n.stillTime++},1e3)},methods:{backList:function(){var n=this,t={page_type:0,page_id:this.page_id,stay_time:this.stillTime};Object(A.C)(this.$route.query.elementId,this.$route.query.category_id,this.$route.query.periods_id,t).then(function(t){clearInterval(n.timeInterval)});var o={periods_id:this.$route.query.periods_id,course_type:this.$route.query.course_type,parent_category_id:this.$route.query.parent_category_id,back_id:this.category_id};this.$router.push({name:"map",query:o})},changeTitle:function(n){var t=this;this.nowShow=n;var o={page_type:0,page_id:this.page_id,stay_time:this.stillTime};switch(Object(A.C)(this.$route.query.elementId,this.$route.query.category_id,this.$route.query.periods_id,o).then(function(n){t.stillTime=0}),n){case 1:o.page_id=1,this.nowLesson={type:"text",content:this.lesson.content.look,age:this.nowLesson.age};break;case 2:o.page_id=2,this.lesson.content.play.type?this.nowLesson={type:"audio",content:this.lesson.content.play,age:this.nowLesson.age}:this.nowLesson={type:"video",content:this.lesson.content.play,age:this.nowLesson.age};break;case 3:o.page_id=5,this.lesson.content.fun.type?this.nowLesson={type:"audio",content:this.lesson.content.fun,age:this.nowLesson.age}:this.nowLesson={type:"video",content:this.lesson.content.fun,age:this.nowLesson.age}}},initPage:function(){this.lesson=JSON.parse(localStorage.getItem("lessonDetail")),this.nowShow=1,document.title=""+this.lesson.domTitle,this.nowLesson={type:"text",content:this.lesson.content.look,age:this.nowLesson.age},this.lesson.content.play.video.length<1&&this.lesson.content.play.audio.length<1&&(this.nowLesson.old=!0)}}},en=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"newLesson"},[n.nowLesson.old?n._e():o("div",{staticClass:"header"},[o("i",{staticClass:"lessonHeader home",on:{click:n.backList}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultLook:1!==n.nowShow,look:1===n.nowShow},on:{click:function(t){n.changeTitle(1)}}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultPlay:2!==n.nowShow,play:2===n.nowShow},on:{click:function(t){n.changeTitle(2)}}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultFun:3!==n.nowShow,fun:3===n.nowShow},on:{click:function(t){n.changeTitle(3)}}})]),n._v(" "),n.nowLesson.old?n._e():o("div",{staticClass:"header-h"},[o("i",{class:{headerHP:!0,defaultLook:1!==n.nowShow,lookHP:1===n.nowShow},on:{click:function(t){n.changeTitle(1)}}}),n._v(" "),o("i",{class:{headerHP:!0,defaultPlay:2!==n.nowShow,playHP:2===n.nowShow},on:{click:function(t){n.changeTitle(2)}}}),n._v(" "),o("i",{class:{headerHP:!0,defaultFun:3!==n.nowShow,funHP:3===n.nowShow},on:{click:function(t){n.changeTitle(3)}}}),n._v(" "),o("i",{staticClass:"headerHP home",on:{click:n.backList}})]),n._v(" "),n.nowLesson.old?o("img",{staticClass:"backImg",attrs:{src:n.backUrl},on:{click:n.backList}}):n._e(),n._v(" "),o("div",{class:{"index-content-block":!0,radius:1!==n.nowShow||n.nowLesson.old}},["text"===n.nowLesson.type?o("look-block",{attrs:{contentData:n.nowLesson}}):n._e(),n._v(" "),"video"===n.nowLesson.type?o("video-block",{attrs:{contentData:n.nowLesson,nowShow:n.nowShow}}):n._e(),n._v(" "),"audio"===n.nowLesson.type?o("audio-block",{attrs:{contentData:n.nowLesson}}):n._e()],1)])};en._withStripped=!0;var an={render:en,staticRenderFns:[]},dn=an;var rn=!1;var ln=o("VU/8")(An,dn,!1,function(n){rn||o("PZSc")},"data-v-17c3eb9b",null);ln.options.__file="src/components/newLesson/index.vue";t.default=ln.exports},"A4/g":function(n,t,o){n.exports=o.p+"static/img/luolalaila.1ba248b.png"},AHTB:function(n,t,o){var A=o("FHMa");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("5b5ea576",A,!1,{})},EsZv:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAmy4FDt8eN/PDjexTZPut0kN0eiMosmgAAADySURBVCjPlVJZssMgDAs7BgIk0f3PWjftpCxp3zz/eJE8Y8teln+Z3VJy+isaDE6j446jRWYsVuPZ+UONuOTuutozPDgm2+POI6YrU3uG6Rg2onYFx4V2EIIZ5pIe4ZMlZDkOtba1AjGvRU3R7jeLJ3j9U1Xlsb1DYdyMl2oQiFgwJVi5mfGSPTJBPIOZIeO77Ng9D7TcMM42FVaBItI8hRTu0sT88Sb5WqixjVyj5DyCNtg/t8tYR0JA1G3mt/FWXY8m+G4P/pj+froC4noZSUAZvlIXIJfVWet2hhHUfN6Ky8jd6rGFyqp7CvKHaHp8kgezoAyFs+5UjgAAAABJRU5ErkJggg=="},FHMa:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-4b9d59c8] {\n float: right;\n}\n.main-block[data-v-4b9d59c8] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-4b9d59c8]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-4b9d59c8]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-4b9d59c8]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-4b9d59c8]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.off[data-v-4b9d59c8] {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.guide[data-v-4b9d59c8] {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .toVideo[data-v-4b9d59c8] {\n -webkit-transform: rotate(-30deg);\n transform: rotate(-30deg);\n width: 13.33333333vw;\n position: absolute;\n top: 26.66666667vw;\n left: 13.33333333vw;\n}\n.guide .video-block[data-v-4b9d59c8] {\n width: 85.33333333vw;\n height: 49.33333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n position: absolute;\n top: 41.06666667vw;\n left: 7.2vw;\n}\n.guide .change-block[data-v-4b9d59c8] {\n position: absolute;\n top: 94.93333333vw;\n left: 30.66666667vw;\n width: 38.66666667vw;\n height: 7.46666667vw;\n border-radius: 3.73333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.guide .change-block div[data-v-4b9d59c8] {\n width: 49%;\n float: left;\n border-radius: 26.66666667vw;\n line-height: 7.46666667vw;\n text-align: center;\n}\n.guide .change-block div[data-v-4b9d59c8]:first-child {\n border: 0.26666667vw solid #ffffff;\n}\n.guide .video-test[data-v-4b9d59c8] {\n width: 39.46666667vw;\n position: absolute;\n left: 26.4vw;\n top: 21.33333333vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #ffffff;\n}\n.guide .i-know[data-v-4b9d59c8] {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n top: 114.66666667vw;\n}\n.guide .color-red[data-v-4b9d59c8] {\n color: #FF6477;\n}\n.guide .toUntil[data-v-4b9d59c8] {\n width: 13.33333333vw;\n position: absolute;\n left: 40vw;\n top: 104vw;\n}\n.guide .until-test[data-v-4b9d59c8] {\n width: 28.8vw;\n position: absolute;\n left: 55.73333333vw;\n top: 106.66666667vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #ffffff;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/video.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/video.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC8BD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD5BD;AC8BD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CD5BD;ACoBD;EAUI,kCAAA;UAAA,0BAAA;EACA,qBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;CD3BH;ACaD;EAiBI,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,mBAAA;EACA,mBAAA;EACA,YAAA;CD3BH;ACID;EA0BI,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD3BH;ACTD;EAsCM,WAAA;EACA,YAAA;EACA,6BAAA;EACA,0BAAA;EACA,mBAAA;CD1BL;AC2BK;EACE,mCAAA;CDzBP;ACnBD;EAiDI,qBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CD3BH;AClCD;EAgEI,mBAAA;EACA,cAAA;EACA,aAAA;EACA,oBAAA;CD3BH;ACxCD;EAsEI,eAAA;CD3BH;AC3CD;EAyEI,qBAAA;EACA,mBAAA;EACA,WAAA;EACA,WAAA;CD3BH;ACjDD;EA+EI,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CD3BH",file:"video.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.off {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.guide {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .toVideo {\n transform: rotate(-30deg);\n width: 13.33333333vw;\n position: absolute;\n top: 26.66666667vw;\n left: 13.33333333vw;\n}\n.guide .video-block {\n width: 85.33333333vw;\n height: 49.33333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n position: absolute;\n top: 41.06666667vw;\n left: 7.2vw;\n}\n.guide .change-block {\n position: absolute;\n top: 94.93333333vw;\n left: 30.66666667vw;\n width: 38.66666667vw;\n height: 7.46666667vw;\n border-radius: 3.73333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.guide .change-block div {\n width: 49%;\n float: left;\n border-radius: 26.66666667vw;\n line-height: 7.46666667vw;\n text-align: center;\n}\n.guide .change-block div:first-child {\n border: 0.26666667vw solid #ffffff;\n}\n.guide .video-test {\n width: 39.46666667vw;\n position: absolute;\n left: 26.4vw;\n top: 21.33333333vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #ffffff;\n}\n.guide .i-know {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n top: 114.66666667vw;\n}\n.guide .color-red {\n color: #FF6477;\n}\n.guide .toUntil {\n width: 13.33333333vw;\n position: absolute;\n left: 40vw;\n top: 104vw;\n}\n.guide .until-test {\n width: 28.8vw;\n position: absolute;\n left: 55.73333333vw;\n top: 106.66666667vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #ffffff;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.off{\n position: absolute;\n top: 9*@toVw;\n z-index: 99999;\n right: 20*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n}\n.guide{\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background:rgba(0,0,0,0.8);\n z-index: 9999;\n .toVideo{\n transform: rotate(-30deg);\n width: 50*@toVw;\n position: absolute;\n top: 100*@toVw;\n left: 50*@toVw;\n }\n .video-block{\n width:320*@toVw;\n height:185*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n position: absolute;\n top: 154*@toVw;\n left: 27*@toVw;\n }\n .change-block{\n position: absolute;\n top: 356*@toVw;\n left: 115*@toVw;\n width:145*@toVw;\n height:28*@toVw;\n border-radius:14*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n div{\n width: 49%;\n float: left;\n border-radius: 100*@toVw;\n line-height: 28*@toVw;\n text-align: center;\n &:first-child{\n border:1*@toVw solid rgba(255,255,255,1);\n }\n }\n }\n .video-test{\n width:148*@toVw;\n position: absolute;\n left: 99*@toVw;\n top: 80*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n line-height: 26*@toVw;\n text-align: center;\n color:rgba(255,255,255,1);\n }\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 123*@toVw;\n top: 430*@toVw;\n }\n .color-red{\n color: #FF6477;\n }\n .toUntil{\n width: 50*@toVw;\n position: absolute;\n left: 150*@toVw;\n top: 390*@toVw;\n }\n .until-test{\n width:108*@toVw;\n position: absolute;\n left: 209*@toVw;\n top: 400*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n line-height: 26*@toVw;\n text-align: center;\n color:rgba(255,255,255,1);\n }\n}\n'],sourceRoot:""}])},G8nj:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAACGCAMAAADHJ7eIAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMABYlLEwve+unyWnnRAhw9m8UnqmkxuK30xekAABIiSURBVHja7FzrmpyqEm0QVEAUBeX93/RUKV6wFZxJ8u0znZD8yEymlVXXVVUwr9f7Gil7/Y2LT97ovxE4sb4e/0qVd+IvVTn/p/J/Kv+n8r9A5cM/lf9T+SeucSR/pcqHWphB/0pg14RzxljbtsMwjh2uYlvzl904DrDgJ1o2Lz4vQojW/5mM29L7WrFvqJzwdiykosZOfVOWtRCiqvz1qmDB/4u6rsuyaZq+76dpstYYQ6lSyjmJQkIBBelskvlzKrfC+74gX/FyzdtC2aaudmAi4JpXCate/mxLhIUyuJPP/Jz54yibRTKrYM6SYb9sNaRoKl8d7D2pctBz50xf4y5hj01vDVVBX8O+q32hgbdo6YsbgPlLKZ1zSlFKjbF2mvq+aVBUm3zuZVOJTTK72dB5B+PQMk6+BJ2p+mjvoPLyqi7nbJSoZ9yAqHvquoFFL7qS1vq9oJbtR+avt6/IHCfWKIGyOUrmUjBvogE9NJOFXbWMfM/e9dgbcrbtQdKprBbMjVVFq6+B/uLSr8hwdXgHBlCUTLCbYDZqlQ0GGZBJkIWY98f1Q3vvwd7tYu+aRB/SrKCNmGVaTihR8p+EYR0LOvZswtmAodZMEGURPVhkx/Q37H1/5EhR04i5GLl+/RFF/w6xBGHwAWLQHHerhnb8kb0btPc4h5MOnKCqJ9X9qG4cGRYjrXrJntq7irI8yKJq1PDzqJzWvJuxN+6J1pkzhxSuixJlxl8/dfFiAsX1HXnoKuvHnPCl+7mwEQ3pALr4WtecqMpPP79QI7Lx1dTGhZk6r2LXOHFVZT9ivtCayjdHDbbNGyM8kPRCeMtfH7G4EhFyburz6tmhaps+Zp5EIFod0ej2vDYVE+PLD2rEQLyqqD5F8ePfQ1FeuY/qqBkvimedt55/EnB03SeIOvFIPj8ppcvqgQ2Dh3+YwsGIe9/wvF18locvKn/g5dLX7acBf7HSm5xwrLcfh1trc91Ri2TzeZaO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"},"Jyj/":function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAipJREFUSA2llT1IlWEUx03EDFEkCQmCQBShwSFoaBAaWhscFGoIajFwECRoaGhxcHAwaGhoEhwcbEjv0NLQICgILdGUCJIfqXVvH37r2+88nnN5fN7nvt57e+B3z/Oc8z//c9/73vvemhpdSZI8gTx8hvtwwWrVRPpnYcb1ihmIub/mOfRUYy49ZmQD6jSxSuyHJRMQp6Gj0kHWHw5YkwTFengKP1V4QByHy+UO0r4kHLDuGyBqhZcgA2TJwGGo93WxvYhlhQM2Sog70b51HacvXwl9Ma3lTBsO2DRBLNLUAwvWTJyD2yW0ThYO2IqJ/Rxd8o17AMvO4fRlitAe6FwlHLDti7L2dDfAMyg4pyTZJ45Bi/RpLnUPfmSZxmoYXYFXcKim28Qh3acG5GMm5eQw7IJ3ZmzR9XKwH1qhHLMsDV53YNEG1Abi/3r+qFcD8eIZX+8Kfp8pVHDAoxve2zu36Cw42Ef0twJP671K/xs4VtN14oDuUzd5p9wBGDTCC/gDsnZgBJrEQxKy7F3YFeyeN4CeWngE30DWCUzANb9XCrLCAXu+KNyjvwufpFHXB+LNUCdnE7gaB7uCgxLiG2hy1kT8AvdiWsuZNhxwaAKJiNrgNRxpw3fiINT5uthe9amP6EiNLyF4Dr9UuEscheaYWSynfakBcsMewooK5DwJ12MmWTntLw6QR7D9PVrtI5tbWSZZNTMpakg8hg2Q50hvsVDlBg/5UuT+AVNadPgn7M81AAAAAElFTkSuQmCC"},M58m:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYBAMAAAAbsoCxAAAAG1BMVEVHcEz///////////////////////////////8W/R0OAAAACHRSTlMAxuOqblIYPdzfuK0AAABBSURBVBjTY2BABazGZgzFxlAQwMDS0cYQ0QEFDhhcJTWGICUocGCgImAVFGMoFIQCQs5AU0xFgOZBAs5ADTpUAACEHS/VIfLFrAAAAABJRU5ErkJggg=="},O8Ir:function(n,t,o){n.exports=o.p+"static/img/luoLacoming.565b7f9.png"},Oq7G:function(n,t,o){var A=o("v+hz");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("91d88164",A,!1,{})},PYhZ:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-17c3eb9b] {\n float: right;\n}\n.main-block[data-v-17c3eb9b] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-17c3eb9b]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-17c3eb9b]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-17c3eb9b]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-17c3eb9b]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.lessonHeader[data-v-17c3eb9b] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/lessonHeader.png?v=2') no-repeat;\n background-size: 27.2vw 89.06666667vw;\n display: inline-block;\n}\n.header-h[data-v-17c3eb9b] {\n display: none;\n}\n.home[data-v-17c3eb9b] {\n height: 12.26666667vw;\n width: 12.26666667vw;\n background-position: 0 0;\n}\n.play[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -12.26666667vw;\n}\n.look[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -25.06666667vw;\n}\n.fun[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -37.86666667vw;\n}\n.defaultFun[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -50.66666667vw;\n}\n.defaultLook[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -63.46666667vw;\n}\n.defaultPlay[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -76.26666667vw;\n}\n.header[data-v-17c3eb9b] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 1.33333333vw 0;\n z-index: 2;\n background: #ffffff;\n -webkit-box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\n box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\n}\n.newLesson[data-v-17c3eb9b] {\n background: #f8f8f8;\n}\n.backImg[data-v-17c3eb9b] {\n position: fixed;\n bottom: 10.66666667vw;\n right: 5.33333333vw;\n z-index: 99999999;\n width: 16vw;\n}\n@media screen and (orientation: landscape) {\n.backImg[data-v-17c3eb9b] {\n position: fixed;\n bottom: 5.9970015vw;\n right: 2.99850075vw;\n z-index: 99999999;\n width: 8.99550225vw;\n}\n.lessonHeader[data-v-17c3eb9b] {\n display: none;\n}\n.header[data-v-17c3eb9b] {\n display: none;\n}\n.actBanKuai[data-v-17c3eb9b] {\n background-color: white;\n border: 0.14992504vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 1.1994003vw 0 0 1.1994003vw;\n}\n.headerHP[data-v-17c3eb9b] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2') no-repeat;\n background-size: 9.29535232vw 65.06746627vw;\n display: inline-block;\n}\n.home[data-v-17c3eb9b] {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 0;\n}\n.lookHP[data-v-17c3eb9b] {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -9.29535232vw;\n background-color: white;\n border: 0.14992504vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 1.1994003vw 0 0 1.1994003vw;\n}\n.playHP[data-v-17c3eb9b] {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -18.59070465vw;\n background-color: white;\n border: 0.14992504vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 1.1994003vw 0 0 1.1994003vw;\n}\n.funHP[data-v-17c3eb9b] {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -27.88605697vw;\n background-color: white;\n border: 0.14992504vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 1.1994003vw 0 0 1.1994003vw;\n}\n.defaultFun[data-v-17c3eb9b] {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -37.1814093vw;\n}\n.defaultLook[data-v-17c3eb9b] {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -46.47676162vw;\n}\n.defaultPlay[data-v-17c3eb9b] {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -55.77211394vw;\n}\n.header-h[data-v-17c3eb9b] {\n display: block;\n width: 9.29535232vw;\n position: absolute;\n left: 2.62368816vw;\n top: 2.99850075vw;\n z-index: 2;\n}\n.header-h .headerHP[data-v-17c3eb9b] {\n display: block;\n}\n.index-content-block[data-v-17c3eb9b] {\n position: absolute;\n top: 2.99850075vw;\n left: 11.994003vw;\n right: 2.99850075vw;\n bottom: 2.99850075vw;\n background: white;\n border: 0.14992504vw solid #000;\n border-radius: 0 1.1994003vw 1.1994003vw 1.1994003vw;\n}\n.index-content-block.radius[data-v-17c3eb9b] {\n border-radius: 1.1994003vw;\n}\n}\n@media screen and (min-aspect-ratio: 20/8) {\n.backImg[data-v-17c3eb9b] {\n position: fixed;\n bottom: 4.44444444vw;\n right: 2.22222222vw;\n z-index: 99999999;\n width: 6.66666667vw;\n}\n.lessonHeader[data-v-17c3eb9b] {\n display: none;\n}\n.header[data-v-17c3eb9b] {\n display: none;\n}\n.actBanKuai[data-v-17c3eb9b] {\n background-color: white;\n border: 0.11111111vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 0.88888889vw 0 0 0.88888889vw;\n}\n.headerHP[data-v-17c3eb9b] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2') no-repeat;\n background-size: 6.88888889vw 48.22222222vw;\n display: inline-block;\n}\n.headerHP.lookHP[data-v-17c3eb9b] {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 0;\n background-color: white;\n border: 0.11111111vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 0.88888889vw 0 0 0.88888889vw;\n}\n.headerHP.defaultPlay[data-v-17c3eb9b] {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -6.88888889vw;\n}\n.headerHP.playHP[data-v-17c3eb9b] {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -13.77777778vw;\n background-color: white;\n border: 0.11111111vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 0.88888889vw 0 0 0.88888889vw;\n}\n.headerHP.defaultLook[data-v-17c3eb9b] {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -20.66666667vw;\n}\n.headerHP.home[data-v-17c3eb9b] {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -27.55555556vw;\n}\n.headerHP.defaultFun[data-v-17c3eb9b] {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -34.44444444vw;\n}\n.headerHP.funHP[data-v-17c3eb9b] {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -41.33333333vw;\n background-color: white;\n border: 0.11111111vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 0.88888889vw 0 0 0.88888889vw;\n}\n.header-h[data-v-17c3eb9b] {\n display: block;\n width: 6.88888889vw;\n position: absolute;\n left: 1.94444444vw;\n top: 2.22222222vw;\n z-index: 2;\n}\n.header-h .headerHP[data-v-17c3eb9b] {\n display: block;\n}\n.index-content-block[data-v-17c3eb9b] {\n position: absolute;\n top: 2.22222222vw;\n left: 8.88888889vw;\n right: 2.22222222vw;\n bottom: 2.22222222vw;\n background: white;\n border: 0.11111111vw solid #000;\n border-radius: 0 0.88888889vw 0.88888889vw 0.88888889vw;\n}\n.index-content-block.radius[data-v-17c3eb9b] {\n border-radius: 0.88888889vw;\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/index.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/index.vue"],names:[],mappings:"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",file:"index.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.lessonHeader {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/lessonHeader.png?v=2') no-repeat;\n background-size: 27.2vw 89.06666667vw;\n display: inline-block;\n}\n.header-h {\n display: none;\n}\n.home {\n height: 12.26666667vw;\n width: 12.26666667vw;\n background-position: 0 0;\n}\n.play {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -12.26666667vw;\n}\n.look {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -25.06666667vw;\n}\n.fun {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -37.86666667vw;\n}\n.defaultFun {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -50.66666667vw;\n}\n.defaultLook {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -63.46666667vw;\n}\n.defaultPlay {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -76.26666667vw;\n}\n.header {\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 1.33333333vw 0;\n z-index: 2;\n background: #ffffff;\n box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\n}\n.newLesson {\n background: #f8f8f8;\n}\n.backImg {\n position: fixed;\n bottom: 10.66666667vw;\n right: 5.33333333vw;\n z-index: 99999999;\n width: 16vw;\n}\n@media screen and (orientation: landscape) {\n .backImg {\n position: fixed;\n bottom: 5.9970015vw;\n right: 2.99850075vw;\n z-index: 99999999;\n width: 8.99550225vw;\n }\n .lessonHeader {\n display: none;\n }\n .header {\n display: none;\n }\n .actBanKuai {\n background-color: white;\n border: 0.14992504vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 1.1994003vw 0 0 1.1994003vw;\n }\n .headerHP {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2') no-repeat;\n background-size: 9.29535232vw 65.06746627vw;\n display: inline-block;\n }\n .home {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 0;\n }\n .lookHP {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -9.29535232vw;\n background-color: white;\n border: 0.14992504vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 1.1994003vw 0 0 1.1994003vw;\n }\n .playHP {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -18.59070465vw;\n background-color: white;\n border: 0.14992504vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 1.1994003vw 0 0 1.1994003vw;\n }\n .funHP {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -27.88605697vw;\n background-color: white;\n border: 0.14992504vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 1.1994003vw 0 0 1.1994003vw;\n }\n .defaultFun {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -37.1814093vw;\n }\n .defaultLook {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -46.47676162vw;\n }\n .defaultPlay {\n height: 9.29535232vw;\n width: 9.29535232vw;\n background-position: 0 -55.77211394vw;\n }\n .header-h {\n display: block;\n width: 9.29535232vw;\n position: absolute;\n left: 2.62368816vw;\n top: 2.99850075vw;\n z-index: 2;\n }\n .header-h .headerHP {\n display: block;\n }\n .index-content-block {\n position: absolute;\n top: 2.99850075vw;\n left: 11.994003vw;\n right: 2.99850075vw;\n bottom: 2.99850075vw;\n background: white;\n border: 0.14992504vw solid #000;\n border-radius: 0 1.1994003vw 1.1994003vw 1.1994003vw;\n }\n .index-content-block.radius {\n border-radius: 1.1994003vw;\n }\n}\n@media screen and (min-aspect-ratio: 20/8) {\n .backImg {\n position: fixed;\n bottom: 4.44444444vw;\n right: 2.22222222vw;\n z-index: 99999999;\n width: 6.66666667vw;\n }\n .lessonHeader {\n display: none;\n }\n .header {\n display: none;\n }\n .actBanKuai {\n background-color: white;\n border: 0.11111111vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 0.88888889vw 0 0 0.88888889vw;\n }\n .headerHP {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2') no-repeat;\n background-size: 6.88888889vw 48.22222222vw;\n display: inline-block;\n }\n .headerHP.lookHP {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 0;\n background-color: white;\n border: 0.11111111vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 0.88888889vw 0 0 0.88888889vw;\n }\n .headerHP.defaultPlay {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -6.88888889vw;\n }\n .headerHP.playHP {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -13.77777778vw;\n background-color: white;\n border: 0.11111111vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 0.88888889vw 0 0 0.88888889vw;\n }\n .headerHP.defaultLook {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -20.66666667vw;\n }\n .headerHP.home {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -27.55555556vw;\n }\n .headerHP.defaultFun {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -34.44444444vw;\n }\n .headerHP.funHP {\n height: 6.88888889vw;\n width: 6.88888889vw;\n background-position: 0 -41.33333333vw;\n background-color: white;\n border: 0.11111111vw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 0.88888889vw 0 0 0.88888889vw;\n }\n .header-h {\n display: block;\n width: 6.88888889vw;\n position: absolute;\n left: 1.94444444vw;\n top: 2.22222222vw;\n z-index: 2;\n }\n .header-h .headerHP {\n display: block;\n }\n .index-content-block {\n position: absolute;\n top: 2.22222222vw;\n left: 8.88888889vw;\n right: 2.22222222vw;\n bottom: 2.22222222vw;\n background: white;\n border: 0.11111111vw solid #000;\n border-radius: 0 0.88888889vw 0.88888889vw 0.88888889vw;\n }\n .index-content-block.radius {\n border-radius: 0.88888889vw;\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.lessonHeader{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/lessonHeader.png?v=2') no-repeat;background-size:102*@toVw 334*@toVw;display: inline-block}\n.header-h{display: none}\n.home{height:46*@toVw;width:46*@toVw;background-position:0 0;}\n.play{height:48*@toVw;width:102*@toVw;background-position:0 -46*@toVw;}\n.look{height:48*@toVw;width:102*@toVw;background-position:0 -94*@toVw;}\n.fun{height:48*@toVw;width:102*@toVw;background-position:0 -142*@toVw;}\n.defaultFun{height:48*@toVw;width:102*@toVw;background-position:0 -190*@toVw;}\n.defaultLook{height:48*@toVw;width:102*@toVw;background-position:0 -238*@toVw;}\n.defaultPlay{height:48*@toVw;width:102*@toVw;background-position:0 -286*@toVw;}\n .header{\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 5*@toVw 0;\n z-index: 2;\n background:rgba(255,255,255,1);\n box-shadow:0*@toVw 2*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.1);\n }\n .newLesson{\n background: #f8f8f8;\n }\n .backImg{\n position: fixed;\n bottom: 40*@toVw;\n right: 20*@toVw;\n z-index: 99999999;\n width: 60*@toVw;\n }\n\n@media screen and (orientation: landscape) {\n @toVw:100/667vw;\n .backImg{\n position: fixed;\n bottom: 40*@toVw;\n right: 20*@toVw;\n z-index: 99999999;\n width: 60*@toVw;\n }\n .lessonHeader{\n display: none;\n }\n .header{\n display: none;\n }\n .actBanKuai{\n background-color: white;\n border: 1*@toVw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 8*@toVw 0 0 8*@toVw;\n }\n .headerHP{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2') no-repeat;background-size:62*@toVw 434*@toVw;display: inline-block}\n .home{height:62*@toVw;width:62*@toVw;background-position:0 0;}\n .lookHP{height:62*@toVw;width:62*@toVw;background-position:0 -62*@toVw;.actBanKuai}\n .playHP{height:62*@toVw;width:62*@toVw;background-position:0 -124*@toVw;.actBanKuai}\n .funHP{height:62*@toVw;width:62*@toVw;background-position:0 -186*@toVw;.actBanKuai}\n .defaultFun{height:62*@toVw;width:62*@toVw;background-position:0 -248*@toVw;}\n .defaultLook{height:62*@toVw;width:62*@toVw;background-position:0 -310*@toVw;}\n .defaultPlay{height:62*@toVw;width:62*@toVw;background-position:0 -372*@toVw;}\n\n .header-h{\n display: block;\n width: 62*@toVw;\n position: absolute;\n left: 17.5*@toVw;\n top: 20*@toVw;\n z-index: 2;\n .headerHP{\n display: block;\n }\n }\n .index-content-block{\n position: absolute;\n top: 20*@toVw;\n left: 80*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n background: white;\n border: 1*@toVw solid #000;\n border-radius: 0 8*@toVw 8*@toVw 8*@toVw;\n &.radius{\n border-radius: 8*@toVw;\n }\n }\n}\n@media screen and (min-aspect-ratio: ~\"20/8\"){\n @toVw:100/900vw;\n .backImg{\n position: fixed;\n bottom: 40*@toVw;\n right: 20*@toVw;\n z-index: 99999999;\n width: 60*@toVw;\n }\n .lessonHeader{\n display: none;\n }\n .header{\n display: none;\n }\n .actBanKuai{\n background-color: white;\n border: 1*@toVw solid transparent;\n border-left-color: black;\n border-top-color: black;\n border-bottom-color: black;\n border-radius: 8*@toVw 0 0 8*@toVw;\n }\n .headerHP{\n background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2') no-repeat;\n background-size:62*@toVw 434*@toVw;\n display: inline-block;\n &.lookHP{height:62*@toVw;width:62*@toVw;background-position:0 0;.actBanKuai}\n &.defaultPlay{height:62*@toVw;width:62*@toVw;background-position:0 -62*@toVw;}\n &.playHP{height:62*@toVw;width:62*@toVw;background-position:0 -124*@toVw;.actBanKuai}\n &.defaultLook{height:62*@toVw;width:62*@toVw;background-position:0 -186*@toVw;}\n &.home{height:62*@toVw;width:62*@toVw;background-position:0 -248*@toVw;}\n &.defaultFun{height:62*@toVw;width:62*@toVw;background-position:0 -310*@toVw;}\n &.funHP{height:62*@toVw;width:62*@toVw;background-position:0 -372*@toVw;.actBanKuai}\n }\n\n .header-h{\n display: block;\n width: 62*@toVw;\n position: absolute;\n left: 17.5*@toVw;\n top: 20*@toVw;\n z-index: 2;\n .headerHP{\n display: block;\n }\n }\n .index-content-block{\n position: absolute;\n top: 20*@toVw;\n left: 80*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n background: white;\n border: 1*@toVw solid #000;\n border-radius: 0 8*@toVw 8*@toVw 8*@toVw;\n &.radius{\n border-radius: 8*@toVw;\n }\n }\n}\n"],sourceRoot:""}])},PZSc:function(n,t,o){var A=o("PYhZ");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("3e1bc0fc",A,!1,{})},Qz73:function(n,t,o){"use strict";var A=o("CCn6"),i=o("dZdx"),e=o.n(i),a=o("qkCC"),d=o.n(a),r=o("G8nj"),l=o.n(r),c=o("XDzh"),s=o.n(c),w=o("Jyj/"),g=o.n(w),b=o("M58m"),h=o.n(b),p=o("EsZv"),v=o.n(p),C=o("SKwj"),u=o.n(C),f=o("ohH1"),k=o.n(f),m={name:"guide",data:function(){return{iKnowUrl:l.a,goDownUrl:k.a,playUrl:s.a,toBigUrl:e.a,loveUrl:d.a,nextUrl:g.a,listUrl:h.a,refUrl:v.a,goUrl:u.a,show:!1}},mounted:function(){var n=this;Object(A.j)({page_name:"newAudio"}).then(function(t){0==t&&(n.show=!0)})}},B=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.show?o("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[o("div",{staticClass:"title"},[n._v("\n 点击放大图片\n ")]),n._v(" "),o("div",{staticClass:"btn-block"},[o("img",{attrs:{src:n.toBigUrl}}),n._v(" "),o("img",{attrs:{src:n.listUrl}}),n._v(" "),o("img",{staticClass:"backImg",attrs:{src:n.nextUrl}}),n._v(" "),o("img",{staticClass:"play-btn",attrs:{src:n.playUrl}}),n._v(" "),o("img",{attrs:{src:n.nextUrl}}),n._v(" "),o("img",{attrs:{src:n.refUrl}}),n._v(" "),o("img",{attrs:{src:n.loveUrl}})]),n._v(" "),o("img",{staticClass:"toLesson",attrs:{src:n.goUrl}}),n._v(" "),n._m(0),n._v(" "),o("img",{staticClass:"i-know",attrs:{src:n.iKnowUrl}})]):n._e()])};B._withStripped=!0;var E={render:B,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"lesson-text"},[this._v("点击"),t("span",{staticClass:"color-red"},[this._v("收藏")])])}]},D=E;var I=!1;var y=o("VU/8")(m,D,!1,function(n){I||o("yvem")},"data-v-0761bba3",null);y.options.__file="src/components/guide/audio.vue";t.a=y.exports},"S+8+":function(n,t){n.exports="data:image/png;base64,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"},WFoo:function(n,t,o){var A=o("yq5q");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("13b6f9ed",A,!1,{})},WcTT:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAARVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////9X1DS3AAAAFnRSTlMAzIELF133JDjlmkqJvqtsBdjutFN6G0dPlQAAAZVJREFUSMeNVVeihCAMFJAiVSxz/6M+eOrqrqDkQyOMCZNG15VkAZauXQhA2tEK0wTVDJ9BKeZWtIToewHZCNfQ+6NFNsPZRRPcwueXh21Bsz0oKTysAR7gNsUhvKPHAWbTDIbxFc4RDzWCN+Sfn38+VEKvTLCeXE6QzkW8DUZdIsqk4VS7KLDLeu6tx5qITlNuJOuOFUxk1itX8kpPKr7qmUwfUMoGIg35x6dcSBNoRM6fRkMAMnGxVRFFSz4CQD+afS+k02b285jAUUNcTmwE/AN+9BDmqzsnuGpsmMP007kyZbDSDn3K9K0RZUQsdmdlo2jkwS0jpXhakAopX0ov3zq3IENptEgMlQhgKi1PKEfMHD39LQ6mCKflyrFHad0G6TnTx/Ey6+c3pkuMywvXk6lyuc+ceuR6MO1Tew0hDIDuH7huTBkVEDblkdmkUFbl+s+UJ6N+pyBT1w+8xjUxVfkKu1T29l3k2kPs1r4qJnsTBa5LHlbrrfjYmsfbUmB6ROLXrUaB6+yqF6lyd66Pt+5n8w8jhBi/H8e3ZQAAAABJRU5ErkJggg=="},XDzh:function(n,t){n.exports="data:image/png;base64,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"},Xctm:function(n,t,o){var A=o("wulZ");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("2bb33e50",A,!1,{})},cku8:function(n,t,o){n.exports=o.p+"static/img/back.c3a0824.png"},dZdx:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAAXNSR0IArs4c6QAAAt1JREFUSA3NlktIFWEUx+8tNbKHF7IQF7YoelDhJiRoVRS267GUoKLHwqB1QSAEEe17bCJoU0Qbw6hoUZEERVRGFNGDWghBCfbgKmlpvzPOmfnzOVzv1Ut04Oc533l+M/PNeHO5fyz5cuaNj483ktcCTTAEn+FjPp8fQVdHGLIIjsNTyJKfOK/BjhlNpMFsOArfoVx5RGJbxYMpKsDtjCmD+O7BZeiG5zAGKr9Y7Ct7KMn18Ew7YD+EdqgJG+FrArsTthmVw2Fu5poKex4uoxhlFZK3GO57IdpqN2cOcScJu6TAbtVOj6nGPx8mnWx8taCP4gPrOq1NbAJ2SN6Ay4kkKAbBNhiCu+JOTPwN8AlcjiRBNYhu8gx0P8zVuNv47Xm51LtfNcHdnoB+qTG3Z2Hoe3SBl3nYg4GedCuDuC2vwEDsX8vQZbGdKBu4IVnlcj1iV2yy2T8U3ZRC7R257bg3S8Jbt9ldO3YXzIt9SzyGfkx8LF6/Rh9gWDFeJz1Ya++JMIVFMBmNCyLFuifylvdni9eS3iklp9zv2q7wKyyFGhIL7PRbHLTTarv2K1yOvSqO3ULb7TOxK3wQWRN/7EPvMuhGohliXxOXjUkgMEg45knozFNqJcSuSl5H0CZnh6ZXnNvFrthkkL3s26RQrzxy28BuSdhPUUHWavotNJ8fGI2bfQgWxs4+Hk9/bKeKAXl4Ai7n02hqEVwN9mG4lHpTC38zfAGXvWk0sMjQr40VdAYpJZfkLwDd9AvWtVMVnSFJ5TSL7A+wdCJnJbzSQmx9jpItJkn2WtwJCu2rfxD0qEdV+NbDWRiBUGwD+qGQSWKSVAcXw2rWv+E99IL9xhmAUH7gGBZneUNtPkUdoP9qpE+meQNvC2yFaQ+dQ/EesN8wRQjlHY5z0Co3yTY7/aHeiCb26jTCOlgBDR7L0sRnPjSrcSnf/zL0eqlNViUWXGlfVZpO1YShrXAS1vwFb8RAsMu0tZAAAAAASUVORK5CYII="},nEfO:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-0761bba3] {\n float: right;\n}\n.main-block[data-v-0761bba3] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-0761bba3]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-0761bba3]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-0761bba3]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-0761bba3]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star[data-v-0761bba3] {\n width: 6.13333333vw;\n}\n.color-red[data-v-0761bba3] {\n color: #FF5050;\n}\n.title[data-v-0761bba3] {\n width: 50.66666667vw;\n height: 49.86666667vw;\n border-radius: 1.06666667vw;\n border: 0.26666667vw solid #ffffff;\n line-height: 49.86666667vw;\n text-align: center;\n position: absolute;\n top: 28.53333333vw;\n left: 24.8vw;\n}\n.btn-block[data-v-0761bba3] {\n width: 74.66666667vw;\n height: 15.2vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 116vw;\n left: 50%;\n margin-left: -37.33333333vw;\n}\n.btn-block img[data-v-0761bba3] {\n width: 4.26666667vw;\n vertical-align: middle;\n}\n.btn-block .backImg[data-v-0761bba3] {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n.btn-block .play-btn[data-v-0761bba3] {\n width: 10.66666667vw;\n}\n.toTitle[data-v-0761bba3] {\n width: 12vw;\n position: absolute;\n top: 29.33333333vw;\n left: 16vw;\n}\n.guide[data-v-0761bba3] {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know[data-v-0761bba3] {\n position: absolute;\n width: 34.4vw;\n left: 32vw;\n top: 85.33333333vw;\n}\n.guide .toLesson[data-v-0761bba3] {\n width: 12vw;\n position: absolute;\n top: 129.33333333vw;\n right: 14.66666667vw;\n -webkit-transform: rotate(150deg);\n transform: rotate(150deg);\n}\n.guide .color-red[data-v-0761bba3] {\n color: #FF6477;\n}\n.guide .lesson-text[data-v-0761bba3] {\n width: 30.4vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n top: 138.66666667vw;\n left: 42.66666667vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/audio.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/audio.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACwCD;EACE,oBAAA;CDtCD;ACwCD;EACE,eAAA;CDtCD;ACwCD;EACE,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,2BAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;CDtCD;ACyCD;EACE,qBAAA;EACA,eAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,WAAA;EACA,UAAA;EACA,4BAAA;CDvCD;ACgCD;EASI,oBAAA;EACA,uBAAA;CDtCH;AC4BD;EAaI,kCAAA;UAAA,0BAAA;CDtCH;ACyBD;EAgBI,qBAAA;CDtCH;ACyCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;CDvCD;ACyCD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDvCD;AC+BD;EAUI,mBAAA;EACA,cAAA;EACA,WAAA;EACA,mBAAA;CDtCH;ACyBD;EAgBI,YAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,kCAAA;UAAA,0BAAA;CDtCH;ACkBD;EAuBI,eAAA;CDtCH;ACeD;EA0BI,cAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,mBAAA;EACA,mCAAA;CDtCH",file:"audio.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star {\n width: 6.13333333vw;\n}\n.color-red {\n color: #FF5050;\n}\n.title {\n width: 50.66666667vw;\n height: 49.86666667vw;\n border-radius: 1.06666667vw;\n border: 0.26666667vw solid #ffffff;\n line-height: 49.86666667vw;\n text-align: center;\n position: absolute;\n top: 28.53333333vw;\n left: 24.8vw;\n}\n.btn-block {\n width: 74.66666667vw;\n height: 15.2vw;\n display: flex;\n position: absolute;\n top: 116vw;\n left: 50%;\n margin-left: -37.33333333vw;\n}\n.btn-block img {\n width: 4.26666667vw;\n vertical-align: middle;\n}\n.btn-block .backImg {\n transform: rotate(180deg);\n}\n.btn-block .play-btn {\n width: 10.66666667vw;\n}\n.toTitle {\n width: 12vw;\n position: absolute;\n top: 29.33333333vw;\n left: 16vw;\n}\n.guide {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know {\n position: absolute;\n width: 34.4vw;\n left: 32vw;\n top: 85.33333333vw;\n}\n.guide .toLesson {\n width: 12vw;\n position: absolute;\n top: 129.33333333vw;\n right: 14.66666667vw;\n transform: rotate(150deg);\n}\n.guide .color-red {\n color: #FF6477;\n}\n.guide .lesson-text {\n width: 30.4vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n top: 138.66666667vw;\n left: 42.66666667vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.star{\n width: 23*@toVw;\n}\n.color-red{\n color: #FF5050;\n}\n.title{\n width:190*@toVw;\n height:187*@toVw;\n border-radius:4*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n line-height: 187*@toVw;\n text-align: center;\n position: absolute;\n top: 107*@toVw;\n left: 93*@toVw;\n}\n\n.btn-block{\n width:280*@toVw;\n height:57*@toVw;\n display: flex;\n position: absolute;\n top: 435*@toVw;\n left: 50%;\n margin-left: -140*@toVw;\n img{\n width: 16*@toVw;\n vertical-align: middle;\n }\n .backImg{\n transform: rotate(180deg);\n }\n .play-btn{\n width: 40*@toVw;\n }\n}\n.toTitle{\n width: 45*@toVw;\n position: absolute;\n top: 110*@toVw;\n left: 60*@toVw ;\n}\n.guide{\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background:rgba(0,0,0,0.8);\n z-index: 9999;\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 120*@toVw;\n top: 320*@toVw;\n }\n .toLesson{\n width: 45*@toVw;\n position: absolute;\n top: 485*@toVw;\n right: 55*@toVw;\n transform: rotate(150deg);\n }\n .color-red{\n color: #FF6477;\n }\n .lesson-text{\n width:114*@toVw;\n height:26*@toVw;\n line-height: 26*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n font-size: 14*@toVw;\n border-radius:8*@toVw;\n position: absolute;\n top: 520*@toVw;\n left: 160*@toVw;\n text-align: center;\n border:1*@toVw solid rgba(255,255,255,1)\n }\n}\n'],sourceRoot:""}])},q2oE:function(n,t){n.exports="data:image/png;base64,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"},qkCC:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAAXNSR0IArs4c6QAAAuhJREFUSA29lktrFEEURtNGEzWJwYgKasIkJjFREUTQhegmCxduFJcq4n9w4UJwFQlZuQkiiCs3AZcRnxkf8f0H1CSYMT7iAwVRVPAxnm+6bk/bmZlMS3c+OF236lbdW1XTU9VeTQnl8/m1NB+EvdAFK+AzTMAonPc8L0cZiDEdVI5CH3RCM3yEcbgEFxgzQ1leBKmDAfgOlfQT51logEY4B7+gkr7h7IdFJWeAYyXcB+kPXIQD0AZKtA72wzD8BukpjBcsv00+jcnAcuiGw3AVTHcwtKNF0VAPljyHvb3onW3h3wqWGDP/BLbM7llswd8H70Aag7rAS2VQrWgKVgWOCgb9muE6XIamCl0DF/20MzaJUwUHDa3wA7Tt26w3dhOchmdwxtrDJe0LoTbcNpdNf+2EpHdiTQ2P46qhYRuMreRKPAT6HT3zJVESz96JY5qAXgppnwXH1sqHrJ50SewjIGU1gdcFk7fcElHXC6b/fyoi9kaXc3oBGVpclk+hbFnsyVA9aVMHlNSiHXjpZtPmt6X/JN8mlzOnHdDxKu3wi3l52jkzoQmMuJSH5iW1n0T3jDSin2A1fHVbsttvT+9Jnj0u1xdK/9DDOOkaZyhb00pP7Hb44HKdCPLQUAvXnGOSMvFJEDMDOZfjCuW/JygNOtsfuw7PKRP7VxCrA1642I8olwWrDxs4NImHruMUZSbs/x+bGOthGqQHUDq5BVcH15GisGXt5otbMr4T7Jy5h13Vral/hi4jDZA0e31uxRJjuuAVSGNQXXLLogFwFyStQt95VYm+G8DuGF12jVUNjHbSQFAASauZ84KiTw+8AekWNETjxqorANwGSavqLhcAXy/oLJGysLRc31jtBNIkboKk1fVEA9CmC+YtSDcgmeSWSAFhFCStsjfk20zdvvV0oC0xX6KlAoNWJ2m1O2EXvAdJJ9ziRJNGg5FAk7BjGzOQvo7ro/1TqSsRDIJ2QT/HABS/82Nk/Qvn7NwA60fVwwAAAABJRU5ErkJggg=="},sHWr:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-d14e4a78] {\n float: right;\n}\n.main-block[data-v-d14e4a78] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-d14e4a78]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-d14e4a78]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-d14e4a78]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-d14e4a78]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.playImage[data-v-d14e4a78] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png') no-repeat;\n background-size: 10.66666667vw 50.4vw;\n display: inline-block;\n}\n._154722344142123489[data-v-d14e4a78] {\n height: 1.33333333vw;\n width: 2.4vw;\n background-position: 0 0;\n}\n._282918034425091245[data-v-d14e4a78] {\n height: 2.13333333vw;\n width: 2.4vw;\n background-position: 0 -1.06666667vw;\n vertical-align: bottom;\n}\n.video-page .content[data-v-d14e4a78] {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 2.13333333vw;\n padding: 2.66666667vw;\n}\n.video-page .content .header[data-v-d14e4a78] {\n padding-top: 2.13333333vw;\n}\n.video-page .content .header .text[data-v-d14e4a78] {\n width: 100% ;\n}\n.video-page .content .video-block[data-v-d14e4a78] {\n margin-bottom: 4.26666667vw;\n border: 0.26666667vw solid #666;\n border-radius: 3.2vw;\n padding: 2.13333333vw;\n}\n.video-page .content .video-block video[data-v-d14e4a78] {\n width: 100%;\n margin: 0;\n display: block;\n padding: 0;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 2.13333333vw;\n}\n.video-page .content .btn-block[data-v-d14e4a78] {\n position: relative;\n text-align: center;\n}\n.video-page .content .btn-block .age-block[data-v-d14e4a78] {\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.video-page .content .btn-block .age-block.video[data-v-d14e4a78] {\n right: 0;\n}\n.video-page .content .btn-block .age-change-block[data-v-d14e4a78] {\n display: block;\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: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.video-page .content .btn-block .age-change-block.video[data-v-d14e4a78] {\n right: 0;\n left: auto;\n width: 21.33333333vw;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78] {\n padding: 1.6vw 2.93333333vw;\n text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78]:first-child {\n border-bottom: 0.26666667vw solid #eee;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78] {\n border-radius: 266.66666667vw;\n width: 38.4vw;\n border: 0.26666667vw solid #40A9FF;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78]:after {\n content: '';\n display: block;\n clear: both;\n}\n.video-page .content .btn-block .change-block div[data-v-d14e4a78] {\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.video-page .content .btn-block .change-block div.active[data-v-d14e4a78] {\n background: #40A9FF;\n color: white;\n}\n.change-block-HP[data-v-d14e4a78] {\n display: none;\n}\n@media screen and (orientation: landscape) {\n.video-page[data-v-d14e4a78] {\n position: absolute;\n top: 0.74962519vw;\n bottom: 0.74962519vw;\n left: 0.74962519vw;\n right: 0.74962519vw;\n background: #ffffff;\n overflow: auto;\n border-radius: 1.1994003vw;\n}\n.video-page .content[data-v-d14e4a78] {\n position: static;\n height: 100%;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n border-radius: 8px;\n padding: 0;\n}\n.video-page .content .header[data-v-d14e4a78] {\n display: none;\n}\n.video-page .content .video-block[data-v-d14e4a78] {\n display: none;\n}\n.video-page .content .video-block.hp-video[data-v-d14e4a78] {\n display: inline-block;\n margin: 0 1.49925037vw 0 0;\n border: none;\n height: 100%;\n border-radius: 1.79910045vw;\n padding: 0;\n}\n.video-page .content .video-block video[data-v-d14e4a78] {\n height: 100%;\n margin: auto;\n width: auto;\n display: block;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 1.1994003vw;\n}\n.video-page .content .btn-block[data-v-d14e4a78] {\n position: relative;\n min-width: 13.49325337vw;\n display: block;\n height: 100%;\n}\n.video-page .content .btn-block .age-block[data-v-d14e4a78] {\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.video-page .content .btn-block .age-block.video[data-v-d14e4a78] {\n display: block;\n}\n.video-page .content .btn-block .age-change-block[data-v-d14e4a78] {\n position: static;\n display: block;\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.video-page .content .btn-block .age-change-block.video[data-v-d14e4a78] {\n right: 0;\n left: auto;\n width: 11.994003vw;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78] {\n padding: 0.89955022vw 1.64917541vw;\n text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78]:first-child {\n border-bottom: 0.14992504vw solid #eee;\n}\n.video-page .content .btn-block .change-block-HP[data-v-d14e4a78] {\n position: absolute;\n top: calc(100vh - 12.5vw);\n display: block;\n width: 11.69415292vw;\n}\n.video-page .content .btn-block .change-block-HP img[data-v-d14e4a78] {\n width: 100%;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78] {\n display: none;\n}\n}\n@media screen and (min-aspect-ratio: 20/8) {\n.video-page[data-v-d14e4a78] {\n position: absolute;\n top: 0.55555556vw;\n bottom: 0.55555556vw;\n left: 0.55555556vw;\n right: 0.55555556vw;\n background: #ffffff;\n overflow: auto;\n border-radius: 0.88888889vw;\n}\n.video-page .content[data-v-d14e4a78] {\n position: static;\n height: 100%;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n border-radius: 8px;\n padding: 0;\n}\n.video-page .content .header[data-v-d14e4a78] {\n display: none;\n}\n.video-page .content .video-block[data-v-d14e4a78] {\n display: none;\n}\n.video-page .content .video-block.hp-video[data-v-d14e4a78] {\n display: inline-block;\n margin: 0 1.11111111vw 0 0;\n border: none;\n height: 100%;\n border-radius: 1.33333333vw;\n padding: 0;\n}\n.video-page .content .video-block video[data-v-d14e4a78] {\n height: 100%;\n margin: auto;\n width: auto;\n display: block;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 0.88888889vw;\n}\n.video-page .content .btn-block[data-v-d14e4a78] {\n position: relative;\n min-width: 10vw;\n display: block;\n height: 100%;\n}\n.video-page .content .btn-block .age-block[data-v-d14e4a78] {\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.video-page .content .btn-block .age-block.video[data-v-d14e4a78] {\n display: block;\n}\n.video-page .content .btn-block .age-change-block[data-v-d14e4a78] {\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.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78] {\n padding: 0.66666667vw 1.22222222vw;\n text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78]:first-child {\n border-bottom: 0.11111111vw solid #eee;\n}\n.video-page .content .btn-block .change-block-HP[data-v-d14e4a78] {\n position: absolute;\n top: calc(100vh - 12.5vw);\n display: block;\n width: 8.66666667vw;\n}\n.video-page .content .btn-block .change-block-HP img[data-v-d14e4a78] {\n width: 100%;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78] {\n display: none;\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/video.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/video.vue"],names:[],mappings:"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",file:"video.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.playImage {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png') no-repeat;\n background-size: 10.66666667vw 50.4vw;\n display: inline-block;\n}\n._154722344142123489 {\n height: 1.33333333vw;\n width: 2.4vw;\n background-position: 0 0;\n}\n._282918034425091245 {\n height: 2.13333333vw;\n width: 2.4vw;\n background-position: 0 -1.06666667vw;\n vertical-align: bottom;\n}\n.video-page .content {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 2.13333333vw;\n padding: 2.66666667vw;\n}\n.video-page .content .header {\n padding-top: 2.13333333vw;\n}\n.video-page .content .header .text {\n width: 100% ;\n}\n.video-page .content .video-block {\n margin-bottom: 4.26666667vw;\n border: 0.26666667vw solid #666;\n border-radius: 3.2vw;\n padding: 2.13333333vw;\n}\n.video-page .content .video-block video {\n width: 100%;\n margin: 0;\n display: block;\n padding: 0;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 2.13333333vw;\n}\n.video-page .content .btn-block {\n position: relative;\n text-align: center;\n}\n.video-page .content .btn-block .age-block {\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.video-page .content .btn-block .age-block.video {\n right: 0;\n}\n.video-page .content .btn-block .age-change-block {\n display: block;\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: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.video-page .content .btn-block .age-change-block.video {\n right: 0;\n left: auto;\n width: 21.33333333vw;\n}\n.video-page .content .btn-block .age-change-block > div {\n padding: 1.6vw 2.93333333vw;\n text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div:first-child {\n border-bottom: 0.26666667vw solid #eee;\n}\n.video-page .content .btn-block .change-block {\n border-radius: 266.66666667vw;\n width: 38.4vw;\n border: 0.26666667vw solid #40A9FF;\n}\n.video-page .content .btn-block .change-block:after {\n content: '';\n display: block;\n clear: both;\n}\n.video-page .content .btn-block .change-block div {\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.video-page .content .btn-block .change-block div.active {\n background: #40A9FF;\n color: white;\n}\n.change-block-HP {\n display: none;\n}\n@media screen and (orientation: landscape) {\n .video-page {\n position: absolute;\n top: 0.74962519vw;\n bottom: 0.74962519vw;\n left: 0.74962519vw;\n right: 0.74962519vw;\n background: #ffffff;\n overflow: auto;\n border-radius: 1.1994003vw;\n }\n .video-page .content {\n position: static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 8px;\n padding: 0;\n }\n .video-page .content .header {\n display: none;\n }\n .video-page .content .video-block {\n display: none;\n }\n .video-page .content .video-block.hp-video {\n display: inline-block;\n margin: 0 1.49925037vw 0 0;\n border: none;\n height: 100%;\n border-radius: 1.79910045vw;\n padding: 0;\n }\n .video-page .content .video-block video {\n height: 100%;\n margin: auto;\n width: auto;\n display: block;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 1.1994003vw;\n }\n .video-page .content .btn-block {\n position: relative;\n min-width: 13.49325337vw;\n display: block;\n height: 100%;\n }\n .video-page .content .btn-block .age-block {\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 .video-page .content .btn-block .age-block.video {\n display: block;\n }\n .video-page .content .btn-block .age-change-block {\n position: static;\n display: block;\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 .video-page .content .btn-block .age-change-block.video {\n right: 0;\n left: auto;\n width: 11.994003vw;\n }\n .video-page .content .btn-block .age-change-block > div {\n padding: 0.89955022vw 1.64917541vw;\n text-align: left;\n }\n .video-page .content .btn-block .age-change-block > div:first-child {\n border-bottom: 0.14992504vw solid #eee;\n }\n .video-page .content .btn-block .change-block-HP {\n position: absolute;\n top: calc(100vh - 12.5vw);\n display: block;\n width: 11.69415292vw;\n }\n .video-page .content .btn-block .change-block-HP img {\n width: 100%;\n }\n .video-page .content .btn-block .change-block {\n display: none;\n }\n}\n@media screen and (min-aspect-ratio: 20/8) {\n .video-page {\n position: absolute;\n top: 0.55555556vw;\n bottom: 0.55555556vw;\n left: 0.55555556vw;\n right: 0.55555556vw;\n background: #ffffff;\n overflow: auto;\n border-radius: 0.88888889vw;\n }\n .video-page .content {\n position: static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 8px;\n padding: 0;\n }\n .video-page .content .header {\n display: none;\n }\n .video-page .content .video-block {\n display: none;\n }\n .video-page .content .video-block.hp-video {\n display: inline-block;\n margin: 0 1.11111111vw 0 0;\n border: none;\n height: 100%;\n border-radius: 1.33333333vw;\n padding: 0;\n }\n .video-page .content .video-block video {\n height: 100%;\n margin: auto;\n width: auto;\n display: block;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 0.88888889vw;\n }\n .video-page .content .btn-block {\n position: relative;\n min-width: 10vw;\n display: block;\n height: 100%;\n }\n .video-page .content .btn-block .age-block {\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 .video-page .content .btn-block .age-block.video {\n display: block;\n }\n .video-page .content .btn-block .age-change-block {\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 .video-page .content .btn-block .age-change-block > div {\n padding: 0.66666667vw 1.22222222vw;\n text-align: left;\n }\n .video-page .content .btn-block .age-change-block > div:first-child {\n border-bottom: 0.11111111vw solid #eee;\n }\n .video-page .content .btn-block .change-block-HP {\n position: absolute;\n top: calc(100vh - 12.5vw);\n display: block;\n width: 8.66666667vw;\n }\n .video-page .content .btn-block .change-block-HP img {\n width: 100%;\n }\n .video-page .content .btn-block .change-block {\n display: none;\n }\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.playImage{background:url(\'https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png\') no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}\n._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}\n.video-page{\n .content{\n background: white;\n width: 315*@toVw;\n position: absolute;\n top: 80*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8*@toVw;\n padding: 10*@toVw;\n .header{\n padding-top: 8*@toVw;\n .text{\n width:100% ;\n }\n }\n .video-block{\n margin-bottom: 16*@toVw;\n border: 1*@toVw solid #666;\n border-radius: 12*@toVw;\n padding: 8*@toVw;\n video{\n width: 100%;\n margin: 0;\n display: block;\n padding: 0;\n background:rgba(0,0,0,0.4);\n border-radius:8*@toVw;\n }\n }\n .btn-block{\n position: relative;\n text-align: center;\n .age-block{\n height: 28*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n position: absolute;\n padding: 0 13*@toVw;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &.video{\n right: 0;\n }\n }\n .age-change-block{\n &.video{\n right: 0;\n left: auto;\n width: 80*@toVw;\n }\n display: block;\n position: absolute;\n top: 37*@toVw;\n left: 0;\n width: 66*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block{\n border-radius: 1000*@toVw;\n width: 144*@toVw;\n border:1*@toVw solid #40A9FF;\n &:after{\n content: \'\';\n display: block;\n clear: both;\n }\n div{\n float: left;\n width: 50%;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n height: 28*@toVw;\n line-height: 28*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(204,204,204,1);\n &.active{\n background: #40A9FF;\n color: white;\n }\n }\n }\n }\n }\n}\n.change-block-HP{\n display: none;\n}\n@media screen and (orientation: landscape) {\n @toVw:100/667vw;\n .video-page{\n position: absolute;\n top: 5*@toVw;\n bottom: 5*@toVw;\n left: 5*@toVw;\n right: 5*@toVw;\n background:rgba(255,255,255,1);\n overflow: auto;\n border-radius:8*@toVw;\n .content{\n position: static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 8px;\n padding: 0;\n .header{\n display: none;\n }\n .video-block{\n display: none;\n &.hp-video{\n display: inline-block;\n margin: 0 10*@toVw 0 0;\n border: none;\n height: 100%;\n border-radius: 12*@toVw;\n padding: 0;\n }\n video{\n height: 100%;\n margin: auto;\n width: auto;\n display: block;\n background:rgba(0,0,0,0.4);\n border-radius:8*@toVw;\n }\n }\n .btn-block{\n position:relative;\n min-width: 90*@toVw;\n display: block;\n height: 100%;\n .age-block{\n display: block;\n position: static;\n padding: 0;\n height: 28*@toVw;\n width: 88*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &.video{\n display: block;\n }\n }\n .age-change-block{\n &.video{\n right: 0;\n left: auto;\n width: 80*@toVw;\n }\n position: static;\n display: block;\n width: 80*@toVw;\n margin-top: 10*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block-HP{\n position: absolute;\n top: ~"calc(100vh - 12.5vw)";\n display: block;\n width: 78*@toVw;\n img{\n width: 100%;\n }\n }\n .change-block{\n display: none;\n }\n }\n }\n }\n}\n\n@media screen and (min-aspect-ratio: ~"20/8"){\n @toVw:100/900vw;\n .video-page{\n position: absolute;\n top: 5*@toVw;\n bottom: 5*@toVw;\n left: 5*@toVw;\n right: 5*@toVw;\n background:rgba(255,255,255,1);\n overflow: auto;\n border-radius:8*@toVw;\n .content{\n position: static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 8px;\n padding: 0;\n .header{\n display: none;\n }\n .video-block{\n display: none;\n &.hp-video{\n display: inline-block;\n margin: 0 10*@toVw 0 0;\n border: none;\n height: 100%;\n border-radius: 12*@toVw;\n padding: 0;\n }\n video{\n height: 100%;\n margin: auto;\n width: auto;\n display: block;\n background:rgba(0,0,0,0.4);\n border-radius:8*@toVw;\n }\n }\n .btn-block{\n position:relative;\n min-width: 90*@toVw;\n display: block;\n height: 100%;\n .age-block{\n display: block;\n position: static;\n padding: 0;\n height: 28*@toVw;\n width: 88*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &.video{\n display: block;\n }\n }\n .age-change-block{\n position: static;\n width: 80*@toVw;\n margin-top: 10*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block-HP{\n position: absolute;\n top: ~"calc(100vh - 12.5vw)";\n display: block;\n width: 78*@toVw;\n img{\n width: 100%;\n }\n }\n .change-block{\n display: none;\n }\n }\n }\n }\n}\n'],sourceRoot:""}])},uLGf:function(n,t,o){var A=o("sHWr");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("16a703ac",A,!1,{})},"v+hz":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-531d3c9f] {\n float: right;\n}\n.main-block[data-v-531d3c9f] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-531d3c9f]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-531d3c9f]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-531d3c9f]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-531d3c9f]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.playImage[data-v-531d3c9f] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/imgPlayAudio.png') no-repeat;\n background-size: 10.66666667vw 77.33333333vw;\n display: inline-block;\n}\n._282918034425091245[data-v-531d3c9f] {\n height: 2.13333333vw;\n width: 2.4vw;\n background-position: 0 0;\n}\n._154722344142123489[data-v-531d3c9f] {\n height: 1.33333333vw;\n width: 2.4vw;\n background-position: 0 -2.13333333vw;\n vertical-align: bottom;\n}\n.next[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -3.46666667vw;\n}\n.listPlay[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -7.73333333vw;\n}\n.replay[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -12vw;\n}\n.toBig[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -16.26666667vw;\n}\n.replayAll[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -20.53333333vw;\n}\n.collectDefault[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -24.8vw;\n}\n.collect[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -29.06666667vw;\n}\n.last[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -33.33333333vw;\n}\n.list[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -37.6vw;\n}\n.close[data-v-531d3c9f] {\n height: 4.53333333vw;\n width: 4.53333333vw;\n background-position: 0 -41.86666667vw;\n}\n.zDefaultIcon[data-v-531d3c9f] {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -46.4vw;\n float: right;\n}\n.zIcon[data-v-531d3c9f] {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -51.2vw;\n float: right;\n}\n.play[data-v-531d3c9f] {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -56vw;\n}\n.stop[data-v-531d3c9f] {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -66.66666667vw;\n}\n.collect-block[data-v-531d3c9f] {\n padding: 2.66666667vw;\n border-radius: 1.06666667vw;\n background: white;\n}\n.content[data-v-531d3c9f] {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 2.13333333vw;\n text-align: center;\n padding: 2.66666667vw;\n}\n.content .image-block[data-v-531d3c9f] {\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: 2.13333333vw;\n}\n.content .image-block img[data-v-531d3c9f] {\n width: 100%;\n}\n.content .title-block[data-v-531d3c9f] {\n margin-top: 6.4vw;\n}\n.content .title-block .title[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n width: 66.66666667vw;\n margin-top: 4.26666667vw;\n}\n.content .range-block .time-block[data-v-531d3c9f] {\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-531d3c9f]:after {\n content: '';\n display: block;\n clear: both;\n}\n.content .range-block .time-block .left-time[data-v-531d3c9f] {\n float: left;\n}\n.content .range-block .time-block .right-time[data-v-531d3c9f] {\n float: right;\n}\n.content .range-block input[type=range][data-v-531d3c9f] {\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: 2.66666667vw;\n /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n -webkit-appearance: none;\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-runnable-track {\n height: 1.06666667vw;\n border-radius: 0.53333333vw;\n}\n.content .range-block input[type=range][data-v-531d3c9f]:focus {\n outline: none;\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\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: #49E2A5;\n}\n.content .btn-group[data-v-531d3c9f] {\n margin-top: 8vw;\n width: 74.66666667vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.content .btn-group.hp[data-v-531d3c9f] {\n display: none;\n}\n.list-popup[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n color: #49E2A5;\n}\n.list-popup .close-btn[data-v-531d3c9f] {\n text-align: center;\n padding: 5.33333333vw;\n}\n.imgPop-block[data-v-531d3c9f] {\n max-height: 133.33333333vw;\n overflow: auto;\n}\n.imgPop-block img[data-v-531d3c9f] {\n max-width: 80vw;\n}\n.btn-block[data-v-531d3c9f] {\n position: relative;\n margin-top: 7.46666667vw;\n text-align: center;\n}\n.btn-block .age-block[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n padding: 1.6vw 2.93333333vw;\n text-align: left;\n}\n.btn-block .age-change-block > div[data-v-531d3c9f]:first-child {\n border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block[data-v-531d3c9f] {\n border-radius: 266.66666667vw;\n width: 38.4vw;\n border: 0.26666667vw solid #40A9FF;\n}\n.btn-block .change-block[data-v-531d3c9f]:after {\n content: '';\n display: block;\n clear: both;\n}\n.btn-block .change-block div[data-v-531d3c9f] {\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-531d3c9f] {\n background: #40A9FF;\n color: white;\n}\n.change-block-HP[data-v-531d3c9f] {\n display: none;\n}\n@media screen and (orientation: landscape) {\n.playImage[data-v-531d3c9f] {\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-531d3c9f] {\n height: 0.74962519vw;\n width: 1.34932534vw;\n background-position: 0 0;\n}\n._282918034425091245[data-v-531d3c9f] {\n height: 1.1994003vw;\n width: 1.34932534vw;\n background-position: 0 -0.59970015vw;\n vertical-align: bottom;\n}\n.last[data-v-531d3c9f] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -1.94902549vw;\n}\n.listPlay[data-v-531d3c9f] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -4.34782609vw;\n}\n.replay[data-v-531d3c9f] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -6.74662669vw;\n}\n.next[data-v-531d3c9f] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -9.14542729vw;\n}\n.replayAll[data-v-531d3c9f] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -11.54422789vw;\n}\n.list[data-v-531d3c9f] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -13.94302849vw;\n}\n.zDefaultIcon[data-v-531d3c9f] {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -16.34182909vw;\n float: right;\n}\n.zIcon[data-v-531d3c9f] {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -19.04047976vw;\n float: right;\n}\n.play[data-v-531d3c9f] {\n height: 5.9970015vw;\n width: 5.9970015vw;\n background-position: 0 -21.73913043vw;\n}\n.stop[data-v-531d3c9f] {\n height: 5.9970015vw;\n width: 5.9970015vw;\n background-position: 0 -27.73613193vw;\n}\n.audio-page[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n}\n.audio-page .content .image-block[data-v-531d3c9f] {\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: 1.1994003vw;\n}\n.audio-page .content .image-block img[data-v-531d3c9f] {\n width: 100%;\n}\n.audio-page .content .title-block[data-v-531d3c9f] {\n margin-top: 3.5982009vw;\n}\n.audio-page .content .title-block .title[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n width: auto;\n margin-top: 2.3988006vw;\n}\n.audio-page .content .range-block .time-block[data-v-531d3c9f] {\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-531d3c9f]:after {\n content: '';\n display: block;\n clear: both;\n}\n.audio-page .content .range-block .time-block .left-time[data-v-531d3c9f] {\n float: left;\n}\n.audio-page .content .range-block .time-block .right-time[data-v-531d3c9f] {\n float: right;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f] {\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.49925037vw;\n /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n -webkit-appearance: none;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-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-531d3c9f]:focus {\n outline: none;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-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: #49E2A5;\n}\n.audio-page .content .btn-group[data-v-531d3c9f] {\n margin-top: 15vh;\n display: none;\n width: 29.9850075vw;\n}\n.audio-page .content .btn-group.hp[data-v-531d3c9f] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.audio-page .list-popup[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n color: #49E2A5;\n}\n.audio-page .list-popup .close-btn[data-v-531d3c9f] {\n text-align: center;\n padding: 2.99850075vw;\n}\n.audio-page .imgPop-block[data-v-531d3c9f] {\n max-height: 74.96251874vw;\n overflow: auto;\n}\n.audio-page .imgPop-block img[data-v-531d3c9f] {\n max-width: 44.97751124vw;\n}\n.audio-page .btn-block[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n padding: 0.89955022vw 1.64917541vw;\n text-align: left;\n}\n.audio-page .btn-block .age-change-block > div[data-v-531d3c9f]:first-child {\n border-bottom: 0.14992504vw solid #eee;\n}\n.audio-page .btn-block .change-block-HP[data-v-531d3c9f] {\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-531d3c9f] {\n width: 100%;\n}\n.audio-page .btn-block .change-block[data-v-531d3c9f] {\n display: none;\n}\n}\n@media screen and (min-aspect-ratio: 20/8) {\n.playImage[data-v-531d3c9f] {\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-531d3c9f] {\n height: 0.55555556vw;\n width: 1vw;\n background-position: 0 0;\n}\n._282918034425091245[data-v-531d3c9f] {\n height: 0.88888889vw;\n width: 1vw;\n background-position: 0 -0.44444444vw;\n vertical-align: bottom;\n}\n.last[data-v-531d3c9f] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -1.44444444vw;\n}\n.listPlay[data-v-531d3c9f] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -3.22222222vw;\n}\n.replay[data-v-531d3c9f] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -5vw;\n}\n.next[data-v-531d3c9f] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -6.77777778vw;\n}\n.replayAll[data-v-531d3c9f] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -8.55555556vw;\n}\n.list[data-v-531d3c9f] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -10.33333333vw;\n}\n.zDefaultIcon[data-v-531d3c9f] {\n height: 2vw;\n width: 2vw;\n background-position: 0 -12.11111111vw;\n float: right;\n}\n.zIcon[data-v-531d3c9f] {\n height: 2vw;\n width: 2vw;\n background-position: 0 -14.11111111vw;\n float: right;\n}\n.play[data-v-531d3c9f] {\n height: 4.44444444vw;\n width: 4.44444444vw;\n background-position: 0 -16.11111111vw;\n}\n.stop[data-v-531d3c9f] {\n height: 4.44444444vw;\n width: 4.44444444vw;\n background-position: 0 -20.55555556vw;\n}\n.audio-page[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n}\n.audio-page .content .image-block[data-v-531d3c9f] {\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: 0.88888889vw;\n}\n.audio-page .content .image-block img[data-v-531d3c9f] {\n width: 100%;\n}\n.audio-page .content .title-block[data-v-531d3c9f] {\n margin-top: 2.66666667vw;\n}\n.audio-page .content .title-block .title[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n width: auto;\n margin-top: 1.77777778vw;\n}\n.audio-page .content .range-block .time-block[data-v-531d3c9f] {\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-531d3c9f]:after {\n content: '';\n display: block;\n clear: both;\n}\n.audio-page .content .range-block .time-block .left-time[data-v-531d3c9f] {\n float: left;\n}\n.audio-page .content .range-block .time-block .right-time[data-v-531d3c9f] {\n float: right;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f] {\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-531d3c9f]::-webkit-slider-thumb {\n -webkit-appearance: none;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-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-531d3c9f]:focus {\n outline: none;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-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-531d3c9f] {\n margin-top: 15vh;\n display: none;\n width: 22.22222222vw;\n}\n.audio-page .content .btn-group.hp[data-v-531d3c9f] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.audio-page .list-popup[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n color: #49E2A5;\n}\n.audio-page .list-popup .close-btn[data-v-531d3c9f] {\n text-align: center;\n padding: 2.22222222vw;\n}\n.audio-page .imgPop-block[data-v-531d3c9f] {\n max-height: 55.55555556vw;\n overflow: auto;\n}\n.audio-page .imgPop-block img[data-v-531d3c9f] {\n max-width: 33.33333333vw;\n}\n.audio-page .btn-block[data-v-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\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-531d3c9f] {\n padding: 0.66666667vw 1.22222222vw;\n text-align: left;\n}\n.audio-page .btn-block .age-change-block > div[data-v-531d3c9f]:first-child {\n border-bottom: 0.11111111vw solid #eee;\n}\n.audio-page .btn-block .change-block-HP[data-v-531d3c9f] {\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-531d3c9f] {\n width: 100%;\n}\n.audio-page .btn-block .change-block[data-v-531d3c9f] {\n display: none;\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/audio.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/audio.vue"],names:[],mappings:"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",file:"audio.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.playImage {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/imgPlayAudio.png') no-repeat;\n background-size: 10.66666667vw 77.33333333vw;\n display: inline-block;\n}\n._282918034425091245 {\n height: 2.13333333vw;\n width: 2.4vw;\n background-position: 0 0;\n}\n._154722344142123489 {\n height: 1.33333333vw;\n width: 2.4vw;\n background-position: 0 -2.13333333vw;\n vertical-align: bottom;\n}\n.next {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -3.46666667vw;\n}\n.listPlay {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -7.73333333vw;\n}\n.replay {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -12vw;\n}\n.toBig {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -16.26666667vw;\n}\n.replayAll {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -20.53333333vw;\n}\n.collectDefault {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -24.8vw;\n}\n.collect {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -29.06666667vw;\n}\n.last {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -33.33333333vw;\n}\n.list {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -37.6vw;\n}\n.close {\n height: 4.53333333vw;\n width: 4.53333333vw;\n background-position: 0 -41.86666667vw;\n}\n.zDefaultIcon {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -46.4vw;\n float: right;\n}\n.zIcon {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -51.2vw;\n float: right;\n}\n.play {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -56vw;\n}\n.stop {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -66.66666667vw;\n}\n.collect-block {\n padding: 2.66666667vw;\n border-radius: 1.06666667vw;\n background: white;\n}\n.content {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 2.13333333vw;\n text-align: center;\n padding: 2.66666667vw;\n}\n.content .image-block {\n width: 50.13333333vw;\n height: 50.13333333vw;\n margin-top: 5.33333333vw;\n box-shadow: 0 0 8vw 1.33333333vw #ddd;\n overflow: hidden;\n border-radius: 2.13333333vw;\n}\n.content .image-block img {\n width: 100%;\n}\n.content .title-block {\n margin-top: 6.4vw;\n}\n.content .title-block .title {\n font-size: 4.26666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.content .title-block .tips {\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 {\n width: 66.66666667vw;\n margin-top: 4.26666667vw;\n}\n.content .range-block .time-block {\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:after {\n content: '';\n display: block;\n clear: both;\n}\n.content .range-block .time-block .left-time {\n float: left;\n}\n.content .range-block .time-block .right-time {\n float: right;\n}\n.content .range-block input[type=range] {\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: 2.66666667vw;\n /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.content .range-block input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n}\n.content .range-block input[type=range]::-webkit-slider-runnable-track {\n height: 1.06666667vw;\n border-radius: 0.53333333vw;\n}\n.content .range-block input[type=range]:focus {\n outline: none;\n}\n.content .range-block input[type=range]::-webkit-slider-thumb {\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: #49E2A5;\n}\n.content .btn-group {\n margin-top: 8vw;\n width: 74.66666667vw;\n display: flex;\n}\n.content .btn-group.hp {\n display: none;\n}\n.list-popup {\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 {\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 {\n color: #49E2A5;\n}\n.list-popup .close-btn {\n text-align: center;\n padding: 5.33333333vw;\n}\n.imgPop-block {\n max-height: 133.33333333vw;\n overflow: auto;\n}\n.imgPop-block img {\n max-width: 80vw;\n}\n.btn-block {\n position: relative;\n margin-top: 7.46666667vw;\n text-align: center;\n}\n.btn-block .age-block {\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 {\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 {\n padding: 1.6vw 2.93333333vw;\n text-align: left;\n}\n.btn-block .age-change-block > div:first-child {\n border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block {\n border-radius: 266.66666667vw;\n width: 38.4vw;\n border: 0.26666667vw solid #40A9FF;\n}\n.btn-block .change-block:after {\n content: '';\n display: block;\n clear: both;\n}\n.btn-block .change-block div {\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 {\n background: #40A9FF;\n color: white;\n}\n.change-block-HP {\n display: none;\n}\n@media screen and (orientation: landscape) {\n .playImage {\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 {\n height: 0.74962519vw;\n width: 1.34932534vw;\n background-position: 0 0;\n }\n ._282918034425091245 {\n height: 1.1994003vw;\n width: 1.34932534vw;\n background-position: 0 -0.59970015vw;\n vertical-align: bottom;\n }\n .last {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -1.94902549vw;\n }\n .listPlay {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -4.34782609vw;\n }\n .replay {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -6.74662669vw;\n }\n .next {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -9.14542729vw;\n }\n .replayAll {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -11.54422789vw;\n }\n .list {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -13.94302849vw;\n }\n .zDefaultIcon {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -16.34182909vw;\n float: right;\n }\n .zIcon {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -19.04047976vw;\n float: right;\n }\n .play {\n height: 5.9970015vw;\n width: 5.9970015vw;\n background-position: 0 -21.73913043vw;\n }\n .stop {\n height: 5.9970015vw;\n width: 5.9970015vw;\n background-position: 0 -27.73613193vw;\n }\n .audio-page {\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 {\n position: static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 1.1994003vw;\n padding: 0;\n }\n .audio-page .content .hp-left {\n flex: 1;\n margin-right: 2.99850075vw;\n }\n .audio-page .content .hp-left .hp-top {\n display: flex;\n width: 100%;\n }\n .audio-page .content .image-block {\n width: 22.48875562vw;\n height: 22.48875562vw;\n box-shadow: 0 0 4.49775112vw 0.74962519vw #ddd;\n overflow: hidden;\n display: block;\n margin: auto;\n border-radius: 1.1994003vw;\n }\n .audio-page .content .image-block img {\n width: 100%;\n }\n .audio-page .content .title-block {\n margin-top: 3.5982009vw;\n }\n .audio-page .content .title-block .title {\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 {\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 {\n width: auto;\n margin-top: 2.3988006vw;\n }\n .audio-page .content .range-block .time-block {\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:after {\n content: '';\n display: block;\n clear: both;\n }\n .audio-page .content .range-block .time-block .left-time {\n float: left;\n }\n .audio-page .content .range-block .time-block .right-time {\n float: right;\n }\n .audio-page .content .range-block input[type=range] {\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.49925037vw;\n /*这个属性设置使填充进度条时的图形为圆角*/\n }\n .audio-page .content .range-block input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n .audio-page .content .range-block input[type=range]::-webkit-slider-runnable-track {\n height: 0.59970015vw;\n border-radius: 0.29985007vw;\n }\n .audio-page .content .range-block input[type=range]:focus {\n outline: none;\n }\n .audio-page .content .range-block input[type=range]::-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: #49E2A5;\n }\n .audio-page .content .btn-group {\n margin-top: 15vh;\n display: none;\n width: 29.9850075vw;\n }\n .audio-page .content .btn-group.hp {\n display: flex;\n }\n .audio-page .list-popup {\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 {\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 {\n color: #49E2A5;\n }\n .audio-page .list-popup .close-btn {\n text-align: center;\n padding: 2.99850075vw;\n }\n .audio-page .imgPop-block {\n max-height: 74.96251874vw;\n overflow: auto;\n }\n .audio-page .imgPop-block img {\n max-width: 44.97751124vw;\n }\n .audio-page .btn-block {\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 {\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 {\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 {\n padding: 0.89955022vw 1.64917541vw;\n text-align: left;\n }\n .audio-page .btn-block .age-change-block > div:first-child {\n border-bottom: 0.14992504vw solid #eee;\n }\n .audio-page .btn-block .change-block-HP {\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 {\n width: 100%;\n }\n .audio-page .btn-block .change-block {\n display: none;\n }\n}\n@media screen and (min-aspect-ratio: 20/8) {\n .playImage {\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 {\n height: 0.55555556vw;\n width: 1vw;\n background-position: 0 0;\n }\n ._282918034425091245 {\n height: 0.88888889vw;\n width: 1vw;\n background-position: 0 -0.44444444vw;\n vertical-align: bottom;\n }\n .last {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -1.44444444vw;\n }\n .listPlay {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -3.22222222vw;\n }\n .replay {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -5vw;\n }\n .next {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -6.77777778vw;\n }\n .replayAll {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -8.55555556vw;\n }\n .list {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -10.33333333vw;\n }\n .zDefaultIcon {\n height: 2vw;\n width: 2vw;\n background-position: 0 -12.11111111vw;\n float: right;\n }\n .zIcon {\n height: 2vw;\n width: 2vw;\n background-position: 0 -14.11111111vw;\n float: right;\n }\n .play {\n height: 4.44444444vw;\n width: 4.44444444vw;\n background-position: 0 -16.11111111vw;\n }\n .stop {\n height: 4.44444444vw;\n width: 4.44444444vw;\n background-position: 0 -20.55555556vw;\n }\n .audio-page {\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 {\n position: static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 0.88888889vw;\n padding: 0;\n }\n .audio-page .content .hp-left {\n flex: 1;\n margin-right: 2.22222222vw;\n }\n .audio-page .content .hp-left .hp-top {\n display: flex;\n width: 100%;\n }\n .audio-page .content .image-block {\n width: 16.66666667vw;\n height: 16.66666667vw;\n box-shadow: 0 0 3.33333333vw 0.55555556vw #ddd;\n overflow: hidden;\n display: block;\n margin: auto;\n border-radius: 0.88888889vw;\n }\n .audio-page .content .image-block img {\n width: 100%;\n }\n .audio-page .content .title-block {\n margin-top: 2.66666667vw;\n }\n .audio-page .content .title-block .title {\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 {\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 {\n width: auto;\n margin-top: 1.77777778vw;\n }\n .audio-page .content .range-block .time-block {\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:after {\n content: '';\n display: block;\n clear: both;\n }\n .audio-page .content .range-block .time-block .left-time {\n float: left;\n }\n .audio-page .content .range-block .time-block .right-time {\n float: right;\n }\n .audio-page .content .range-block input[type=range] {\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]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n .audio-page .content .range-block input[type=range]::-webkit-slider-runnable-track {\n height: 0.44444444vw;\n border-radius: 0.22222222vw;\n }\n .audio-page .content .range-block input[type=range]:focus {\n outline: none;\n }\n .audio-page .content .range-block input[type=range]::-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 {\n margin-top: 15vh;\n display: none;\n width: 22.22222222vw;\n }\n .audio-page .content .btn-group.hp {\n display: flex;\n }\n .audio-page .list-popup {\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 {\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 {\n color: #49E2A5;\n }\n .audio-page .list-popup .close-btn {\n text-align: center;\n padding: 2.22222222vw;\n }\n .audio-page .imgPop-block {\n max-height: 55.55555556vw;\n overflow: auto;\n }\n .audio-page .imgPop-block img {\n max-width: 33.33333333vw;\n }\n .audio-page .btn-block {\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 {\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 {\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 {\n padding: 0.66666667vw 1.22222222vw;\n text-align: left;\n }\n .audio-page .btn-block .age-change-block > div:first-child {\n border-bottom: 0.11111111vw solid #eee;\n }\n .audio-page .btn-block .change-block-HP {\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 {\n width: 100%;\n }\n .audio-page .btn-block .change-block {\n display: none;\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.playImage{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/imgPlayAudio.png') no-repeat;background-size:40*@toVw 290*@toVw;display: inline-block}\n._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 0;}\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;vertical-align: bottom}\n.next{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n.listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n.replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n.toBig{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n.collectDefault{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n.collect{height:16*@toVw;width:16*@toVw;background-position:0 -109*@toVw;}\n.last{height:16*@toVw;width:16*@toVw;background-position:0 -125*@toVw;}\n.list{height:16*@toVw;width:16*@toVw;background-position:0 -141*@toVw;}\n.close{height:17*@toVw;width:17*@toVw;background-position:0 -157*@toVw;}\n.zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -174*@toVw;float: right}\n.zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -192*@toVw;float: right;}\n.play{height:40*@toVw;width:40*@toVw;background-position:0 -210*@toVw;}\n.stop{height:40*@toVw;width:40*@toVw;background-position:0 -250*@toVw;}\n.collect-block{\n padding: 10*@toVw;\n border-radius: 4*@toVw;\n background: white;\n}\n.content{\n background: white;\n width: 315*@toVw;\n position: absolute;\n top: 80*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8*@toVw;\n text-align: center;\n padding: 10*@toVw;\n .image-block{\n width: 188*@toVw;\n height: 188*@toVw;\n margin-top: 20*@toVw;\n box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n overflow: hidden;\n border-radius: 8*@toVw;\n img{\n width: 100%;\n }\n }\n .title-block{\n margin-top: 24*@toVw;\n .title{\n font-size:16*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .tips{\n font-size:14*@toVw;\n margin-top: 6*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n }\n .range-block{\n width: 250 * @toVw;\n margin-top: 16*@toVw;\n .time-block{\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n text-align: left;\n &:after{\n content: '';\n display: block;\n\n clear: both;\n }\n .left-time{\n float: left;\n }\n .right-time{\n float: right;\n }\n }\n input[type=range] {\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 width: 100%;\n border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n input[type=range]::-webkit-slider-runnable-track {\n height: 4*@toVw;\n border-radius: 2*@toVw ;\n }\n input[type=range]:focus {\n outline: none;\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%; /*外观设置为圆形*/\n height: 16*@toVw;\n width: 16*@toVw;\n margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/\n background: #49E2A5;\n }\n }\n .btn-group{\n margin-top: 30*@toVw;\n width: 280*@toVw;\n display: flex;\n &.hp{\n display: none;\n }\n }\n}\n.list-popup{\n width: 375*@toVw;\n max-height: 345*@toVw;\n overflow: auto;\n border-radius: 8*@toVw 8*@toVw 0 0;\n background: white;\n padding-top: 20*@toVw;\n .list-block{\n display: block;\n width: auto;\n margin: 0 20*@toVw;\n padding:12*@toVw 36*@toVw;\n border-bottom: 1*@toVw solid #dddddd;\n &.active{\n color: #49E2A5;\n }\n }\n .close-btn{\n text-align: center;\n padding: 20*@toVw;\n }\n}\n.imgPop-block{\n max-height: 500*@toVw;\n overflow: auto;\n img{\n max-width: 300*@toVw;\n }\n}\n.btn-block{\n position: relative;\n margin-top: 28*@toVw;\n text-align: center;\n .age-block{\n height: 28*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n position: absolute;\n padding: 0 13*@toVw;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .age-change-block{\n position: absolute;\n top: 37*@toVw;\n left: 0;\n width: 66*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block{\n border-radius: 1000*@toVw;\n width: 144*@toVw;\n border:1*@toVw solid #40A9FF;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n div{\n float: left;\n width: 50%;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n height: 28*@toVw;\n line-height: 28*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(204,204,204,1);\n &.active{\n background: #40A9FF;\n color: white;\n }\n }\n }\n}\n.change-block-HP{\n display: none;\n}\n\n@media screen and (orientation: landscape) {\n @toVw:100/667vw;\n .playImage{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2') no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}\n ._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}\n ._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}\n .last{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n .listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n .replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n .next{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n .replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n .list{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n .zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\n .zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\n .play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\n .stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\n\n .audio-page{\n position: absolute;\n top: 5*@toVw;\n bottom: 5*@toVw;\n left: 5*@toVw;\n right: 5*@toVw;\n overflow: auto;\n border-radius:8*@toVw;\n .content{\n position: static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 8*@toVw;\n padding: 0;\n .hp-left{\n flex: 1;\n margin-right: 20*@toVw;\n .hp-top{\n display: flex;\n width: 100%;\n }\n }\n .image-block{\n width: 150*@toVw;\n height: 150*@toVw;\n box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n overflow: hidden;\n display: block;\n margin: auto;\n border-radius: 8*@toVw;\n img{\n width: 100%;\n }\n }\n .title-block{\n margin-top: 24*@toVw;\n .title{\n font-size:16*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .tips{\n font-size:14*@toVw;\n margin-top: 6*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n }\n .range-block{\n width: auto;\n margin-top: 16*@toVw;\n .time-block{\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n text-align: left;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n .left-time{\n float: left;\n }\n .right-time{\n float: right;\n }\n }\n input[type=range] {\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 width: 100%;\n border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n input[type=range]::-webkit-slider-runnable-track {\n height: 4*@toVw;\n border-radius: 2*@toVw ;\n }\n input[type=range]:focus {\n outline: none;\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%; /*外观设置为圆形*/\n height: 16*@toVw;\n width: 16*@toVw;\n margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/\n background: #49E2A5;\n }\n }\n .btn-group{\n margin-top: 15vh;\n display: none;\n width: 200*@toVw;\n &.hp{\n display: flex;\n }\n }\n }\n .list-popup{\n width: 375*@toVw;\n max-height: 345*@toVw;\n overflow: auto;\n border-radius: 8*@toVw 8*@toVw 0 0;\n background: white;\n padding-top: 20*@toVw;\n .list-block{\n display: block;\n width: auto;\n margin: 0 20*@toVw;\n padding:12*@toVw 36*@toVw;\n border-bottom: 1*@toVw solid #dddddd;\n &.active{\n color: #49E2A5;\n }\n }\n .close-btn{\n text-align: center;\n padding: 20*@toVw;\n }\n }\n .imgPop-block{\n max-height: 500*@toVw;\n overflow: auto;\n img{\n max-width: 300*@toVw;\n }\n }\n .btn-block{\n position:relative;\n min-width:90*@toVw ;\n margin-top: 0;\n display: block;\n height: 100%;\n .age-block{\n display: block;\n position: static;\n padding: 0;\n height: 28*@toVw;\n width: 88*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .age-change-block{\n position: static;\n width: 80*@toVw;\n margin-top: 10*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block-HP{\n position: absolute;\n top: ~\"calc(100vh - 12.5vw)\";\n display: block;\n width: 78*@toVw;\n img{\n width: 100%;\n }\n }\n .change-block{\n display: none;\n }\n }\n }\n}\n@media screen and (min-aspect-ratio: ~\"20/8\"){\n @toVw:100/900vw;\n .playImage{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2') no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}\n ._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}\n ._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}\n .last{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n .listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n .replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n .next{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n .replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n .list{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n .zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\n .zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\n .play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\n .stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\n\n .audio-page{\n position: absolute;\n top: 5*@toVw;\n bottom: 5*@toVw;\n left: 5*@toVw;\n right: 5*@toVw;\n overflow: auto;\n border-radius:8*@toVw;\n .content{\n position:static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 8*@toVw;\n padding: 0;\n .hp-left{\n flex: 1;\n margin-right: 20*@toVw;\n .hp-top{\n display: flex;\n width: 100%;\n }\n }\n .image-block{\n width: 150*@toVw;\n height: 150*@toVw;\n box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n overflow: hidden;\n display: block;\n margin: auto;\n border-radius: 8*@toVw;\n img{\n width: 100%;\n }\n }\n .title-block{\n margin-top: 24*@toVw;\n .title{\n font-size:16*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .tips{\n font-size:14*@toVw;\n margin-top: 6*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n }\n .range-block{\n width: auto;\n margin-top: 16*@toVw;\n .time-block{\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n text-align: left;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n .left-time{\n float: left;\n }\n .right-time{\n float: right;\n }\n }\n input[type=range] {\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 width: 100%;\n border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n input[type=range]::-webkit-slider-runnable-track {\n height: 4*@toVw;\n border-radius: 2*@toVw ;\n }\n input[type=range]:focus {\n outline: none;\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%; /*外观设置为圆形*/\n height: 16*@toVw;\n width: 16*@toVw;\n margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/\n background: #49E2A5;\n }\n }\n .btn-group{\n margin-top: 15vh;\n display: none;\n width: 200*@toVw;\n &.hp{\n display: flex;\n }\n }\n }\n .list-popup{\n width: 375*@toVw;\n max-height: 345*@toVw;\n overflow: auto;\n border-radius: 8*@toVw 8*@toVw 0 0;\n background: white;\n padding-top: 20*@toVw;\n .list-block{\n display: block;\n width: auto;\n margin: 0 20*@toVw;\n padding:12*@toVw 36*@toVw;\n border-bottom: 1*@toVw solid #dddddd;\n &.active{\n color: #49E2A5;\n }\n }\n .close-btn{\n text-align: center;\n padding: 20*@toVw;\n }\n }\n .imgPop-block{\n max-height: 500*@toVw;\n overflow: auto;\n img{\n max-width: 300*@toVw;\n }\n }\n .btn-block{\n position:relative;\n min-width:90*@toVw ;\n margin-top: 0;\n display: block;\n height: 100%;\n .age-block{\n display: block;\n position: static;\n padding: 0;\n height: 28*@toVw;\n width: 88*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .age-change-block{\n position: static;\n width: 80*@toVw;\n margin-top: 10*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block-HP{\n position: absolute;\n top: ~\"calc(100vh - 12.5vw)\";\n display: block;\n width: 78*@toVw;\n img{\n width: 100%;\n }\n }\n .change-block{\n display: none;\n }\n }\n }\n}\n"],sourceRoot:""}])},wpI3:function(n,t,o){var A=o("+xa/");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("27e1adf9",A,!1,{})},wulZ:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.old-content img,.old-content video{\n margin-top: 50px;\n max-width: 100% !important;\n}\n.old-content h3{\n font-family: hanti\n}\n.look-content .preview img,.look-content .preview audio,.look-content .preview video{\n max-width: 100%;\n}\n.audio-box {\n position: relative;\n width: 100%;\n height: 70px;\n padding: 8px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background: #FFFFFF;\n border: 1px solid #F1F1F1;\n -webkit-box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\n box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\n}\n#preview{\n margin-left: auto;\n margin-right:auto;\n /*padding:14px;*/\n width:375px;\n height:667px;\n overflow-y: auto;\n overflow-x: hidden;\n border: 1px solid #ccc;\n margin-top: 20px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.look-content img,video{\n max-width: 100%;\n}\n@font-face{font-family:hanti;src:url(https://cdn.singsingenglish.com/template/SentyZHAO.ttf)\n}\n/* @media screen and (min-width: 1025px){\n #preview{\n width:700px;\n }\n }*/\n#preview *{font-family:sans-serif;font-size:16px;\n}\n.look-content .content img{\n max-width: 100% !important;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/src/components/newLesson/look.vue"],names:[],mappings:";AAkFA;EACA,iBAAA;EACA,2BAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,aAAA;EACA,+BAAA;UAAA,uBAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,oBAAA;EACA,0BAAA;EACA,sDAAA;UAAA,8CAAA;CACA;AACA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,mBAAA;EACA,uBAAA;EACA,iBAAA;EACA,+BAAA;UAAA,uBAAA;CACA;AACA;EACA,gBAAA;CACA;AACA,WAAA,kBAAA,+DAAA;CAAA;AACA;;;;IAIA;AACA,WAAA,uBAAA,eAAA;CAAA;AACA;EACA,2BAAA;CACA",file:"look.vue",sourcesContent:['<template>\r\n <div class="look-content">\r\n <guide-block/>\r\n <div class="content" v-if="!contentData.old" v-html="content">\r\n </div>\r\n <div class="old-content" v-if="contentData.old" v-html="nohidden">\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import guideBlock from \'../guide/look\'\r\n export default {\r\n name: "look",\r\n props:[\r\n \'contentData\'\r\n ],\r\n components:{\r\n guideBlock\r\n },\r\n computed:{\r\n content(){\r\n let content = null;\r\n content = this.contentData.content.content\r\n return content.replace(/video/g,\'audio\')\r\n },\r\n nohidden(){\r\n let content = null;\r\n content = this.contentData.content.content\r\n return content.replace(/hidden="true"/g,\'\')\r\n }\r\n }\r\n }\r\n<\/script>\r\n\r\n<style scoped lang="less">\r\n @import "../../util/public";\r\n .look-content{\r\n .content{\r\n background: white;\r\n width: 315*@toVw;\r\n position: absolute;\r\n top: 80*@toVw;\r\n left: 20*@toVw;\r\n right: 20*@toVw;\r\n bottom: 20*@toVw;\r\n overflow: auto;\r\n margin: auto;\r\n display: block;\r\n border-radius: 8px;\r\n padding: 10*@toVw;\r\n }\r\n }\r\n\r\n @media screen and (orientation: landscape) {\r\n @toVw:100/667vw;\r\n .look-content{\r\n position: absolute;\r\n top: 20*@toVw;\r\n bottom: 20*@toVw;\r\n left: 20*@toVw;\r\n right: 20*@toVw;\r\n background:rgba(255,255,255,1);\r\n box-shadow:inset 0*@toVw 1*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.2);\r\n overflow: auto;\r\n border-radius:8*@toVw;\r\n padding: 20*@toVw;\r\n .content,.old-content{\r\n width: 300*@toVw;\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n display: block;\r\n border-radius: 8px;\r\n padding: 10*@toVw;\r\n }\r\n }\r\n }\r\n</style>\r\n<style>\r\n .old-content img,.old-content video{\r\n margin-top: 50px;\r\n max-width: 100% !important;\r\n }\r\n .old-content h3{\r\n font-family: hanti\r\n }\r\n .look-content .preview img,.look-content .preview audio,.look-content .preview video{\r\n max-width: 100%;\r\n }\r\n .audio-box {\r\n position: relative;\r\n width: 100%;\r\n height: 70px;\r\n padding: 8px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n background: #FFFFFF;\r\n border: 1px solid #F1F1F1;\r\n box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\r\n }\r\n #preview{\r\n margin-left: auto;\r\n margin-right:auto;\r\n /*padding:14px;*/\r\n width:375px;\r\n height:667px;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n border: 1px solid #ccc;\r\n margin-top: 20px;\r\n box-sizing: border-box;\r\n }\r\n .look-content img,video{\r\n max-width: 100%;\r\n }\r\n @font-face{font-family:hanti;src:url(https://cdn.singsingenglish.com/template/SentyZHAO.ttf)}\r\n /* @media screen and (min-width: 1025px){\r\n #preview{\r\n width:700px;\r\n }\r\n }*/\r\n #preview *{font-family:sans-serif;font-size:16px;}\r\n .look-content .content img{\r\n max-width: 100% !important;\r\n }\r\n</style>\r\n'],sourceRoot:""}])},yq5q:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-44076ee2] {\n float: right;\n}\n.main-block[data-v-44076ee2] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-44076ee2]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-44076ee2]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-44076ee2]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-44076ee2]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.off[data-v-44076ee2] {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.guide[data-v-44076ee2] {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .radius-block[data-v-44076ee2] {\n padding: 2.66666667vw;\n}\n.guide .radius-block[data-v-44076ee2]:after {\n content: '';\n display: block;\n clear: both;\n}\n.guide .radius-block .radius[data-v-44076ee2] {\n margin-right: 1.33333333vw;\n float: right;\n width: 25.6vw;\n height: 10.66666667vw;\n border-radius: 5.33333333vw;\n border: 0.26666667vw solid #ffffff;\n}\n.guide .i-know[data-v-44076ee2] {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n bottom: 42.66666667vw;\n}\n.guide .color-red[data-v-44076ee2] {\n color: #FF6477;\n}\n.guide .toUntil[data-v-44076ee2] {\n width: 13.33333333vw;\n position: absolute;\n left: 21.33333333vw;\n top: 16vw;\n -webkit-transform: rotate(20deg);\n transform: rotate(20deg);\n}\n.guide .until-test[data-v-44076ee2] {\n width: 42.13333333vw;\n position: absolute;\n left: 37.06666667vw;\n top: 21.33333333vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #ffffff;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/look.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/look.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC0BD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDxBD;AC0BD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDxBD;ACgBD;EAUI,sBAAA;CDvBH;ACwBG;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDtBL;ACQD;EAiBM,2BAAA;EACA,aAAA;EACA,cAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;CDtBL;ACAD;EA0BI,mBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;CDvBH;ACND;EAgCI,eAAA;CDvBH;ACTD;EAmCI,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,UAAA;EACA,iCAAA;UAAA,yBAAA;CDvBH;AChBD;EA0CI,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CDvBH",file:"look.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.off {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.guide {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .radius-block {\n padding: 2.66666667vw;\n}\n.guide .radius-block:after {\n content: '';\n display: block;\n clear: both;\n}\n.guide .radius-block .radius {\n margin-right: 1.33333333vw;\n float: right;\n width: 25.6vw;\n height: 10.66666667vw;\n border-radius: 5.33333333vw;\n border: 0.26666667vw solid #ffffff;\n}\n.guide .i-know {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n bottom: 42.66666667vw;\n}\n.guide .color-red {\n color: #FF6477;\n}\n.guide .toUntil {\n width: 13.33333333vw;\n position: absolute;\n left: 21.33333333vw;\n top: 16vw;\n transform: rotate(20deg);\n}\n.guide .until-test {\n width: 42.13333333vw;\n position: absolute;\n left: 37.06666667vw;\n top: 21.33333333vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #ffffff;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.off{\n position: absolute;\n top: 9*@toVw;\n z-index: 99999;\n right: 20*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n}\n.guide{\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background:rgba(0,0,0,0.8);\n z-index: 9999;\n .radius-block{\n padding: 10*@toVw;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n .radius{\n margin-right: 5*@toVw;\n float: right;\n width:96*@toVw;\n height:40*@toVw;\n border-radius:20*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n }\n }\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 123*@toVw;\n bottom: 160*@toVw;\n }\n .color-red{\n color: #FF6477;\n }\n .toUntil{\n width: 50*@toVw;\n position: absolute;\n left: 80*@toVw;\n top: 60*@toVw;\n transform: rotate(20deg);\n }\n .until-test{\n width:158*@toVw;\n position: absolute;\n left: 139*@toVw;\n top: 80*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n line-height: 26*@toVw;\n text-align: center;\n color:rgba(255,255,255,1);\n }\n}\n"],sourceRoot:""}])},yvem:function(n,t,o){var A=o("nEfO");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("0d1e6738",A,!1,{})}});
//# sourceMappingURL=1.be6218bddf30e5c5428e.js.map