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;ACKD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,sBAAA;CDJH",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@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(){return this.contentData.content.content.replace(/video/g,"audio")}}},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(this.contentData.content.content)}}):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("FYvK"),x=o.n(D),y=o("O8Ir"),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 M=!1;var I=o("VU/8")(F,z,!1,function(n){M||o("AHTB")},"data-v-4b9d59c8",null);I.options.__file="src/components/guide/video.vue";var P={name:"play",components:{guideBlock:I.exports},data:function(){return{ageShow:!1,showObj:{video:[],change:!1},imgURL:{headerLuolaUrl:x.a,luolacoming:V.a}}},props:["contentData"],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}}},H=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"},[o("img",{staticClass:"people",attrs:{src:n.imgURL.headerLuolaUrl}}),n._v(" "),o("img",{staticClass:"text",attrs:{src:n.imgURL.luolacoming}})]),n._v(" "),n._l(n.showObj.video,function(t){return o("div",{staticClass:"video-block"},[o("video",{attrs:{src:t.url+(n.$store.state.isMobile?"?avvod/m3u8/ar/12000/vb/25":""),controls:"",poster:t.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)};H._withStripped=!0;var L={render:H,staticRenderFns:[]},U=L;var q=!1;var O=o("VU/8")(P,U,!1,function(n){q||o("uLGf")},"data-v-d14e4a78",null);O.options.__file="src/components/newLesson/video.vue";var Y=O.exports,T=o("cku8"),Q=o.n(T),R=o("Au9i"),N=o("G8nj"),W=o.n(N),J=o("XDzh"),G=o.n(J),Z=o("Jyj/"),K=o.n(Z),X=o("xAcr"),_=o.n(X),$=o("M58m"),nn=o.n($),tn=o("EsZv"),on=o.n(tn),An={name:"guide",data:function(){return{iKnowUrl:W.a,goDownUrl:l.a,playUrl:G.a,nextUrl:K.a,backUrl:_.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(){this.playType<2?this.playType++:this.playType=0,window.localStorage.setItem("playType",this.playType)},changeAge:function(n){this.contentData.content.age&&2===n?this.showObj={audio:this.contentData.content.audio2,change:this.contentData.content.change2}:this.showObj={audio:this.contentData.content.audio,change:this.contentData.content.change}}},watch:{contentData:{handler:function(){this.changeAge(this.contentData.age)},deep:!0},range:function(n,t){var o=this,A=this.$refs.audio;Math.abs(n-t)>2&&(this.timer=setInterval(function(){var n=null;n=parseInt(A.currentTime/60)<10?"0"+parseInt(A.currentTime/60):parseInt(A.currentTime/60);var t=parseInt(A.currentTime%60);t<10&&(t="0"+t),o.startTime=n+":"+t,o.range=parseInt(A.currentTime),o.range==o.offset&&0!==o.offset&&(o.range=0,o.startTime="00:00",o.onOver(),clearInterval(o.timer))},1e3),A.currentTime=n)}}},cn=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.showObj.audio?o("div",{staticClass:"content"},[o("audio",{ref:"audio",attrs:{src:n.showObj.audio[n.index].url+(n.$store.state.isMobile?"?avvod/m3u8/ab/64k":"")},on:{canplay:n.canPlay,play:function(t){n.playing()}}}),n._v(" "),o("div",{staticClass:"image-block",on:{click:function(t){n.imgPop=!0}}},[o("img",{attrs:{src:n.showObj.audio[n.index].image}})]),n._v(" "),o("div",{staticClass:"title-block"},[o("div",{staticClass:"title"},[n._v("\n        "+n._s(n.showObj.audio[n.index].title)+"\n      ")]),n._v(" "),o("div",{staticClass:"tips"},[n._v("\n        "+n._s(n.showObj.audio[n.index].tips)+"\n      ")])]),n._v(" "),o("div",{staticClass:"range-block"},[o("div",{staticClass:"time-block"},[o("div",{staticClass:"left-time"},[n._v(n._s(n.startTime))]),n._v(" "),o("div",{staticClass:"right-time"},[n._v(n._s(n.overTime))])]),n._v(" "),o("input",{directives:[{name:"model",rawName:"v-model",value:n.range,expression:"range"}],style:{backgroundSize:(n.offset?n.range/n.offset*100:0)+"% 100%"},attrs:{type:"range",min:"0",max:n.offset},domProps:{value:n.range},on:{__r:function(t){n.range=t.target.value}}})]),n._v(" "),o("div",{staticClass:"btn-group"},[o("i",{staticClass:"playImage list",on:{click:function(t){n.popupVisible=!n.popupVisible}}}),n._v(" "),o("i",{staticClass:"playImage last",on:{click:function(t){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():o("i",{staticClass:"playImage play",on:{click:n.onPlay}}),n._v(" "),n.playFlag?o("i",{staticClass:"playImage stop",on:{click:n.onStop}}):n._e(),n._v(" "),o("i",{staticClass:"playImage next",on:{click:function(t){n.nextOne()}}}),n._v(" "),o("i",{class:{playImage:!0,replay:1===n.playType,replayAll:0===n.playType,listPlay:2==n.playType},on:{click:function(t){n.changeType()}}})]),n._v(" "),o("div",{staticClass:"btn-block"},[n.contentData.content.age?o("div",{staticClass:"age-block",on:{click:function(t){n.ageShow=!n.ageShow}}},[1===n.contentData.age?o("div",[n._v("0-3岁"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e(),n._v(" "),2===n.contentData.age?o("div",[n._v("4-6岁"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e()]):n._e(),n._v(" "),n.contentData.content.age?o("div",{directives:[{name:"show",rawName:"v-show",value:n.ageShow,expression:"ageShow"}],staticClass:"age-change-block"},[o("div",{on:{click:function(t){n.contentData.age=1}}},[n._v("0-3岁"),1===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()]),n._v(" "),o("div",{on:{click:function(t){n.contentData.age=2}}},[n._v("4-6岁"),2===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block"},[o("div",{on:{click:function(t){n.contentData.type="video"}}},[n._v("视频教学")]),n._v(" "),o("div",{staticClass:"active"},[n._v("音频教学")])]):n._e()])]):n._e(),n._v(" "),o("mt-popup",{staticStyle:{background:"transparent"},attrs:{position:"bottom"},model:{value:n.popupVisible,callback:function(t){n.popupVisible=t},expression:"popupVisible"}},[n.showObj.audio?o("div",{staticClass:"list-popup"},[n._l(this.showObj.audio,function(t,A){return o("div",{class:{"list-block":!0,active:A===n.index},on:{click:function(t){n.changeIndex(A)}}},[n._v("\n        "+n._s(t.title)+"\n        "),o("i",{class:{playImage:!0,zDefaultIcon:A!==n.index,zIcon:A===n.index}})])}),n._v(" "),o("div",{staticClass:"close-btn",on:{click:function(t){n.popupVisible=!1}}},[n._v("\n        关闭\n      ")])],2):n._e()]),n._v(" "),o("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.imgPop,callback:function(t){n.imgPop=t},expression:"imgPop"}},[n.showObj.audio?o("div",{staticClass:"imgPop-block"},[o("img",{attrs:{src:n.showObj.audio[n.index].image}})]):n._e()]),n._v(" "),o("guide-block")],1)};cn._withStripped=!0;var gn={render:cn,staticRenderFns:[]},wn=gn;var bn=!1;var hn=o("VU/8")(dn,wn,!1,function(n){bn||o("Oq7G")},"data-v-531d3c9f",null);hn.options.__file="src/components/newLesson/audio.vue";var pn={name:"index",data:function(){var n=this.$route.query;return{backUrl:Q.a,periods_id:n.periods_id,category_id:n.category_id,elementId:n.elementId,lesson:null,nowShow:0,nowLesson:{type:"",content:null,age:1}}},components:{lookBlock:B,videoBlock:Y,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};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.content.tips.content+") "+this.lesson.title,this.nowLesson={type:"text",content:this.lesson.content.look,age:this.nowLesson.age},this.lesson.content.play.video.length<1&&this.lesson.content.play.audio.length<1&&(this.nowLesson.old=!0)}}},vn=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"newLesson"},[n.nowLesson.old?n._e():o("div",{staticClass:"header"},[o("i",{class:{lessonHeader:!0,defaultLook:1!==n.nowShow,look:1===n.nowShow},on:{click:function(t){n.changeTitle(1)}}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultPlay:2!==n.nowShow,play:2===n.nowShow},on:{click:function(t){n.changeTitle(2)}}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultFun:3!==n.nowShow,fun:3===n.nowShow},on:{click:function(t){n.changeTitle(3)}}}),n._v(" "),o("i",{staticClass:"lessonHeader home",on:{click:n.backList}})]),n._v(" "),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}}):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},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:""}])},FYvK:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABmCAMAAAAuwYnoAAADAFBMVEVHcEzZ6OPc5d7j59+71dXW5eXJ1tCtxMbH39+609T9//lMOj7m7ODc6uZUQkfx9+713qL///zv4sz/7XydlobSzL3y+fNHOTYyKzCtta3g5dT03cOqtK+VmZT19/Q/PERwdHFua2n/84xxcWr///rj8e/PqWk2LitwZ2jSvZjgyanMqZfy9N33/Pd8hYfdx6t8hYJqZWPCoGTo073g483Mr35ZRED477thW1alppX///X686CSj4HNo2DEoGjRx77UxKKAgHvRzsbp9eH84cLqzbfSv63QwJ2+pHmMfGPLwsb///b///j///T//+///un//uz//ub9/eTz9dn6+uPw8df///L+0VHes5T19d3guZv399/ftJv5+d7Wr4Xdr5fIm1T5zkzWrnzjwqLt7tQnHB7tyrIxJinm5s7hvp7asZH9/OjguaHq6dP///zMoFvis0Hpujnyz7H0x0bj48vyzrjrxq85JyD52MIYDxJHMy3uvkz2x1D31LzYrYv/79n8++AuISJfYFfku6flvbPft606LC1lZV7ouUr838pBLSNkSDruwT/BlU/pxqbSqJDr6s7+9uDatY1OOTPYr6b96NDZ18TisjXf3cftzarYs5rUrXTTzr/Uq5tqaWA+MjZtbWX63sXTqW1WVk7qwasyHhfuxrpXPzhePy/dupV0c20mFRLNpWX4z2Ly8d/Lp3D01rhLS0X69NfNoorGub7RpXtuUEP35sDNxb5UOSzcrk7Knm7WqoPhtVlgS028jnV8XVbKoJi5jFC/lWP2z3p3V0zuwVywhUriwqx/fnTJmH9BPzuieWXOp6TUvqPfz7fKvrJcRUKVbVzGnl3z3bP+2WDn2MKFbXHixZDQtJH88syhdkeVdnS7jYXpwnHdq5C+uKnCbF99WTmEZU69mZHfuWt7ZGf/43C8jj7uzIXTpUJrWlnsz5elgFWrg3mukobTlJDHrIPNcm2NbUX42o6zrqGuk2rWe3ieYmuWjoXLeYXbvICmVDv/+rLIgiTEYzzxZlAWAAAAS3RSTlMALUtbChcgAw8G1fxpPf6b/e3+/lBtgJPyOr7Nd5a1rtaP/er4du/XX5D28vPBdc60q6/I3O7Yk9T49M/Hzni9vuih3eSp3u20+ugaDTFwAAAYRUlEQVRo3sSYa2xT5xnHIY2TgIsBQQuRyCBkEvmwIfKF0pUv7FsFQUhrow5lDgvYhmLElGGf+DAb+XacnKNw1hyDhsEXcOxzsEODexRrnlNfSD3imyDOwEzYpSSumZqRG+UqVdrzJp009m1aTnjk2Ipl6f3p//z/7/s+Z9my/6WqRRWb6uo2VdRUVq5Y9mYLUOr2+BwGQ8P7u3fX1YreJI+oYseepM9iCAQCboPD1bBjfdWbQllRUdeQTLocFovBnVY4AwaDq6G+tuaNsNSsb3Ilk4jGnQ64026DIeC2JLfULV/6Xone2tHg8Ll8vqRvAWReHzf8u6NiqWlEm7a4LLC+xZU0GODd4Ha5LI5A2gDf7li+9CwOi8HgNrh8DgfI4TAAjMUA/TJYLPWipWaZX9wAvUHLOxzoZXEH0sjHuzbVLCmLzwc0QIBci3CgVwaXwxBIE/M07ywZTXXtFmjMPA1aH0CQSu7JQiEfY0mFE+i2LJltlu9AGXItNCrgBuP6AM2Qn3r2LJNgCUUatsDtS5SoqroGWBuZBPwbSFsck468L192vSzxqWgmwZFEOh3YvDQerty0x+crO9xAEwDDBiyTkUI5ny/np7NZa7yYmQAaZzrQuDTC7E76kpOTkclJgzPgFEsio7FcIl+eLMSzcauVH85M4BjQbF6SU2rTh+V8OSKJRCISwumUiCXiQi6Wl+RLcXvWbLby0VxQoVA4N25fgkAt3/1hLD86CopEnIRTEhFLJnOJcjAGLHaryWSmh+9PEIhmm/DSrNjeEIvFmFFmVCJWLMCUQaRgkadbaas1PpXJZHIAo1cohHdNVROwROZhnHqASafFYifDFuJxq53mS/FScTqXIAgCaDYIne6aukgskWBHWWZUTOhBGuBh2dHYVDybtUOfzCavyZrBUZ8U22qF7tLOxEQwyCAYhtDriQiTKOQyU9FU3Go2G80mswlsY58gkTIbt1cKvMnsjAUpCsGwToVMHykEM9Fiaoan7YDRZ0IwZrNtmMOdCj0h8MYnqk/EqCDDjoa4EK5QELGpXBEalLVbrSavt89khj6ZrfTA43EWSSNsnmp3xYIhCmepEIfD1sYUpoolBIO80qlVm2AHnp6ajg4MPKYUMoWzsVrIJtVPJjiKZSmKo3CCIBPR4lShPJkvxgGmu1NtKuVZojydGxjqH9f79eImAfNUvWpXIsEFGSrIUQCDhTLRqViBwfLF4o8w1lIi8jJbonvb72MamXOnkBeJ7ZFgMBQkghSX4HDCMx4tlkrZQiE+n+jucyq52myFntmOHb73DGCIjesFVKZpNMGBZYIcNx7CMSzD00ozHEeIxes9c6ZbpfJCmEzqjgtnZ3GNX6GoF3D33cXGQmBecAwFMGzRZuzrMxqRLF5V55kz566rvKiuX+8420tp/DK9gJvwenAuSTEMywahS/oYb1R1dmoBQOVVLcB0yFVaVKqz94IIRsDDspGhcDJIMjgbDJF6bMquVl3uvny5u1MrV8u13ecuX4dPxKeVn703ATCyjduFCndNE8Ni5CiJk1QI8/i5aFufXNt5ubu7U2Vs7dCCRh3ykRE1aKOSH16AUWwWKk+inQzuJ4GHpEiPzJ9IAYxKixqlbrOpjeAeZavSroQv5X3Hrk4Ai0whWJ5EEsbjxxkMwzlg0edSbUa5Csor77PTrdEoTWcyNG9T9qn7jAevTmhkeplesDxViXGPn8Q9GEP6/RrsfviTg0a1XC5Xq412ns9lUqlMlOZpm/HssYO9vQmNzAMwG4RSRoz7EYwn5PFrNPj9cO8nrca+kZERo80Oh1IKDm/eZqPtxmNXe6VSSqMHZfRCwVRtI/x+DMEAC4KR6tpaDyqVSmAZgVtMPAvbn5Lm2wClvZ3y6z2CwkCGAAbDZfMww0NS3YO2NlsbTSvRFgzXK7PRqEsNAQrAePTgYMFgajYjGCjcAzCyJ2MD7dIhnU7Hw128zzjzHGru+QNdeKD9Yrt0Fn7nERCmutGD+SHYGKkHGM84wLQPDdE0DzSph1Bzc/A2GA4jYaY9GKbXC9emZY0LUfKQGMBgoeEroICOHuJTgBKN37p769Y3008egzLt7b05D4nDdZ0QDKZqJ4l5GBzE0aDK9V9cUCY1weVe/FgYlxqUDkmvBj0hVpwmGMHO7erGbdAjliRJFCcNM3YFwXzKR/34i1fzNTNT9kQHdVKdLYRxEYkEp+qEu0NsAFuyDInJNDJI1E0kDW3nU8HY7ezt25cu3T1vLr7geZ20N+VhKYk4wIy/U1kj1FlZuw2yxDIYAamVabixK4OD0Cd76uFM3Apjijk782qmjZZKeydIGGjEEm54zQdrPnjv7YpVosrKFZU1i3q9qayH+QQH2zjhENRo7vcPDoYHabv91dzcHIr284dzD1p1UinPcRzDRKib19at27p16w/7mteuRPWT1RWL+Gxi+WaYWzEY0ZwyhUJDDg+E52FsMyjVKNwzrW2fSqWPuVAoFIyU7v320TrA+aGlZW8L/O1rbv7F6qpli6VPde3mjegRgxMN0zLZ+HA4HLaP3DXZ7TOpaDQ1SLfZbH+XPqM4MpTIv3/0n7//wx3A2XqgZT/A7Nu3b+/+5rWrq6oXk0YPIz9ikVFPhsO899xnnTBS2ucPJ6vtE+kAR3LUxPTTo0cvdHVde/Ro3dbjLQea/117962tWLzhqQnRwMEDF5bQ+GOpVuv1muNo4kdDv9KmG7xB4czk00t/Pn7qb11dIM2jdZ/9Bwzg/HzVisWkQbLAyYMneC1cpdqiKSXMKFBKm/Riz80nVCj5p/PnDxy98GXX6TuPvv/+i9dgmveuXf3WIj0UqP5lA7IMNIoom2DCbtWN3RjjkY3hNjMbHuu5cf9J8Js/njp14OPZ7/7y5bdff/3VmuOvwczzvCtaDOtUrTzhcKaTL8VsqVPboVYOnezpOTQGKZ8dHBwID/f09PzjZuzUkRNHD3w++93v/nrtzp07Xx050NL83zgr316E5zcVP/voki/59Hw52+ntO3y1/eQhWP/QyfBAf3//2NghqBs3Ch/96uMjn5+YhTadPt3V9e2t30CaXufZu/en7/7fz65E732x/9fn/0Wq2Ya0lWZxvNa0SUSpzTDCWOiHoV0oTJkP02Gg+2GHZRcW8vLc1+j1etPWXCSaXBVNQhhNvSCztAu6prspiU5ZMiu7CI3NBDopvmxBHXWhJJ3WkWoXKZ0dql2dUsYWlrKw5zw3ambbznS6R26jYsPv/s//vDxXr130ifHQSEPr1Zl+hAFtbt9ubwcSeD29edMvybImLnd0QJ6mhj2252EwVUf/LyNbyj74+RsPcn41ocZ6I80Bz8T0dP9pKg1EO35AzNwQiMwJQf/S8Pj4N6tTU1M5nWGw1UC4gKlIZj9yoOr1jbOvElDAAos2wvamwLoz8/PTlMOAwQB9ZvIMIzN+nxxrwjRBLOqEMC6KAy/0E0OdgzWW11Sl8oO3kSW9tULY2PnmS8vXN+e3aXZg2i+3/1MgjMD4RdF1p6e7q6u7u2tDYYEGOBiAYdmSnB08UPYaOPtrKtq4/wBMulr3s/FIaChvKzwFlu/BwHX7+hhBZRh5zJXs6enqgVjP6oRl4dvERRjCuHdpHI6KmrKflCtTWc3xioNtTqf/7QdbK7qejUdS0QXboFq4PrO2tkYd014kmnhqAxH8ouDiJJKb66Exq8qE5TiGgEBk2z1FHvvJw5X7f4I6VcfbIOx2p3NlRWdYNtYLcX5pUFULT6fXthO11j89PXP9kQYSuARNcBGBrKwaMOkczxFOJwzLsTRdpb5xutsqDrzqb8MtZZTFATAAwsC9+Xt74729toQmikvXwTbzSNPfP7156x9Pxvwcy7jGfILbxRJ9tq4HM5Ve5OEmFA4v1AZjGweutrYjxytfaSU01Rx30AAWSDrIHes9j/EX6DWiqN27cWtzvn9mZvru119/uyTEBNlPiBqU4eYJWU+fOQM4Z6qzvJ/RJcIqOmaKEMPP29my22Fevcrjk70nHW0GjBtviCBLKpWKNn+cCKpAowZvPtrcvHHrxrc3NVnC8Pv9WlByOaFyNtJ1dYBzplrkJeLnWVaXwMqconPUz0X7FOuq6kf3UvNRu6OoDGaaITEKE1pY+ONgwgc0qs/n04JBVGlMQhpQRtB8vMsOzS2TBhaILV6SdEbRic7rrM7zQMNt26dI4+i11R79kcWr6rAd3ILhQl38wJKKRsKBvoUFmxZUeVHzBTEGVbh5SRZVSeBYgAFlIHJUmbq6WQ7kIJzCclkFWRRd15GGGD2QwtgiKduhN3/wMWDNSadBA0liY1hHqWgUn5eFwwVd01QRVEkkEkFNlBSJ531BGWDkQYSxO11ZhKmrq0tDH+Q4onCsBD+GLApNFbvTmd1MIRqNpH7167dMP7Aw7DqGIEo8lYqE8BkRAOm8pqoIAx8aZkz1JTRFFwRJVSmM279uKJOWIcEs2lfheR5olBIYBqWxi4XOzkwmEnnvzZfRWI4epGWNjmFYLGiAoSwjfYF8VlYNGFDGh1yaz8cLgqDwqihTGOdGEUYCYcG5FEYUecwUugZhih25sBAeAJpo9NDL/nhhf4XdiQ0G2gEkqTceP5+KREMhfHgWbg7ZFEmELQp0AQMPahpmDbIkyLwoc7BP2d2OXJrC1OXA+6CBzoFjVLQXZApYAIgjmCa7GPD29Y2EO0Oh6KHyF9KYK4843YDihnciOmQpfh5ZOjFLgLSkC/DOGpYTosCl8gLHoXfAIy6EWSnCVNO9wcXqHM9D58ZMYUFx8A+tb1c+0BAI9I2MNDcDTeWLaMwH2uzUXPjfkCVFH/cWo2+J45AGAvuNaggjAIwkcQaMUwAHY1Q7KA3hAMZXlMZIE6EGTlwaamykNCPNocgLtSmrgOkIRRGL0TqKx1PRTsqSDI8E6i/ZQGYBZKCtTkIvSAIqI8soDN2imFkDZt0wBvgGYKANiLysFGsbvy8tLw/VN0IEMFehzItoymFUQ1UbIBCpSAZhwmFvQ6tn+FkOPcgJiiDQ1gtQCsKAhVlasDiTN4zans1SGqgCXsS0Um0E7HsUJv/48YX6xlONhjrh5s73nnOx5bCD1ic1Lg2ESQ4sfDzUNPzpanrLrwiEziugoc1XwHLlBMMHtMsvpilMz0pxWBOAAbujOiCObtAkHg97zrbWn0KaBsxVuPk5GqglN3TeFayhVCYCMJnO5uRAw9By09Q3M3fHZ7OKQnsoQwREUQQ6BXGHMEigSlaKpskVR7VfAmWwZaM6kkJhxh5fGW4629p66lS9oQ3gDLz7PzRVR+Dd7DGjnDNRYEkOeEeXzy4/m+se/+uf/jC1CAkxaPyyjLJsD2RDFkxArGiaasYIjhdPnKitrT1h0Ai4iS1f+XS4qWkSn+SiOFhWXq/33e/7pgYLm6ElFOoMZTJJb0tLPl8o3Lszd67/o9/+bnwDmgpt6DAqoErZIgqzI4zbzW0ZbW/L2GKIwr+zd98+k8WytxbmGa/4CZO/AjCUBtRpba0HbQKBlhagKRmb1sM4lGLAEsUiCi8MDbUEFjju7599Pj0+df+j+1OrOVGiJjQ2neLaxLiK5xG82OqvvkIDVxPYxt0MNuC9JqvVajZbq2qDMFZJAY9/SOOZ9Hh+D0CUpqGhoeXDkhXHVAFjgIE2l4HmAgfZ5SFvPp9lueC///y3f33xxfzD8blqqByObG+SmC9md2nCQ5Kbyc0+eDC7Pru1iF8rUNNiFT5Qs5rMZvP+ytp3CjO3EQZoQJymq5OTZ1sbkWW0fnS0vLTLwPKejWSggkAXb8OQ15tfgpMGl7j39P6Xn/c/7Di3GoNCptoY5eMurrdGjnACuOXF9dl0em72jgYs2O7EKqvFYjbvMe0xmyymsmPvw1ELaIAHYuLqpIfCjI5euPDsWGmXcdpd8QgUc3N4YMDrhSsPezZh5YujHWtrHR0d5+B4Jom03QIA5NTpLj3HupHLNnzn2fJy4eKTa4yErZrnEcZY6qwWq2kf4CDN5ct45rp85erkNozHswtjOgCWge2lM5lEFO9AMhkoMAjDCpmp8bVzcKTv3sj6NFEgruImi7HzCaI53b5HT64lYHKN+XjRmNh7TZZ9xvptMqM6e8p+8bPLIM9tWOpPT1w9W78N03SsdBaAe4EFUcDcA8mF/CcS9hGOxFfn1ubw4Lq6BO8uca5dgpKgqVJvarBJwfAcxJUKgcpNZutunVhMYJ/9b/2m/XT/9N356QkPdr7GBshSUwlM+RFIEu24yAIwA4H8zSBHm1o2OfdwrgufdyR5GAMC47a/BMYtDHJQZ4yoCtCccbXiy6170L3GKIYXK2xTJssvP3z63XfzE2CZUwaMp+n9nV9xlh12uPXcDksLJKq1cO+TWAz3M35pde5hVzdk6o4GMArrepky/23L7EKbOuMwfpImOeeMjjqhXih4pzARhKoML6Zjbjr8aFPT0+ajppiW0Z5YTDjdGCSLBW/CFqUKJqfJuerVAu2JhEjCWXNTS9hVzDYtbYU26yiYUC+EeVEMuud9T9L06y209IPmd57/1/N/09vpsno7rTbbKOpMhzGykGNne+VZM8e1vpn7nfSaOJHGjuHX0fB8pmOfXR1ffoKE0VlwkvGFcklwuDB/bHIFcQrn8/n1g2Rs93h79wnU9XqBW4X0hCAgn7sQJ4dqRGx2bAHQieE+tRx7hlpCG26wHG8K88k163L2yVaQRpKPlp4/L5XxX8e7u13y8425++uFmWCh5MAAdvV499Gm0YYfDk4uTi4Qi3aDwLTsvoDiGZYxm7mvUoSlDuNOTH1namaM9W72BakkwBCepHvpceldWYZNu3nDOxYdXHmlTU97klCmhzSbrs7ru8XRC9ya/W/mvfea6kVL7KYwu3c1luUsJov57NPZ1VUK4+wXZ7cJw7U50o/rVU1ZnI/cxTRgFMw327h3VC4mUv++K8lydMyFNRPGxtq7I1RUlau96Wxlpu/lCrqECwHr2heG4RnQfI7muyrSWWm3h56mtjKGsZxZRpB++JGgEBhn0v1WHjpTLitk+Du8wrBS3jy3+U5RhvHIJC+6uvUBefX6VrJY0y8qgWCwr+9lfqFzfEGHUVXjnrUR0vCWy0CxUxh7CEFqCsO0nlxGkAiLfuDsloTD5iuZHFlLhlzq6JggR5Vz50ZVwNDtoT6xMRnI1ULvw8cH5gtBSaJ+PJwqri9a6zB7L/JMDMe399sH7DiAEUOeqemO5l+1gWXyAZajEfLW9eDtuOj+466ROZwpRaOyPCy4BIcgy0quvBkdUnsah5garE2udPZApVAISJKkm5k+KZwPF+42lNnvutByqX+AwtjtYsjtmfqyuedyR0jyDt5DX77tHLlNW9BPJw3M0UwmqtM4vA5VHo4qymY5p5CfYXOamMjiETYq6+T+VyKi3ILnpJ8jkUjwQCexM+rJfdZpE9cep64TQKI4C2HON3/X+s0TUkf3iK1wximLp9jGQ5mMQl8aA8nriI7J0YWRpcHBjY1KZWWlkM9rPk2LYYBihEp1HMpyS5Ii0jxi6LLZLnL7sFguAaafwKwiSIntwhiO/EzLyOmkNICB03iL/nAol8kpBIfQTHxfVK3ejUIYx9c8MbD4/BF6GjiAkaQCViUYmot7b2EsbGu8kS+rIcAcbwpj+QJmF0nrRMFTGNHtSaROcazJdLQOEx0bVccWUz093mw+QO/k60TkS9jn108Dh6BEIoGs7ea4YGtj9iSw2XRqCyZEM2ZLPbblCFWlDpMk0zwx5WlhMPmNORyCg/1aWbxz8Ib1ReCWfnEXDIZ9GrKFMvn9vgZMkAYpEvH7J23CuKAe43dLw7PGIkle1NNAyA2WbWVtPj0JFEKKkZWknosIw7MGs9lwJZMhNAhUrvReSxSXpn3BmZf0siwYqL5+U9VZYg1lAroqhMW/mIaBUMm7Kbu0YS8s7YDpaArTeoKywKjH42iGYEGUzhp43gBbdiFDaaJKLgMYrVrVNG1+Hk8fjATCHz6urc1VaeLEYvVI+WL+iJ+g+H3v03CdagtHLFUTBB+Gy1gKGjCzT+80hbF8+4DKQtcGe1J8BGGmEu3okmaTgf86Q2gUsGRK67B6Ye1jrTY1jwhpmu9Drbb256tqjLBsnYikw8Ri6wJ8p6uV5RmW3QbDmE7HB0Rxlb6m25Oa7mjG0XhiJInGI1IY0Q4WTPPzZLRiu+DaKUwOLAQGqfv6nze/1Fa06v2/EtUPtd9+ra293kbiR43rMcI3CWFiYkg9hIZr5onf5BqNpEiqSKTPj4T4uynM/0sweeetetmFAAAAAElFTkSuQmCC"},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){n.exports="data:image/png;base64,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"},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.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;AC4GD;EAAc,6DAAA;EAA6D,sCAAA;EAAoC,sBAAA;CDvG9G;ACwGD;EAAM,sBAAA;EAAgB,qBAAA;EAAe,yBAAA;CDnGpC;ACoGD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CD/FrC;ACgGD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CD3FrC;AC4FD;EAAK,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDvFpC;ACwFD;EAAY,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDnF3C;ACoFD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CD/E5C;ACgFD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CD3E5C;AC4EC;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,wBAAA;EACA,WAAA;EACA,oBAAA;EACA,kEAAA;UAAA,0DAAA;CD1EH;AC4EC;EACE,oBAAA;CD1EH;AC4EC;EACE,gBAAA;EACA,sBAAA;EACA,oBAAA;EACA,kBAAA;EACA,YAAA;CD1EH",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.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@import \"../../util/public\";\n.lessonHeader{background:url('/static/images/lessonHeader.png')  no-repeat;background-size:102*@toVw 334*@toVw;display: inline-block}\n.home{height:46*@toVw;width:46*@toVw;background-position:0 0;}\n.play{height:48*@toVw;width:102*@toVw;background-position:0 -46*@toVw;}\n.look{height:48*@toVw;width:102*@toVw;background-position:0 -94*@toVw;}\n.fun{height:48*@toVw;width:102*@toVw;background-position:0 -142*@toVw;}\n.defaultFun{height:48*@toVw;width:102*@toVw;background-position:0 -190*@toVw;}\n.defaultLook{height:48*@toVw;width:102*@toVw;background-position:0 -238*@toVw;}\n.defaultPlay{height:48*@toVw;width:102*@toVw;background-position:0 -286*@toVw;}\n  .header{\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    padding: 5*@toVw 0;\n    z-index: 2;\n    background:rgba(255,255,255,1);\n    box-shadow:0*@toVw 2*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.1);\n  }\n  .newLesson{\n    background: #eeeeee;\n  }\n  .backImg{\n    position: fixed;\n    bottom: 40*@toVw;\n    right: 20*@toVw;\n    z-index: 99999999;\n    width: 60*@toVw;\n  }\n\n@media screen and (orientation: landscape) {\n\n}\n\n"],sourceRoot:""}])},PZSc:function(n,t,o){var A=o("PYhZ");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("3e1bc0fc",A,!1,{})},WFoo:function(n,t,o){var A=o("yq5q");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("13b6f9ed",A,!1,{})},WcTT:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAARVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////9X1DS3AAAAFnRSTlMAzIELF133JDjlmkqJvqtsBdjutFN6G0dPlQAAAZVJREFUSMeNVVeihCAMFJAiVSxz/6M+eOrqrqDkQyOMCZNG15VkAZauXQhA2tEK0wTVDJ9BKeZWtIToewHZCNfQ+6NFNsPZRRPcwueXh21Bsz0oKTysAR7gNsUhvKPHAWbTDIbxFc4RDzWCN+Sfn38+VEKvTLCeXE6QzkW8DUZdIsqk4VS7KLDLeu6tx5qITlNuJOuOFUxk1itX8kpPKr7qmUwfUMoGIg35x6dcSBNoRM6fRkMAMnGxVRFFSz4CQD+afS+k02b285jAUUNcTmwE/AN+9BDmqzsnuGpsmMP007kyZbDSDn3K9K0RZUQsdmdlo2jkwS0jpXhakAopX0ov3zq3IENptEgMlQhgKi1PKEfMHD39LQ6mCKflyrFHad0G6TnTx/Ey6+c3pkuMywvXk6lyuc+ceuR6MO1Tew0hDIDuH7huTBkVEDblkdmkUFbl+s+UJ6N+pyBT1w+8xjUxVfkKu1T29l3k2kPs1r4qJnsTBa5LHlbrrfjYmsfbUmB6ROLXrUaB6+yqF6lyd66Pt+5n8w8jhBi/H8e3ZQAAAABJRU5ErkJggg=="},XDzh:function(n,t){n.exports="data:image/png;base64,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"},Xctm:function(n,t,o){var A=o("wulZ");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("2bb33e50",A,!1,{})},cku8:function(n,t,o){n.exports=o.p+"static/img/back.c3a0824.png"},nEfO:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-0761bba3] {\n  float: right;\n}\n.main-block[data-v-0761bba3] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-0761bba3]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-0761bba3]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-0761bba3]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-0761bba3]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.star[data-v-0761bba3] {\n  width: 6.13333333vw;\n}\n.title[data-v-0761bba3] {\n  width: 50.66666667vw;\n  height: 49.86666667vw;\n  border-radius: 1.06666667vw;\n  border: 0.26666667vw solid #ffffff;\n  line-height: 49.86666667vw;\n  text-align: center;\n  position: absolute;\n  top: 28.53333333vw;\n  left: 24.8vw;\n}\n.btn-block[data-v-0761bba3] {\n  width: 66.93333333vw;\n  height: 15.2vw;\n  border-radius: 7.73333333vw;\n  border: 0.26666667vw solid #ffffff;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 114.66666667vw;\n  left: 16vw;\n}\n.btn-block img[data-v-0761bba3] {\n  width: 4.26666667vw;\n  vertical-align: middle;\n}\n.btn-block .play-btn[data-v-0761bba3] {\n  width: 10.66666667vw;\n}\n.toTitle[data-v-0761bba3] {\n  width: 12vw;\n  position: absolute;\n  top: 29.33333333vw;\n  left: 16vw;\n}\n.guide[data-v-0761bba3] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 9999;\n}\n.guide .i-know[data-v-0761bba3] {\n  position: absolute;\n  width: 34.4vw;\n  left: 32vw;\n  top: 85.33333333vw;\n}\n.guide .toLesson[data-v-0761bba3] {\n  width: 12vw;\n  position: absolute;\n  top: 133.33333333vw;\n  left: 26.66666667vw;\n  -webkit-transform: rotate(30deg);\n          transform: rotate(30deg);\n}\n.guide .color-red[data-v-0761bba3] {\n  color: #FF6477;\n}\n.guide .lesson-text[data-v-0761bba3] {\n  width: 30.4vw;\n  height: 6.93333333vw;\n  line-height: 6.93333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  font-size: 3.73333333vw;\n  border-radius: 2.13333333vw;\n  position: absolute;\n  top: 138.66666667vw;\n  left: 40vw;\n  text-align: center;\n  border: 0.26666667vw solid #ffffff;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/audio.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/audio.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACoCD;EACE,oBAAA;CDlCD;ACoCD;EACE,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,2BAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;CDlCD;ACoCD;EACE,qBAAA;EACA,eAAA;EACA,4BAAA;EACA,mCAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;CDlCD;AC0BD;EAUI,oBAAA;EACA,uBAAA;CDjCH;ACsBD;EAcI,qBAAA;CDjCH;ACoCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;CDlCD;ACoCD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDlCD;AC0BD;EAUI,mBAAA;EACA,cAAA;EACA,WAAA;EACA,mBAAA;CDjCH;ACoBD;EAgBI,YAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,iCAAA;UAAA,yBAAA;CDjCH;ACaD;EAuBI,eAAA;CDjCH;ACUD;EA0BI,cAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;EACA,mBAAA;EACA,mCAAA;CDjCH",file:"audio.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.star {\n  width: 6.13333333vw;\n}\n.title {\n  width: 50.66666667vw;\n  height: 49.86666667vw;\n  border-radius: 1.06666667vw;\n  border: 0.26666667vw solid #ffffff;\n  line-height: 49.86666667vw;\n  text-align: center;\n  position: absolute;\n  top: 28.53333333vw;\n  left: 24.8vw;\n}\n.btn-block {\n  width: 66.93333333vw;\n  height: 15.2vw;\n  border-radius: 7.73333333vw;\n  border: 0.26666667vw solid #ffffff;\n  display: flex;\n  position: absolute;\n  top: 114.66666667vw;\n  left: 16vw;\n}\n.btn-block img {\n  width: 4.26666667vw;\n  vertical-align: middle;\n}\n.btn-block .play-btn {\n  width: 10.66666667vw;\n}\n.toTitle {\n  width: 12vw;\n  position: absolute;\n  top: 29.33333333vw;\n  left: 16vw;\n}\n.guide {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 9999;\n}\n.guide .i-know {\n  position: absolute;\n  width: 34.4vw;\n  left: 32vw;\n  top: 85.33333333vw;\n}\n.guide .toLesson {\n  width: 12vw;\n  position: absolute;\n  top: 133.33333333vw;\n  left: 26.66666667vw;\n  transform: rotate(30deg);\n}\n.guide .color-red {\n  color: #FF6477;\n}\n.guide .lesson-text {\n  width: 30.4vw;\n  height: 6.93333333vw;\n  line-height: 6.93333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  font-size: 3.73333333vw;\n  border-radius: 2.13333333vw;\n  position: absolute;\n  top: 138.66666667vw;\n  left: 40vw;\n  text-align: center;\n  border: 0.26666667vw solid #ffffff;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.star{\n  width: 23*@toVw;\n}\n.title{\n  width:190*@toVw;\n  height:187*@toVw;\n  border-radius:4*@toVw;\n  border:1*@toVw solid rgba(255,255,255,1);\n  line-height: 187*@toVw;\n  text-align: center;\n  position: absolute;\n  top: 107*@toVw;\n  left: 93*@toVw;\n}\n.btn-block{\n  width:251*@toVw;\n  height:57*@toVw;\n  border-radius:29*@toVw;\n  border:1*@toVw solid rgba(255,255,255,1);\n  display: flex;\n  position: absolute;\n  top: 430*@toVw;\n  left: 60*@toVw;\n  img{\n    width: 16*@toVw;\n    vertical-align: middle;\n  }\n  .play-btn{\n    width: 40*@toVw;\n  }\n}\n.toTitle{\n  width: 45*@toVw;\n  position: absolute;\n  top: 110*@toVw;\n  left: 60*@toVw ;\n}\n.guide{\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background:rgba(0,0,0,0.8);\n  z-index: 9999;\n  .i-know{\n    position: absolute;\n    width: 129*@toVw;\n    left: 120*@toVw;\n    top: 320*@toVw;\n  }\n  .toLesson{\n    width: 45*@toVw;\n    position: absolute;\n    top: 500*@toVw;\n    left: 100*@toVw;\n    transform: rotate(30deg);\n  }\n  .color-red{\n    color: #FF6477;\n  }\n  .lesson-text{\n    width:114*@toVw;\n    height:26*@toVw;\n    line-height: 26*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    font-size: 14*@toVw;\n    border-radius:8*@toVw;\n    position: absolute;\n    top: 520*@toVw;\n    left: 150*@toVw;\n    text-align: center;\n    border:1*@toVw solid rgba(255,255,255,1)\n  }\n}\n'],sourceRoot:""}])},ohH1:function(n,t){n.exports="data:image/png;base64,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"},sHWr:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-d14e4a78] {\n  float: right;\n}\n.main-block[data-v-d14e4a78] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-d14e4a78]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-d14e4a78]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-d14e4a78]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-d14e4a78]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.playImage[data-v-d14e4a78] {\n  background: url('/static/images/playImage.png') no-repeat;\n  background-size: 10.66666667vw 50.4vw;\n  display: inline-block;\n}\n._282918034425091245[data-v-d14e4a78] {\n  height: 1.73333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._154722344142123489[data-v-d14e4a78] {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 -2.13333333vw;\n}\n.video-page .content[data-v-d14e4a78] {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 2.13333333vw;\n  padding: 2.66666667vw;\n}\n.video-page .content .header[data-v-d14e4a78] {\n  padding-top: 2.13333333vw;\n}\n.video-page .content .header .people[data-v-d14e4a78] {\n  width: 18.66666667vw;\n  margin-left: 4.8vw;\n  margin-right: 11.2vw;\n}\n.video-page .content .header .text[data-v-d14e4a78] {\n  height: 9.86666667vw;\n}\n.video-page .content .video-block[data-v-d14e4a78] {\n  margin-bottom: 4.26666667vw;\n  border: 0.26666667vw solid #666;\n  border-radius: 3.2vw;\n  padding: 2.13333333vw;\n}\n.video-page .content .video-block video[data-v-d14e4a78] {\n  width: 100%;\n  margin: 0;\n  display: block;\n  padding: 0;\n  background: rgba(0, 0, 0, 0.4);\n  border-radius: 2.13333333vw;\n}\n.video-page .content .btn-block[data-v-d14e4a78] {\n  position: relative;\n  text-align: center;\n}\n.video-page .content .btn-block .age-block[data-v-d14e4a78] {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.video-page .content .btn-block .age-change-block[data-v-d14e4a78] {\n  position: absolute;\n  top: 9.86666667vw;\n  left: 0;\n  width: 17.6vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #666666;\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78] {\n  padding: 1.6vw 2.93333333vw;\n  text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78]:first-child {\n  border-bottom: 0.26666667vw solid #eee;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78] {\n  border-radius: 266.66666667vw;\n  width: 38.4vw;\n  border: 0.26666667vw solid #40A9FF;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.video-page .content .btn-block .change-block div[data-v-d14e4a78] {\n  float: left;\n  width: 50%;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #cccccc;\n}\n.video-page .content .btn-block .change-block div.active[data-v-d14e4a78] {\n  background: #40A9FF;\n  color: white;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/video.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/video.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACgED;EAAW,0DAAA;EAA0D,sCAAA;EAAmC,sBAAA;CD3DvG;AC4DD;EAAqB,qBAAA;EAAiB,aAAA;EAAc,yBAAA;CDvDnD;ACwDD;EAAqB,qBAAA;EAAe,aAAA;EAAc,qCAAA;CDnDjD;ACoDD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,4BAAA;EACA,sBAAA;CDnDH;ACsCD;EAeM,0BAAA;CDlDL;ACmCD;EAiBQ,qBAAA;EACA,mBAAA;EACA,qBAAA;CDjDP;AC8BD;EAsBQ,qBAAA;CDjDP;AC2BD;EA0BM,4BAAA;EACA,gCAAA;EACA,qBAAA;EACA,sBAAA;CDlDL;ACqBD;EA+BQ,YAAA;EACA,UAAA;EACA,eAAA;EACA,WAAA;EACA,+BAAA;EACA,4BAAA;CDjDP;ACaD;EAwCM,mBAAA;EACA,mBAAA;CDlDL;ACSD;EA2CQ,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,mBAAA;EACA,wBAAA;EACA,6BAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjDP;ACHD;EAuDQ,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,cAAA;EACA,4BAAA;EACA,mCAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjDP;ACkDO;EACE,4BAAA;EACA,iBAAA;CDhDT;ACiDS;EACE,uCAAA;CD/CX;ACtBD;EA0EQ,8BAAA;EACA,cAAA;EACA,mCAAA;CDjDP;ACkDO;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDhDT;AChCD;EAmFU,YAAA;EACA,WAAA;EACA,6BAAA;EACA,iBAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDhDT;ACiDS;EACE,oBAAA;EACA,aAAA;CD/CX",file:"video.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.playImage {\n  background: url('/static/images/playImage.png') no-repeat;\n  background-size: 10.66666667vw 50.4vw;\n  display: inline-block;\n}\n._282918034425091245 {\n  height: 1.73333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._154722344142123489 {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 -2.13333333vw;\n}\n.video-page .content {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 2.13333333vw;\n  padding: 2.66666667vw;\n}\n.video-page .content .header {\n  padding-top: 2.13333333vw;\n}\n.video-page .content .header .people {\n  width: 18.66666667vw;\n  margin-left: 4.8vw;\n  margin-right: 11.2vw;\n}\n.video-page .content .header .text {\n  height: 9.86666667vw;\n}\n.video-page .content .video-block {\n  margin-bottom: 4.26666667vw;\n  border: 0.26666667vw solid #666;\n  border-radius: 3.2vw;\n  padding: 2.13333333vw;\n}\n.video-page .content .video-block video {\n  width: 100%;\n  margin: 0;\n  display: block;\n  padding: 0;\n  background: rgba(0, 0, 0, 0.4);\n  border-radius: 2.13333333vw;\n}\n.video-page .content .btn-block {\n  position: relative;\n  text-align: center;\n}\n.video-page .content .btn-block .age-block {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.video-page .content .btn-block .age-change-block {\n  position: absolute;\n  top: 9.86666667vw;\n  left: 0;\n  width: 17.6vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #666666;\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.video-page .content .btn-block .age-change-block > div {\n  padding: 1.6vw 2.93333333vw;\n  text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div:first-child {\n  border-bottom: 0.26666667vw solid #eee;\n}\n.video-page .content .btn-block .change-block {\n  border-radius: 266.66666667vw;\n  width: 38.4vw;\n  border: 0.26666667vw solid #40A9FF;\n}\n.video-page .content .btn-block .change-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.video-page .content .btn-block .change-block div {\n  float: left;\n  width: 50%;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #cccccc;\n}\n.video-page .content .btn-block .change-block div.active {\n  background: #40A9FF;\n  color: white;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.playImage{background:url('/static/images/playImage.png')  no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}\n._282918034425091245{height:6.5*@toVw;width:9*@toVw;background-position:0 0;}\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\n.video-page{\n  .content{\n    background: white;\n    width: 315*@toVw;\n    position: absolute;\n    top: 80*@toVw;\n    left: 20*@toVw;\n    right: 20*@toVw;\n    bottom: 20*@toVw;\n    overflow: auto;\n    margin: auto;\n    display: block;\n    border-radius: 8*@toVw;\n    padding: 10*@toVw;\n    .header{\n      padding-top: 8*@toVw;\n      .people{\n        width: 70*@toVw;\n        margin-left: 18*@toVw;\n        margin-right: 42*@toVw;\n      }\n      .text{\n        height:37*@toVw ;\n      }\n    }\n    .video-block{\n      margin-bottom: 16*@toVw;\n      border: 1*@toVw solid #666;\n      border-radius: 12*@toVw;\n      padding: 8*@toVw;\n      video{\n        width: 100%;\n        margin: 0;\n        display: block;\n        padding: 0;\n        background:rgba(0,0,0,0.4);\n        border-radius:8*@toVw;\n      }\n    }\n    .btn-block{\n      position: relative;\n      text-align: center;\n      .age-block{\n        height: 28*@toVw;\n        line-height: 28*@toVw;\n        border: 1*@toVw solid #666;\n        position: absolute;\n        padding: 0 13*@toVw;\n        border-radius: 100*@toVw;\n        font-size:12*@toVw;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(102,102,102,1);\n      }\n      .age-change-block{\n        position: absolute;\n        top: 37*@toVw;\n        left: 0;\n        width: 66*@toVw;\n        border-radius: 8*@toVw;\n        border: 1*@toVw solid #666666;\n        font-size:12px;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(102,102,102,1);\n        &>div{\n          padding: 6*@toVw 11*@toVw;\n          text-align: left;\n          &:first-child{\n            border-bottom: 1*@toVw solid #eee;\n          }\n        }\n      }\n      .change-block{\n        border-radius: 1000*@toVw;\n        width: 144*@toVw;\n        border:1*@toVw solid #40A9FF;\n        &:after{\n          content: '';\n          display: block;\n          clear: both;\n        }\n        div{\n          float: left;\n          width: 50%;\n          border-radius: 100*@toVw;\n          font-size:12*@toVw;\n          height: 28*@toVw;\n          line-height: 28*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(204,204,204,1);\n          &.active{\n            background: #40A9FF;\n            color: white;\n          }\n        }\n      }\n    }\n  }\n}\n"],sourceRoot:""}])},uLGf:function(n,t,o){var A=o("sHWr");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("16a703ac",A,!1,{})},"v+hz":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-531d3c9f] {\n  float: right;\n}\n.main-block[data-v-531d3c9f] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-531d3c9f]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-531d3c9f]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-531d3c9f]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-531d3c9f]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.playImage[data-v-531d3c9f] {\n  background: url('/static/images/playImage.png') no-repeat;\n  background-size: 10.66666667vw 60vw;\n  display: inline-block;\n}\n._282918034425091245[data-v-531d3c9f] {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._154722344142123489[data-v-531d3c9f] {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 -2.13333333vw;\n}\n.next[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -3.46666667vw;\n}\n.replay[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -7.73333333vw;\n}\n.replayAll[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -12vw;\n}\n.list[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -16.26666667vw;\n}\n.last[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -20.53333333vw;\n}\n.listPlay[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -24.8vw;\n}\n.zDefaultIcon[data-v-531d3c9f] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -29.06666667vw;\n  float: right;\n}\n.zIcon[data-v-531d3c9f] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -33.86666667vw;\n  float: right;\n}\n.play[data-v-531d3c9f] {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -38.66666667vw;\n}\n.stop[data-v-531d3c9f] {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -49.33333333vw;\n}\n.content[data-v-531d3c9f] {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 8px;\n  text-align: center;\n  padding: 2.66666667vw;\n}\n.content .image-block[data-v-531d3c9f] {\n  width: 50.13333333vw;\n  height: 50.13333333vw;\n  margin-top: 5.33333333vw;\n  -webkit-box-shadow: 0 0 8vw 1.33333333vw #ddd;\n          box-shadow: 0 0 8vw 1.33333333vw #ddd;\n  overflow: hidden;\n  border-radius: 2.13333333vw;\n}\n.content .image-block img[data-v-531d3c9f] {\n  width: 100%;\n}\n.content .title-block[data-v-531d3c9f] {\n  margin-top: 6.4vw;\n}\n.content .title-block .title[data-v-531d3c9f] {\n  font-size: 4.26666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.content .title-block .tips[data-v-531d3c9f] {\n  font-size: 3.73333333vw;\n  margin-top: 1.6vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.content .range-block[data-v-531d3c9f] {\n  width: 63.2vw;\n  margin-top: 4.26666667vw;\n}\n.content .range-block .time-block[data-v-531d3c9f] {\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n  text-align: left;\n}\n.content .range-block .time-block[data-v-531d3c9f]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.content .range-block .time-block .left-time[data-v-531d3c9f] {\n  float: left;\n}\n.content .range-block .time-block .right-time[data-v-531d3c9f] {\n  float: right;\n}\n.content .range-block input[type=range][data-v-531d3c9f] {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-appearance: none;\n  background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n  background-size: 75% 100%;\n  /*设置左右宽度比例*/\n  width: 100%;\n  border-radius: 2.66666667vw;\n  /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-runnable-track {\n  height: 1.06666667vw;\n  border-radius: 0.53333333vw;\n}\n.content .range-block input[type=range][data-v-531d3c9f]:focus {\n  outline: none;\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  border-radius: 50%;\n  /*外观设置为圆形*/\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  margin-top: -1.6vw;\n  /*使滑块超出轨道部分的偏移量相等*/\n  background: #49E2A5;\n}\n.content .btn-group[data-v-531d3c9f] {\n  margin-top: 5.33333333vw;\n  width: 53.33333333vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n.list-popup[data-v-531d3c9f] {\n  width: 100vw;\n  max-height: 92vw;\n  overflow: auto;\n  border-radius: 8px 8px 0 0;\n  background: white;\n  padding-top: 5.33333333vw;\n}\n.list-popup .list-block[data-v-531d3c9f] {\n  display: block;\n  width: auto;\n  margin: 0 5.33333333vw;\n  padding: 3.2vw 9.6vw;\n  border-bottom: 1px solid #dddddd;\n}\n.list-popup .list-block.active[data-v-531d3c9f] {\n  color: #49E2A5;\n}\n.list-popup .close-btn[data-v-531d3c9f] {\n  text-align: center;\n  padding: 5.33333333vw;\n}\n.imgPop-block[data-v-531d3c9f] {\n  max-height: 133.33333333vw;\n  overflow: auto;\n}\n.imgPop-block img[data-v-531d3c9f] {\n  max-width: 80vw;\n}\n.btn-block[data-v-531d3c9f] {\n  position: relative;\n  margin-top: 7.46666667vw;\n  text-align: center;\n}\n.btn-block .age-block[data-v-531d3c9f] {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block[data-v-531d3c9f] {\n  position: absolute;\n  top: 9.86666667vw;\n  left: 0;\n  width: 17.6vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #666666;\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block > div[data-v-531d3c9f] {\n  padding: 1.6vw 2.93333333vw;\n  text-align: left;\n}\n.btn-block .age-change-block > div[data-v-531d3c9f]:first-child {\n  border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block[data-v-531d3c9f] {\n  border-radius: 266.66666667vw;\n  width: 38.4vw;\n  border: 1px solid #40A9FF;\n}\n.btn-block .change-block[data-v-531d3c9f]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.btn-block .change-block div[data-v-531d3c9f] {\n  float: left;\n  width: 50%;\n  border-radius: 26.66666667vw;\n  font-size: 12px;\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #cccccc;\n}\n.btn-block .change-block div.active[data-v-531d3c9f] {\n  background: #40A9FF;\n  color: white;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/audio.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/audio.vue"],names:[],mappings:"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",file:"audio.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.playImage {\n  background: url('/static/images/playImage.png') no-repeat;\n  background-size: 10.66666667vw 60vw;\n  display: inline-block;\n}\n._282918034425091245 {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._154722344142123489 {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 -2.13333333vw;\n}\n.next {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -3.46666667vw;\n}\n.replay {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -7.73333333vw;\n}\n.replayAll {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -12vw;\n}\n.list {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -16.26666667vw;\n}\n.last {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -20.53333333vw;\n}\n.listPlay {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -24.8vw;\n}\n.zDefaultIcon {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -29.06666667vw;\n  float: right;\n}\n.zIcon {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -33.86666667vw;\n  float: right;\n}\n.play {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -38.66666667vw;\n}\n.stop {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -49.33333333vw;\n}\n.content {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 8px;\n  text-align: center;\n  padding: 2.66666667vw;\n}\n.content .image-block {\n  width: 50.13333333vw;\n  height: 50.13333333vw;\n  margin-top: 5.33333333vw;\n  box-shadow: 0 0 8vw 1.33333333vw #ddd;\n  overflow: hidden;\n  border-radius: 2.13333333vw;\n}\n.content .image-block img {\n  width: 100%;\n}\n.content .title-block {\n  margin-top: 6.4vw;\n}\n.content .title-block .title {\n  font-size: 4.26666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.content .title-block .tips {\n  font-size: 3.73333333vw;\n  margin-top: 1.6vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.content .range-block {\n  width: 63.2vw;\n  margin-top: 4.26666667vw;\n}\n.content .range-block .time-block {\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n  text-align: left;\n}\n.content .range-block .time-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.content .range-block .time-block .left-time {\n  float: left;\n}\n.content .range-block .time-block .right-time {\n  float: right;\n}\n.content .range-block input[type=range] {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-appearance: none;\n  background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n  background-size: 75% 100%;\n  /*设置左右宽度比例*/\n  width: 100%;\n  border-radius: 2.66666667vw;\n  /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.content .range-block input[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n}\n.content .range-block input[type=range]::-webkit-slider-runnable-track {\n  height: 1.06666667vw;\n  border-radius: 0.53333333vw;\n}\n.content .range-block input[type=range]:focus {\n  outline: none;\n}\n.content .range-block input[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  border-radius: 50%;\n  /*外观设置为圆形*/\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  margin-top: -1.6vw;\n  /*使滑块超出轨道部分的偏移量相等*/\n  background: #49E2A5;\n}\n.content .btn-group {\n  margin-top: 5.33333333vw;\n  width: 53.33333333vw;\n  display: flex;\n}\n.list-popup {\n  width: 100vw;\n  max-height: 92vw;\n  overflow: auto;\n  border-radius: 8px 8px 0 0;\n  background: white;\n  padding-top: 5.33333333vw;\n}\n.list-popup .list-block {\n  display: block;\n  width: auto;\n  margin: 0 5.33333333vw;\n  padding: 3.2vw 9.6vw;\n  border-bottom: 1px solid #dddddd;\n}\n.list-popup .list-block.active {\n  color: #49E2A5;\n}\n.list-popup .close-btn {\n  text-align: center;\n  padding: 5.33333333vw;\n}\n.imgPop-block {\n  max-height: 133.33333333vw;\n  overflow: auto;\n}\n.imgPop-block img {\n  max-width: 80vw;\n}\n.btn-block {\n  position: relative;\n  margin-top: 7.46666667vw;\n  text-align: center;\n}\n.btn-block .age-block {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block {\n  position: absolute;\n  top: 9.86666667vw;\n  left: 0;\n  width: 17.6vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #666666;\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block > div {\n  padding: 1.6vw 2.93333333vw;\n  text-align: left;\n}\n.btn-block .age-change-block > div:first-child {\n  border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block {\n  border-radius: 266.66666667vw;\n  width: 38.4vw;\n  border: 1px solid #40A9FF;\n}\n.btn-block .change-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.btn-block .change-block div {\n  float: left;\n  width: 50%;\n  border-radius: 26.66666667vw;\n  font-size: 12px;\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #cccccc;\n}\n.btn-block .change-block div.active {\n  background: #40A9FF;\n  color: white;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.playImage{background:url('/static/images/playImage.png')  no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}\n._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 0;}\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\n.next{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n.replay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n.list{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n.last{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n.listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n.zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\n.zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\n.play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\n.stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\n.content{\n  background: white;\n  width: 315*@toVw;\n  position: absolute;\n  top: 80*@toVw;\n  left: 20*@toVw;\n  right: 20*@toVw;\n  bottom: 20*@toVw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 8px;\n  text-align: center;\n  padding: 10*@toVw;\n  .image-block{\n    width: 188*@toVw;\n    height: 188*@toVw;\n    margin-top: 20*@toVw;\n    box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n    overflow: hidden;\n    border-radius: 8*@toVw;\n    img{\n      width: 100%;\n    }\n  }\n  .title-block{\n    margin-top: 24*@toVw;\n    .title{\n      font-size:16*@toVw;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(102,102,102,1);\n    }\n    .tips{\n      font-size:14*@toVw;\n      margin-top: 6*@toVw;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(153,153,153,1);\n    }\n  }\n  .range-block{\n    width: 237 * @toVw;\n    margin-top: 16*@toVw;\n    .time-block{\n      font-size:12px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(102,102,102,1);\n      text-align: left;\n      &:after{\n        content: '';\n        display: block;\n        clear: both;\n      }\n      .left-time{\n        float: left;\n      }\n      .right-time{\n        float: right;\n      }\n    }\n    input[type=range] {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      -webkit-appearance: none;\n      background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;\n      background-size: 75% 100%;/*设置左右宽度比例*/\n      width: 100%;\n      border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/\n    }\n    input[type=range]::-webkit-slider-thumb {\n      -webkit-appearance: none;\n    }\n    input[type=range]::-webkit-slider-runnable-track {\n      height: 4*@toVw;\n      border-radius: 2*@toVw ;\n    }\n    input[type=range]:focus {\n      outline: none;\n    }\n    input[type=range]::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      border-radius: 50%; /*外观设置为圆形*/\n      height: 16*@toVw;\n      width:  16*@toVw;\n      margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/\n      background: #49E2A5;\n    }\n  }\n  .btn-group{\n    margin-top: 20*@toVw;\n    width: 200*@toVw;\n    display: flex;\n  }\n}\n.list-popup{\n  width: 375*@toVw;\n  max-height: 345*@toVw;\n  overflow: auto;\n  border-radius: 8px 8px 0 0;\n  background: white;\n  padding-top: 20*@toVw;\n  .list-block{\n    display: block;\n    width: auto;\n    margin: 0 20*@toVw;\n    padding:12*@toVw 36*@toVw;\n    border-bottom: 1px solid #dddddd;\n    &.active{\n      color: #49E2A5;\n    }\n  }\n  .close-btn{\n    text-align: center;\n    padding: 20*@toVw;\n  }\n}\n.imgPop-block{\n  max-height: 500*@toVw;\n  overflow: auto;\n  img{\n    max-width: 300*@toVw;\n  }\n}\n.btn-block{\n  position: relative;\n  margin-top: 28*@toVw;\n  text-align: center;\n  .age-block{\n    height: 28*@toVw;\n    line-height: 28*@toVw;\n    border: 1*@toVw solid #666;\n    position: absolute;\n    padding: 0 13*@toVw;\n    border-radius: 100*@toVw;\n    font-size:12*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    color:rgba(102,102,102,1);\n  }\n  .age-change-block{\n    position: absolute;\n    top: 37*@toVw;\n    left: 0;\n    width: 66*@toVw;\n    border-radius: 8*@toVw;\n    border: 1*@toVw solid #666666;\n    font-size:12px;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    color:rgba(102,102,102,1);\n    &>div{\n      padding: 6*@toVw 11*@toVw;\n      text-align: left;\n      &:first-child{\n        border-bottom: 1*@toVw solid #eee;\n      }\n    }\n  }\n  .change-block{\n    border-radius: 1000*@toVw;\n    width: 144*@toVw;\n    border:1px solid #40A9FF;\n    &:after{\n      content: '';\n      display: block;\n      clear: both;\n    }\n    div{\n      float: left;\n      width: 50%;\n      border-radius: 100*@toVw;\n      font-size:12px;\n      height: 28*@toVw;\n      line-height: 28*@toVw;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(204,204,204,1);\n      &.active{\n        background: #40A9FF;\n        color: white;\n      }\n    }\n  }\n}\n"],sourceRoot:""}])},wpI3:function(n,t,o){var A=o("+xa/");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("27e1adf9",A,!1,{})},wulZ:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.old-content img,.old-content video{\n  margin-top: 50px;\n  max-width: 100% !important;\n}\n.old-content h3{\n  font-family: hanti\n}\n.content img{\n  margin-top: 50px;\n  max-width: 100% !important;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/src/components/newLesson/look.vue"],names:[],mappings:";AAgDA;EACA,iBAAA;EACA,2BAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,iBAAA;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="this.contentData.content.content">\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        return this.contentData.content.content.replace(/video/g,\'audio\')\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  .content img{\n    margin-top: 50px;\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.a75bae58f314db920eb0.js.map