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/128k"):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/128k"):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 O={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}}},I=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)};I._withStripped=!0;var M={render:I,staticRenderFns:[]},q=M;var T=!1;var U=o("VU/8")(O,q,!1,function(n){T||o("uLGf")},"data-v-d14e4a78",null);U.options.__file="src/components/newLesson/video.vue";var L=U.exports,Q=o("cku8"),Y=o.n(Q),R=o("Au9i"),W=o("G8nj"),N=o.n(W),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:N.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(R.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(R.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(){switch(this.playType<2?this.playType++:this.playType=0,window.localStorage.setItem("playType",this.playType),this.playType){case 1:Object(R.Toast)("单曲循环");break;case 2:Object(R.Toast)("顺序播放");break;case 0:Object(R.Toast)("列表循环")}},changeAge:function(n){this.contentData.content.age&&2===n?this.showObj={audio:this.contentData.content.audio2,change:this.contentData.content.change2}:this.showObj={audio:this.contentData.content.audio,change:this.contentData.content.change},this.playFlag=!1,this.startTime="00:00",this.overTime="00:00"}},watch:{contentData:{handler:function(){this.changeAge(this.contentData.age)},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/128k":"")},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:Y.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",{staticClass:"lessonHeader home",on:{click:n.backList}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultLook:1!==n.nowShow,look:1===n.nowShow},on:{click:function(t){n.changeTitle(1)}}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultPlay:2!==n.nowShow,play:2===n.nowShow},on:{click:function(t){n.changeTitle(2)}}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultFun:3!==n.nowShow,fun:3===n.nowShow},on:{click:function(t){n.changeTitle(3)}}})]),n._v(" "),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"],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._154722344142123489[data-v-d14e4a78] {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._282918034425091245[data-v-d14e4a78] {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 -1.06666667vw;\n  vertical-align: bottom;\n}\n.video-page .content[data-v-d14e4a78] {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 2.13333333vw;\n  padding: 2.66666667vw;\n}\n.video-page .content .header[data-v-d14e4a78] {\n  padding-top: 2.13333333vw;\n}\n.video-page .content .header .text[data-v-d14e4a78] {\n  width: 100% ;\n}\n.video-page .content .video-block[data-v-d14e4a78] {\n  margin-bottom: 4.26666667vw;\n  border: 0.26666667vw solid #666;\n  border-radius: 3.2vw;\n  padding: 2.13333333vw;\n}\n.video-page .content .video-block video[data-v-d14e4a78] {\n  width: 100%;\n  margin: 0;\n  display: block;\n  padding: 0;\n  background: rgba(0, 0, 0, 0.4);\n  border-radius: 2.13333333vw;\n}\n.video-page .content .btn-block[data-v-d14e4a78] {\n  position: relative;\n  text-align: center;\n}\n.video-page .content .btn-block .age-block[data-v-d14e4a78] {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.video-page .content .btn-block .age-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;EAAe,aAAA;EAAc,yBAAA;CDvDjD;ACwDD;EAAqB,qBAAA;EAAe,aAAA;EAAc,qCAAA;EAA+B,uBAAA;CDlDhF;ACmDD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,4BAAA;EACA,sBAAA;CDlDH;ACqCD;EAeM,0BAAA;CDjDL;ACkCD;EAiBQ,aAAA;CDhDP;AC+BD;EAqBM,4BAAA;EACA,gCAAA;EACA,qBAAA;EACA,sBAAA;CDjDL;ACyBD;EA0BQ,YAAA;EACA,UAAA;EACA,eAAA;EACA,WAAA;EACA,+BAAA;EACA,4BAAA;CDhDP;ACiBD;EAmCM,mBAAA;EACA,mBAAA;CDjDL;ACaD;EAsCQ,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,mBAAA;EACA,wBAAA;EACA,6BAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDhDP;ACCD;EAkDQ,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,cAAA;EACA,4BAAA;EACA,mCAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDhDP;ACiDO;EACE,4BAAA;EACA,iBAAA;CD/CT;ACgDS;EACE,uCAAA;CD9CX;AClBD;EAqEQ,8BAAA;EACA,cAAA;EACA,mCAAA;CDhDP;ACiDO;EACE,YAAA;EACA,eAAA;EACA,YAAA;CD/CT;AC5BD;EA8EU,YAAA;EACA,WAAA;EACA,6BAAA;EACA,iBAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD/CT;ACgDS;EACE,oBAAA;EACA,aAAA;CD9CX",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._154722344142123489 {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._282918034425091245 {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 -1.06666667vw;\n  vertical-align: bottom;\n}\n.video-page .content {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 2.13333333vw;\n  padding: 2.66666667vw;\n}\n.video-page .content .header {\n  padding-top: 2.13333333vw;\n}\n.video-page .content .header .text {\n  width: 100% ;\n}\n.video-page .content .video-block {\n  margin-bottom: 4.26666667vw;\n  border: 0.26666667vw solid #666;\n  border-radius: 3.2vw;\n  padding: 2.13333333vw;\n}\n.video-page .content .video-block video {\n  width: 100%;\n  margin: 0;\n  display: block;\n  padding: 0;\n  background: rgba(0, 0, 0, 0.4);\n  border-radius: 2.13333333vw;\n}\n.video-page .content .btn-block {\n  position: relative;\n  text-align: center;\n}\n.video-page .content .btn-block .age-block {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.video-page .content .btn-block .age-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._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}\n._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}\n.video-page{\n  .content{\n    background: white;\n    width: 315*@toVw;\n    position: absolute;\n    top: 80*@toVw;\n    left: 20*@toVw;\n    right: 20*@toVw;\n    bottom: 20*@toVw;\n    overflow: auto;\n    margin: auto;\n    display: block;\n    border-radius: 8*@toVw;\n    padding: 10*@toVw;\n    .header{\n      padding-top: 8*@toVw;\n      .text{\n        width:100% ;\n      }\n    }\n    .video-block{\n      margin-bottom: 16*@toVw;\n      border: 1*@toVw solid #666;\n      border-radius: 12*@toVw;\n      padding: 8*@toVw;\n      video{\n        width: 100%;\n        margin: 0;\n        display: block;\n        padding: 0;\n        background:rgba(0,0,0,0.4);\n        border-radius:8*@toVw;\n      }\n    }\n    .btn-block{\n      position: relative;\n      text-align: center;\n      .age-block{\n        height: 28*@toVw;\n        line-height: 28*@toVw;\n        border: 1*@toVw solid #666;\n        position: absolute;\n        padding: 0 13*@toVw;\n        border-radius: 100*@toVw;\n        font-size:12*@toVw;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(102,102,102,1);\n      }\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._154722344142123489[data-v-531d3c9f] {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._282918034425091245[data-v-531d3c9f] {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 -1.06666667vw;\n  vertical-align: bottom;\n}\n.last[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -3.46666667vw;\n}\n.listPlay[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -7.73333333vw;\n}\n.replay[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -12vw;\n}\n.next[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -16.26666667vw;\n}\n.replayAll[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -20.53333333vw;\n}\n.list[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._154722344142123489 {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._282918034425091245 {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 -1.06666667vw;\n  vertical-align: bottom;\n}\n.last {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -3.46666667vw;\n}\n.listPlay {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -7.73333333vw;\n}\n.replay {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -12vw;\n}\n.next {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -16.26666667vw;\n}\n.replayAll {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -20.53333333vw;\n}\n.list {\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\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._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}\n._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}\n.last{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n.listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n.replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n.next{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n.list{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n.zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\n.zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\n.play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\n.stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\n.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/128k\');\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/128k\');\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.d35de9bb3b923a5803ca.js.map