diff --git a/dev/index.html b/dev/index.html
index 0a489b685a0c2e6959e382084d8bd5ba411b6681..0453a2fa9ebb2a4f5f791d3da90a7a05ba84e0c3 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -4,4 +4,4 @@
         hm.src = "https://hm.baidu.com/hm.js?3d48322170d471164729cba5dfa4195f";
         var s = document.getElementsByTagName("script")[0];
         s.parentNode.insertBefore(hm, s);
-      })();</script><style></style><link href=/static/css/app.9f631d4069047acf4ee994f5d9f958c3.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script src=https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js></script><script>var vConsole = new VConsole();</script><script type=text/javascript src=/static/js/manifest.60010e00096e42368f28.js></script><script type=text/javascript src=/static/js/vendor.f2f18cf9e4f348a6b3fa.js></script><script type=text/javascript src=/static/js/app.6e6fb139de6938e3cb68.js></script></body></html>
\ No newline at end of file
+      })();</script><style></style><link href=/static/css/app.9f631d4069047acf4ee994f5d9f958c3.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script src=https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js></script><script>var vConsole = new VConsole();</script><script type=text/javascript src=/static/js/manifest.3ff533f3daf61febde4b.js></script><script type=text/javascript src=/static/js/vendor.f2f18cf9e4f348a6b3fa.js></script><script type=text/javascript src=/static/js/app.6e6fb139de6938e3cb68.js></script></body></html>
\ No newline at end of file
diff --git a/dev/static/js/2.646302a489fbe4165d52.js b/dev/static/js/2.646302a489fbe4165d52.js
new file mode 100644
index 0000000000000000000000000000000000000000..c7bccd51616680559f57ba8714d12d31c78b4b14
--- /dev/null
+++ b/dev/static/js/2.646302a489fbe4165d52.js
@@ -0,0 +1,2 @@
+webpackJsonp([2],{"+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","",{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;ACoBD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,sBAAA;CDnBH",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",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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'],sourceRoot:""}])},"4t0V":function(n,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var A=o("CCn6"),e=o("hUWd"),i=o.n(e),a=o("SKwj"),r=o.n(a),s=o("ohH1"),l=o.n(s),d=o("WcTT"),c=o.n(d),g={name:"guide",data:function(){return{iKnowUrl:i.a,goDownUrl:l.a,goUrl:r.a,starUrl:c.a,show:!1}},mounted:function(){var n=this;Object(A.h)({page_name:"look"}).then(function(t){0==t&&(n.show=!0)})}},w=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()])};w._withStripped=!0;var b={render:w,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")(g,h,!1,function(n){p||o("WFoo")},"data-v-44076ee2",null);v.options.__file="src/components/guide/look.vue";var u={name:"look",props:["contentData"],components:{guideBlock:v.exports},computed:{content:function(){var n=null;return n=this.$store.state.isMobile?this.contentData.content.content.replace(/\.mp3/g,".mp3?avvod/m3u8/ab/64k"):this.contentData.content.content,n.replace(/video/g,"audio")},nohidden:function(){return(this.$store.state.isMobile?this.contentData.content.content.replace(/\.mp3/g,".mp3?avvod/m3u8/ab/64k"):this.contentData.content.content).replace(/hidden="true"/g,"")}}},C=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)};C._withStripped=!0;var f={render:C,staticRenderFns:[]},m=f;var E=!1;var k=o("VU/8")(u,m,!1,function(n){E||(o("wpI3"),o("Xctm"))},"data-v-6acc4334",null);k.options.__file="src/components/newLesson/look.vue";var B=k.exports,D=o("O8Ir"),x=o.n(D),y=o("A4/g"),V=o.n(y),F={name:"guide",data:function(){return{iKnowUrl:i.a,goDownUrl:l.a,goUrl:r.a,starUrl:c.a,show:!1}},mounted:function(){var n=this;Object(A.h)({page_name:"video"}).then(function(t){0==t&&(n.show=!0)})}},j=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()])};j._withStripped=!0;var S={render:j,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("音画切换")])])}]},z=S;var P=!1;var H=o("VU/8")(F,z,!1,function(n){P||o("AHTB")},"data-v-4b9d59c8",null);H.options.__file="src/components/guide/video.vue";var I={name:"play",components:{guideBlock:H.exports},data:function(){return{ageShow:!1,showObj:{video:[],change:!1},imgURL:{luolacoming:x.a,luolalaila:V.a}}},props:["contentData","nowShow"],mounted:function(){this.changeAge(this.contentData.age)},methods:{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.changeAge(this.contentData.age)},deep:!0}}},M=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._l(n.showObj.video,function(n){return o("div",{staticClass:"video-block"},[o("video",{attrs:{src:n.url,controls:"",poster:n.url+"?vframe/jpg/offset/3"}})])}),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.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"},[o("div",{staticClass:"active"},[n._v("视频教学")]),n._v(" "),o("div",{on:{click:function(t){n.changeAudio()}}},[n._v("音频教学")])]):n._e()])],2),n._v(" "),o("guide-block")],1)};M._withStripped=!0;var q={render:M,staticRenderFns:[]},U=q;var T=!1;var O=o("VU/8")(I,U,!1,function(n){T||o("uLGf")},"data-v-d14e4a78",null);O.options.__file="src/components/newLesson/video.vue";var L=O.exports,N=o("cku8"),Q=o.n(N),Y=o("Au9i"),R=o("G8nj"),W=o.n(R),J=o("XDzh"),_=o.n(J),G=o("Jyj/"),X=o.n(G),Z=o("xAcr"),K=o.n(Z),$=o("M58m"),nn=o.n($),tn=o("EsZv"),on=o.n(tn),An={name:"guide",data:function(){return{iKnowUrl:W.a,goDownUrl:l.a,playUrl:_.a,nextUrl:X.a,backUrl:K.a,listUrl:nn.a,refUrl:on.a,goUrl:r.a,show:!1}},mounted:function(){var n=this;Object(A.h)({page_name:"audio"}).then(function(t){0==t&&(n.show=!0)})}},en=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.listUrl}}),n._v(" "),o("img",{attrs:{src:n.backUrl}}),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",{staticClass:"toLesson",attrs:{src:n.goDownUrl}}),n._v(" "),o("div",{staticClass:"lesson-text"},[n._v("音频功能栏")]),n._v(" "),o("img",{staticClass:"i-know",attrs:{src:n.iKnowUrl}})]):n._e()])};en._withStripped=!0;var an={render:en,staticRenderFns:[]},rn=an;var sn=!1;var ln=o("VU/8")(An,rn,!1,function(n){sn||o("yvem")},"data-v-0761bba3",null);ln.options.__file="src/components/guide/audio.vue";var dn={name:"fun",props:["contentData"],components:{guideBlock:ln.exports},data:function(){return{popupVisible:!1,index:0,ageShow:!1,imgPop:!1,startTime:"00:00",overTime:"00:00",range:0,showObj:{audio:null,change:!1},playFlag:!1,offset:0,timer:null,playType:0|Number(localStorage.getItem("playType"))}},mounted:function(){this.changeAge(this.contentData.age)},methods:{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(Y.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(Y.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;this.canPlay();var 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;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(){this.playType<2?this.playType++:this.playType=0,window.localStorage.setItem("playType",this.playType)},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)},deep:!0},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)}}},cn=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.showObj.audio?o("div",{staticClass:"content"},[o("audio",{ref:"audio",attrs:{src:n.showObj.audio[n.index].url+(n.$store.state.isMobile?"?avvod/m3u8/ab/64k":"")},on:{canplay:n.canPlay,play:function(t){n.playing()}}}),n._v(" "),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",{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:"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 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:"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"},[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)};cn._withStripped=!0;var gn={render:cn,staticRenderFns:[]},wn=gn;var bn=!1;var hn=o("VU/8")(dn,wn,!1,function(n){bn||o("Oq7G")},"data-v-531d3c9f",null);hn.options.__file="src/components/newLesson/audio.vue";var pn={name:"index",data:function(){var n=this.$route.query;return{backUrl:Q.a,periods_id:n.periods_id,category_id:n.category_id,elementId:n.elementId,lesson:null,nowShow:0,nowLesson:{type:"",content:null,age:1}}},components:{lookBlock:B,videoBlock:L,audioBlock:hn.exports},mounted:function(){this.initPage()},methods:{backList:function(){var n={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:n})},changeTitle:function(n){switch(this.nowShow=n,n){case 1:this.nowLesson={type:"text",content:this.lesson.content.look,age:this.nowLesson.age};break;case 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: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)}}},vn=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",{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(" "),o("i",{staticClass:"lessonHeader home",on:{click:n.backList}})]),n._v(" "),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:"lessonHeader 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(" "),n._m(0),n._v(" "),o("div",{staticClass:"index-content-block"},["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)])};vn._withStripped=!0;var un={render:vn,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"header-h"},[t("div",{staticClass:"header-list active"},[t("i",{staticClass:"index-h look-h"})]),this._v(" "),t("div",{staticClass:"header-list"},[t("i",{staticClass:"index-h play-h"})]),this._v(" "),t("div",{staticClass:"header-list"},[t("i",{staticClass:"index-h fun-h"})]),this._v(" "),t("div",{staticClass:"header-list"},[t("i",{staticClass:"index-h home-h"})])])}]},Cn=un;var fn=!1;var mn=o("VU/8")(pn,Cn,!1,function(n){fn||o("PZSc")},"data-v-17c3eb9b",null);mn.options.__file="src/components/newLesson/index.vue";t.default=mn.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,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMA7WWo+BTVMZkIuyCOdm9BTOL+xlsbVUw/AAAAs0lEQVQoz5WSSxKEIAxEWw0qIqJg7n/ViQKjUrgwqxSvK3Q+0BopDIroycbEcT88kWee1JG0zFmVgruOm/VEdkuqjEbsjR+1oEEl1YVggvwjCEl1Q4Almg4EM11uIsLQM8enhWh5IOjZJ7WoopuMgDX3LKrTzYVu4TY/6zqCtLF8RmVB92bj3fx7y5Z8qA5Kxru56nj3hjtVW4qsktrqKuUAgqkfQDiaOz1SeTb6X0IVI/kBKjMLKuoAnDQAAAAASUVORK5CYII="},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('/static/images/lessonHeader.png') 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: #eeeeee;\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","",{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:";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;ACmHD;EAAc,6DAAA;EAA6D,sCAAA;EAAoC,sBAAA;CD9G9G;AC+GD;EAAU,cAAA;CD5GT;AC6GD;EAAM,sBAAA;EAAgB,qBAAA;EAAe,yBAAA;CDxGpC;ACyGD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDpGrC;ACqGD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDhGrC;ACiGD;EAAK,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CD5FpC;AC6FD;EAAY,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDxF3C;ACyFD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDpF5C;ACqFD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDhF5C;ACiFC;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,wBAAA;EACA,WAAA;EACA,oBAAA;EACA,kEAAA;UAAA,0DAAA;CD/EH;ACiFC;EACE,oBAAA;CD/EH;ACiFC;EACE,gBAAA;EACA,sBAAA;EACA,oBAAA;EACA,kBAAA;EACA,YAAA;CD/EH",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('/static/images/lessonHeader.png') 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: #eeeeee;\n}\n.backImg {\n  position: fixed;\n  bottom: 10.66666667vw;\n  right: 5.33333333vw;\n  z-index: 99999999;\n  width: 16vw;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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('/static/images/lessonHeader.png')  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: #eeeeee;\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\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,{})},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"},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.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: 66.93333333vw;\n  height: 15.2vw;\n  border-radius: 7.73333333vw;\n  border: 0.26666667vw solid #ffffff;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 114.66666667vw;\n  left: 16vw;\n}\n.btn-block img[data-v-0761bba3] {\n  width: 4.26666667vw;\n  vertical-align: middle;\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: 133.33333333vw;\n  left: 26.66666667vw;\n  -webkit-transform: rotate(30deg);\n          transform: rotate(30deg);\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: 40vw;\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;ACoCD;EACE,oBAAA;CDlCD;ACoCD;EACE,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,2BAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;CDlCD;ACoCD;EACE,qBAAA;EACA,eAAA;EACA,4BAAA;EACA,mCAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;CDlCD;AC0BD;EAUI,oBAAA;EACA,uBAAA;CDjCH;ACsBD;EAcI,qBAAA;CDjCH;ACoCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;CDlCD;ACoCD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDlCD;AC0BD;EAUI,mBAAA;EACA,cAAA;EACA,WAAA;EACA,mBAAA;CDjCH;ACoBD;EAgBI,YAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,iCAAA;UAAA,yBAAA;CDjCH;ACaD;EAuBI,eAAA;CDjCH;ACUD;EA0BI,cAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;EACA,mBAAA;EACA,mCAAA;CDjCH",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.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: 66.93333333vw;\n  height: 15.2vw;\n  border-radius: 7.73333333vw;\n  border: 0.26666667vw solid #ffffff;\n  display: flex;\n  position: absolute;\n  top: 114.66666667vw;\n  left: 16vw;\n}\n.btn-block img {\n  width: 4.26666667vw;\n  vertical-align: middle;\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: 133.33333333vw;\n  left: 26.66666667vw;\n  transform: rotate(30deg);\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: 40vw;\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@import "../../util/public";\n.star{\n  width: 23*@toVw;\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.btn-block{\n  width:251*@toVw;\n  height:57*@toVw;\n  border-radius:29*@toVw;\n  border:1*@toVw solid rgba(255,255,255,1);\n  display: flex;\n  position: absolute;\n  top: 430*@toVw;\n  left: 60*@toVw;\n  img{\n    width: 16*@toVw;\n    vertical-align: middle;\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: 500*@toVw;\n    left: 100*@toVw;\n    transform: rotate(30deg);\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: 150*@toVw;\n    text-align: center;\n    border:1*@toVw solid rgba(255,255,255,1)\n  }\n}\n'],sourceRoot:""}])},ohH1:function(n,t){n.exports="data:image/png;base64,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"},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('/static/images/playImage.png') no-repeat;\n  background-size: 10.66666667vw 50.4vw;\n  display: inline-block;\n}\n._282918034425091245[data-v-d14e4a78] {\n  height: 1.73333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._154722344142123489[data-v-d14e4a78] {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 -2.13333333vw;\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-change-block[data-v-d14e4a78] {\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 > 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","",{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:";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;ACgED;EAAW,0DAAA;EAA0D,sCAAA;EAAmC,sBAAA;CD3DvG;AC4DD;EAAqB,qBAAA;EAAiB,aAAA;EAAc,yBAAA;CDvDnD;ACwDD;EAAqB,qBAAA;EAAe,aAAA;EAAc,qCAAA;CDnDjD;ACoDD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,4BAAA;EACA,sBAAA;CDnDH;ACsCD;EAeM,0BAAA;CDlDL;ACmCD;EAiBQ,aAAA;CDjDP;ACgCD;EAqBM,4BAAA;EACA,gCAAA;EACA,qBAAA;EACA,sBAAA;CDlDL;AC0BD;EA0BQ,YAAA;EACA,UAAA;EACA,eAAA;EACA,WAAA;EACA,+BAAA;EACA,4BAAA;CDjDP;ACkBD;EAmCM,mBAAA;EACA,mBAAA;CDlDL;ACcD;EAsCQ,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,mBAAA;EACA,wBAAA;EACA,6BAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjDP;ACED;EAkDQ,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,cAAA;EACA,4BAAA;EACA,mCAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjDP;ACkDO;EACE,4BAAA;EACA,iBAAA;CDhDT;ACiDS;EACE,uCAAA;CD/CX;ACjBD;EAqEQ,8BAAA;EACA,cAAA;EACA,mCAAA;CDjDP;ACkDO;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDhDT;AC3BD;EA8EU,YAAA;EACA,WAAA;EACA,6BAAA;EACA,iBAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDhDT;ACiDS;EACE,oBAAA;EACA,aAAA;CD/CX",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('/static/images/playImage.png') no-repeat;\n  background-size: 10.66666667vw 50.4vw;\n  display: inline-block;\n}\n._282918034425091245 {\n  height: 1.73333333vw;\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}\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-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: 12px;\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: 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","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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('/static/images/playImage.png')  no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}\n._282918034425091245{height:6.5*@toVw;width:9*@toVw;background-position:0 0;}\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\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      }\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: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"],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('/static/images/playImage.png') no-repeat;\n  background-size: 10.66666667vw 60vw;\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}\n.next[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -3.46666667vw;\n}\n.replay[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -7.73333333vw;\n}\n.replayAll[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -12vw;\n}\n.list[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -16.26666667vw;\n}\n.last[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -20.53333333vw;\n}\n.listPlay[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -24.8vw;\n}\n.zDefaultIcon[data-v-531d3c9f] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -29.06666667vw;\n  float: right;\n}\n.zIcon[data-v-531d3c9f] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -33.86666667vw;\n  float: right;\n}\n.play[data-v-531d3c9f] {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -38.66666667vw;\n}\n.stop[data-v-531d3c9f] {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -49.33333333vw;\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: 8px;\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: 63.2vw;\n  margin-top: 4.26666667vw;\n}\n.content .range-block .time-block[data-v-531d3c9f] {\n  font-size: 12px;\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: 5.33333333vw;\n  width: 53.33333333vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n.list-popup[data-v-531d3c9f] {\n  width: 100vw;\n  max-height: 92vw;\n  overflow: auto;\n  border-radius: 8px 8px 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: 1px 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: 12px;\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: 1px 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: 12px;\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","",{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('/static/images/playImage.png') no-repeat;\n  background-size: 10.66666667vw 60vw;\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}\n.next {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -3.46666667vw;\n}\n.replay {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -7.73333333vw;\n}\n.replayAll {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -12vw;\n}\n.list {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -16.26666667vw;\n}\n.last {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -20.53333333vw;\n}\n.listPlay {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -24.8vw;\n}\n.zDefaultIcon {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -29.06666667vw;\n  float: right;\n}\n.zIcon {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -33.86666667vw;\n  float: right;\n}\n.play {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -38.66666667vw;\n}\n.stop {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -49.33333333vw;\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: 8px;\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: 63.2vw;\n  margin-top: 4.26666667vw;\n}\n.content .range-block .time-block {\n  font-size: 12px;\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: 5.33333333vw;\n  width: 53.33333333vw;\n  display: flex;\n}\n.list-popup {\n  width: 100vw;\n  max-height: 92vw;\n  overflow: auto;\n  border-radius: 8px 8px 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: 1px 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: 12px;\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: 1px 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: 12px;\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","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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('/static/images/playImage.png')  no-repeat;background-size:40*@toVw 225*@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;}\n.next{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n.replay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n.list{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n.last{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n.listPlay{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.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  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: 237 * @toVw;\n    margin-top: 16*@toVw;\n    .time-block{\n      font-size:12px;\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: 20*@toVw;\n    width: 200*@toVw;\n    display: flex;\n  }\n}\n.list-popup{\n  width: 375*@toVw;\n  max-height: 345*@toVw;\n  overflow: auto;\n  border-radius: 8px 8px 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: 1px 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: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:1px 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:12px;\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"],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:";AA+DA;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>\n  <div class="look-content">\n    <guide-block/>\n    <div class="content" v-if="!contentData.old" v-html="content">\n    </div>\n    <div class="old-content" v-if="contentData.old"  v-html="nohidden">\n    </div>\n  </div>\n</template>\n\n<script>\n  import guideBlock from \'../guide/look\'\n  export default {\n    name: "look",\n    props:[\n      \'contentData\'\n    ],\n    components:{\n      guideBlock\n    },\n    computed:{\n      content(){\n        let content = null;\n        if(this.$store.state.isMobile){\n          content = this.contentData.content.content.replace(/\\.mp3/g,\'.mp3?avvod/m3u8/ab/64k\');\n        }else{\n          content = this.contentData.content.content\n        }\n        return content.replace(/video/g,\'audio\')\n      },\n      nohidden(){\n        let content = null;\n        if(this.$store.state.isMobile){\n          content = this.contentData.content.content.replace(/\\.mp3/g,\'.mp3?avvod/m3u8/ab/64k\');\n        }else{\n          content = this.contentData.content.content\n        }\n        return content.replace(/hidden="true"/g,\'\')\n      }\n    }\n  }\n<\/script>\n\n<style scoped lang="less">\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</style>\n<style>\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    box-sizing: border-box;\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n    background: #FFFFFF;\n    border: 1px solid #F1F1F1;\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    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  /* @media screen and (min-width: 1025px){\n       #preview{\n           width:700px;\n       }\n   }*/\n  #preview *{font-family:sans-serif;font-size:16px;}\n  .look-content .content img{\n    max-width: 100% !important;\n  }\n</style>\n'],sourceRoot:""}])},xAcr:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAEe1lBx7VMZn4u0qOdm/i/sY/pVurqkni7pgAAAC1SURBVCjPlZLbEoMgDESDohgUBFqb///TRihi2hlmyhPL4bJsAiDHVCdKS2BmSmXmcBbEIdGYz1qicL/L0u4yWgc6DmqE9UMZRnoJwxOWCxUNjPi9yGYuxNqe5gxZRHeuVOQRfdlCNBtoSNmqwYTt85+M1uHSMK31cUZ6C3uC38HIs2X4G3Uu7Njomu99WQQVgwzqHm/aZbz3oqgXiaKIUo4oSykaIMoGyG6w+OMg4ncIqjXbG3bcC6MGyt7WAAAAAElFTkSuQmCC"},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: left;\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: 13.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: 29.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,YAAA;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: left;\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: 13.33333333vw;\n  top: 16vw;\n  transform: rotate(20deg);\n}\n.guide .until-test {\n  width: 42.13333333vw;\n  position: absolute;\n  left: 29.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: left;\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: 50*@toVw;\n    top: 60*@toVw;\n    transform: rotate(20deg);\n  }\n  .until-test{\n    width:158*@toVw;\n    position: absolute;\n    left: 109*@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=2.646302a489fbe4165d52.js.map
\ No newline at end of file
diff --git a/dev/static/js/2.646302a489fbe4165d52.js.map b/dev/static/js/2.646302a489fbe4165d52.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..5d1a0dc82d2e05efd9ccc036791444ba0c8bae61
--- /dev/null
+++ b/dev/static/js/2.646302a489fbe4165d52.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/components/newLesson/look.vue?164e","webpack:///src/components/guide/look.vue","webpack:///./src/components/guide/look.vue?bd84","webpack:///./src/components/guide/look.vue","webpack:///src/components/newLesson/look.vue","webpack:///./src/components/newLesson/look.vue?35f2","webpack:///./src/components/newLesson/look.vue","webpack:///src/components/guide/video.vue","webpack:///./src/components/guide/video.vue?4d82","webpack:///./src/components/guide/video.vue","webpack:///src/components/newLesson/video.vue","webpack:///./src/components/newLesson/video.vue?8d86","webpack:///./src/components/newLesson/video.vue","webpack:///src/components/guide/audio.vue","webpack:///./src/components/guide/audio.vue?5b7e","webpack:///./src/components/guide/audio.vue","webpack:///src/components/newLesson/audio.vue","webpack:///./src/components/newLesson/audio.vue?9489","webpack:///./src/components/newLesson/audio.vue","webpack:///src/components/newLesson/index.vue","webpack:///./src/components/newLesson/index.vue?255c","webpack:///./src/components/newLesson/index.vue","webpack:///./src/assets/newLesson/luolalaila.png","webpack:///./src/components/guide/video.vue?7b52","webpack:///./src/assets/guide/ref.png","webpack:///./src/components/guide/video.vue?8fae","webpack:///./src/assets/guide/lesson.png","webpack:///./src/assets/guide/next.png","webpack:///./src/assets/guide/list.png","webpack:///./src/assets/newLesson/luoLacoming.png","webpack:///./src/components/newLesson/audio.vue?4300","webpack:///./src/components/newLesson/index.vue?b7e1","webpack:///./src/components/newLesson/index.vue?1055","webpack:///./src/components/guide/look.vue?00c3","webpack:///./src/assets/guide/star.png","webpack:///./src/assets/guide/play.png","webpack:///./src/components/newLesson/look.vue?c76e","webpack:///./src/assets/newLesson/back.png","webpack:///./src/components/guide/audio.vue?6641","webpack:///./src/assets/guide/go-down.png","webpack:///./src/components/newLesson/video.vue?69c5","webpack:///./src/components/newLesson/video.vue?129a","webpack:///./src/components/newLesson/audio.vue?6d24","webpack:///./src/components/newLesson/look.vue?1a7e","webpack:///./src/components/newLesson/look.vue?4916","webpack:///./src/assets/guide/back.png","webpack:///./src/components/guide/look.vue?213b","webpack:///./src/components/guide/audio.vue?4d93"],"names":["module","exports","__webpack_require__","push","i","version","sources","names","mappings","file","sourcesContent","sourceRoot","look","name","data","iKnowUrl","iKnow_default","a","goDownUrl","go_down_default","goUrl","go_default","starUrl","star_default","show","mounted","_this","this","Object","api","page_name","then","res","render","_vm","_h","$createElement","_c","_self","staticClass","on","click","$event","_m","_v","attrs","src","_e","_withStripped","esExports","staticRenderFns","guide_look","disposed","Component","normalizeComponent","ssrContext","options","__file","newLesson_look","props","components","guideBlock","computed","content","$store","state","isMobile","contentData","replace","nohidden","look_render","old","domProps","innerHTML","_s","look_esExports","components_newLesson_look","look_disposed","look_Component","look_normalizeComponent","src_components_newLesson_look","video","video_render","video_esExports","guide_video","video_disposed","video_Component","video_normalizeComponent","newLesson_video","ageShow","showObj","change","imgURL","luolacoming","luoLacoming_default","luolalaila","luolalaila_default","changeAge","age","methods","changeAudio","type","value","video2","change2","watch","handler","deep","newLesson_video_render","nowShow","_l","url","controls","poster","directives","rawName","expression","newLesson_video_esExports","components_newLesson_video","newLesson_video_disposed","newLesson_video_Component","newLesson_video_normalizeComponent","src_components_newLesson_video","audio","lesson_default","playUrl","play_default","nextUrl","next_default","backUrl","guide_back_default","listUrl","list_default","refUrl","ref_default","audio_render","audio_esExports","guide_audio","audio_disposed","audio_Component","audio_normalizeComponent","newLesson_audio","popupVisible","index","imgPop","startTime","overTime","range","playFlag","offset","timer","playType","Number","localStorage","getItem","onPlay","$refs","play","lastOne","keepPlay","length","mint_ui_common","changeIndex","$nextTick","onStop","nextOne","canPlay","_this2","Math","ceil","parseInt","duration","getDuration","playing","_this3","setInterval","min","currentTime","sec","onOver","clearInterval","stopTime","pause","_this4","changeType","window","setItem","audio2","value2","_this5","abs","newLesson_audio_render","ref","canplay","image","title","tips","style","backgroundSize","max","__r","target","class","playImage","replay","replayAll","listPlay","staticStyle","background","position","model","callback","$$v","list-block","active","zDefaultIcon","zIcon","newLesson_audio_esExports","components_newLesson_audio","newLesson_audio_disposed","newLesson_audio_Component","newLesson_audio_normalizeComponent","newLesson","query","$route","back_default","periods_id","category_id","elementId","lesson","nowLesson","lookBlock","videoBlock","audioBlock","initPage","backList","course_type","parent_category_id","back_id","$router","changeTitle","fun","JSON","parse","document","domTitle","newLesson_render","lessonHeader","defaultLook","defaultPlay","defaultFun","headerHP","lookHP","playHP","funHP","newLesson_esExports","components_newLesson","newLesson_disposed","newLesson_Component","newLesson_normalizeComponent","__webpack_exports__","p","locals"],"mappings":"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","file":"static/js/2.646302a489fbe4165d52.js","sourcesContent":["exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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\", \"\", {\"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;ACoBD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,sBAAA;CDnBH\",\"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\",\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6acc4334\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/look.vue\n// module id = +xa/\n// module chunks = 2","<template>\n  <div>\n    <div class=\"guide\" v-if=\"show\" @click=\"show=false\">\n      <div class=\"radius-block\">\n        <div class=\"radius\"></div>\n        <div class=\"radius\"></div>\n        <div class=\"radius\"></div>\n      </div>\n      <img class=\"toUntil\" :src=\"goDownUrl\"/>\n      <div class=\"until-test\">\n        点击<span class=\"color-red\">切换课程模块</span>\n      </div>\n      <img class=\"i-know\" :src=\"iKnowUrl\" @click=\"show=false\"/>\n    </div>\n  </div>\n</template>\n\n<script>\n\n  import {getGuideApi,setGuideApi} from \"../../service/api\";\n  import iKnowUrl from '../../assets/guide/iKnow.png'\n  import goUrl from '../../assets/guide/go.png'\n  import goDownUrl from '../../assets/guide/go-down.png'\n  import starUrl from '../../assets/guide/star.png'\n\n  export default {\n    name: \"guide\",\n    data(){\n      return{\n        iKnowUrl:iKnowUrl,\n        goDownUrl:goDownUrl,\n        goUrl:goUrl,\n        starUrl:starUrl,\n        show:false\n      }\n    },\n    mounted(){\n      let json = {\n        page_name:'look'\n      };\n      getGuideApi(json).then(res=>{\n        if(res == 0){\n          this.show=true;\n        }\n      });\n    }\n  }\n</script>\n\n<style scoped lang=\"less\">\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: left;\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: 50*@toVw;\n      top: 60*@toVw;\n      transform: rotate(20deg);\n    }\n    .until-test{\n      width:158*@toVw;\n      position: absolute;\n      left: 109*@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</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/guide/look.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _vm.show\n      ? _c(\n          \"div\",\n          {\n            staticClass: \"guide\",\n            on: {\n              click: function($event) {\n                _vm.show = false\n              }\n            }\n          },\n          [\n            _vm._m(0),\n            _vm._v(\" \"),\n            _c(\"img\", {\n              staticClass: \"toUntil\",\n              attrs: { src: _vm.goDownUrl }\n            }),\n            _vm._v(\" \"),\n            _vm._m(1),\n            _vm._v(\" \"),\n            _c(\"img\", {\n              staticClass: \"i-know\",\n              attrs: { src: _vm.iKnowUrl },\n              on: {\n                click: function($event) {\n                  _vm.show = false\n                }\n              }\n            })\n          ]\n        )\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"radius-block\" }, [\n      _c(\"div\", { staticClass: \"radius\" }),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"radius\" }),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"radius\" })\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"until-test\" }, [\n      _vm._v(\"\\n      点击\"),\n      _c(\"span\", { staticClass: \"color-red\" }, [_vm._v(\"切换课程模块\")])\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-44076ee2\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-44076ee2\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/guide/look.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-44076ee2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./look.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./look.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./look.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-44076ee2\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./look.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-44076ee2\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/guide/look.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-44076ee2\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-44076ee2\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/guide/look.vue\n// module id = null\n// module chunks = ","<template>\n  <div class=\"look-content\">\n    <guide-block/>\n    <div class=\"content\" v-if=\"!contentData.old\" v-html=\"content\">\n    </div>\n    <div class=\"old-content\" v-if=\"contentData.old\"  v-html=\"nohidden\">\n    </div>\n  </div>\n</template>\n\n<script>\n  import guideBlock from '../guide/look'\n  export default {\n    name: \"look\",\n    props:[\n      'contentData'\n    ],\n    components:{\n      guideBlock\n    },\n    computed:{\n      content(){\n        let content = null;\n        if(this.$store.state.isMobile){\n          content = this.contentData.content.content.replace(/\\.mp3/g,'.mp3?avvod/m3u8/ab/64k');\n        }else{\n          content = this.contentData.content.content\n        }\n        return content.replace(/video/g,'audio')\n      },\n      nohidden(){\n        let content = null;\n        if(this.$store.state.isMobile){\n          content = this.contentData.content.content.replace(/\\.mp3/g,'.mp3?avvod/m3u8/ab/64k');\n        }else{\n          content = this.contentData.content.content\n        }\n        return content.replace(/hidden=\"true\"/g,'')\n      }\n    }\n  }\n</script>\n\n<style scoped lang=\"less\">\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</style>\n<style>\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    box-sizing: border-box;\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n    background: #FFFFFF;\n    border: 1px solid #F1F1F1;\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    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  /* @media screen and (min-width: 1025px){\n       #preview{\n           width:700px;\n       }\n   }*/\n  #preview *{font-family:sans-serif;font-size:16px;}\n  .look-content .content img{\n    max-width: 100% !important;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/newLesson/look.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"look-content\" },\n    [\n      _c(\"guide-block\"),\n      _vm._v(\" \"),\n      !_vm.contentData.old\n        ? _c(\"div\", {\n            staticClass: \"content\",\n            domProps: { innerHTML: _vm._s(_vm.content) }\n          })\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.contentData.old\n        ? _c(\"div\", {\n            staticClass: \"old-content\",\n            domProps: { innerHTML: _vm._s(_vm.nohidden) }\n          })\n        : _vm._e()\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-6acc4334\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-6acc4334\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/newLesson/look.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./look.vue\")\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./look.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./look.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./look.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./look.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-6acc4334\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/newLesson/look.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-6acc4334\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-6acc4334\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/newLesson/look.vue\n// module id = null\n// module chunks = ","<template>\n  <div>\n    <div class=\"guide\" v-if=\"show\" @click=\"show=false\">\n      <img class=\"toVideo\" :src=\"goUrl\"/>\n      <div class=\"video-test\">\n        点击<span class=\"color-red\">查看视频课程</span>\n      </div>\n      <div class=\"video-block\">\n\n      </div>\n      <div class=\"change-block\">\n        <div>视频教学</div>\n        <div>音频教学</div>\n      </div>\n      <img class=\"toUntil\" :src=\"goDownUrl\"/>\n      <div class=\"until-test\">\n        点击<span class=\"color-red\">音画切换</span>\n      </div>\n      <img class=\"i-know\" :src=\"iKnowUrl\" @click=\"show=false\"/>\n    </div>\n  </div>\n</template>\n<script>\n  import {getGuideApi} from \"../../service/api\";\n  import iKnowUrl from '../../assets/guide/iKnow.png'\n  import goUrl from '../../assets/guide/go.png'\n  import goDownUrl from '../../assets/guide/go-down.png'\n  import starUrl from '../../assets/guide/star.png'\n\n  export default {\n    name: \"guide\",\n    data(){\n      return{\n        iKnowUrl:iKnowUrl,\n        goDownUrl:goDownUrl,\n        goUrl:goUrl,\n        starUrl:starUrl,\n        show:false\n      }\n    },\n    mounted(){\n      let json = {\n        page_name:'video'\n      };\n      getGuideApi(json).then(res=>{\n        if(res == 0){\n          this.show=true;\n        }\n      });\n    }\n  }\n</script>\n\n<style scoped lang=\"less\">\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</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/guide/video.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _vm.show\n      ? _c(\n          \"div\",\n          {\n            staticClass: \"guide\",\n            on: {\n              click: function($event) {\n                _vm.show = false\n              }\n            }\n          },\n          [\n            _c(\"img\", { staticClass: \"toVideo\", attrs: { src: _vm.goUrl } }),\n            _vm._v(\" \"),\n            _vm._m(0),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"video-block\" }),\n            _vm._v(\" \"),\n            _vm._m(1),\n            _vm._v(\" \"),\n            _c(\"img\", {\n              staticClass: \"toUntil\",\n              attrs: { src: _vm.goDownUrl }\n            }),\n            _vm._v(\" \"),\n            _vm._m(2),\n            _vm._v(\" \"),\n            _c(\"img\", {\n              staticClass: \"i-know\",\n              attrs: { src: _vm.iKnowUrl },\n              on: {\n                click: function($event) {\n                  _vm.show = false\n                }\n              }\n            })\n          ]\n        )\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"video-test\" }, [\n      _vm._v(\"\\n      点击\"),\n      _c(\"span\", { staticClass: \"color-red\" }, [_vm._v(\"查看视频课程\")])\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"change-block\" }, [\n      _c(\"div\", [_vm._v(\"视频教学\")]),\n      _vm._v(\" \"),\n      _c(\"div\", [_vm._v(\"音频教学\")])\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"until-test\" }, [\n      _vm._v(\"\\n      点击\"),\n      _c(\"span\", { staticClass: \"color-red\" }, [_vm._v(\"音画切换\")])\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-4b9d59c8\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-4b9d59c8\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/guide/video.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4b9d59c8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./video.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./video.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./video.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-4b9d59c8\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./video.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-4b9d59c8\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/guide/video.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-4b9d59c8\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-4b9d59c8\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/guide/video.vue\n// module id = null\n// module chunks = ","<template>\n  <div class=\"video-page\">\n    <div class=\"content\">\n      <div class=\"header\">\n        <img :src=\"imgURL.luolacoming\" class=\"text\" v-if=\"nowShow === 3\">\n        <img :src=\"imgURL.luolalaila\" class=\"text\" v-if=\"nowShow === 2\">\n      </div>\n      <div class=\"video-block\" v-for=\"data in showObj.video\">\n        <video :src=\"data.url\" controls :poster=\"data.url+'?vframe/jpg/offset/3'\"></video>\n      </div>\n      <div class=\"btn-block\">\n        <div v-if=\"contentData.content.age\" class=\"age-block\" @click=\"ageShow = !ageShow\">\n          <div v-if=\"contentData.age === 1\">0-3岁<i class=\"playImage _154722344142123489\"></i></div>\n          <div v-if=\"contentData.age === 2\">4-6岁<i class=\"playImage _154722344142123489\"></i></div>\n        </div>\n        <div class=\"age-change-block\" v-show=\"ageShow\" v-if=\"contentData.content.age\">\n          <div @click=\"contentData.age = 1;ageShow=false\">0-3岁<i class=\"playImage _282918034425091245\" v-if=\"contentData.age === 1\"></i></div>\n          <div @click=\"contentData.age = 2;ageShow=false\">4-6岁<i class=\"playImage _282918034425091245\" v-if=\"contentData.age === 2\"></i></div>\n        </div>\n        <div v-if=\"showObj.change\" class=\"change-block\">\n          <div class=\"active\">视频教学</div>\n          <div @click=\"changeAudio()\">音频教学</div>\n        </div>\n      </div>\n    </div>\n    <guide-block/>\n  </div>\n\n</template>\n\n<script>\n  import luolacoming from '../../assets/newLesson/luoLacoming.png'\n  import luolalaila from '../../assets/newLesson/luolalaila.png'\n  import guideBlock from '../guide/video'\n  export default {\n    name: \"play\",\n    components:{\n      guideBlock\n    },\n    data(){\n      return{\n        ageShow:false,\n        showObj:{\n          video:[],\n          change:false\n        },\n        imgURL:{\n          luolacoming:luolacoming,\n          luolalaila:luolalaila\n        }\n      }\n    },\n    props:[\n      'contentData','nowShow'\n    ],\n    mounted(){\n      this.changeAge(this.contentData.age)\n    },\n    methods:{\n      changeAudio(){\n        this.contentData.type = 'audio'\n      },\n      changeAge(value){\n        if(this.contentData.content.age && value === 2){\n          this.showObj = {\n            video:this.contentData.content.video2,\n            change:this.contentData.content.change2\n          }\n        }else{\n          this.showObj = {\n            video:this.contentData.content.video,\n            change:this.contentData.content.change\n          }\n        }\n      }\n    },\n    watch:{\n      'contentData':{\n        handler:function() {   //特别注意,不能用箭头函数,箭头函数,this指向全局\n          this.changeAge(this.contentData.age)\n        },\n        deep: true\n      },\n    }\n  }\n</script>\n\n<style scoped lang=\"less\">\n  @import \"../../util/public\";\n  .playImage{background:url('/static/images/playImage.png')  no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}\n  ._282918034425091245{height:6.5*@toVw;width:9*@toVw;background-position:0 0;}\n  ._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\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        }\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: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</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/newLesson/video.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"video-page\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"content\" },\n        [\n          _c(\"div\", { staticClass: \"header\" }, [\n            _vm.nowShow === 3\n              ? _c(\"img\", {\n                  staticClass: \"text\",\n                  attrs: { src: _vm.imgURL.luolacoming }\n                })\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.nowShow === 2\n              ? _c(\"img\", {\n                  staticClass: \"text\",\n                  attrs: { src: _vm.imgURL.luolalaila }\n                })\n              : _vm._e()\n          ]),\n          _vm._v(\" \"),\n          _vm._l(_vm.showObj.video, function(data) {\n            return _c(\"div\", { staticClass: \"video-block\" }, [\n              _c(\"video\", {\n                attrs: {\n                  src: data.url,\n                  controls: \"\",\n                  poster: data.url + \"?vframe/jpg/offset/3\"\n                }\n              })\n            ])\n          }),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"btn-block\" }, [\n            _vm.contentData.content.age\n              ? _c(\n                  \"div\",\n                  {\n                    staticClass: \"age-block\",\n                    on: {\n                      click: function($event) {\n                        _vm.ageShow = !_vm.ageShow\n                      }\n                    }\n                  },\n                  [\n                    _vm.contentData.age === 1\n                      ? _c(\"div\", [\n                          _vm._v(\"0-3岁\"),\n                          _c(\"i\", {\n                            staticClass: \"playImage _154722344142123489\"\n                          })\n                        ])\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.contentData.age === 2\n                      ? _c(\"div\", [\n                          _vm._v(\"4-6岁\"),\n                          _c(\"i\", {\n                            staticClass: \"playImage _154722344142123489\"\n                          })\n                        ])\n                      : _vm._e()\n                  ]\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.contentData.content.age\n              ? _c(\n                  \"div\",\n                  {\n                    directives: [\n                      {\n                        name: \"show\",\n                        rawName: \"v-show\",\n                        value: _vm.ageShow,\n                        expression: \"ageShow\"\n                      }\n                    ],\n                    staticClass: \"age-change-block\"\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.contentData.age = 1\n                            _vm.ageShow = false\n                          }\n                        }\n                      },\n                      [\n                        _vm._v(\"0-3岁\"),\n                        _vm.contentData.age === 1\n                          ? _c(\"i\", {\n                              staticClass: \"playImage _282918034425091245\"\n                            })\n                          : _vm._e()\n                      ]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.contentData.age = 2\n                            _vm.ageShow = false\n                          }\n                        }\n                      },\n                      [\n                        _vm._v(\"4-6岁\"),\n                        _vm.contentData.age === 2\n                          ? _c(\"i\", {\n                              staticClass: \"playImage _282918034425091245\"\n                            })\n                          : _vm._e()\n                      ]\n                    )\n                  ]\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.showObj.change\n              ? _c(\"div\", { staticClass: \"change-block\" }, [\n                  _c(\"div\", { staticClass: \"active\" }, [_vm._v(\"视频教学\")]),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.changeAudio()\n                        }\n                      }\n                    },\n                    [_vm._v(\"音频教学\")]\n                  )\n                ])\n              : _vm._e()\n          ])\n        ],\n        2\n      ),\n      _vm._v(\" \"),\n      _c(\"guide-block\")\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-d14e4a78\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-d14e4a78\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/newLesson/video.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d14e4a78\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./video.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./video.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./video.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-d14e4a78\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./video.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-d14e4a78\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/newLesson/video.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-d14e4a78\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-d14e4a78\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/newLesson/video.vue\n// module id = null\n// module chunks = ","<template>\n  <div>\n    <div class=\"guide\" v-if=\"show\" @click=\"show=false\">\n      <div class=\"title\">\n        点击放大图片\n      </div>\n      <div class=\"btn-block\">\n        <img :src=\"listUrl\"/>\n        <img :src=\"backUrl\"/>\n        <img class=\"play-btn\" :src=\"playUrl\"/>\n        <img :src=\"nextUrl\"/>\n        <img :src=\"refUrl\"/>\n      </div>\n      <img :src=\"goDownUrl\" class=\"toLesson\"/>\n      <div class=\"lesson-text\">音频功能栏</div>\n      <img class=\"i-know\" :src=\"iKnowUrl\"/>\n    </div>\n  </div>\n</template>\n\n<script>\n  import {getGuideApi,setGuideApi} from \"../../service/api\";\n  import iKnowUrl from '../../assets/guide/lesson.png'\n  import playUrl from '../../assets/guide/play.png'\n  import nextUrl from '../../assets/guide/next.png'\n  import backUrl from '../../assets/guide/back.png'\n  import listUrl from '../../assets/guide/list.png'\n  import refUrl from '../../assets/guide/ref.png'\n  import goUrl from '../../assets/guide/go.png'\n  import goDownUrl from '../../assets/guide/go-down.png'\n\n  export default {\n    name: \"guide\",\n    data(){\n      return{\n        iKnowUrl:iKnowUrl,\n        goDownUrl:goDownUrl,\n        playUrl:playUrl,\n        nextUrl:nextUrl,\n        backUrl:backUrl,\n        listUrl:listUrl,\n        refUrl:refUrl,\n        goUrl:goUrl,\n        show:false\n      }\n    },\n    mounted(){\n      let json = {\n        page_name:'audio'\n      };\n      getGuideApi(json).then(res=>{\n        if(res == 0){\n          this.show=true;\n        }\n      });\n    }\n  }\n</script>\n\n<style scoped lang=\"less\">\n  @import \"../../util/public\";\n  .star{\n    width: 23*@toVw;\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  .btn-block{\n    width:251*@toVw;\n    height:57*@toVw;\n    border-radius:29*@toVw;\n    border:1*@toVw solid rgba(255,255,255,1);\n    display: flex;\n    position: absolute;\n    top: 430*@toVw;\n    left: 60*@toVw;\n    img{\n      width: 16*@toVw;\n      vertical-align: middle;\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: 500*@toVw;\n      left: 100*@toVw;\n      transform: rotate(30deg);\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: 150*@toVw;\n      text-align: center;\n      border:1*@toVw solid rgba(255,255,255,1)\n    }\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/guide/audio.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _vm.show\n      ? _c(\n          \"div\",\n          {\n            staticClass: \"guide\",\n            on: {\n              click: function($event) {\n                _vm.show = false\n              }\n            }\n          },\n          [\n            _c(\"div\", { staticClass: \"title\" }, [\n              _vm._v(\"\\n      点击放大图片\\n    \")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"btn-block\" }, [\n              _c(\"img\", { attrs: { src: _vm.listUrl } }),\n              _vm._v(\" \"),\n              _c(\"img\", { attrs: { src: _vm.backUrl } }),\n              _vm._v(\" \"),\n              _c(\"img\", {\n                staticClass: \"play-btn\",\n                attrs: { src: _vm.playUrl }\n              }),\n              _vm._v(\" \"),\n              _c(\"img\", { attrs: { src: _vm.nextUrl } }),\n              _vm._v(\" \"),\n              _c(\"img\", { attrs: { src: _vm.refUrl } })\n            ]),\n            _vm._v(\" \"),\n            _c(\"img\", {\n              staticClass: \"toLesson\",\n              attrs: { src: _vm.goDownUrl }\n            }),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"lesson-text\" }, [_vm._v(\"音频功能栏\")]),\n            _vm._v(\" \"),\n            _c(\"img\", { staticClass: \"i-know\", attrs: { src: _vm.iKnowUrl } })\n          ]\n        )\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-0761bba3\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-0761bba3\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/guide/audio.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0761bba3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./audio.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./audio.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./audio.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0761bba3\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./audio.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-0761bba3\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/guide/audio.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-0761bba3\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-0761bba3\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/guide/audio.vue\n// module id = null\n// module chunks = ","<template>\n  <div>\n    <div class=\"content\" v-if=\"showObj.audio\">\n      <audio ref=\"audio\" @canplay=\"canPlay\" @play=\"playing()\" :src=\"showObj.audio[index].url+($store.state.isMobile?'?avvod/m3u8/ab/64k':'')\"></audio>\n      <div class=\"image-block\" @click=\"imgPop=true\">\n        <img :src=\"showObj.audio[index].image\">\n      </div>\n      <div class=\"title-block\">\n        <div class=\"title\">\n          {{showObj.audio[index].title}}\n        </div>\n        <div class=\"tips\">\n          {{showObj.audio[index].tips}}\n        </div>\n      </div>\n      <div class=\"range-block\">\n        <div class=\"time-block\">\n          <div class=\"left-time\">{{startTime}}</div>\n          <div class=\"right-time\">{{overTime}}</div>\n        </div>\n        <input type=\"range\" min=\"0\" :max=\"offset\" v-model=\"range\" :style=\"{backgroundSize:`${offset?range/offset*100:0}% 100%`}\"/>\n      </div>\n      <div class=\"btn-group\">\n        <i class=\"playImage list\" @click=\"popupVisible=!popupVisible\"></i>\n        <i class=\"playImage last\" @click=\"lastOne()\"></i>\n        <i class=\"playImage play\" v-if=\"!playFlag\" @click=\"onPlay\"></i>\n        <i class=\"playImage stop\" v-if=\"playFlag\" @click=\"onStop\"></i>\n        <i class=\"playImage next\" @click=\"nextOne()\"></i>\n        <i :class=\"{playImage:true,replay:playType===1,replayAll:playType===0,listPlay:playType==2}\" @click=\"changeType()\"></i>\n      </div>\n      <div class=\"btn-block\">\n        <div v-if=\"contentData.content.age\" class=\"age-block\" @click=\"ageShow = !ageShow\">\n          <div v-if=\"contentData.age === 1\">0-3岁<i class=\"playImage _154722344142123489\"></i></div>\n          <div v-if=\"contentData.age === 2\">4-6岁<i class=\"playImage _154722344142123489\"></i></div>\n        </div>\n        <div class=\"age-change-block\" v-show=\"ageShow\" v-if=\"contentData.content.age\">\n          <div @click=\"contentData.age = 1\">0-3岁<i class=\"playImage _282918034425091245\" v-if=\"contentData.age === 1\"></i></div>\n          <div @click=\"contentData.age = 2\">4-6岁<i class=\"playImage _282918034425091245\" v-if=\"contentData.age === 2\"></i></div>\n        </div>\n        <div v-if=\"showObj.change\" class=\"change-block\">\n          <div @click=\"contentData.type = 'video'\">视频教学</div>\n          <div class=\"active\" >音频教学</div>\n        </div>\n      </div>\n    </div>\n    <mt-popup\n      v-model=\"popupVisible\"\n      position=\"bottom\" style=\"background: transparent\">\n      <div class=\"list-popup\"  v-if=\"showObj.audio\">\n        <div :class=\"{'list-block':true,active:i=== index}\" v-for=\"(data,i) in this.showObj.audio\" @click=\"changeIndex(i)\">\n          {{data.title}}\n          <i :class=\"{playImage:true,zDefaultIcon:i !== index,zIcon:i === index}\"></i>\n        </div>\n        <div class=\"close-btn\" @click=\"popupVisible=false\">\n          关闭\n        </div>\n      </div>\n    </mt-popup>\n    <mt-popup\n      v-model=\"imgPop\"\n      style=\"background: transparent\">\n      <div class=\"imgPop-block\"  v-if=\"showObj.audio\">\n        <img :src=\"showObj.audio[index].image\"/>\n      </div>\n    </mt-popup>\n    <guide-block/>\n  </div>\n</template>\n\n<script>\n  import { Toast } from 'mint-ui';\n  import guideBlock from '../guide/audio'\n  export default {\n    name: \"fun\",\n    props:[\n      'contentData'\n    ],\n    components:{\n      guideBlock\n    },\n    data(){\n      return{\n        popupVisible:false,\n        index:0,\n        ageShow:false,\n        imgPop:false,\n        startTime:'00:00',\n        overTime:'00:00',\n        range:0,\n        showObj:{\n          audio:null,\n          change:false\n        },\n        playFlag:false,\n        offset:0,\n        timer:null,\n        playType:Number(localStorage.getItem('playType'))|0\n      }\n    },\n    mounted(){\n      this.changeAge(this.contentData.age)\n    },\n    methods:{\n      // 播放音频\n      onPlay(){\n        this.$refs.audio.play();\n      },\n      lastOne(){\n        if(this.index > 0){\n          this.index --;\n          this.keepPlay()\n        }else if(this.playType === 0 && this.showObj.audio.length > 1){\n          this.index = this.showObj.audio.length-1;\n          this.keepPlay()\n        }else{\n          Toast('已经是第一首');\n\n        }\n      },\n      changeIndex(i){\n        this.index = i;\n        this.popupVisible = false;\n        this.keepPlay()\n      },\n      keepPlay(){\n        if(this.playFlag){\n          this.$nextTick(()=>{\n            this.onPlay()\n          })\n        }else{\n          this.$nextTick(()=>{\n            this.onStop()\n          })\n        }\n      },\n      nextOne(){\n        if(this.index < this.showObj.audio.length-1){\n          this.index ++;\n          this.keepPlay()\n        }else if(this.playType === 0 && this.showObj.audio.length > 1){\n          this.index = 0;\n          this.keepPlay()\n        }else{\n          Toast('已经是最后一首');\n        }\n      },\n      // 音频准备就绪\n      canPlay(){\n        let audio = this.$refs.audio;\n        this.offset = Math.ceil(parseInt(audio.duration)|0);\n        this.$nextTick(()=>{\n          this.getDuration()\n        })\n      },\n      // 播放中方法\n      playing(){\n        this.canPlay();\n        let audio = this.$refs.audio;\n        this.playFlag = true;\n        this.timer = setInterval(() => {\n          let min = null;\n          if(parseInt(audio.currentTime / 60)<10){\n            min = '0' + parseInt(audio.currentTime / 60)\n          }else{\n            min = parseInt(audio.currentTime / 60)\n          }\n          let sec = parseInt(audio.currentTime % 60);\n          if (sec < 10) {\n            sec = \"0\" + sec;\n          }\n          this.startTime = min + ':' + sec;   /*  00:00  */\n          this.range = parseInt(audio.currentTime);\n          if(this.range === this.offset && this.offset !== 0) {\n            this.range=0;/*播放结束后进度条归零*/\n            this.startTime='00:00'; /*播放结束后时间归零*/\n            this.onOver();\n            clearInterval(this.timer)\n          }\n        }, 1000)\n      },\n      // 暂停计时器\n      stopTime(){\n        clearInterval(this.timer);\n      },\n      // 获取音频总长度\n      getDuration(){\n        let min = null;\n        if(this.offset === 0 ){\n          this.overTime = '正在加载中...'\n        }else{\n          if(parseInt(this.offset / 60)<10){\n            min = '0' + parseInt(this.offset / 60)\n          }else{\n            min = parseInt(this.offset / 60)\n          }\n          let sec = parseInt(this.offset % 60);\n          if (sec < 10) {\n            sec = \"0\" + sec;\n          }\n          this.overTime = min + ':' + sec;   /*  00:00  */\n        }\n\n      },\n      // 播放暂停\n      onStop(){\n        this.$refs.audio.pause();\n        this.playFlag = false\n      },\n      // 播放完毕\n      onOver(){\n        switch (this.playType) {\n          case 0:\n            if(this.index < this.showObj.audio.length-1){\n              this.index++\n            }else{\n              this.index=0\n            }\n            this.$nextTick(()=>{\n              this.onPlay()\n            });\n            break;\n          case 1:\n            this.range = 0;\n            break;\n          case 2:\n            if(this.index < this.showObj.audio.length-1){\n              this.index++;\n              this.$nextTick(()=>{\n                this.onPlay()\n              });\n            }else{\n              this.index=0;\n              this.$nextTick(()=>{\n                this.onStop()\n              });\n            }\n        }\n      },\n      // 改变循环状态\n      changeType(){\n        this.playType < 2 ? this.playType++ :this.playType =0;\n        window.localStorage.setItem('playType',this.playType)\n      },\n      changeAge(value){\n        if(this.contentData.content.age && value === 2){\n          this.showObj = {\n            audio:this.contentData.content.audio2,\n            change:this.contentData.content.change2\n          }\n        }else{\n          this.showObj = {\n            audio:this.contentData.content.audio,\n            change:this.contentData.content.change\n          }\n        }\n        this.playFlag = false;\n        this.startTime='00:00';\n        this.overTime='00:00'\n      }\n    },\n    watch:{\n      'contentData':{\n        handler:function() {   //特别注意,不能用箭头函数,箭头函数,this指向全局\n          this.changeAge(this.contentData.age)\n        },\n        deep: true\n      },\n      'range'(value,value2){\n        let audio = this.$refs.audio;\n        if(Math.abs(value - value2) > 2){\n          this.timer = setInterval(() => {\n            let min = null;\n            if(parseInt(audio.currentTime / 60)<10){\n              min = '0' + parseInt(audio.currentTime / 60)\n            }else{\n              min = parseInt(audio.currentTime / 60)\n            }\n            let sec = parseInt(audio.currentTime % 60);\n            if (sec < 10) {\n              sec = \"0\" + sec;\n            }\n            this.startTime = min + ':' + sec;   /*  00:00  */\n            this.range = parseInt(audio.currentTime);\n            if(this.range == this.offset && this.offset !== 0) {\n              this.range=0;/*播放结束后进度条归零*/\n              this.startTime='00:00'; /*播放结束后时间归零*/\n              this.onOver();\n              clearInterval(this.timer)\n            }\n          }, 1000);\n          audio.currentTime = value;\n        }\n      }\n    }\n  }\n</script>\n\n<style scoped lang=\"less\">\n  @import \"../../util/public\";\n  .playImage{background:url('/static/images/playImage.png')  no-repeat;background-size:40*@toVw 225*@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;}\n  .next{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n  .replay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n  .replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n  .list{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n  .last{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n  .listPlay{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  .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    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: 237 * @toVw;\n      margin-top: 16*@toVw;\n      .time-block{\n        font-size:12px;\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: 20*@toVw;\n      width: 200*@toVw;\n      display: flex;\n    }\n  }\n  .list-popup{\n    width: 375*@toVw;\n    max-height: 345*@toVw;\n    overflow: auto;\n    border-radius: 8px 8px 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: 1px 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: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:1px 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:12px;\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</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/newLesson/audio.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _vm.showObj.audio\n        ? _c(\"div\", { staticClass: \"content\" }, [\n            _c(\"audio\", {\n              ref: \"audio\",\n              attrs: {\n                src:\n                  _vm.showObj.audio[_vm.index].url +\n                  (_vm.$store.state.isMobile ? \"?avvod/m3u8/ab/64k\" : \"\")\n              },\n              on: {\n                canplay: _vm.canPlay,\n                play: function($event) {\n                  _vm.playing()\n                }\n              }\n            }),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              {\n                staticClass: \"image-block\",\n                on: {\n                  click: function($event) {\n                    _vm.imgPop = true\n                  }\n                }\n              },\n              [\n                _c(\"img\", {\n                  attrs: { src: _vm.showObj.audio[_vm.index].image }\n                })\n              ]\n            ),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"title-block\" }, [\n              _c(\"div\", { staticClass: \"title\" }, [\n                _vm._v(\n                  \"\\n        \" +\n                    _vm._s(_vm.showObj.audio[_vm.index].title) +\n                    \"\\n      \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"tips\" }, [\n                _vm._v(\n                  \"\\n        \" +\n                    _vm._s(_vm.showObj.audio[_vm.index].tips) +\n                    \"\\n      \"\n                )\n              ])\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"range-block\" }, [\n              _c(\"div\", { staticClass: \"time-block\" }, [\n                _c(\"div\", { staticClass: \"left-time\" }, [\n                  _vm._v(_vm._s(_vm.startTime))\n                ]),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"right-time\" }, [\n                  _vm._v(_vm._s(_vm.overTime))\n                ])\n              ]),\n              _vm._v(\" \"),\n              _c(\"input\", {\n                directives: [\n                  {\n                    name: \"model\",\n                    rawName: \"v-model\",\n                    value: _vm.range,\n                    expression: \"range\"\n                  }\n                ],\n                style: {\n                  backgroundSize:\n                    (_vm.offset ? (_vm.range / _vm.offset) * 100 : 0) + \"% 100%\"\n                },\n                attrs: { type: \"range\", min: \"0\", max: _vm.offset },\n                domProps: { value: _vm.range },\n                on: {\n                  __r: function($event) {\n                    _vm.range = $event.target.value\n                  }\n                }\n              })\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"btn-group\" }, [\n              _c(\"i\", {\n                staticClass: \"playImage list\",\n                on: {\n                  click: function($event) {\n                    _vm.popupVisible = !_vm.popupVisible\n                  }\n                }\n              }),\n              _vm._v(\" \"),\n              _c(\"i\", {\n                staticClass: \"playImage last\",\n                on: {\n                  click: function($event) {\n                    _vm.lastOne()\n                  }\n                }\n              }),\n              _vm._v(\" \"),\n              !_vm.playFlag\n                ? _c(\"i\", {\n                    staticClass: \"playImage play\",\n                    on: { click: _vm.onPlay }\n                  })\n                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.playFlag\n                ? _c(\"i\", {\n                    staticClass: \"playImage stop\",\n                    on: { click: _vm.onStop }\n                  })\n                : _vm._e(),\n              _vm._v(\" \"),\n              _c(\"i\", {\n                staticClass: \"playImage next\",\n                on: {\n                  click: function($event) {\n                    _vm.nextOne()\n                  }\n                }\n              }),\n              _vm._v(\" \"),\n              _c(\"i\", {\n                class: {\n                  playImage: true,\n                  replay: _vm.playType === 1,\n                  replayAll: _vm.playType === 0,\n                  listPlay: _vm.playType == 2\n                },\n                on: {\n                  click: function($event) {\n                    _vm.changeType()\n                  }\n                }\n              })\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"btn-block\" }, [\n              _vm.contentData.content.age\n                ? _c(\n                    \"div\",\n                    {\n                      staticClass: \"age-block\",\n                      on: {\n                        click: function($event) {\n                          _vm.ageShow = !_vm.ageShow\n                        }\n                      }\n                    },\n                    [\n                      _vm.contentData.age === 1\n                        ? _c(\"div\", [\n                            _vm._v(\"0-3岁\"),\n                            _c(\"i\", {\n                              staticClass: \"playImage _154722344142123489\"\n                            })\n                          ])\n                        : _vm._e(),\n                      _vm._v(\" \"),\n                      _vm.contentData.age === 2\n                        ? _c(\"div\", [\n                            _vm._v(\"4-6岁\"),\n                            _c(\"i\", {\n                              staticClass: \"playImage _154722344142123489\"\n                            })\n                          ])\n                        : _vm._e()\n                    ]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.contentData.content.age\n                ? _c(\n                    \"div\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.ageShow,\n                          expression: \"ageShow\"\n                        }\n                      ],\n                      staticClass: \"age-change-block\"\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        {\n                          on: {\n                            click: function($event) {\n                              _vm.contentData.age = 1\n                            }\n                          }\n                        },\n                        [\n                          _vm._v(\"0-3岁\"),\n                          _vm.contentData.age === 1\n                            ? _c(\"i\", {\n                                staticClass: \"playImage _282918034425091245\"\n                              })\n                            : _vm._e()\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        {\n                          on: {\n                            click: function($event) {\n                              _vm.contentData.age = 2\n                            }\n                          }\n                        },\n                        [\n                          _vm._v(\"4-6岁\"),\n                          _vm.contentData.age === 2\n                            ? _c(\"i\", {\n                                staticClass: \"playImage _282918034425091245\"\n                              })\n                            : _vm._e()\n                        ]\n                      )\n                    ]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.showObj.change\n                ? _c(\"div\", { staticClass: \"change-block\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.contentData.type = \"video\"\n                          }\n                        }\n                      },\n                      [_vm._v(\"视频教学\")]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\"div\", { staticClass: \"active\" }, [_vm._v(\"音频教学\")])\n                  ])\n                : _vm._e()\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\n        \"mt-popup\",\n        {\n          staticStyle: { background: \"transparent\" },\n          attrs: { position: \"bottom\" },\n          model: {\n            value: _vm.popupVisible,\n            callback: function($$v) {\n              _vm.popupVisible = $$v\n            },\n            expression: \"popupVisible\"\n          }\n        },\n        [\n          _vm.showObj.audio\n            ? _c(\n                \"div\",\n                { staticClass: \"list-popup\" },\n                [\n                  _vm._l(this.showObj.audio, function(data, i) {\n                    return _c(\n                      \"div\",\n                      {\n                        class: { \"list-block\": true, active: i === _vm.index },\n                        on: {\n                          click: function($event) {\n                            _vm.changeIndex(i)\n                          }\n                        }\n                      },\n                      [\n                        _vm._v(\n                          \"\\n        \" + _vm._s(data.title) + \"\\n        \"\n                        ),\n                        _c(\"i\", {\n                          class: {\n                            playImage: true,\n                            zDefaultIcon: i !== _vm.index,\n                            zIcon: i === _vm.index\n                          }\n                        })\n                      ]\n                    )\n                  }),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"close-btn\",\n                      on: {\n                        click: function($event) {\n                          _vm.popupVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"\\n        关闭\\n      \")]\n                  )\n                ],\n                2\n              )\n            : _vm._e()\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"mt-popup\",\n        {\n          staticStyle: { background: \"transparent\" },\n          model: {\n            value: _vm.imgPop,\n            callback: function($$v) {\n              _vm.imgPop = $$v\n            },\n            expression: \"imgPop\"\n          }\n        },\n        [\n          _vm.showObj.audio\n            ? _c(\"div\", { staticClass: \"imgPop-block\" }, [\n                _c(\"img\", {\n                  attrs: { src: _vm.showObj.audio[_vm.index].image }\n                })\n              ])\n            : _vm._e()\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\"guide-block\")\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-531d3c9f\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-531d3c9f\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/newLesson/audio.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-531d3c9f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./audio.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./audio.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./audio.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-531d3c9f\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./audio.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-531d3c9f\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/newLesson/audio.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-531d3c9f\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-531d3c9f\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/newLesson/audio.vue\n// module id = null\n// module chunks = ","<template>\n  <div class=\"newLesson\">\n    <div class=\"header\" v-if=\"!nowLesson.old\">\n      <i :class=\"{lessonHeader:true, defaultLook:nowShow !== 1,look:nowShow===1}\" @click=\"changeTitle(1)\"></i>\n      <i :class=\"{lessonHeader:true, defaultPlay:nowShow !== 2,play:nowShow===2}\" @click=\"changeTitle(2)\"></i>\n      <i :class=\"{lessonHeader:true, defaultFun:nowShow !== 3,fun:nowShow===3}\" @click=\"changeTitle(3)\"></i>\n      <i class=\"lessonHeader home\" @click=\"backList\"></i>\n    </div>\n    <div class=\"header-h\">\n      <i :class=\"{headerHP:true, defaultLook:nowShow !== 1,lookHP:nowShow===1}\" @click=\"changeTitle(1)\"></i>\n      <i :class=\"{headerHP:true, defaultPlay:nowShow !== 2,playHP:nowShow===2}\" @click=\"changeTitle(2)\"></i>\n      <i :class=\"{headerHP:true, defaultFun:nowShow !== 3,funHP:nowShow===3}\" @click=\"changeTitle(3)\"></i>\n      <i class=\"lessonHeader home\" @click=\"backList\"></i>\n    </div>\n    <img :src=\"backUrl\" v-if=\"nowLesson.old\"  @click=\"backList\" class=\"backImg\">\n    <div class=\"header-h\">\n      <div class=\"header-list active\">\n        <i class=\"index-h look-h\"></i>\n      </div>\n      <div class=\"header-list\">\n        <i class=\"index-h play-h\"></i>\n      </div>\n      <div class=\"header-list\">\n        <i class=\"index-h fun-h\"></i>\n      </div>\n      <div class=\"header-list\">\n        <i class=\"index-h home-h\"></i>\n      </div>\n    </div>\n    <div class=\"index-content-block\">\n      <look-block v-if=\"nowLesson.type === 'text'\" :contentData=\"nowLesson\"/>\n      <video-block v-if=\"nowLesson.type === 'video'\" :contentData=\"nowLesson\" :nowShow=\"nowShow\"/>\n      <audio-block v-if=\"nowLesson.type === 'audio'\" :contentData=\"nowLesson\"/>\n    </div>\n  </div>\n</template>\n\n<script>\n  import {getLessonDetailApi} from \"../../service/api\";\n  import lookBlock from './look'\n  import videoBlock from './video'\n  import backUrl from '../../assets/newLesson/back.png'\n  import audioBlock from './audio'\n  export default {\n    name: \"index\",\n    data(){\n      let query = this.$route.query;\n      return {\n        backUrl:backUrl,\n        periods_id:query.periods_id,\n        category_id:query.category_id,\n        elementId:query.elementId,\n        lesson:null,\n        nowShow:0,\n        nowLesson:{\n          type:'',\n          content:null,\n          age:1,\n        }\n      }\n    },\n    components:{\n      lookBlock,\n      videoBlock,\n      audioBlock\n    },\n    mounted(){\n      this.initPage();\n    },\n    methods:{\n      backList(){\n        let query={\n          periods_id:this.$route.query.periods_id,\n          course_type:this.$route.query.course_type,\n          parent_category_id:this.$route.query.parent_category_id,\n          back_id:this.category_id\n        };\n        this.$router.push({name:'map',query:query})\n      },\n      changeTitle(type){\n        this.nowShow = type;\n        switch (type) {\n          case 1:\n            this.nowLesson = {\n              type:'text',\n              content:this.lesson.content.look,\n              age:this.nowLesson.age\n            };\n            break;\n          case 2:\n            if(this.lesson.content.play.type){\n              this.nowLesson = {\n                type:'audio',\n                content:this.lesson.content.play,\n                age:this.nowLesson.age\n              };\n            }else{\n              this.nowLesson = {\n                type:'video',\n                content:this.lesson.content.play,\n                age:this.nowLesson.age\n              };\n            }\n            break;\n          case 3:\n            if(this.lesson.content.fun.type){\n              this.nowLesson = {\n                type:'audio',\n                content:this.lesson.content.fun,\n                age:this.nowLesson.age\n              };\n            }else{\n              this.nowLesson = {\n                type:'video',\n                content:this.lesson.content.fun,\n                age:this.nowLesson.age\n              };\n            }\n            break;\n        }\n      },\n      initPage(){\n          this.lesson = JSON.parse(localStorage.getItem('lessonDetail'));\n          this.nowShow = 1;\n          document.title =`${this.lesson.domTitle}`;\n          this.nowLesson = {\n            type:'text',\n            content:this.lesson.content.look,\n            age:this.nowLesson.age\n          };\n          if(this.lesson.content.play.video.length < 1 && this.lesson.content.play.audio.length < 1 ){\n            this.nowLesson.old=true\n          }\n      }\n    }\n  }\n</script>\n\n<style scoped lang=\"less\">\n@import \"../../util/public\";\n.lessonHeader{background:url('/static/images/lessonHeader.png')  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: #eeeeee;\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\n}\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/newLesson/index.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"newLesson\" }, [\n    !_vm.nowLesson.old\n      ? _c(\"div\", { staticClass: \"header\" }, [\n          _c(\"i\", {\n            class: {\n              lessonHeader: true,\n              defaultLook: _vm.nowShow !== 1,\n              look: _vm.nowShow === 1\n            },\n            on: {\n              click: function($event) {\n                _vm.changeTitle(1)\n              }\n            }\n          }),\n          _vm._v(\" \"),\n          _c(\"i\", {\n            class: {\n              lessonHeader: true,\n              defaultPlay: _vm.nowShow !== 2,\n              play: _vm.nowShow === 2\n            },\n            on: {\n              click: function($event) {\n                _vm.changeTitle(2)\n              }\n            }\n          }),\n          _vm._v(\" \"),\n          _c(\"i\", {\n            class: {\n              lessonHeader: true,\n              defaultFun: _vm.nowShow !== 3,\n              fun: _vm.nowShow === 3\n            },\n            on: {\n              click: function($event) {\n                _vm.changeTitle(3)\n              }\n            }\n          }),\n          _vm._v(\" \"),\n          _c(\"i\", {\n            staticClass: \"lessonHeader home\",\n            on: { click: _vm.backList }\n          })\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"header-h\" }, [\n      _c(\"i\", {\n        class: {\n          headerHP: true,\n          defaultLook: _vm.nowShow !== 1,\n          lookHP: _vm.nowShow === 1\n        },\n        on: {\n          click: function($event) {\n            _vm.changeTitle(1)\n          }\n        }\n      }),\n      _vm._v(\" \"),\n      _c(\"i\", {\n        class: {\n          headerHP: true,\n          defaultPlay: _vm.nowShow !== 2,\n          playHP: _vm.nowShow === 2\n        },\n        on: {\n          click: function($event) {\n            _vm.changeTitle(2)\n          }\n        }\n      }),\n      _vm._v(\" \"),\n      _c(\"i\", {\n        class: {\n          headerHP: true,\n          defaultFun: _vm.nowShow !== 3,\n          funHP: _vm.nowShow === 3\n        },\n        on: {\n          click: function($event) {\n            _vm.changeTitle(3)\n          }\n        }\n      }),\n      _vm._v(\" \"),\n      _c(\"i\", { staticClass: \"lessonHeader home\", on: { click: _vm.backList } })\n    ]),\n    _vm._v(\" \"),\n    _vm.nowLesson.old\n      ? _c(\"img\", {\n          staticClass: \"backImg\",\n          attrs: { src: _vm.backUrl },\n          on: { click: _vm.backList }\n        })\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm._m(0),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      { staticClass: \"index-content-block\" },\n      [\n        _vm.nowLesson.type === \"text\"\n          ? _c(\"look-block\", { attrs: { contentData: _vm.nowLesson } })\n          : _vm._e(),\n        _vm._v(\" \"),\n        _vm.nowLesson.type === \"video\"\n          ? _c(\"video-block\", {\n              attrs: { contentData: _vm.nowLesson, nowShow: _vm.nowShow }\n            })\n          : _vm._e(),\n        _vm._v(\" \"),\n        _vm.nowLesson.type === \"audio\"\n          ? _c(\"audio-block\", { attrs: { contentData: _vm.nowLesson } })\n          : _vm._e()\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"header-h\" }, [\n      _c(\"div\", { staticClass: \"header-list active\" }, [\n        _c(\"i\", { staticClass: \"index-h look-h\" })\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"header-list\" }, [\n        _c(\"i\", { staticClass: \"index-h play-h\" })\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"header-list\" }, [\n        _c(\"i\", { staticClass: \"index-h fun-h\" })\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"header-list\" }, [\n        _c(\"i\", { staticClass: \"index-h home-h\" })\n      ])\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-17c3eb9b\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-17c3eb9b\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/newLesson/index.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17c3eb9b\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./index.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-17c3eb9b\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./index.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-17c3eb9b\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/newLesson/index.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-17c3eb9b\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-17c3eb9b\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/newLesson/index.vue\n// module id = null\n// module chunks = ","module.exports = __webpack_public_path__ + \"static/img/luolalaila.1ba248b.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/newLesson/luolalaila.png\n// module id = A4/g\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4b9d59c8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"5b5ea576\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4b9d59c8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4b9d59c8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-4b9d59c8\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/video.vue\n// module id = AHTB\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAmy4FDt8eN/PDjexTZPut0kN0eiMosmgAAADySURBVCjPlVJZssMgDAs7BgIk0f3PWjftpCxp3zz/eJE8Y8teln+Z3VJy+isaDE6j446jRWYsVuPZ+UONuOTuutozPDgm2+POI6YrU3uG6Rg2onYFx4V2EIIZ5pIe4ZMlZDkOtba1AjGvRU3R7jeLJ3j9U1Xlsb1DYdyMl2oQiFgwJVi5mfGSPTJBPIOZIeO77Ng9D7TcMM42FVaBItI8hRTu0sT88Sb5WqixjVyj5DyCNtg/t8tYR0JA1G3mt/FWXY8m+G4P/pj+froC4noZSUAZvlIXIJfVWet2hhHUfN6Ky8jd6rGFyqp7CvKHaHp8kgezoAyFs+5UjgAAAABJRU5ErkJggg==\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/ref.png\n// module id = EsZv\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-4b9d59c8\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/video.vue\n// module id = FHMa\n// module chunks = 2","module.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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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/lesson.png\n// module id = G8nj\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMA7WWo+BTVMZkIuyCOdm9BTOL+xlsbVUw/AAAAs0lEQVQoz5WSSxKEIAxEWw0qIqJg7n/ViQKjUrgwqxSvK3Q+0BopDIroycbEcT88kWee1JG0zFmVgruOm/VEdkuqjEbsjR+1oEEl1YVggvwjCEl1Q4Almg4EM11uIsLQM8enhWh5IOjZJ7WoopuMgDX3LKrTzYVu4TY/6zqCtLF8RmVB92bj3fx7y5Z8qA5Kxru56nj3hjtVW4qsktrqKuUAgqkfQDiaOz1SeTb6X0IVI/kBKjMLKuoAnDQAAAAASUVORK5CYII=\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/next.png\n// module id = Jyj/\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYBAMAAAAbsoCxAAAAG1BMVEVHcEz///////////////////////////////8W/R0OAAAACHRSTlMAxuOqblIYPdzfuK0AAABBSURBVBjTY2BABazGZgzFxlAQwMDS0cYQ0QEFDhhcJTWGICUocGCgImAVFGMoFIQCQs5AU0xFgOZBAs5ADTpUAACEHS/VIfLFrAAAAABJRU5ErkJggg==\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/list.png\n// module id = M58m\n// module chunks = 2","module.exports = __webpack_public_path__ + \"static/img/luoLacoming.565b7f9.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/newLesson/luoLacoming.png\n// module id = O8Ir\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-531d3c9f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"91d88164\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-531d3c9f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-531d3c9f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-531d3c9f\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/audio.vue\n// module id = Oq7G\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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('/static/images/lessonHeader.png') 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: #eeeeee;\\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\", \"\", {\"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\":\";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;ACmHD;EAAc,6DAAA;EAA6D,sCAAA;EAAoC,sBAAA;CD9G9G;AC+GD;EAAU,cAAA;CD5GT;AC6GD;EAAM,sBAAA;EAAgB,qBAAA;EAAe,yBAAA;CDxGpC;ACyGD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDpGrC;ACqGD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDhGrC;ACiGD;EAAK,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CD5FpC;AC6FD;EAAY,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDxF3C;ACyFD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDpF5C;ACqFD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDhF5C;ACiFC;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,wBAAA;EACA,WAAA;EACA,oBAAA;EACA,kEAAA;UAAA,0DAAA;CD/EH;ACiFC;EACE,oBAAA;CD/EH;ACiFC;EACE,gBAAA;EACA,sBAAA;EACA,oBAAA;EACA,kBAAA;EACA,YAAA;CD/EH\",\"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('/static/images/lessonHeader.png') 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: #eeeeee;\\n}\\n.backImg {\\n  position: fixed;\\n  bottom: 10.66666667vw;\\n  right: 5.33333333vw;\\n  z-index: 99999999;\\n  width: 16vw;\\n}\\n\",\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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('/static/images/lessonHeader.png')  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: #eeeeee;\\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\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-17c3eb9b\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/index.vue\n// module id = PYhZ\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17c3eb9b\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"3e1bc0fc\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17c3eb9b\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17c3eb9b\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-17c3eb9b\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/index.vue\n// module id = PZSc\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-44076ee2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"13b6f9ed\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-44076ee2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-44076ee2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-44076ee2\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/look.vue\n// module id = WFoo\n// module chunks = 2","module.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==\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/star.png\n// module id = WcTT\n// module chunks = 2 3","module.exports = \"data:image/png;base64,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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/play.png\n// module id = XDzh\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./look.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"2bb33e50\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./look.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./look.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6acc4334\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/newLesson/look.vue\n// module id = Xctm\n// module chunks = 2","module.exports = __webpack_public_path__ + \"static/img/back.c3a0824.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/newLesson/back.png\n// module id = cku8\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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.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: 66.93333333vw;\\n  height: 15.2vw;\\n  border-radius: 7.73333333vw;\\n  border: 0.26666667vw solid #ffffff;\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  position: absolute;\\n  top: 114.66666667vw;\\n  left: 16vw;\\n}\\n.btn-block img[data-v-0761bba3] {\\n  width: 4.26666667vw;\\n  vertical-align: middle;\\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: 133.33333333vw;\\n  left: 26.66666667vw;\\n  -webkit-transform: rotate(30deg);\\n          transform: rotate(30deg);\\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: 40vw;\\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;ACoCD;EACE,oBAAA;CDlCD;ACoCD;EACE,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,2BAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;CDlCD;ACoCD;EACE,qBAAA;EACA,eAAA;EACA,4BAAA;EACA,mCAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;CDlCD;AC0BD;EAUI,oBAAA;EACA,uBAAA;CDjCH;ACsBD;EAcI,qBAAA;CDjCH;ACoCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;CDlCD;ACoCD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDlCD;AC0BD;EAUI,mBAAA;EACA,cAAA;EACA,WAAA;EACA,mBAAA;CDjCH;ACoBD;EAgBI,YAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,iCAAA;UAAA,yBAAA;CDjCH;ACaD;EAuBI,eAAA;CDjCH;ACUD;EA0BI,cAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;EACA,mBAAA;EACA,mCAAA;CDjCH\",\"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.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: 66.93333333vw;\\n  height: 15.2vw;\\n  border-radius: 7.73333333vw;\\n  border: 0.26666667vw solid #ffffff;\\n  display: flex;\\n  position: absolute;\\n  top: 114.66666667vw;\\n  left: 16vw;\\n}\\n.btn-block img {\\n  width: 4.26666667vw;\\n  vertical-align: middle;\\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: 133.33333333vw;\\n  left: 26.66666667vw;\\n  transform: rotate(30deg);\\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: 40vw;\\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@import \\\"../../util/public\\\";\\n.star{\\n  width: 23*@toVw;\\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.btn-block{\\n  width:251*@toVw;\\n  height:57*@toVw;\\n  border-radius:29*@toVw;\\n  border:1*@toVw solid rgba(255,255,255,1);\\n  display: flex;\\n  position: absolute;\\n  top: 430*@toVw;\\n  left: 60*@toVw;\\n  img{\\n    width: 16*@toVw;\\n    vertical-align: middle;\\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: 500*@toVw;\\n    left: 100*@toVw;\\n    transform: rotate(30deg);\\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: 150*@toVw;\\n    text-align: center;\\n    border:1*@toVw solid rgba(255,255,255,1)\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-0761bba3\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/audio.vue\n// module id = nEfO\n// module chunks = 2","module.exports = \"data:image/png;base64,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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/go-down.png\n// module id = ohH1\n// module chunks = 2 3","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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('/static/images/playImage.png') no-repeat;\\n  background-size: 10.66666667vw 50.4vw;\\n  display: inline-block;\\n}\\n._282918034425091245[data-v-d14e4a78] {\\n  height: 1.73333333vw;\\n  width: 2.4vw;\\n  background-position: 0 0;\\n}\\n._154722344142123489[data-v-d14e4a78] {\\n  height: 1.33333333vw;\\n  width: 2.4vw;\\n  background-position: 0 -2.13333333vw;\\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-change-block[data-v-d14e4a78] {\\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 > 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\", \"\", {\"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\":\";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;ACgED;EAAW,0DAAA;EAA0D,sCAAA;EAAmC,sBAAA;CD3DvG;AC4DD;EAAqB,qBAAA;EAAiB,aAAA;EAAc,yBAAA;CDvDnD;ACwDD;EAAqB,qBAAA;EAAe,aAAA;EAAc,qCAAA;CDnDjD;ACoDD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,4BAAA;EACA,sBAAA;CDnDH;ACsCD;EAeM,0BAAA;CDlDL;ACmCD;EAiBQ,aAAA;CDjDP;ACgCD;EAqBM,4BAAA;EACA,gCAAA;EACA,qBAAA;EACA,sBAAA;CDlDL;AC0BD;EA0BQ,YAAA;EACA,UAAA;EACA,eAAA;EACA,WAAA;EACA,+BAAA;EACA,4BAAA;CDjDP;ACkBD;EAmCM,mBAAA;EACA,mBAAA;CDlDL;ACcD;EAsCQ,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,mBAAA;EACA,wBAAA;EACA,6BAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjDP;ACED;EAkDQ,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,cAAA;EACA,4BAAA;EACA,mCAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjDP;ACkDO;EACE,4BAAA;EACA,iBAAA;CDhDT;ACiDS;EACE,uCAAA;CD/CX;ACjBD;EAqEQ,8BAAA;EACA,cAAA;EACA,mCAAA;CDjDP;ACkDO;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDhDT;AC3BD;EA8EU,YAAA;EACA,WAAA;EACA,6BAAA;EACA,iBAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDhDT;ACiDS;EACE,oBAAA;EACA,aAAA;CD/CX\",\"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('/static/images/playImage.png') no-repeat;\\n  background-size: 10.66666667vw 50.4vw;\\n  display: inline-block;\\n}\\n._282918034425091245 {\\n  height: 1.73333333vw;\\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}\\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-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: 12px;\\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: 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\",\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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('/static/images/playImage.png')  no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}\\n._282918034425091245{height:6.5*@toVw;width:9*@toVw;background-position:0 0;}\\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\\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      }\\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: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\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-d14e4a78\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/video.vue\n// module id = sHWr\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d14e4a78\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"16a703ac\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d14e4a78\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d14e4a78\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-d14e4a78\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/video.vue\n// module id = uLGf\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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('/static/images/playImage.png') no-repeat;\\n  background-size: 10.66666667vw 60vw;\\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}\\n.next[data-v-531d3c9f] {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -3.46666667vw;\\n}\\n.replay[data-v-531d3c9f] {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -7.73333333vw;\\n}\\n.replayAll[data-v-531d3c9f] {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -12vw;\\n}\\n.list[data-v-531d3c9f] {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -16.26666667vw;\\n}\\n.last[data-v-531d3c9f] {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -20.53333333vw;\\n}\\n.listPlay[data-v-531d3c9f] {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -24.8vw;\\n}\\n.zDefaultIcon[data-v-531d3c9f] {\\n  height: 4.8vw;\\n  width: 4.8vw;\\n  background-position: 0 -29.06666667vw;\\n  float: right;\\n}\\n.zIcon[data-v-531d3c9f] {\\n  height: 4.8vw;\\n  width: 4.8vw;\\n  background-position: 0 -33.86666667vw;\\n  float: right;\\n}\\n.play[data-v-531d3c9f] {\\n  height: 10.66666667vw;\\n  width: 10.66666667vw;\\n  background-position: 0 -38.66666667vw;\\n}\\n.stop[data-v-531d3c9f] {\\n  height: 10.66666667vw;\\n  width: 10.66666667vw;\\n  background-position: 0 -49.33333333vw;\\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: 8px;\\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: 63.2vw;\\n  margin-top: 4.26666667vw;\\n}\\n.content .range-block .time-block[data-v-531d3c9f] {\\n  font-size: 12px;\\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: 5.33333333vw;\\n  width: 53.33333333vw;\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n}\\n.list-popup[data-v-531d3c9f] {\\n  width: 100vw;\\n  max-height: 92vw;\\n  overflow: auto;\\n  border-radius: 8px 8px 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: 1px 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: 12px;\\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: 1px 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: 12px;\\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\", \"\", {\"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('/static/images/playImage.png') no-repeat;\\n  background-size: 10.66666667vw 60vw;\\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}\\n.next {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -3.46666667vw;\\n}\\n.replay {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -7.73333333vw;\\n}\\n.replayAll {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -12vw;\\n}\\n.list {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -16.26666667vw;\\n}\\n.last {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -20.53333333vw;\\n}\\n.listPlay {\\n  height: 4.26666667vw;\\n  width: 4.26666667vw;\\n  background-position: 0 -24.8vw;\\n}\\n.zDefaultIcon {\\n  height: 4.8vw;\\n  width: 4.8vw;\\n  background-position: 0 -29.06666667vw;\\n  float: right;\\n}\\n.zIcon {\\n  height: 4.8vw;\\n  width: 4.8vw;\\n  background-position: 0 -33.86666667vw;\\n  float: right;\\n}\\n.play {\\n  height: 10.66666667vw;\\n  width: 10.66666667vw;\\n  background-position: 0 -38.66666667vw;\\n}\\n.stop {\\n  height: 10.66666667vw;\\n  width: 10.66666667vw;\\n  background-position: 0 -49.33333333vw;\\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: 8px;\\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: 63.2vw;\\n  margin-top: 4.26666667vw;\\n}\\n.content .range-block .time-block {\\n  font-size: 12px;\\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: 5.33333333vw;\\n  width: 53.33333333vw;\\n  display: flex;\\n}\\n.list-popup {\\n  width: 100vw;\\n  max-height: 92vw;\\n  overflow: auto;\\n  border-radius: 8px 8px 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: 1px 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: 12px;\\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: 1px 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: 12px;\\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\",\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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('/static/images/playImage.png')  no-repeat;background-size:40*@toVw 225*@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;}\\n.next{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\\n.replay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\\n.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\\n.list{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\\n.last{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\\n.listPlay{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.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  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: 237 * @toVw;\\n    margin-top: 16*@toVw;\\n    .time-block{\\n      font-size:12px;\\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: 20*@toVw;\\n    width: 200*@toVw;\\n    display: flex;\\n  }\\n}\\n.list-popup{\\n  width: 375*@toVw;\\n  max-height: 345*@toVw;\\n  overflow: auto;\\n  border-radius: 8px 8px 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: 1px 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: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:1px 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:12px;\\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\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-531d3c9f\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/audio.vue\n// module id = v+hz\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"27e1adf9\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6acc4334\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/look.vue\n// module id = wpI3\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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\":\";AA+DA;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>\\n  <div class=\\\"look-content\\\">\\n    <guide-block/>\\n    <div class=\\\"content\\\" v-if=\\\"!contentData.old\\\" v-html=\\\"content\\\">\\n    </div>\\n    <div class=\\\"old-content\\\" v-if=\\\"contentData.old\\\"  v-html=\\\"nohidden\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\n  import guideBlock from '../guide/look'\\n  export default {\\n    name: \\\"look\\\",\\n    props:[\\n      'contentData'\\n    ],\\n    components:{\\n      guideBlock\\n    },\\n    computed:{\\n      content(){\\n        let content = null;\\n        if(this.$store.state.isMobile){\\n          content = this.contentData.content.content.replace(/\\\\.mp3/g,'.mp3?avvod/m3u8/ab/64k');\\n        }else{\\n          content = this.contentData.content.content\\n        }\\n        return content.replace(/video/g,'audio')\\n      },\\n      nohidden(){\\n        let content = null;\\n        if(this.$store.state.isMobile){\\n          content = this.contentData.content.content.replace(/\\\\.mp3/g,'.mp3?avvod/m3u8/ab/64k');\\n        }else{\\n          content = this.contentData.content.content\\n        }\\n        return content.replace(/hidden=\\\"true\\\"/g,'')\\n      }\\n    }\\n  }\\n</script>\\n\\n<style scoped lang=\\\"less\\\">\\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</style>\\n<style>\\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    box-sizing: border-box;\\n    display: flex;\\n    flex-flow: row nowrap;\\n    align-items: center;\\n    background: #FFFFFF;\\n    border: 1px solid #F1F1F1;\\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    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  /* @media screen and (min-width: 1025px){\\n       #preview{\\n           width:700px;\\n       }\\n   }*/\\n  #preview *{font-family:sans-serif;font-size:16px;}\\n  .look-content .content img{\\n    max-width: 100% !important;\\n  }\\n</style>\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6acc4334\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/newLesson/look.vue\n// module id = wulZ\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAEe1lBx7VMZn4u0qOdm/i/sY/pVurqkni7pgAAAC1SURBVCjPlZLbEoMgDESDohgUBFqb///TRihi2hlmyhPL4bJsAiDHVCdKS2BmSmXmcBbEIdGYz1qicL/L0u4yWgc6DmqE9UMZRnoJwxOWCxUNjPi9yGYuxNqe5gxZRHeuVOQRfdlCNBtoSNmqwYTt85+M1uHSMK31cUZ6C3uC38HIs2X4G3Uu7Njomu99WQQVgwzqHm/aZbz3oqgXiaKIUo4oSykaIMoGyG6w+OMg4ncIqjXbG3bcC6MGyt7WAAAAAElFTkSuQmCC\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/back.png\n// module id = xAcr\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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: left;\\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: 13.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: 29.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,YAAA;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: left;\\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: 13.33333333vw;\\n  top: 16vw;\\n  transform: rotate(20deg);\\n}\\n.guide .until-test {\\n  width: 42.13333333vw;\\n  position: absolute;\\n  left: 29.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: left;\\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: 50*@toVw;\\n    top: 60*@toVw;\\n    transform: rotate(20deg);\\n  }\\n  .until-test{\\n    width:158*@toVw;\\n    position: absolute;\\n    left: 109*@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\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-44076ee2\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/look.vue\n// module id = yq5q\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0761bba3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"0d1e6738\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0761bba3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0761bba3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-0761bba3\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/audio.vue\n// module id = yvem\n// module chunks = 2"],"sourceRoot":""}
\ No newline at end of file
diff --git a/dev/static/js/manifest.3ff533f3daf61febde4b.js b/dev/static/js/manifest.3ff533f3daf61febde4b.js
new file mode 100644
index 0000000000000000000000000000000000000000..599f2fb2768526b4d7fcfe44d9c6393f061ee6de
--- /dev/null
+++ b/dev/static/js/manifest.3ff533f3daf61febde4b.js
@@ -0,0 +1,2 @@
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,d,i,u=0,b=[];u<r.length;u++)d=r[u],t[d]&&b.push(t[d][0]),t[d]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);b.length;)b.shift()();if(c)for(u=0;u<c.length;u++)i=o(o.s=c[u]);return i};var r={},t={17:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"41d7248381194d98cf91",1:"5d86c82ca1c4865561fc",2:"646302a489fbe4165d52",3:"640508b1b527af006d59",4:"2a1ed845f5ffb998c7bc",5:"bbb87395fdecb0367966",6:"816c6ddbaa833e674912",7:"2be225fb52236d3876ed",8:"a7bd058bed7ca67d0588",9:"5d4a39c9e1a784ee9683",10:"01437b5d24dc0988f3d5",11:"e25cf9ab8ad2ef236662",12:"ab60c4b0944ef819faa3",13:"48e5ec8966f3dc4513b2",14:"a87e2de1d70a4657abd8"}[e]+".js";var f=setTimeout(d,12e4);function d(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=d,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="/",o.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.3ff533f3daf61febde4b.js.map
\ No newline at end of file
diff --git a/dev/static/js/manifest.3ff533f3daf61febde4b.js.map b/dev/static/js/manifest.3ff533f3daf61febde4b.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..51f2ee823c897bae1e30c7591649632ab42496bb
--- /dev/null
+++ b/dev/static/js/manifest.3ff533f3daf61febde4b.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap dd6d9de8cebdb8332eed"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","17","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,GAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAA,SAAApB,GACA,IAAAqB,EAAAhB,EAAAL,GACA,OAAAqB,EACA,WAAAC,QAAA,SAAAC,GAA0CA,MAI1C,GAAAF,EACA,OAAAA,EAAA,GAIA,IAAAG,EAAA,IAAAF,QAAA,SAAAC,EAAAE,GACAJ,EAAAhB,EAAAL,IAAAuB,EAAAE,KAEAJ,EAAA,GAAAG,EAGA,IAAAE,EAAAC,SAAAC,qBAAA,WACAC,EAAAF,SAAAG,cAAA,UACAD,EAAAE,KAAA,kBACAF,EAAAG,QAAA,QACAH,EAAAI,OAAA,EACAJ,EAAAK,QAAA,KAEArB,EAAAsB,IACAN,EAAAO,aAAA,QAAAvB,EAAAsB,IAEAN,EAAAQ,IAAAxB,EAAAyB,EAAA,aAAAtC,EAAA,KAAwEuC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,wBAA0ZrD,GAAA,MACle,IAAAkC,EAAAoB,WAAAC,EAAA,MAEA,SAAAA,IAEA1B,EAAA2B,QAAA3B,EAAA4B,OAAA,KACAC,aAAAxB,GACA,IAAAyB,EAAAtD,EAAAL,GACA,IAAA2D,IACAA,GACAA,EAAA,OAAAC,MAAA,iBAAA5D,EAAA,aAEAK,EAAAL,QAAA6D,GAKA,OAfAhC,EAAA2B,QAAA3B,EAAA4B,OAAAF,EAaA7B,EAAAoC,YAAAjC,GAEAL,GAIAX,EAAAkD,EAAApD,EAGAE,EAAAmD,EAAAjD,EAGAF,EAAAoD,EAAA,SAAAhD,EAAAiD,EAAAC,GACAtD,EAAAuD,EAAAnD,EAAAiD,IACA3D,OAAA8D,eAAApD,EAAAiD,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAtD,EAAA4D,EAAA,SAAAvD,GACA,IAAAiD,EAAAjD,KAAAwD,WACA,WAA2B,OAAAxD,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAoD,EAAAE,EAAA,IAAAA,GACAA,GAIAtD,EAAAuD,EAAA,SAAAO,EAAAC,GAAsD,OAAArE,OAAAC,UAAAC,eAAAC,KAAAiE,EAAAC,IAGtD/D,EAAAyB,EAAA,IAGAzB,EAAAgE,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.3ff533f3daf61febde4b.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t17: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"41d7248381194d98cf91\",\"1\":\"5d86c82ca1c4865561fc\",\"2\":\"646302a489fbe4165d52\",\"3\":\"640508b1b527af006d59\",\"4\":\"2a1ed845f5ffb998c7bc\",\"5\":\"bbb87395fdecb0367966\",\"6\":\"816c6ddbaa833e674912\",\"7\":\"2be225fb52236d3876ed\",\"8\":\"a7bd058bed7ca67d0588\",\"9\":\"5d4a39c9e1a784ee9683\",\"10\":\"01437b5d24dc0988f3d5\",\"11\":\"e25cf9ab8ad2ef236662\",\"12\":\"ab60c4b0944ef819faa3\",\"13\":\"48e5ec8966f3dc4513b2\",\"14\":\"a87e2de1d70a4657abd8\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap dd6d9de8cebdb8332eed"],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/components/newLesson/index.vue b/src/components/newLesson/index.vue
index 03a1adc18b0216a1e54f5a355162ba54a441189b..1c88c1be9625f966152fd29f63efce720bb926c7 100644
--- a/src/components/newLesson/index.vue
+++ b/src/components/newLesson/index.vue
@@ -139,6 +139,7 @@
 <style scoped lang="less">
 @import "../../util/public";
 .lessonHeader{background:url('/static/images/lessonHeader.png')  no-repeat;background-size:102*@toVw 334*@toVw;display: inline-block}
+.header-h{display: none}
 .home{height:46*@toVw;width:46*@toVw;background-position:0 0;}
 .play{height:48*@toVw;width:102*@toVw;background-position:0 -46*@toVw;}
 .look{height:48*@toVw;width:102*@toVw;background-position:0 -94*@toVw;}