webpackJsonp([1],{"+xa/":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-6acc4334] {\n  float: right;\n}\n.main-block[data-v-6acc4334] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-6acc4334]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-6acc4334]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-6acc4334]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-6acc4334]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.look-content[data-v-6acc4334] {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 8px;\n  padding: 2.66666667vw;\n}\n@media screen and (orientation: landscape) {\n.finish-block[data-v-6acc4334] {\n    display: none;\n}\n.look-content[data-v-6acc4334] {\n    position: absolute;\n    top: 2.99850075vw;\n    width: auto;\n    bottom: 2.99850075vw;\n    left: 2.99850075vw;\n    right: 2.99850075vw;\n    background: #ffffff;\n    -webkit-box-shadow: inset 0vw 0.14992504vw 0.44977511vw 0vw rgba(0, 0, 0, 0.2);\n            box-shadow: inset 0vw 0.14992504vw 0.44977511vw 0vw rgba(0, 0, 0, 0.2);\n    overflow: auto;\n    border-radius: 1.1994003vw;\n    padding: 2.99850075vw;\n}\n.look-content .content[data-v-6acc4334],\n  .look-content .old-content[data-v-6acc4334] {\n    width: 44.97751124vw;\n    position: relative;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: block;\n    border-radius: 8px;\n    padding: 1.49925037vw;\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/look.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/look.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC8BD;EACE,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,sBAAA;CD5BD;ACkCD;AAEE;IAAc,cAAA;CDhCb;ACiCD;IACE,mBAAA;IACA,kBAAA;IACA,YAAA;IACA,qBAAA;IACA,mBAAA;IACA,oBAAA;IACA,oBAAA;IACA,+EAAA;YAAA,uEAAA;IACA,eAAA;IACA,2BAAA;IACA,sBAAA;CD/BD;ACoBD;;IAaE,qBAAA;IACF,mBAAA;IACE,OAAA;IACA,QAAA;IACA,SAAA;IACA,UAAA;IACA,eAAA;IACA,mBAAA;IACA,sBAAA;CD7BD;CACF",file:"look.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.look-content {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 8px;\n  padding: 2.66666667vw;\n}\n@media screen and (orientation: landscape) {\n  .finish-block {\n    display: none;\n  }\n  .look-content {\n    position: absolute;\n    top: 2.99850075vw;\n    width: auto;\n    bottom: 2.99850075vw;\n    left: 2.99850075vw;\n    right: 2.99850075vw;\n    background: #ffffff;\n    box-shadow: inset 0vw 0.14992504vw 0.44977511vw 0vw rgba(0, 0, 0, 0.2);\n    overflow: auto;\n    border-radius: 1.1994003vw;\n    padding: 2.99850075vw;\n  }\n  .look-content .content,\n  .look-content .old-content {\n    width: 44.97751124vw;\n    position: relative;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: block;\n    border-radius: 8px;\n    padding: 1.49925037vw;\n  }\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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  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  .content{\n\n  }\n}\n\n@media screen and (orientation: landscape) {\n  @toVw:100/667vw;\n  .finish-block{display: none}\n  .look-content{\n    position: absolute;\n    top: 20*@toVw;\n    width: auto;\n    bottom: 20*@toVw;\n    left: 20*@toVw;\n    right: 20*@toVw;\n    background:rgba(255,255,255,1);\n    box-shadow:inset 0*@toVw 1*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.2);\n    overflow: auto;\n    border-radius:8*@toVw;\n    padding: 20*@toVw;\n  .content,.old-content{\n    width: 300*@toVw;\n  position: relative;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: block;\n    border-radius: 8px;\n    padding: 10*@toVw;\n  }\n  }\n}\n'],sourceRoot:""}])},"4t0V":function(n,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var A=o("mvHQ"),e=o.n(A),i=o("CCn6"),a=o("Elrb"),r=o.n(a),d=o("yOVS"),s=o.n(d),l=o("NWa3"),c=o.n(l),g=o("YFRT"),w=o.n(g),h=o("83Mh"),b=o.n(h),p=o("MJLE"),C=o.n(p),v=o("2Pnh"),u=o.n(v),f=o("NOvk"),m=o.n(f),k=o("/Bxx"),B=o.n(k),E={name:"share",data:function(){return{shareVisible:!1,shareBg:r.a,share_close:b.a,share_tips:B.a,shareConBg:s.a,shareTitle:c.a,shareBtn:w.a,userDetail:null,dataURL:null,watchDetail:null,share_code_bg:m.a}},mounted:function(){this.initPage()},methods:{showShare:function(){this.shareVisible=!0;var n=JSON.parse(localStorage.getItem("lessonDetail")),t=Date.parse(new Date);Object(i.G)(this.$route.query.elementId,this.$route.query.category_id,this.$route.query.periods_id,{page_type:0,page_id:4,stay_time:0}).then(function(o){n.total_watch_time=o,n.nowTime=t,localStorage.setItem("lessonDetail",e()(n))})},initPage:function(){var n=this;Object(i.z)().then(function(t){n.userDetail=t,n.toDataURLBase64(t.avatar.replace("http://","https://"),function(t){n.userDetail.avatar=t,Object(i.B)().then(function(t){n.watchDetail=t,n.refshow()})})})},enableShare:function(n){Object(i.C)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(t){console.log("enableShare",t),wx.config({debug:!1,appId:t.appId,timestamp:parseInt(t.timestamp),nonceStr:t.nonceStr,signature:t.signature,jsApiList:t.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功")},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}})})})},onShare:function(n){this.enableShare({product_title:"每天10分钟，英语开口唱【SingsingEnglish】",desc:"我家宝宝正在【唱唱启蒙英语】学唱童谣，已累计学习 "+this.watchDetail.total_day+" 天",shareIcon:"https://cdn.singsingenglish.com/logo/logo.jpg",shareUrl:n})},toDataURLBase64:function(n,t){var o=new XMLHttpRequest;o.onload=function(){var n=new FileReader;n.onloadend=function(){t(n.result)},n.readAsDataURL(o.response)},o.responseType="blob",o.open("GET",n,!0),o.send()},refshow:function(){var n=this,t="https://wechat-test.changchangenglish.com/#/shareGoods?userID="+this.userDetail.user_id;this.onShare(t),Object(i.u)({url:t}).then(function(t){n.qrcode(t.url),n.$nextTick(function(){var t=document.getElementById("capture").getClientRects()[0].width;document.getElementById("capture").style.width=t+"px";var o=document.getElementById("capture").getClientRects()[0],A=o.height1,e=o.width1;u()(document.getElementById("capture"),{async:!0,timeout:500,scrollX:1,scale:3,width:e,height:A,letterRendering:!0}).then(function(t){var o=t.toDataURL("image/jpg");n.dataURL=o}).catch(function(n){alert(n),console.log()})})})},getOffsetRect:function(n){var t=n.getBoundingClientRect(),o=document.body,A=document.documentElement,e=window.pageYOffset||A.scrollTop||o.scrollTop,i=window.pageXOffset||A.scrollLeft||o.scrollLeft,a=A.clientTop||o.clientTop,r=A.clientLeft||o.clientLeft,d=t.top+e-a,s=t.left+i-r;return{top:Math.round(d),left:Math.round(s)}},qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new C.a("qrcode",{width:70,height:70,text:n,image:""})}}},D=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"share-page"},[o("div",{staticClass:"share-block"},[o("div",{staticClass:"bg-title",style:{backgroundImage:"url('"+n.shareBg+"')"}}),n._v(" "),o("div",{staticClass:"bg-desc"}),n._v(" "),o("img",{staticClass:"cvs-img",attrs:{src:n.dataURL,id:"cvs-img"}}),n._v(" "),n.userDetail?o("div",{ref:"imageWrapper",staticClass:"content",style:{backgroundImage:"url('"+n.shareConBg+"')"},attrs:{id:"capture"}},[o("div",{staticClass:"main-content"},[o("div",{staticClass:"head-block"},[o("img",{attrs:{src:n.userDetail.avatar}})]),n._v(" "),o("div",{staticClass:"content-title",style:{backgroundImage:"url('"+n.shareTitle+"')"}},[n._v("\n          "+n._s(n.userDetail.nickname)+"\n        ")]),n._v(" "),o("div",{staticClass:"main-text"},[o("div",{staticClass:"title"},[n._v("累计学习")]),n._v(" "),n.watchDetail?o("div",{staticClass:"day"},[n._v("\n            "+n._s(n.watchDetail.total_day)+" "),o("span",[n._v("Days")])]):n._e()]),n._v(" "),n._m(0)]),n._v(" "),o("div",{staticClass:"main-content-desc"},[o("img",{attrs:{src:n.share_code_bg}}),n._v(" "),o("div",{staticClass:"qrcode",attrs:{id:"qrcode"}})])]):n._e(),n._v(" "),o("div",{staticClass:"share-btn"},[o("img",{attrs:{src:n.shareBtn},on:{click:function(t){n.showShare()}}})])]),n._v(" "),o("img",{staticClass:"share_close",attrs:{src:n.share_close},on:{click:function(t){n.$emit("closeShare")}}}),n._v(" "),n.shareVisible?o("div",{staticClass:"tips",on:{click:function(t){n.shareVisible=!1}}},[o("img",{attrs:{src:n.share_tips}})]):n._e()])};D._withStripped=!0;var I={render:D,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"main-desc"},[t("span",[this._v("\n          继续坚持\n          ")]),this._v(" "),t("br"),this._v("\n          学无涯  行必知\n        ")])}]},y=I;var V=!1;var x=o("VU/8")(E,y,!1,function(n){V||o("Q3a2")},"data-v-2ccc77b0",null);x.options.__file="src/components/newLesson/share.vue";var S=x.exports,F=o("5aCS"),P=o.n(F),z=o("C0DY"),H=o.n(z),M=o("DHCM"),Q=o.n(M),N=o("R+Hs"),O=o.n(N),U=o("k5sp"),J=o.n(U),q=o("PFRu"),Y=o.n(q),j={name:"star",data:function(){return{star_btn:P.a,star1:H.a,star2:Q.a,star3:O.a,popupVisible:!1,star_default:J.a,star_active:Y.a,starNum:0}},methods:{showPop:function(){this.popupVisible=!0,this.starNum=JSON.parse(localStorage.getItem("lessonDetail")).star_num},showShare:function(){this.popupVisible=!1,2==this.starNum&&this.$emit("showShare")}}},L=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[o("img",{staticClass:"img_btn",attrs:{src:n.star_btn},on:{click:n.showPop}}),n._v(" "),o("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.popupVisible,callback:function(t){n.popupVisible=t},expression:"popupVisible"}},[o("div",{staticClass:"pop-block"},[o("img",{staticClass:"star-all",attrs:{src:0==n.starNum?n.star1:3==n.starNum?n.star3:n.star2}}),n._v(" "),o("div",{staticClass:"list"},[n._v("\n        1.完成今日学习\n        "),o("div",{staticClass:"star-content"},[o("img",{attrs:{src:0==n.starNum?n.star_default:n.star_active}}),n._v(" "),o("img",{attrs:{src:n.starNum<2?n.star_default:n.star_active}})])]),n._v(" "),o("div",{staticClass:"list"},[n._v("\n        2.打卡签到\n        "),o("div",{staticClass:"star-content"},[o("img",{attrs:{src:3==n.starNum?n.star_active:n.star_default}})])]),n._v(" "),o("div",{staticClass:"btn-block"},[o("div",{staticClass:"btn",on:{click:n.showShare}},[n.starNum<2?o("span",[n._v("继续看课")]):n._e(),n._v(" "),2==n.starNum?o("span",[n._v("分享赚星星")]):n._e(),n._v(" "),3==n.starNum?o("span",[n._v("关闭")]):n._e()])])])])],1)};L._withStripped=!0;var T={render:L,staticRenderFns:[]},R=T;var G=!1;var W=o("VU/8")(j,R,!1,function(n){G||o("VCXP")},"data-v-da7fe6ce",null);W.options.__file="src/components/newLesson/star.vue";var X=W.exports,K=o("hUWd"),Z=o.n(K),_=o("SKwj"),$=o.n(_),nn=o("ohH1"),tn=o.n(nn),on=o("WcTT"),An=o.n(on),en={name:"guide",data:function(){return{iKnowUrl:Z.a,goDownUrl:tn.a,goUrl:$.a,starUrl:An.a,show:!1}},mounted:function(){var n=this;Object(i.j)({page_name:"look"}).then(function(t){0==t&&(n.show=!0)})}},an=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()])};an._withStripped=!0;var rn={render:an,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("切换课程模块")])])}]},dn=rn;var sn=!1;var ln=o("VU/8")(en,dn,!1,function(n){sn||o("WFoo")},"data-v-44076ee2",null);ln.options.__file="src/components/guide/look.vue";var cn={name:"look",props:["contentData"],data:function(){return{share_show:!1}},components:{guideBlock:ln.exports,sharePage:S,starBlock:X},methods:{closeShare:function(){this.share_show=!1}},computed:{content:function(){var n=null;return n=this.contentData.content.content,n.replace(/video/g,"audio")},nohidden:function(){return this.contentData.content.content.replace(/hidden="true"/g,"")}}},gn=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"look-content"},[o("guide-block"),n._v(" "),n.contentData.old?n._e():o("div",{staticClass:"content",domProps:{innerHTML:n._s(n.content)}}),n._v(" "),n.contentData.old?o("div",{staticClass:"old-content",domProps:{innerHTML:n._s(n.nohidden)}}):n._e(),n._v(" "),n.share_show?o("div",[o("share-page",{on:{closeShare:function(t){n.closeShare()}}})],1):n._e(),n._v(" "),o("star-block",{on:{showShare:function(t){n.share_show=!0}}})],1)};gn._withStripped=!0;var wn={render:gn,staticRenderFns:[]},hn=wn;var bn=!1;var pn=o("VU/8")(cn,hn,!1,function(n){bn||(o("wpI3"),o("Xctm"))},"data-v-6acc4334",null);pn.options.__file="src/components/newLesson/look.vue";var Cn=pn.exports,vn=o("O8Ir"),un=o.n(vn),fn=o("A4/g"),mn=o.n(fn),kn={name:"guide",data:function(){return{iKnowUrl:Z.a,goDownUrl:tn.a,goUrl:$.a,starUrl:An.a,show:!1}},mounted:function(){var n=this;Object(i.j)({page_name:"video"}).then(function(t){0==t&&(n.show=!0)})}},Bn=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()])};Bn._withStripped=!0;var En={render:Bn,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("音画切换")])])}]},Dn=En;var In=!1;var yn=o("VU/8")(kn,Dn,!1,function(n){In||o("AHTB")},"data-v-4b9d59c8",null);yn.options.__file="src/components/guide/video.vue";var Vn=yn.exports,xn=o("q2oE"),Sn=o.n(xn),Fn=o("mbWm"),Pn=o.n(Fn),zn=o("Jv3J"),Hn=o.n(zn),Mn={name:"nofinishdia",data:function(){return{noFinishBg:Hn.a}}},Qn=function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"nofinish-block",style:{backgroundImage:"url('"+this.noFinishBg+"')"}},[t("div",{staticClass:"title"},[this._v("\n    学习还未完成\n  ")]),this._v(" "),t("div",{staticClass:"desc"},[this._v("\n    书山有路勤为径 学海无涯苦作舟\n  ")]),this._v(" "),t("div",{staticClass:"go-on"},[this._v("\n    继续学习\n  ")])])};Qn._withStripped=!0;var Nn={render:Qn,staticRenderFns:[]},On=Nn;var Un=!1;var Jn=o("VU/8")(Mn,On,!1,function(n){Un||o("MbWQ")},"data-v-1692751e",null);Jn.options.__file="src/components/newLesson/nofinishdia.vue";var qn=Jn.exports,Yn={name:"play",components:{guideBlock:Vn,noFinishDia:qn,sharePage:S,starBlock:X},data:function(){return{finishStuat:Pn.a,popupVisible:!1,ageShow:!1,share_show:!1,showObj:{video:[],change:!1},videoShow:!1,videoIndex:0,imgURL:{luolacoming:un.a,luolalaila:mn.a,tapToAudio:Sn.a}}},props:["contentData","nowShow"],mounted:function(){this.changeAge(this.contentData.age)},methods:{closeShare:function(){this.share_show=!1},finishStudy:function(){var n=JSON.parse(localStorage.getItem("lessonDetail")),t=Date.parse(new Date),o=(t-n.nowTime)/1e3,A={page_type:0,page_id:5,stay_time:o};Object(i.G)(this.$route.query.elementId,this.$route.query.category_id,this.$route.query.periods_id,A).then(function(o){n.total_watch_time=o.total_watch_time,n.nowTime=t,n.star_num=o.total_star_num,localStorage.setItem("lessonDetail",e()(n))}),(Number(o)+Number(n.total_watch_time))/60<7?this.popupVisible=!0:this.share_show=!0},videoEnd:function(n){n.srcElement.play()},sendConsole:function(n){this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:n,partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()})},changeAudio:function(n){n&&this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"切换音频教学",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()}),this.contentData.type="audio"},videoPlay:function(){this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"播放视频",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()})},changeAge:function(n){this.contentData.content.age&&2===n?this.showObj={video:this.contentData.content.video2,change:this.contentData.content.change2}:this.showObj={video:this.contentData.content.video,change:this.contentData.content.change}}},watch:{contentData:{handler:function(){this.videoIndex=0,this.changeAge(this.contentData.age)},deep:!0}}},jn=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"video-page"},[o("div",{staticClass:"content"},[o("div",{staticClass:"header"},[3===n.nowShow?o("img",{staticClass:"text",attrs:{src:n.imgURL.luolacoming}}):n._e(),n._v(" "),2===n.nowShow?o("img",{staticClass:"text",attrs:{src:n.imgURL.luolalaila}}):n._e()]),n._v(" "),n.showObj.video[n.videoIndex]?o("div",{staticClass:"video-block hp-video"},[o("video",{attrs:{src:n.showObj.video[n.videoIndex].url,controls:"",poster:n.showObj.video[n.videoIndex].url+"?vframe/jpg/offset/3"},on:{ended:n.videoEnd,play:function(t){n.videoPlay()}}})]):n._e(),n._v(" "),o("div",{staticClass:"btn-block"},[n.contentData.content.age?o("div",{staticClass:"age-block",on:{click:function(t){n.ageShow=!n.ageShow}}},[1===n.contentData.age?o("div",[n._v("0-3岁"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e(),n._v(" "),2===n.contentData.age?o("div",[n._v("4-6岁"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e()]):n._e(),n._v(" "),n.showObj.video.length>1?o("div",{staticClass:"age-block video",on:{click:function(t){n.videoShow=!n.videoShow}}},[o("div",[n._v("视频("+n._s(n.videoIndex+1)+")"),o("i",{staticClass:"playImage _154722344142123489"})])]):n._e(),n._v(" "),n.showObj.video.length>1&&n.videoShow?o("div",{staticClass:"age-change-block video"},n._l(n.showObj.video,function(t,A){return o("div",{on:{click:function(t){n.videoIndex=A,n.videoShow=!1}}},[n._v("视频("+n._s(A+1)+")"),1===n.contentData.age?o("i",{class:{"playImage _282918034425091245":A===n.videoIndex}}):n._e()])})):n._e(),n._v(" "),n.contentData.content.age&&n.ageShow?o("div",{directives:[{name:"show",rawName:"v-show",value:n.ageShow,expression:"ageShow"}],staticClass:"age-change-block"},[o("div",{on:{click:function(t){n.contentData.age=1,n.ageShow=!1,n.sendConsole("选择分龄")}}},[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.sendConsole("选择分龄")}}},[n._v("4-6岁"),2===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block-HP",on:{click:function(t){n.changeAudio(!0)}}},[o("div",{},[o("img",{attrs:{src:n.imgURL.tapToAudio}})])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block"},[o("div",{staticClass:"active"},[n._v("视频教学")]),n._v(" "),o("div",{on:{click:function(t){n.changeAudio(!0)}}},[n._v("音频教学")])]):n._e()]),n._v(" "),o("div",{staticClass:"parent-finish"},[3===n.nowShow?o("div",{staticClass:"finish-block"},[o("img",{attrs:{src:n.finishStuat},on:{click:n.finishStudy}})]):n._e()]),n._v(" "),o("star-block",{on:{showShare:function(t){n.share_show=!0}}})],1),n._v(" "),o("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.popupVisible,callback:function(t){n.popupVisible=t},expression:"popupVisible"}},[o("div",{on:{click:function(t){n.popupVisible=!1}}},[o("no-finish-dia")],1)]),n._v(" "),o("guide-block"),n._v(" "),n.share_show?o("div",[o("share-page",{on:{closeShare:function(t){n.closeShare()}}})],1):n._e()],1)};jn._withStripped=!0;var Ln={render:jn,staticRenderFns:[]},Tn=Ln;var Rn=!1;var Gn=o("VU/8")(Yn,Tn,!1,function(n){Rn||o("uLGf")},"data-v-d14e4a78",null);Gn.options.__file="src/components/newLesson/video.vue";var Wn=Gn.exports,Xn=o("cku8"),Kn=o.n(Xn),Zn=o("Au9i"),_n=o("Qz73"),$n=o("S+8+"),nt=o.n($n),tt={name:"fun",props:["contentData"],components:{guideBlock:_n.a,noFinishDia:qn,starBlock:X,sharePage:S},data:function(){return{finishStuat:Pn.a,popupVisible:!1,collectPop:!1,index:0,popupVisible2:!1,hasCollect:!1,ageShow:!1,imgPop:!1,startTime:"00:00",overTime:"00:00",range:0,showObj:{audio:null,change:!1},share_show:!1,tapToVideo:nt.a,playFlag:!1,offset:0,timer:null,playType:0|Number(localStorage.getItem("playType"))}},mounted:function(){this.changeAge(this.contentData.age),this.checkCollect()},methods:{closeShare:function(){this.share_show=!1},sendConsole:function(n){this.$sa.track("watchClick",{buttonName:n,elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()})},changeCollect:function(){var n=this;if(this.hasCollect)this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"取消收藏",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()}),Object(i.c)(this.hasCollect).then(function(t){n.hasCollect=!1,Object(Zn.Toast)("取消收藏"),n.checkCollect()});else{this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"添加收藏",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()});var t=JSON.parse(localStorage.getItem("lessonDetail")),o={category_id:t.id,type:1,title:this.showObj.audio[this.index].title,sub_title:"来自于 "+t.title,url:this.showObj.audio[this.index].url,cover:this.showObj.audio[this.index].image};Object(i.a)(o).then(function(t){Object(Zn.Toast)("收藏成功,快去主页磨耳朵看一看吧"),n.checkCollect()}).catch(this.checkCollect())}},checkCollect:function(){var n=this,t={url:this.showObj.audio[this.index].url};Object(i.y)(t).then(function(t){n.hasCollect=!(t.list.length<1)&&t.list[0].id})},onPlay:function(n){n&&this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"播放音频",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()}),this.$refs.audio.play()},lastOne:function(){this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"上一首",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()}),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(Zn.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(n){n&&this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"下一首",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()}),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(Zn.Toast)("已经是最后一首")},canPlay:function(){var n=this,t=this.$refs.audio;this.offset=Math.ceil(0|parseInt(t.duration)),this.$nextTick(function(){n.getDuration()})},playing:function(){var n=this,t=this.$refs.audio;this.playFlag=!0,this.timer=setInterval(function(){var o=null;o=parseInt(t.currentTime/60)<10?"0"+parseInt(t.currentTime/60):parseInt(t.currentTime/60);var A=parseInt(t.currentTime%60);A<10&&(A="0"+A),n.startTime=o+":"+A,n.range=parseInt(t.currentTime),n.range===n.offset&&0!==n.offset&&(n.range=0,n.startTime="00:00",n.onOver(),clearInterval(n.timer))},1e3)},stopTime:function(){clearInterval(this.timer)},getDuration:function(){var n=null;if(0===this.offset)this.overTime="正在加载中...";else{n=parseInt(this.offset/60)<10?"0"+parseInt(this.offset/60):parseInt(this.offset/60);var t=parseInt(this.offset%60);t<10&&(t="0"+t),this.overTime=n+":"+t}},onStop:function(n){n&&this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"暂停播放",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()}),this.$refs.audio.pause(),this.playFlag=!1},onOver:function(){var n=this;switch(this.playType){case 0:this.index<this.showObj.audio.length-1?this.index++:this.index=0,this.$nextTick(function(){n.onPlay()});break;case 1:this.range=0,this.$nextTick(function(){n.onPlay()});break;case 2:this.index<this.showObj.audio.length-1?(this.index++,this.$nextTick(function(){n.onPlay()})):(this.index=0,this.$nextTick(function(){n.onStop()}))}},changeType:function(){switch(this.playType<2?this.playType++:this.playType=0,window.localStorage.setItem("playType",this.playType),this.playType){case 1:this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"单曲循环",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()}),Object(Zn.Toast)("单曲循环");break;case 2:this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"顺序播放",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()}),Object(Zn.Toast)("顺序播放");break;case 0:this.$sa.track("watchClick",{elementName:JSON.parse(localStorage.getItem("lessonDetail")).title,themeID:JSON.parse(localStorage.getItem("lessonDetail")).themeID,themeName:JSON.parse(localStorage.getItem("lessonDetail")).themeName,goodsID:JSON.parse(localStorage.getItem("lessonDetail")).goodsID,classID:JSON.parse(localStorage.getItem("lessonDetail")).classID,buttonName:"列表循环",partName:this.contentData.partName,elementID:this.$route.query.elementId.toString()}),Object(Zn.Toast)("列表循环")}},changeAge:function(n){this.contentData.content.age&&2===n?this.showObj={audio:this.contentData.content.audio2,change:this.contentData.content.change2}:this.showObj={audio:this.contentData.content.audio,change:this.contentData.content.change},this.playFlag=!1,this.startTime="00:00",this.overTime="00:00"},finishStudy:function(){var n=JSON.parse(localStorage.getItem("lessonDetail")),t=Date.parse(new Date),o=(t-n.nowTime)/1e3,A={page_type:0,page_id:5,stay_time:o};Object(i.G)(this.$route.query.elementId,this.$route.query.category_id,this.$route.query.periods_id,A).then(function(o){n.total_watch_time=o.total_watch_time,n.nowTime=t,n.star_num=o.total_star_num,localStorage.setItem("lessonDetail",e()(n))}),(Number(o)+Number(n.total_watch_time))/60<7?this.popupVisible2=!0:this.share_show=!0}},watch:{contentData:{handler:function(){this.changeAge(this.contentData.age),this.index=0,this.checkCollect()},deep:!0},index:function(n){this.checkCollect()},range:function(n,t){var o=this,A=this.$refs.audio;Math.abs(n-t)>2&&(this.timer=setInterval(function(){var n=null;n=parseInt(A.currentTime/60)<10?"0"+parseInt(A.currentTime/60):parseInt(A.currentTime/60);var t=parseInt(A.currentTime%60);t<10&&(t="0"+t),o.startTime=n+":"+t,o.range=parseInt(A.currentTime),o.range==o.offset&&0!==o.offset&&(o.range=0,o.startTime="00:00",o.onOver(),clearInterval(o.timer))},1e3),A.currentTime=n)}}},ot=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"audio-page"},[n.showObj.audio?o("div",{staticClass:"content"},[o("audio",{ref:"audio",attrs:{src:n.showObj.audio[n.index].url},on:{durationchange:n.canPlay,play:function(t){n.playing()}}}),n._v(" "),o("div",{staticClass:"hp-left"},[o("div",{staticClass:"hp-top"},[o("div",{staticClass:"image-block",on:{click:function(t){n.imgPop=!0}}},[o("img",{attrs:{src:n.showObj.audio[n.index].image}})]),n._v(" "),o("div",[o("div",{staticClass:"title-block"},[o("div",{staticClass:"title"},[n._v("\n              "+n._s(n.showObj.audio[n.index].title)+"\n            ")]),n._v(" "),o("div",{staticClass:"tips"},[n._v("\n              "+n._s(n.showObj.audio[n.index].tips)+"\n            ")])]),n._v(" "),o("div",{staticClass:"btn-group hp"},[o("i",{staticClass:"playImage list",on:{click:function(t){n.popupVisible=!n.popupVisible}}}),n._v(" "),o("i",{staticClass:"playImage last",on:{click:function(t){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():o("i",{staticClass:"playImage play",on:{click:n.onPlay}}),n._v(" "),n.playFlag?o("i",{staticClass:"playImage stop",on:{click:n.onStop}}):n._e(),n._v(" "),o("i",{staticClass:"playImage next",on:{click:function(t){n.nextOne()}}}),n._v(" "),o("i",{class:{playImage:!0,replay:1===n.playType,replayAll:0===n.playType,listPlay:2==n.playType},on:{click:function(t){n.changeType()}}})])])]),n._v(" "),o("div",{staticClass:"range-block"},[o("div",{staticClass:"time-block"},[o("div",{staticClass:"left-time"},[n._v(n._s(n.startTime))]),n._v(" "),o("div",{staticClass:"right-time"},[n._v(n._s(n.overTime))])]),n._v(" "),o("input",{directives:[{name:"model",rawName:"v-model",value:n.range,expression:"range"}],style:{backgroundSize:(n.offset?n.range/n.offset*100:0)+"% 100%"},attrs:{type:"range",min:"0",max:n.offset},domProps:{value:n.range},on:{__r:function(t){n.range=t.target.value}}})])]),n._v(" "),o("div",{staticClass:"btn-group"},[o("i",{staticClass:"playImage toBig",on:{click:function(t){n.imgPop=!0,n.sendConsole("放大图片")}}}),n._v(" "),o("i",{staticClass:"playImage list",on:{click:function(t){n.popupVisible=!n.popupVisible,n.sendConsole("展开列表")}}}),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:function(t){n.onPlay(!0)}}}),n._v(" "),n.playFlag?o("i",{staticClass:"playImage stop",on:{click:function(t){n.onStop(!0)}}}):n._e(),n._v(" "),o("i",{staticClass:"playImage next",on:{click:function(t){n.nextOne(!0)}}}),n._v(" "),o("i",{class:{playImage:!0,replay:1===n.playType,replayAll:0===n.playType,listPlay:2==n.playType},on:{click:function(t){n.changeType()}}}),n._v(" "),o("i",{class:{playImage:!0,collectDefault:!n.hasCollect,collect:!!n.hasCollect},on:{click:n.changeCollect}})]),n._v(" "),o("div",{staticClass:"btn-block"},[n.contentData.content.age?o("div",{staticClass:"age-block",on:{click:function(t){n.ageShow=!n.ageShow}}},[1===n.contentData.age?o("div",[n._v("0-3岁"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e(),n._v(" "),2===n.contentData.age?o("div",[n._v("4-6岁"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e()]):n._e(),n._v(" "),n.contentData.content.age?o("div",{directives:[{name:"show",rawName:"v-show",value:n.ageShow,expression:"ageShow"}],staticClass:"age-change-block"},[o("div",{on:{click:function(t){n.contentData.age=1,n.sendConsole("选择分龄")}}},[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.sendConsole("选择分龄")}}},[n._v("4-6岁"),2===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block-HP",on:{click:function(t){n.contentData.type="video",n.sendConsole("切换视频教学")}}},[o("div",{},[o("img",{attrs:{src:n.tapToVideo}})])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block"},[o("div",{on:{click:function(t){n.contentData.type="video",n.sendConsole("切换视频教学")}}},[n._v("视频教学")]),n._v(" "),o("div",{staticClass:"active"},[n._v("音频教学")])]):n._e()]),n._v(" "),o("div",{staticClass:"parent-finish"},[3===n.contentData.title?o("div",{staticClass:"finish-block"},[o("img",{attrs:{src:n.finishStuat},on:{click:n.finishStudy}})]):n._e()]),n._v(" "),o("star-block",{on:{showShare:function(t){n.share_show=!0}}})],1):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.sendConsole("列表选择音频")}}},[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("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.popupVisible2,callback:function(t){n.popupVisible2=t},expression:"popupVisible2"}},[o("div",{on:{click:function(t){n.popupVisible2=!1}}},[o("no-finish-dia")],1)]),n._v(" "),o("guide-block"),n._v(" "),n.share_show?o("div",[o("share-page",{on:{closeShare:function(t){n.closeShare()}}})],1):n._e()],1)};ot._withStripped=!0;var At={render:ot,staticRenderFns:[]},et=At;var it=!1;var at=o("VU/8")(tt,et,!1,function(n){it||o("Oq7G")},"data-v-531d3c9f",null);at.options.__file="src/components/newLesson/audio.vue";var rt={name:"index",data:function(){var n=this.$route.query;return{backUrl:Kn.a,periods_id:n.periods_id,category_id:n.category_id,elementId:n.elementId,lesson:null,nowShow:0,page_id:1,stillTime:0,timeInterval:null,nowLesson:{type:"",content:null,age:1}}},components:{lookBlock:Cn,videoBlock:Wn,audioBlock:at.exports},mounted:function(){this.initPage()},methods:{backList:function(){var n=JSON.parse(localStorage.getItem("lessonDetail")),t=Date.parse(new Date),o=(t-n.nowTime)/1e3;this.$sa.track("watchClick",{buttonName:"返回课程列表",partName:1==this.nowShow?"爸妈看一看":2==this.nowShow?"宝贝玩一玩":3==this.nowShow?"磨磨小耳朵":"",elementID:this.lesson.id.toString(),elementName:this.lesson.title,themeID:this.lesson.themeID,themeName:this.lesson.themeName,goodsID:this.lesson.goodsID,classID:this.lesson.classID});var A={page_type:0,page_id:this.page_id,stay_time:o};Object(i.G)(this.$route.query.elementId,this.$route.query.category_id,this.$route.query.periods_id,A).then(function(o){n.total_watch_time=o.total_watch_time,n.nowTime=t,n.star_num=o.total_star_num,localStorage.setItem("lessonDetail",e()(n))});var a={periods_id:this.$route.query.periods_id,course_type:this.$route.query.course_type,parent_category_id:this.$route.query.parent_category_id,back_id:this.category_id};this.$router.push({name:"map",query:a})},changeTitle:function(n){this.nowShow=n;var t=JSON.parse(localStorage.getItem("lessonDetail")),o=Date.parse(new Date),A=(o-t.nowTime)/1e3,a={page_type:0,page_id:this.page_id,stay_time:A};switch(Object(i.G)(this.$route.query.elementId,this.$route.query.category_id,this.$route.query.periods_id,a).then(function(n){t.total_watch_time=n.total_watch_time,t.nowTime=o,t.star_num=n.total_star_num,localStorage.setItem("lessonDetail",e()(t))}),n){case 1:this.$sa.track("learnPart",{partName:"爸妈看一看",elementID:this.lesson.id.toString(),elementName:this.lesson.title,themeID:this.lesson.themeID,themeName:this.lesson.themeName,goodsID:this.lesson.goodsID,classID:this.lesson.classID,is_view_today:!!(new Date).setHours(0,0,0,0)===new Date(this.lesson.push_time).setHours(0,0,0,0)}),this.page_id=1,this.nowLesson={type:"text",title:1,partName:"爸妈看一看",content:this.lesson.content.look,age:this.nowLesson.age};break;case 2:this.$sa.track("learnPart",{partName:"宝贝玩一玩",elementID:this.lesson.id.toString(),elementName:this.lesson.title,themeID:this.lesson.themeID,themeName:this.lesson.themeName,goodsID:this.lesson.goodsID,classID:this.lesson.classID,is_view_today:!!(new Date).setHours(0,0,0,0)===new Date(this.lesson.push_time).setHours(0,0,0,0)}),this.page_id=2,this.lesson.content.play.type?this.nowLesson={type:"audio",title:2,partName:"宝贝玩一玩",content:this.lesson.content.play,age:this.nowLesson.age}:this.nowLesson={type:"video",title:2,partName:"宝贝玩一玩",content:this.lesson.content.play,age:this.nowLesson.age};break;case 3:this.$sa.track("learnPart",{partName:"磨磨小耳朵",elementID:this.lesson.id.toString(),elementName:this.lesson.title,themeID:this.lesson.themeID,themeName:this.lesson.themeName,goodsID:this.lesson.goodsID,classID:this.lesson.classID,is_view_today:!!(new Date).setHours(0,0,0,0)===new Date(this.lesson.push_time).setHours(0,0,0,0)}),this.page_id=5,this.lesson.content.fun.type?this.nowLesson={type:"audio",title:3,partName:"磨磨小耳朵",content:this.lesson.content.fun,age:this.nowLesson.age}:this.nowLesson={type:"video",partName:"磨磨小耳朵",title:3,content:this.lesson.content.fun,age:this.nowLesson.age}}},initPage:function(){this.lesson=JSON.parse(localStorage.getItem("lessonDetail")),this.nowShow=1,document.title=""+this.lesson.domTitle,this.nowLesson={type:"text",content:this.lesson.content.look,age:this.nowLesson.age},this.lesson.content.play.video.length<1&&this.lesson.content.play.audio.length<1&&(this.nowLesson.old=!0)}}},dt=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"newLesson"},[n.nowLesson.old?n._e():o("div",{staticClass:"header"},[o("i",{staticClass:"lessonHeader home",on:{click:n.backList}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultLook:1!==n.nowShow,look:1===n.nowShow},on:{click:function(t){n.changeTitle(1)}}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultPlay:2!==n.nowShow,play:2===n.nowShow},on:{click:function(t){n.changeTitle(2)}}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultFun:3!==n.nowShow,fun:3===n.nowShow},on:{click:function(t){n.changeTitle(3)}}})]),n._v(" "),n.nowLesson.old?n._e():o("div",{staticClass:"header-h"},[o("i",{class:{headerHP:!0,defaultLook:1!==n.nowShow,lookHP:1===n.nowShow},on:{click:function(t){n.changeTitle(1)}}}),n._v(" "),o("i",{class:{headerHP:!0,defaultPlay:2!==n.nowShow,playHP:2===n.nowShow},on:{click:function(t){n.changeTitle(2)}}}),n._v(" "),o("i",{class:{headerHP:!0,defaultFun:3!==n.nowShow,funHP:3===n.nowShow},on:{click:function(t){n.changeTitle(3)}}}),n._v(" "),o("i",{staticClass:"headerHP home",on:{click:n.backList}})]),n._v(" "),n.nowLesson.old?o("img",{staticClass:"backImg",attrs:{src:n.backUrl},on:{click:n.backList}}):n._e(),n._v(" "),o("div",{class:{"index-content-block":!0,radius:1!==n.nowShow||n.nowLesson.old}},["text"===n.nowLesson.type?o("look-block",{attrs:{contentData:n.nowLesson}}):n._e(),n._v(" "),"video"===n.nowLesson.type?o("video-block",{attrs:{contentData:n.nowLesson,nowShow:n.nowShow}}):n._e(),n._v(" "),"audio"===n.nowLesson.type?o("audio-block",{attrs:{contentData:n.nowLesson}}):n._e()],1)])};dt._withStripped=!0;var st={render:dt,staticRenderFns:[]},lt=st;var ct=!1;var gt=o("VU/8")(rt,lt,!1,function(n){ct||o("PZSc")},"data-v-17c3eb9b",null);gt.options.__file="src/components/newLesson/index.vue";t.default=gt.exports},"5aCS":function(n,t){n.exports="data:image/png;base64,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"},"83Mh":function(n,t){n.exports="data:image/png;base64,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"},"A4/g":function(n,t,o){n.exports=o.p+"static/img/luolalaila.1ba248b.png"},AHTB:function(n,t,o){var A=o("FHMa");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("5b5ea576",A,!1,{})},C0DY:function(n,t,o){n.exports=o.p+"static/img/star1.411dfb7.png"},DHCM:function(n,t){n.exports="data:image/png;base64,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"},Elrb:function(n,t){n.exports="data:image/png;base64,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gAABAgQIEEgBwTApFAQIECBAgACB2gKCYe311z0BAgQIECBAIAUEw6RQECBAgAABAgRqCwiGtddf9wQIECBAgACBFBAMk0JBgAABAgQIEKgtIBjWXn/dEyBAgAABAgRSQDBMCgUBAgQIECBAoLaAYFh7/XVPgAABAgQIEEgBwTApFAQIECBAgACB2gKCYe311z0BAgQIECBAIAUEw6RQECBAgAABAgRqCwiGtddf9wQIECBAgACBFBAMk0JBgAABAgQIEKgtIBjWXn/dEyBAgAABAgRSQDBMCgUBAgQIECBAoLaAYFh7/XVPgAABAgQIEEgBwTApFAQIECBAgACB2gKCYe311z0BAgQIECBAIAUEw6RQECBAgAABAgRqCwiGtddf9wQIECBAgACBFBAMk0JBgAABAgQIEKgtIBjWXn/dEyBAgAABAgRSQDBMCgUBAgQIECBAoLaAYFh7/XVPgAABAgQIEEgBwTApFAQIECBAgACB2gKCYe311z0BAgQIECBAIAUEw6RQECBAgAABAgRqCwiGtddf9wQIECBAgACBFBAMk0JBgAABAgQIEKgtIBjWXn/dEyBAgAABAgRSYDOq9/I3BQECBAgQIECAQFmB/wCtkKd0Jx4WcAAAAABJRU5ErkJggg=="},EsZv:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAmy4FDt8eN/PDjexTZPut0kN0eiMosmgAAADySURBVCjPlVJZssMgDAs7BgIk0f3PWjftpCxp3zz/eJE8Y8teln+Z3VJy+isaDE6j446jRWYsVuPZ+UONuOTuutozPDgm2+POI6YrU3uG6Rg2onYFx4V2EIIZ5pIe4ZMlZDkOtba1AjGvRU3R7jeLJ3j9U1Xlsb1DYdyMl2oQiFgwJVi5mfGSPTJBPIOZIeO77Ng9D7TcMM42FVaBItI8hRTu0sT88Sb5WqixjVyj5DyCNtg/t8tYR0JA1G3mt/FWXY8m+G4P/pj+froC4noZSUAZvlIXIJfVWet2hhHUfN6Ky8jd6rGFyqp7CvKHaHp8kgezoAyFs+5UjgAAAABJRU5ErkJggg=="},FHMa:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-4b9d59c8] {\n  float: right;\n}\n.main-block[data-v-4b9d59c8] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-4b9d59c8]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-4b9d59c8]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-4b9d59c8]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-4b9d59c8]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.off[data-v-4b9d59c8] {\n  position: absolute;\n  top: 2.4vw;\n  z-index: 99999;\n  right: 5.33333333vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #ffffff;\n}\n.guide[data-v-4b9d59c8] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 9999;\n}\n.guide .toVideo[data-v-4b9d59c8] {\n  -webkit-transform: rotate(-30deg);\n          transform: rotate(-30deg);\n  width: 13.33333333vw;\n  position: absolute;\n  top: 26.66666667vw;\n  left: 13.33333333vw;\n}\n.guide .video-block[data-v-4b9d59c8] {\n  width: 85.33333333vw;\n  height: 49.33333333vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #ffffff;\n  position: absolute;\n  top: 41.06666667vw;\n  left: 7.2vw;\n}\n.guide .change-block[data-v-4b9d59c8] {\n  position: absolute;\n  top: 94.93333333vw;\n  left: 30.66666667vw;\n  width: 38.66666667vw;\n  height: 7.46666667vw;\n  border-radius: 3.73333333vw;\n  border: 0.26666667vw solid #ffffff;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #ffffff;\n}\n.guide .change-block div[data-v-4b9d59c8] {\n  width: 49%;\n  float: left;\n  border-radius: 26.66666667vw;\n  line-height: 7.46666667vw;\n  text-align: center;\n}\n.guide .change-block div[data-v-4b9d59c8]:first-child {\n  border: 0.26666667vw solid #ffffff;\n}\n.guide .video-test[data-v-4b9d59c8] {\n  width: 39.46666667vw;\n  position: absolute;\n  left: 26.4vw;\n  top: 21.33333333vw;\n  height: 6.93333333vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #ffffff;\n  font-size: 3.73333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  line-height: 6.93333333vw;\n  text-align: center;\n  color: #ffffff;\n}\n.guide .i-know[data-v-4b9d59c8] {\n  position: absolute;\n  width: 34.4vw;\n  left: 32.8vw;\n  top: 114.66666667vw;\n}\n.guide .color-red[data-v-4b9d59c8] {\n  color: #FF6477;\n}\n.guide .toUntil[data-v-4b9d59c8] {\n  width: 13.33333333vw;\n  position: absolute;\n  left: 40vw;\n  top: 104vw;\n}\n.guide .until-test[data-v-4b9d59c8] {\n  width: 28.8vw;\n  position: absolute;\n  left: 55.73333333vw;\n  top: 106.66666667vw;\n  height: 6.93333333vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #ffffff;\n  font-size: 3.73333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  line-height: 6.93333333vw;\n  text-align: center;\n  color: #ffffff;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/video.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/video.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC8BD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD5BD;AC8BD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CD5BD;ACoBD;EAUI,kCAAA;UAAA,0BAAA;EACA,qBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;CD3BH;ACaD;EAiBI,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,mBAAA;EACA,mBAAA;EACA,YAAA;CD3BH;ACID;EA0BI,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD3BH;ACTD;EAsCM,WAAA;EACA,YAAA;EACA,6BAAA;EACA,0BAAA;EACA,mBAAA;CD1BL;AC2BK;EACE,mCAAA;CDzBP;ACnBD;EAiDI,qBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CD3BH;AClCD;EAgEI,mBAAA;EACA,cAAA;EACA,aAAA;EACA,oBAAA;CD3BH;ACxCD;EAsEI,eAAA;CD3BH;AC3CD;EAyEI,qBAAA;EACA,mBAAA;EACA,WAAA;EACA,WAAA;CD3BH;ACjDD;EA+EI,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CD3BH",file:"video.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.off {\n  position: absolute;\n  top: 2.4vw;\n  z-index: 99999;\n  right: 5.33333333vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #ffffff;\n}\n.guide {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 9999;\n}\n.guide .toVideo {\n  transform: rotate(-30deg);\n  width: 13.33333333vw;\n  position: absolute;\n  top: 26.66666667vw;\n  left: 13.33333333vw;\n}\n.guide .video-block {\n  width: 85.33333333vw;\n  height: 49.33333333vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #ffffff;\n  position: absolute;\n  top: 41.06666667vw;\n  left: 7.2vw;\n}\n.guide .change-block {\n  position: absolute;\n  top: 94.93333333vw;\n  left: 30.66666667vw;\n  width: 38.66666667vw;\n  height: 7.46666667vw;\n  border-radius: 3.73333333vw;\n  border: 0.26666667vw solid #ffffff;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #ffffff;\n}\n.guide .change-block div {\n  width: 49%;\n  float: left;\n  border-radius: 26.66666667vw;\n  line-height: 7.46666667vw;\n  text-align: center;\n}\n.guide .change-block div:first-child {\n  border: 0.26666667vw solid #ffffff;\n}\n.guide .video-test {\n  width: 39.46666667vw;\n  position: absolute;\n  left: 26.4vw;\n  top: 21.33333333vw;\n  height: 6.93333333vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #ffffff;\n  font-size: 3.73333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  line-height: 6.93333333vw;\n  text-align: center;\n  color: #ffffff;\n}\n.guide .i-know {\n  position: absolute;\n  width: 34.4vw;\n  left: 32.8vw;\n  top: 114.66666667vw;\n}\n.guide .color-red {\n  color: #FF6477;\n}\n.guide .toUntil {\n  width: 13.33333333vw;\n  position: absolute;\n  left: 40vw;\n  top: 104vw;\n}\n.guide .until-test {\n  width: 28.8vw;\n  position: absolute;\n  left: 55.73333333vw;\n  top: 106.66666667vw;\n  height: 6.93333333vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #ffffff;\n  font-size: 3.73333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  line-height: 6.93333333vw;\n  text-align: center;\n  color: #ffffff;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.off{\n  position: absolute;\n  top: 9*@toVw;\n  z-index: 99999;\n  right: 20*@toVw;\n  font-size:12*@toVw;\n  font-family:PingFang-SC-Medium;\n  font-weight:500;\n  color:rgba(255,255,255,1);\n}\n.guide{\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background:rgba(0,0,0,0.8);\n  z-index: 9999;\n  .toVideo{\n    transform: rotate(-30deg);\n    width: 50*@toVw;\n    position: absolute;\n    top: 100*@toVw;\n    left: 50*@toVw;\n  }\n  .video-block{\n    width:320*@toVw;\n    height:185*@toVw;\n    border-radius:8*@toVw;\n    border:1*@toVw solid rgba(255,255,255,1);\n    position: absolute;\n    top: 154*@toVw;\n    left: 27*@toVw;\n  }\n  .change-block{\n    position: absolute;\n    top: 356*@toVw;\n    left: 115*@toVw;\n    width:145*@toVw;\n    height:28*@toVw;\n    border-radius:14*@toVw;\n    border:1*@toVw solid rgba(255,255,255,1);\n    font-size:12*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    color:rgba(255,255,255,1);\n    div{\n      width: 49%;\n      float: left;\n      border-radius: 100*@toVw;\n      line-height: 28*@toVw;\n      text-align: center;\n      &:first-child{\n        border:1*@toVw solid rgba(255,255,255,1);\n      }\n    }\n  }\n  .video-test{\n    width:148*@toVw;\n    position: absolute;\n    left: 99*@toVw;\n    top: 80*@toVw;\n    height:26*@toVw;\n    border-radius:8*@toVw;\n    border:1*@toVw solid rgba(255,255,255,1);\n    font-size:14*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    line-height: 26*@toVw;\n    text-align: center;\n    color:rgba(255,255,255,1);\n  }\n  .i-know{\n    position: absolute;\n    width: 129*@toVw;\n    left: 123*@toVw;\n    top: 430*@toVw;\n  }\n  .color-red{\n    color: #FF6477;\n  }\n  .toUntil{\n    width: 50*@toVw;\n    position: absolute;\n    left: 150*@toVw;\n    top: 390*@toVw;\n  }\n  .until-test{\n    width:108*@toVw;\n    position: absolute;\n    left: 209*@toVw;\n    top: 400*@toVw;\n    height:26*@toVw;\n    border-radius:8*@toVw;\n    border:1*@toVw solid rgba(255,255,255,1);\n    font-size:14*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    line-height: 26*@toVw;\n    text-align: center;\n    color:rgba(255,255,255,1);\n  }\n}\n'],sourceRoot:""}])},G8nj:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAACGCAMAAADHJ7eIAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMABYlLEwve+unyWnnRAhw9m8UnqmkxuK30xekAABIiSURBVHja7FzrmpyqEm0QVEAUBeX93/RUKV6wFZxJ8u0znZD8yEymlVXXVVUwr9f7Gil7/Y2LT97ovxE4sb4e/0qVd+IvVTn/p/J/Kv+n8r9A5cM/lf9T+SeucSR/pcqHWphB/0pg14RzxljbtsMwjh2uYlvzl904DrDgJ1o2Lz4vQojW/5mM29L7WrFvqJzwdiykosZOfVOWtRCiqvz1qmDB/4u6rsuyaZq+76dpstYYQ6lSyjmJQkIBBelskvlzKrfC+74gX/FyzdtC2aaudmAi4JpXCate/mxLhIUyuJPP/Jz54yibRTKrYM6SYb9sNaRoKl8d7D2pctBz50xf4y5hj01vDVVBX8O+q32hgbdo6YsbgPlLKZ1zSlFKjbF2mvq+aVBUm3zuZVOJTTK72dB5B+PQMk6+BJ2p+mjvoPLyqi7nbJSoZ9yAqHvquoFFL7qS1vq9oJbtR+avt6/IHCfWKIGyOUrmUjBvogE9NJOFXbWMfM/e9dgbcrbtQdKprBbMjVVFq6+B/uLSr8hwdXgHBlCUTLCbYDZqlQ0GGZBJkIWY98f1Q3vvwd7tYu+aRB/SrKCNmGVaTihR8p+EYR0LOvZswtmAodZMEGURPVhkx/Q37H1/5EhR04i5GLl+/RFF/w6xBGHwAWLQHHerhnb8kb0btPc4h5MOnKCqJ9X9qG4cGRYjrXrJntq7irI8yKJq1PDzqJzWvJuxN+6J1pkzhxSuixJlxl8/dfFiAsX1HXnoKuvHnPCl+7mwEQ3pALr4WtecqMpPP79QI7Lx1dTGhZk6r2LXOHFVZT9ivtCayjdHDbbNGyM8kPRCeMtfH7G4EhFyburz6tmhaps+Zp5EIFod0ej2vDYVE+PLD2rEQLyqqD5F8ePfQ1FeuY/qqBkvimedt55/EnB03SeIOvFIPj8ppcvqgQ2Dh3+YwsGIe9/wvF18locvKn/g5dLX7acBf7HSm5xwrLcfh1trc91Ri2TzeZaO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"},Jv3J:function(n,t,o){n.exports=o.p+"static/img/noFinishBg.2026af0.png"},"Jyj/":function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAipJREFUSA2llT1IlWEUx03EDFEkCQmCQBShwSFoaBAaWhscFGoIajFwECRoaGhxcHAwaGhoEhwcbEjv0NLQICgILdGUCJIfqXVvH37r2+88nnN5fN7nvt57e+B3z/Oc8z//c9/73vvemhpdSZI8gTx8hvtwwWrVRPpnYcb1ihmIub/mOfRUYy49ZmQD6jSxSuyHJRMQp6Gj0kHWHw5YkwTFengKP1V4QByHy+UO0r4kHLDuGyBqhZcgA2TJwGGo93WxvYhlhQM2Sog70b51HacvXwl9Ma3lTBsO2DRBLNLUAwvWTJyD2yW0ThYO2IqJ/Rxd8o17AMvO4fRlitAe6FwlHLDti7L2dDfAMyg4pyTZJ45Bi/RpLnUPfmSZxmoYXYFXcKim28Qh3acG5GMm5eQw7IJ3ZmzR9XKwH1qhHLMsDV53YNEG1Abi/3r+qFcD8eIZX+8Kfp8pVHDAoxve2zu36Cw42Ef0twJP671K/xs4VtN14oDuUzd5p9wBGDTCC/gDsnZgBJrEQxKy7F3YFeyeN4CeWngE30DWCUzANb9XCrLCAXu+KNyjvwufpFHXB+LNUCdnE7gaB7uCgxLiG2hy1kT8AvdiWsuZNhxwaAKJiNrgNRxpw3fiINT5uthe9amP6EiNLyF4Dr9UuEscheaYWSynfakBcsMewooK5DwJ12MmWTntLw6QR7D9PVrtI5tbWSZZNTMpakg8hg2Q50hvsVDlBg/5UuT+AVNadPgn7M81AAAAAElFTkSuQmCC"},M58m:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYBAMAAAAbsoCxAAAAG1BMVEVHcEz///////////////////////////////8W/R0OAAAACHRSTlMAxuOqblIYPdzfuK0AAABBSURBVBjTY2BABazGZgzFxlAQwMDS0cYQ0QEFDhhcJTWGICUocGCgImAVFGMoFIQCQs5AU0xFgOZBAs5ADTpUAACEHS/VIfLFrAAAAABJRU5ErkJggg=="},MbWQ:function(n,t,o){var A=o("U7a+");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("08984620",A,!1,{})},NOvk:function(n,t){n.exports="data:image/png;base64,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"},NWa3:function(n,t){n.exports="data:image/png;base64,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"},O8Ir:function(n,t,o){n.exports=o.p+"static/img/luoLacoming.565b7f9.png"},Oq7G:function(n,t,o){var A=o("v+hz");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("91d88164",A,!1,{})},PFRu:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAulBMVEVHcEz///7u7u6vr6+mpqa9vb329vaqqqr+/v709PT39/f+/v7////////MzMz///////+qqqrf39/7+/v5+fny8vL///+0tLTExMT////////8/Pz////Ozs7l5eWzs7Pd3d3S0tL///+6urrn5+f////y8vLNzc3/0hX//vz/0RP/0hT/1SP/0xr/2DP/+Nf/5HT/4Fz/20j+/ff/4mj/8LL/65f/6Ij/9cz/8r7/2j7/7qb/+uT/54GK0AbKAAAAKHRSTlMA8PxkFQb/L/sPNNFLCO9w5UzSflsr28DdrYnGHtngjvn6Z9e3mrBIhX7XvQAAAatJREFUOMuVk+l2gjAQRgMiRNzrvrTaPQkhIQSURd//tRqQ2kNq8XR+cXLuXD6GDABauS9uG9ypniHh8A7T7/IwNrbN0BQKwuTkjighiOSjTqMIixChDE+aRfSgVHGT6gWLiCGEQvz3B3bmCT0TBaF0flvV37rrSoQ8pdIm2p/1Ju+bkWHAuBIpFeyu1lP36uuNIJSnND+LjDJ2YRA7xlxiDOerYecSJAqpjzIRCEIqEULqkWZCoXijXvyJA+IVvYz6HtJKNQVwBkDLPLGi3/tFlOUfij9pvdqcEfRXHfFbEdxZNlBH/OSAikqo18wAMB7I+BblH/CDcx3nbarOlFTu32HUIPacaiOKdAa0N6mvQ9DVmM7ooEcKZU/fNiPQg7PT8NeWhDrkn9YaNJHfuck3TJKVdvE++CU3oSKqJkbybr8OddPy3I8SCXlU3hlyNOoX3TKKTaJBIs3HgYnTEHnIi/CsBs1goCwcm48ty9kNbBxnxMtwfQZjm5+5NJc7qxias3i2Zc6EBllLu7RcmxZ7tQZmPZNqXvwgxUHr9XnQ0nezbekHYwv8q74AGD5kk0CKulYAAAAASUVORK5CYII="},PYhZ:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-17c3eb9b] {\n  float: right;\n}\n.main-block[data-v-17c3eb9b] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-17c3eb9b]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-17c3eb9b]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-17c3eb9b]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-17c3eb9b]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.lessonHeader[data-v-17c3eb9b] {\n  background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/lessonHeader.png?v=2') no-repeat;\n  background-size: 27.2vw 89.06666667vw;\n  display: inline-block;\n}\n.header-h[data-v-17c3eb9b] {\n  display: none;\n}\n.home[data-v-17c3eb9b] {\n  height: 12.26666667vw;\n  width: 12.26666667vw;\n  background-position: 0 0;\n}\n.play[data-v-17c3eb9b] {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -12.26666667vw;\n}\n.look[data-v-17c3eb9b] {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -25.06666667vw;\n}\n.fun[data-v-17c3eb9b] {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -37.86666667vw;\n}\n.defaultFun[data-v-17c3eb9b] {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -50.66666667vw;\n}\n.defaultLook[data-v-17c3eb9b] {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -63.46666667vw;\n}\n.defaultPlay[data-v-17c3eb9b] {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -76.26666667vw;\n}\n.header[data-v-17c3eb9b] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  padding: 1.33333333vw 0;\n  z-index: 2;\n  background: #ffffff;\n  -webkit-box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\n          box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\n}\n.newLesson[data-v-17c3eb9b] {\n  background: #f8f8f8;\n}\n.backImg[data-v-17c3eb9b] {\n  position: fixed;\n  bottom: 10.66666667vw;\n  right: 5.33333333vw;\n  z-index: 99999999;\n  width: 16vw;\n}\n@media screen and (orientation: landscape) {\n.backImg[data-v-17c3eb9b] {\n    position: fixed;\n    bottom: 5.9970015vw;\n    right: 2.99850075vw;\n    z-index: 99999999;\n    width: 8.99550225vw;\n}\n.lessonHeader[data-v-17c3eb9b] {\n    display: none;\n}\n.header[data-v-17c3eb9b] {\n    display: none;\n}\n.actBanKuai[data-v-17c3eb9b] {\n    background-color: white;\n    border: 0.14992504vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 1.1994003vw 0 0 1.1994003vw;\n}\n.headerHP[data-v-17c3eb9b] {\n    background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2') no-repeat;\n    background-size: 9.29535232vw 65.06746627vw;\n    display: inline-block;\n}\n.home[data-v-17c3eb9b] {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 0;\n}\n.lookHP[data-v-17c3eb9b] {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -9.29535232vw;\n    background-color: white;\n    border: 0.14992504vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 1.1994003vw 0 0 1.1994003vw;\n}\n.playHP[data-v-17c3eb9b] {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -18.59070465vw;\n    background-color: white;\n    border: 0.14992504vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 1.1994003vw 0 0 1.1994003vw;\n}\n.funHP[data-v-17c3eb9b] {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -27.88605697vw;\n    background-color: white;\n    border: 0.14992504vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 1.1994003vw 0 0 1.1994003vw;\n}\n.defaultFun[data-v-17c3eb9b] {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -37.1814093vw;\n}\n.defaultLook[data-v-17c3eb9b] {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -46.47676162vw;\n}\n.defaultPlay[data-v-17c3eb9b] {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -55.77211394vw;\n}\n.header-h[data-v-17c3eb9b] {\n    display: block;\n    width: 9.29535232vw;\n    position: absolute;\n    left: 2.62368816vw;\n    top: 2.99850075vw;\n    z-index: 2;\n}\n.header-h .headerHP[data-v-17c3eb9b] {\n    display: block;\n}\n.index-content-block[data-v-17c3eb9b] {\n    position: absolute;\n    top: 2.99850075vw;\n    left: 11.994003vw;\n    right: 2.99850075vw;\n    bottom: 2.99850075vw;\n    background: white;\n    border: 0.14992504vw solid #000;\n    border-radius: 0 1.1994003vw 1.1994003vw 1.1994003vw;\n}\n.index-content-block.radius[data-v-17c3eb9b] {\n    border-radius: 1.1994003vw;\n}\n}\n@media screen and (min-aspect-ratio: 20/8) {\n.backImg[data-v-17c3eb9b] {\n    position: fixed;\n    bottom: 4.44444444vw;\n    right: 2.22222222vw;\n    z-index: 99999999;\n    width: 6.66666667vw;\n}\n.lessonHeader[data-v-17c3eb9b] {\n    display: none;\n}\n.header[data-v-17c3eb9b] {\n    display: none;\n}\n.actBanKuai[data-v-17c3eb9b] {\n    background-color: white;\n    border: 0.11111111vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 0.88888889vw 0 0 0.88888889vw;\n}\n.headerHP[data-v-17c3eb9b] {\n    background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2') no-repeat;\n    background-size: 6.88888889vw 48.22222222vw;\n    display: inline-block;\n}\n.headerHP.lookHP[data-v-17c3eb9b] {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 0;\n    background-color: white;\n    border: 0.11111111vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 0.88888889vw 0 0 0.88888889vw;\n}\n.headerHP.defaultPlay[data-v-17c3eb9b] {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -6.88888889vw;\n}\n.headerHP.playHP[data-v-17c3eb9b] {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -13.77777778vw;\n    background-color: white;\n    border: 0.11111111vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 0.88888889vw 0 0 0.88888889vw;\n}\n.headerHP.defaultLook[data-v-17c3eb9b] {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -20.66666667vw;\n}\n.headerHP.home[data-v-17c3eb9b] {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -27.55555556vw;\n}\n.headerHP.defaultFun[data-v-17c3eb9b] {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -34.44444444vw;\n}\n.headerHP.funHP[data-v-17c3eb9b] {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -41.33333333vw;\n    background-color: white;\n    border: 0.11111111vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 0.88888889vw 0 0 0.88888889vw;\n}\n.header-h[data-v-17c3eb9b] {\n    display: block;\n    width: 6.88888889vw;\n    position: absolute;\n    left: 1.94444444vw;\n    top: 2.22222222vw;\n    z-index: 2;\n}\n.header-h .headerHP[data-v-17c3eb9b] {\n    display: block;\n}\n.index-content-block[data-v-17c3eb9b] {\n    position: absolute;\n    top: 2.22222222vw;\n    left: 8.88888889vw;\n    right: 2.22222222vw;\n    bottom: 2.22222222vw;\n    background: white;\n    border: 0.11111111vw solid #000;\n    border-radius: 0 0.88888889vw 0.88888889vw 0.88888889vw;\n}\n.index-content-block.radius[data-v-17c3eb9b] {\n    border-radius: 0.88888889vw;\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/index.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/index.vue"],names:[],mappings:"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",file:"index.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.lessonHeader {\n  background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/lessonHeader.png?v=2') no-repeat;\n  background-size: 27.2vw 89.06666667vw;\n  display: inline-block;\n}\n.header-h {\n  display: none;\n}\n.home {\n  height: 12.26666667vw;\n  width: 12.26666667vw;\n  background-position: 0 0;\n}\n.play {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -12.26666667vw;\n}\n.look {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -25.06666667vw;\n}\n.fun {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -37.86666667vw;\n}\n.defaultFun {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -50.66666667vw;\n}\n.defaultLook {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -63.46666667vw;\n}\n.defaultPlay {\n  height: 12.8vw;\n  width: 27.2vw;\n  background-position: 0 -76.26666667vw;\n}\n.header {\n  display: flex;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  padding: 1.33333333vw 0;\n  z-index: 2;\n  background: #ffffff;\n  box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\n}\n.newLesson {\n  background: #f8f8f8;\n}\n.backImg {\n  position: fixed;\n  bottom: 10.66666667vw;\n  right: 5.33333333vw;\n  z-index: 99999999;\n  width: 16vw;\n}\n@media screen and (orientation: landscape) {\n  .backImg {\n    position: fixed;\n    bottom: 5.9970015vw;\n    right: 2.99850075vw;\n    z-index: 99999999;\n    width: 8.99550225vw;\n  }\n  .lessonHeader {\n    display: none;\n  }\n  .header {\n    display: none;\n  }\n  .actBanKuai {\n    background-color: white;\n    border: 0.14992504vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 1.1994003vw 0 0 1.1994003vw;\n  }\n  .headerHP {\n    background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2') no-repeat;\n    background-size: 9.29535232vw 65.06746627vw;\n    display: inline-block;\n  }\n  .home {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 0;\n  }\n  .lookHP {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -9.29535232vw;\n    background-color: white;\n    border: 0.14992504vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 1.1994003vw 0 0 1.1994003vw;\n  }\n  .playHP {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -18.59070465vw;\n    background-color: white;\n    border: 0.14992504vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 1.1994003vw 0 0 1.1994003vw;\n  }\n  .funHP {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -27.88605697vw;\n    background-color: white;\n    border: 0.14992504vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 1.1994003vw 0 0 1.1994003vw;\n  }\n  .defaultFun {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -37.1814093vw;\n  }\n  .defaultLook {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -46.47676162vw;\n  }\n  .defaultPlay {\n    height: 9.29535232vw;\n    width: 9.29535232vw;\n    background-position: 0 -55.77211394vw;\n  }\n  .header-h {\n    display: block;\n    width: 9.29535232vw;\n    position: absolute;\n    left: 2.62368816vw;\n    top: 2.99850075vw;\n    z-index: 2;\n  }\n  .header-h .headerHP {\n    display: block;\n  }\n  .index-content-block {\n    position: absolute;\n    top: 2.99850075vw;\n    left: 11.994003vw;\n    right: 2.99850075vw;\n    bottom: 2.99850075vw;\n    background: white;\n    border: 0.14992504vw solid #000;\n    border-radius: 0 1.1994003vw 1.1994003vw 1.1994003vw;\n  }\n  .index-content-block.radius {\n    border-radius: 1.1994003vw;\n  }\n}\n@media screen and (min-aspect-ratio: 20/8) {\n  .backImg {\n    position: fixed;\n    bottom: 4.44444444vw;\n    right: 2.22222222vw;\n    z-index: 99999999;\n    width: 6.66666667vw;\n  }\n  .lessonHeader {\n    display: none;\n  }\n  .header {\n    display: none;\n  }\n  .actBanKuai {\n    background-color: white;\n    border: 0.11111111vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 0.88888889vw 0 0 0.88888889vw;\n  }\n  .headerHP {\n    background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2') no-repeat;\n    background-size: 6.88888889vw 48.22222222vw;\n    display: inline-block;\n  }\n  .headerHP.lookHP {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 0;\n    background-color: white;\n    border: 0.11111111vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 0.88888889vw 0 0 0.88888889vw;\n  }\n  .headerHP.defaultPlay {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -6.88888889vw;\n  }\n  .headerHP.playHP {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -13.77777778vw;\n    background-color: white;\n    border: 0.11111111vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 0.88888889vw 0 0 0.88888889vw;\n  }\n  .headerHP.defaultLook {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -20.66666667vw;\n  }\n  .headerHP.home {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -27.55555556vw;\n  }\n  .headerHP.defaultFun {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -34.44444444vw;\n  }\n  .headerHP.funHP {\n    height: 6.88888889vw;\n    width: 6.88888889vw;\n    background-position: 0 -41.33333333vw;\n    background-color: white;\n    border: 0.11111111vw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 0.88888889vw 0 0 0.88888889vw;\n  }\n  .header-h {\n    display: block;\n    width: 6.88888889vw;\n    position: absolute;\n    left: 1.94444444vw;\n    top: 2.22222222vw;\n    z-index: 2;\n  }\n  .header-h .headerHP {\n    display: block;\n  }\n  .index-content-block {\n    position: absolute;\n    top: 2.22222222vw;\n    left: 8.88888889vw;\n    right: 2.22222222vw;\n    bottom: 2.22222222vw;\n    background: white;\n    border: 0.11111111vw solid #000;\n    border-radius: 0 0.88888889vw 0.88888889vw 0.88888889vw;\n  }\n  .index-content-block.radius {\n    border-radius: 0.88888889vw;\n  }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.lessonHeader{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/lessonHeader.png?v=2')  no-repeat;background-size:102*@toVw 334*@toVw;display: inline-block}\n.header-h{display: none}\n.home{height:46*@toVw;width:46*@toVw;background-position:0 0;}\n.play{height:48*@toVw;width:102*@toVw;background-position:0 -46*@toVw;}\n.look{height:48*@toVw;width:102*@toVw;background-position:0 -94*@toVw;}\n.fun{height:48*@toVw;width:102*@toVw;background-position:0 -142*@toVw;}\n.defaultFun{height:48*@toVw;width:102*@toVw;background-position:0 -190*@toVw;}\n.defaultLook{height:48*@toVw;width:102*@toVw;background-position:0 -238*@toVw;}\n.defaultPlay{height:48*@toVw;width:102*@toVw;background-position:0 -286*@toVw;}\n  .header{\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    padding: 5*@toVw 0;\n    z-index: 2;\n    background:rgba(255,255,255,1);\n    box-shadow:0*@toVw 2*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.1);\n  }\n  .newLesson{\n    background: #f8f8f8;\n  }\n  .backImg{\n    position: fixed;\n    bottom: 40*@toVw;\n    right: 20*@toVw;\n    z-index: 99999999;\n    width: 60*@toVw;\n  }\n\n@media screen and (orientation: landscape) {\n  @toVw:100/667vw;\n  .backImg{\n    position: fixed;\n    bottom: 40*@toVw;\n    right: 20*@toVw;\n    z-index: 99999999;\n    width: 60*@toVw;\n  }\n  .lessonHeader{\n    display: none;\n  }\n  .header{\n    display: none;\n  }\n  .actBanKuai{\n    background-color: white;\n    border: 1*@toVw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 8*@toVw 0 0 8*@toVw;\n  }\n  .headerHP{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2')  no-repeat;background-size:62*@toVw 434*@toVw;display: inline-block}\n  .home{height:62*@toVw;width:62*@toVw;background-position:0 0;}\n  .lookHP{height:62*@toVw;width:62*@toVw;background-position:0 -62*@toVw;.actBanKuai}\n  .playHP{height:62*@toVw;width:62*@toVw;background-position:0 -124*@toVw;.actBanKuai}\n  .funHP{height:62*@toVw;width:62*@toVw;background-position:0 -186*@toVw;.actBanKuai}\n  .defaultFun{height:62*@toVw;width:62*@toVw;background-position:0 -248*@toVw;}\n  .defaultLook{height:62*@toVw;width:62*@toVw;background-position:0 -310*@toVw;}\n  .defaultPlay{height:62*@toVw;width:62*@toVw;background-position:0 -372*@toVw;}\n\n  .header-h{\n    display: block;\n    width: 62*@toVw;\n    position: absolute;\n    left: 17.5*@toVw;\n    top: 20*@toVw;\n    z-index: 2;\n    .headerHP{\n      display: block;\n    }\n  }\n  .index-content-block{\n    position: absolute;\n    top: 20*@toVw;\n    left: 80*@toVw;\n    right: 20*@toVw;\n    bottom: 20*@toVw;\n    background: white;\n    border: 1*@toVw solid #000;\n    border-radius: 0 8*@toVw 8*@toVw 8*@toVw;\n    &.radius{\n      border-radius: 8*@toVw;\n    }\n  }\n}\n@media screen and (min-aspect-ratio: ~\"20/8\"){\n  @toVw:100/900vw;\n  .backImg{\n    position: fixed;\n    bottom: 40*@toVw;\n    right: 20*@toVw;\n    z-index: 99999999;\n    width: 60*@toVw;\n  }\n  .lessonHeader{\n    display: none;\n  }\n  .header{\n    display: none;\n  }\n  .actBanKuai{\n    background-color: white;\n    border: 1*@toVw solid transparent;\n    border-left-color: black;\n    border-top-color: black;\n    border-bottom-color: black;\n    border-radius: 8*@toVw 0 0 8*@toVw;\n  }\n  .headerHP{\n    background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/index-h.png?v=2')  no-repeat;\n    background-size:62*@toVw 434*@toVw;\n    display: inline-block;\n    &.lookHP{height:62*@toVw;width:62*@toVw;background-position:0 0;.actBanKuai}\n    &.defaultPlay{height:62*@toVw;width:62*@toVw;background-position:0 -62*@toVw;}\n    &.playHP{height:62*@toVw;width:62*@toVw;background-position:0 -124*@toVw;.actBanKuai}\n    &.defaultLook{height:62*@toVw;width:62*@toVw;background-position:0 -186*@toVw;}\n    &.home{height:62*@toVw;width:62*@toVw;background-position:0 -248*@toVw;}\n    &.defaultFun{height:62*@toVw;width:62*@toVw;background-position:0 -310*@toVw;}\n    &.funHP{height:62*@toVw;width:62*@toVw;background-position:0 -372*@toVw;.actBanKuai}\n  }\n\n  .header-h{\n    display: block;\n    width: 62*@toVw;\n    position: absolute;\n    left: 17.5*@toVw;\n    top: 20*@toVw;\n    z-index: 2;\n    .headerHP{\n      display: block;\n    }\n  }\n  .index-content-block{\n    position: absolute;\n    top: 20*@toVw;\n    left: 80*@toVw;\n    right: 20*@toVw;\n    bottom: 20*@toVw;\n    background: white;\n    border: 1*@toVw solid #000;\n    border-radius: 0 8*@toVw 8*@toVw 8*@toVw;\n    &.radius{\n      border-radius: 8*@toVw;\n    }\n  }\n}\n"],sourceRoot:""}])},PZSc:function(n,t,o){var A=o("PYhZ");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("3e1bc0fc",A,!1,{})},Q3a2:function(n,t,o){var A=o("fliX");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("a412b342",A,!1,{})},Qz73:function(n,t,o){"use strict";var A=o("CCn6"),e=o("dZdx"),i=o.n(e),a=o("qkCC"),r=o.n(a),d=o("G8nj"),s=o.n(d),l=o("XDzh"),c=o.n(l),g=o("Jyj/"),w=o.n(g),h=o("M58m"),b=o.n(h),p=o("EsZv"),C=o.n(p),v=o("SKwj"),u=o.n(v),f=o("ohH1"),m=o.n(f),k={name:"guide",data:function(){return{iKnowUrl:s.a,goDownUrl:m.a,playUrl:c.a,toBigUrl:i.a,loveUrl:r.a,nextUrl:w.a,listUrl:b.a,refUrl:C.a,goUrl:u.a,show:!1}},mounted:function(){var n=this;Object(A.j)({page_name:"newAudio"}).then(function(t){0==t&&(n.show=!0)})}},B=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.show?o("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[o("div",{staticClass:"title"},[n._v("\n      点击放大图片\n    ")]),n._v(" "),o("div",{staticClass:"btn-block"},[o("img",{attrs:{src:n.toBigUrl}}),n._v(" "),o("img",{attrs:{src:n.listUrl}}),n._v(" "),o("img",{staticClass:"backImg",attrs:{src:n.nextUrl}}),n._v(" "),o("img",{staticClass:"play-btn",attrs:{src:n.playUrl}}),n._v(" "),o("img",{attrs:{src:n.nextUrl}}),n._v(" "),o("img",{attrs:{src:n.refUrl}}),n._v(" "),o("img",{attrs:{src:n.loveUrl}})]),n._v(" "),o("img",{staticClass:"toLesson",attrs:{src:n.goUrl}}),n._v(" "),n._m(0),n._v(" "),o("img",{staticClass:"i-know",attrs:{src:n.iKnowUrl}})]):n._e()])};B._withStripped=!0;var E={render:B,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"lesson-text"},[this._v("点击"),t("span",{staticClass:"color-red"},[this._v("收藏")])])}]},D=E;var I=!1;var y=o("VU/8")(k,D,!1,function(n){I||o("yvem")},"data-v-0761bba3",null);y.options.__file="src/components/guide/audio.vue";t.a=y.exports},"R+Hs":function(n,t,o){n.exports=o.p+"static/img/star3.cd9b3e0.png"},"S+8+":function(n,t){n.exports="data:image/png;base64,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"},"U7a+":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-1692751e] {\n  float: right;\n}\n.main-block[data-v-1692751e] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-1692751e]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-1692751e]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-1692751e]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-1692751e]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.nofinish-block[data-v-1692751e] {\n  width: 62.66666667vw;\n  height: 72vw;\n  position: relative;\n  background-size: 100% 100%;\n  text-align: center;\n  color: white;\n}\n.nofinish-block .title[data-v-1692751e] {\n  font-size: 7.46666667vw;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  padding-top: 10.66666667vw;\n}\n.nofinish-block .desc[data-v-1692751e] {\n  font-size: 3.73333333vw;\n  margin-top: 1.33333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n}\n.nofinish-block .go-on[data-v-1692751e] {\n  position: absolute;\n  background: #FCD900;\n  font-size: 4.26666667vw;\n  color: white;\n  bottom: -6.66666667vw;\n  left: 50%;\n  margin-left: -20vw;\n  font-family: PingFang-SC-Bold;\n  padding: 4vw 12vw;\n  border-radius: 53.33333333vw;\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/nofinishdia.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/nofinishdia.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;ACGD;EACE,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,aAAA;CDDD;ACLD;EAQI,wBAAA;EACA,8BAAA;EACA,kBAAA;EACA,2BAAA;CDAH;ACXD;EAcI,wBAAA;EACA,yBAAA;EACA,gCAAA;EACA,iBAAA;CDAH;ACjBD;EAoBI,mBAAA;EACA,oBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,UAAA;EACA,mBAAA;EACA,8BAAA;EACA,kBAAA;EACA,6BAAA;CDAH",file:"nofinishdia.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.nofinish-block {\n  width: 62.66666667vw;\n  height: 72vw;\n  position: relative;\n  background-size: 100% 100%;\n  text-align: center;\n  color: white;\n}\n.nofinish-block .title {\n  font-size: 7.46666667vw;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  padding-top: 10.66666667vw;\n}\n.nofinish-block .desc {\n  font-size: 3.73333333vw;\n  margin-top: 1.33333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n}\n.nofinish-block .go-on {\n  position: absolute;\n  background: #FCD900;\n  font-size: 4.26666667vw;\n  color: white;\n  bottom: -6.66666667vw;\n  left: 50%;\n  margin-left: -20vw;\n  font-family: PingFang-SC-Bold;\n  padding: 4vw 12vw;\n  border-radius: 53.33333333vw;\n}\n",'\n\n\n\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.nofinish-block{\n  width: 235*@toVw;\n  height: 270*@toVw;\n  position: relative;\n  background-size: 100% 100%;\n  text-align: center;\n  color: white;\n  .title{\n    font-size:28*@toVw;\n    font-family:PingFang-SC-Bold;\n    font-weight:bold;\n    padding-top: 40*@toVw;\n  }\n  .desc{\n    font-size:14*@toVw;\n    margin-top: 5*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n  }\n  .go-on{\n    position: absolute;\n    background: #FCD900 ;\n    font-size: 16*@toVw;\n    color: white;\n    bottom: -25*@toVw;\n    left: 50%;\n    margin-left: -75*@toVw;\n    font-family:PingFang-SC-Bold;\n    padding:15*@toVw 45*@toVw;\n    border-radius: 200*@toVw;\n  }\n}\n'],sourceRoot:""}])},VCXP:function(n,t,o){var A=o("Y6aH");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("44712bda",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,{})},Y6aH:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-da7fe6ce] {\n  float: right;\n}\n.main-block[data-v-da7fe6ce] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-da7fe6ce]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-da7fe6ce]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-da7fe6ce]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-da7fe6ce]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.img_btn[data-v-da7fe6ce] {\n  position: fixed;\n  bottom: 5.33333333vw;\n  right: 5.33333333vw;\n  width: 13.33333333vw;\n}\n.pop-block[data-v-da7fe6ce] {\n  background: white;\n  border-radius: 2.13333333vw;\n  width: 61.33333333vw;\n  padding: 13.33333333vw 2.66666667vw 2.66666667vw 2.66666667vw;\n  position: relative;\n  height: 37.86666667vw;\n}\n.pop-block .star-all[data-v-da7fe6ce] {\n  width: 41.06666667vw;\n  position: absolute;\n  top: -10.66666667vw;\n  left: 15.2vw;\n}\n.pop-block .list[data-v-da7fe6ce] {\n  font-size: 3.73333333vw;\n  text-align: left;\n  padding: 1.86666667vw 5.33333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n}\n.pop-block .list .star-content[data-v-da7fe6ce] {\n  float: right;\n  width: 13.33333333vw;\n  text-align: right;\n}\n.pop-block .list .star-content img[data-v-da7fe6ce] {\n  width: 4.53333333vw;\n  margin-left: -3.73333333vw;\n}\n.pop-block .btn-block[data-v-da7fe6ce] {\n  margin-top: 8vw;\n}\n.pop-block .btn-block .btn[data-v-da7fe6ce] {\n  width: 54.13333333vw;\n  height: 8.8vw;\n  background: #40a9ff;\n  border-radius: 4.53333333vw;\n  color: white;\n  line-height: 8.8vw;\n  text-align: center;\n  font-size: 14px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #ffffff;\n}\n@media screen and (orientation: landscape) {\n.img_btn[data-v-da7fe6ce] {\n    display: none;\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/star.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/star.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;AC6CD;EACE,gBAAA;EACA,qBAAA;EACA,oBAAA;EACA,qBAAA;CD3CD;AC6CD;EACE,kBAAA;EACA,4BAAA;EACA,qBAAA;EACA,8DAAA;EACA,mBAAA;EACA,sBAAA;CD3CD;ACqCD;EAQI,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,aAAA;CD1CH;AC+BD;EAcI,wBAAA;EACA,iBAAA;EACA,mCAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD1CH;ACuBD;EAqBM,aAAA;EACA,qBAAA;EACA,kBAAA;CDzCL;ACkBD;EAyBQ,oBAAA;EACA,2BAAA;CDxCP;ACcD;EA+BI,gBAAA;CD1CH;ACWD;EAiCM,qBAAA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDzCL;AC8CD;AACE;IACE,cAAA;CD5CD;CACF",file:"star.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.img_btn {\n  position: fixed;\n  bottom: 5.33333333vw;\n  right: 5.33333333vw;\n  width: 13.33333333vw;\n}\n.pop-block {\n  background: white;\n  border-radius: 2.13333333vw;\n  width: 61.33333333vw;\n  padding: 13.33333333vw 2.66666667vw 2.66666667vw 2.66666667vw;\n  position: relative;\n  height: 37.86666667vw;\n}\n.pop-block .star-all {\n  width: 41.06666667vw;\n  position: absolute;\n  top: -10.66666667vw;\n  left: 15.2vw;\n}\n.pop-block .list {\n  font-size: 3.73333333vw;\n  text-align: left;\n  padding: 1.86666667vw 5.33333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n}\n.pop-block .list .star-content {\n  float: right;\n  width: 13.33333333vw;\n  text-align: right;\n}\n.pop-block .list .star-content img {\n  width: 4.53333333vw;\n  margin-left: -3.73333333vw;\n}\n.pop-block .btn-block {\n  margin-top: 8vw;\n}\n.pop-block .btn-block .btn {\n  width: 54.13333333vw;\n  height: 8.8vw;\n  background: #40a9ff;\n  border-radius: 4.53333333vw;\n  color: white;\n  line-height: 8.8vw;\n  text-align: center;\n  font-size: 14px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #ffffff;\n}\n@media screen and (orientation: landscape) {\n  .img_btn {\n    display: none;\n  }\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.img_btn{\n  position: fixed;\n  bottom: 20*@toVw;\n  right: 20*@toVw;\n  width: 50*@toVw;\n}\n.pop-block{\n  background: white;\n  border-radius: 8*@toVw;\n  width: 230*@toVw;\n  padding:50*@toVw 10*@toVw 10*@toVw 10*@toVw;\n  position: relative;\n  height: 142*@toVw;\n  .star-all{\n    width: 154*@toVw;\n    position: absolute;\n    top: -40*@toVw;\n    left: 57*@toVw;\n  }\n  .list{\n    font-size:14*@toVw;\n    text-align: left;\n    padding: 7*@toVw 20*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    color:rgba(0,0,0,1);\n    .star-content{\n      float: right;\n      width: 50*@toVw;\n      text-align: right;\n      img{\n        width: 17*@toVw;\n        margin-left: -14*@toVw;\n      }\n    }\n  }\n  .btn-block{\n    margin-top: 30*@toVw;\n    .btn{\n      width:203 *@toVw;\n      height:33 *@toVw;\n      background:rgba(64,169,255,1);\n      border-radius:17 *@toVw;\n      color: white;\n      line-height: 33*@toVw;\n      text-align: center;\n      font-size:14px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(255,255,255,1);\n    }\n  }\n}\n\n@media screen and (orientation: landscape) {\n  .img_btn{\n    display: none;\n  }\n}\n\n'],sourceRoot:""}])},YFRT:function(n,t){n.exports="data:image/png;base64,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"},cku8:function(n,t,o){n.exports=o.p+"static/img/back.c3a0824.png"},dZdx:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAAXNSR0IArs4c6QAAAt1JREFUSA3NlktIFWEUx+8tNbKHF7IQF7YoelDhJiRoVRS267GUoKLHwqB1QSAEEe17bCJoU0Qbw6hoUZEERVRGFNGDWghBCfbgKmlpvzPOmfnzOVzv1Ut04Oc533l+M/PNeHO5fyz5cuaNj483ktcCTTAEn+FjPp8fQVdHGLIIjsNTyJKfOK/BjhlNpMFsOArfoVx5RGJbxYMpKsDtjCmD+O7BZeiG5zAGKr9Y7Ct7KMn18Ew7YD+EdqgJG+FrArsTthmVw2Fu5poKex4uoxhlFZK3GO57IdpqN2cOcScJu6TAbtVOj6nGPx8mnWx8taCP4gPrOq1NbAJ2SN6Ay4kkKAbBNhiCu+JOTPwN8AlcjiRBNYhu8gx0P8zVuNv47Xm51LtfNcHdnoB+qTG3Z2Hoe3SBl3nYg4GedCuDuC2vwEDsX8vQZbGdKBu4IVnlcj1iV2yy2T8U3ZRC7R257bg3S8Jbt9ldO3YXzIt9SzyGfkx8LF6/Rh9gWDFeJz1Ya++JMIVFMBmNCyLFuifylvdni9eS3iklp9zv2q7wKyyFGhIL7PRbHLTTarv2K1yOvSqO3ULb7TOxK3wQWRN/7EPvMuhGohliXxOXjUkgMEg45knozFNqJcSuSl5H0CZnh6ZXnNvFrthkkL3s26RQrzxy28BuSdhPUUHWavotNJ8fGI2bfQgWxs4+Hk9/bKeKAXl4Ai7n02hqEVwN9mG4lHpTC38zfAGXvWk0sMjQr40VdAYpJZfkLwDd9AvWtVMVnSFJ5TSL7A+wdCJnJbzSQmx9jpItJkn2WtwJCu2rfxD0qEdV+NbDWRiBUGwD+qGQSWKSVAcXw2rWv+E99IL9xhmAUH7gGBZneUNtPkUdoP9qpE+meQNvC2yFaQ+dQ/EesN8wRQjlHY5z0Co3yTY7/aHeiCb26jTCOlgBDR7L0sRnPjSrcSnf/zL0eqlNViUWXGlfVZpO1YShrXAS1vwFb8RAsMu0tZAAAAAASUVORK5CYII="},fliX:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-2ccc77b0] {\n  float: right;\n}\n.main-block[data-v-2ccc77b0] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-2ccc77b0]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-2ccc77b0]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-2ccc77b0]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-2ccc77b0]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.share-page[data-v-2ccc77b0] {\n  position: fixed;\n  background: #EEEEEE;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 10;\n}\n.share-page .share-block[data-v-2ccc77b0] {\n  position: absolute;\n  border-radius: 2.13333333vw;\n  top: 5.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n}\n.share-page .share-block .bg-title[data-v-2ccc77b0] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 16vw;\n  background-size: 100% 100%;\n  z-index: -1;\n}\n.share-page .share-block .bg-desc[data-v-2ccc77b0] {\n  position: absolute;\n  top: 15.46666667vw;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: white;\n  z-index: -1;\n  border-radius: 0 0 2.13333333vw 2.13333333vw;\n}\n.share-page .share-block #cvs-img[data-v-2ccc77b0] {\n  position: absolute;\n  width: 77.6vw;\n  top: 5.6vw;\n  left: 6.13333333vw;\n  z-index: 1;\n}\n.share-page .share-block .content[data-v-2ccc77b0] {\n  width: 77.6vw;\n  height: 98.4vw;\n  padding-top: 14.13333333vw;\n  margin-top: 5.33333333vw;\n  background-size: 100% 100%;\n}\n.share-page .share-block .main-content[data-v-2ccc77b0] {\n  width: 69.6vw;\n  height: 70.13333333vw;\n  background: white;\n  border-radius: 2.13333333vw;\n  position: relative;\n}\n.share-page .share-block .main-content .main-text[data-v-2ccc77b0] {\n  padding-top: 26.66666667vw;\n  width: 57.33333333vw;\n  text-align: center;\n  margin: auto;\n  border-bottom: 0.26666667vw solid #EEEEEE;\n}\n.share-page .share-block .main-content .main-text .title[data-v-2ccc77b0] {\n  font-size: 4.26666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #333333;\n}\n.share-page .share-block .main-content .main-text .day[data-v-2ccc77b0] {\n  font-size: 48px;\n  margin: 1.33333333vw 0;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  color: #69c0ff;\n}\n.share-page .share-block .main-content .main-text .day span[data-v-2ccc77b0] {\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  color: #69c0ff;\n}\n.share-page .share-block .main-content .main-desc[data-v-2ccc77b0] {\n  margin-top: 2.66666667vw;\n  text-align: center;\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n}\n.share-page .share-block .main-content .main-desc span[data-v-2ccc77b0] {\n  font-size: 16px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  display: inline-block;\n  margin: 0 0 1.33333333vw 0;\n}\n.share-page .share-block .main-content .head-block[data-v-2ccc77b0] {\n  position: absolute;\n  height: 22.66666667vw;\n  width: 22.66666667vw;\n  text-align: center;\n  border-radius: 53.33333333vw;\n  left: 50%;\n  margin-left: -10.66666667vw;\n  background: white;\n  top: -10.13333333vw;\n}\n.share-page .share-block .main-content .head-block img[data-v-2ccc77b0] {\n  border-radius: 53.33333333vw;\n  width: 17.06666667vw;\n  margin-top: 1.86666667vw;\n  height: 17.06666667vw;\n}\n.share-page .share-block .main-content .content-title[data-v-2ccc77b0] {\n  width: 60vw;\n  height: 14.4vw;\n  line-height: 13.33333333vw;\n  color: white;\n  font-size: 5.33333333vw;\n  text-align: center;\n  background-size: 100% 100%;\n  position: absolute;\n  top: 6.66666667vw;\n  left: 50%;\n  margin-left: -30vw;\n}\n.share-page .share-block .share-btn[data-v-2ccc77b0] {\n  margin-top: 5.86666667vw;\n  text-align: center;\n}\n.share-page .share-block .share-btn img[data-v-2ccc77b0] {\n  width: 64vw;\n}\n.share-page .share-block .main-content-desc[data-v-2ccc77b0] {\n  width: 69.6vw;\n  height: 21.86666667vw;\n  background: white;\n  border-radius: 2.13333333vw;\n  margin-top: 2.66666667vw;\n  position: relative;\n}\n.share-page .share-block .main-content-desc img[data-v-2ccc77b0] {\n  width: 100%;\n}\n.share-page .share-block .main-content-desc .qrcode[data-v-2ccc77b0] {\n  position: absolute;\n  top: 1.33333333vw;\n  right: 1.33333333vw;\n}\n.share-page .share_close[data-v-2ccc77b0] {\n  position: fixed;\n  width: 5.33333333vw;\n  top: 5.06666667vw;\n  right: 3.46666667vw;\n}\n.share-page .tips[data-v-2ccc77b0] {\n  background: rgba(0, 0, 0, 0.5);\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 99999999;\n  text-align: right;\n}\n.share-page .tips img[data-v-2ccc77b0] {\n  width: 80%;\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/share.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/share.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;AC+MD;EACE,gBAAA;EACA,oBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,YAAA;CD7MD;ACsMD;EASI,mBAAA;EACA,4BAAA;EACA,kBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;CD5MH;AC6LD;EAiBM,mBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,aAAA;EACA,2BAAA;EACA,YAAA;CD3ML;ACoLD;EA0BM,mBAAA;EACA,mBAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,kBAAA;EACA,YAAA;EACA,6CAAA;CD3ML;AC0KD;EAoCM,mBAAA;EACA,cAAA;EACA,WAAA;EACA,mBAAA;EACA,WAAA;CD3ML;ACmKD;EA2CM,cAAA;EACA,eAAA;EACA,2BAAA;EACA,yBAAA;EACA,2BAAA;CD3ML;AC4JD;EAkDM,cAAA;EACA,sBAAA;EACA,kBAAA;EACA,4BAAA;EACA,mBAAA;CD3ML;ACqJD;EAwDQ,2BAAA;EACA,qBAAA;EACA,mBAAA;EACA,aAAA;EACA,0CAAA;CD1MP;AC8ID;EA8DU,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDzMT;ACwID;EAoEU,gBAAA;EACA,uBAAA;EACA,8BAAA;EACA,kBAAA;EACA,eAAA;CDzMT;ACiID;EA0EY,gBAAA;EACA,8BAAA;EACA,kBAAA;EACA,eAAA;CDxMX;AC2HD;EAkFQ,yBAAA;EACA,mBAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD1MP;ACmHD;EAyFU,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,sBAAA;EACA,2BAAA;CDzMT;AC4GD;EAiGQ,mBAAA;EACA,sBAAA;EACA,qBAAA;EACA,mBAAA;EACA,6BAAA;EACA,UAAA;EACA,4BAAA;EACA,kBAAA;EACA,oBAAA;CD1MP;ACiGD;EA2GU,6BAAA;EACA,qBAAA;EACA,yBAAA;EACA,sBAAA;CDzMT;AC2FD;EAkHQ,YAAA;EACA,eAAA;EACA,2BAAA;EACA,aAAA;EACA,wBAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,kBAAA;EACA,UAAA;EACA,mBAAA;CD1MP;AC8ED;EAgIM,yBAAA;EACA,mBAAA;CD3ML;AC0ED;EAmIQ,YAAA;CD1MP;ACuED;EAuIM,cAAA;EACA,sBAAA;EACA,kBAAA;EACA,4BAAA;EACA,yBAAA;EACA,mBAAA;CD3ML;AC+DD;EA8IQ,YAAA;CD1MP;AC4DD;EAiJQ,mBAAA;EACA,kBAAA;EACA,oBAAA;CD1MP;ACuDD;EAwJI,gBAAA;EACA,oBAAA;EACA,kBAAA;EACA,oBAAA;CD5MH;ACiDD;EA8JI,+BAAA;EACA,gBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,kBAAA;EACA,kBAAA;CD5MH;ACuCD;EAuKM,WAAA;CD3ML",file:"share.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.share-page {\n  position: fixed;\n  background: #EEEEEE;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 10;\n}\n.share-page .share-block {\n  position: absolute;\n  border-radius: 2.13333333vw;\n  top: 5.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n}\n.share-page .share-block .bg-title {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 16vw;\n  background-size: 100% 100%;\n  z-index: -1;\n}\n.share-page .share-block .bg-desc {\n  position: absolute;\n  top: 15.46666667vw;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: white;\n  z-index: -1;\n  border-radius: 0 0 2.13333333vw 2.13333333vw;\n}\n.share-page .share-block #cvs-img {\n  position: absolute;\n  width: 77.6vw;\n  top: 5.6vw;\n  left: 6.13333333vw;\n  z-index: 1;\n}\n.share-page .share-block .content {\n  width: 77.6vw;\n  height: 98.4vw;\n  padding-top: 14.13333333vw;\n  margin-top: 5.33333333vw;\n  background-size: 100% 100%;\n}\n.share-page .share-block .main-content {\n  width: 69.6vw;\n  height: 70.13333333vw;\n  background: white;\n  border-radius: 2.13333333vw;\n  position: relative;\n}\n.share-page .share-block .main-content .main-text {\n  padding-top: 26.66666667vw;\n  width: 57.33333333vw;\n  text-align: center;\n  margin: auto;\n  border-bottom: 0.26666667vw solid #EEEEEE;\n}\n.share-page .share-block .main-content .main-text .title {\n  font-size: 4.26666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #333333;\n}\n.share-page .share-block .main-content .main-text .day {\n  font-size: 48px;\n  margin: 1.33333333vw 0;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  color: #69c0ff;\n}\n.share-page .share-block .main-content .main-text .day span {\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  color: #69c0ff;\n}\n.share-page .share-block .main-content .main-desc {\n  margin-top: 2.66666667vw;\n  text-align: center;\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n}\n.share-page .share-block .main-content .main-desc span {\n  font-size: 16px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  display: inline-block;\n  margin: 0 0 1.33333333vw 0;\n}\n.share-page .share-block .main-content .head-block {\n  position: absolute;\n  height: 22.66666667vw;\n  width: 22.66666667vw;\n  text-align: center;\n  border-radius: 53.33333333vw;\n  left: 50%;\n  margin-left: -10.66666667vw;\n  background: white;\n  top: -10.13333333vw;\n}\n.share-page .share-block .main-content .head-block img {\n  border-radius: 53.33333333vw;\n  width: 17.06666667vw;\n  margin-top: 1.86666667vw;\n  height: 17.06666667vw;\n}\n.share-page .share-block .main-content .content-title {\n  width: 60vw;\n  height: 14.4vw;\n  line-height: 13.33333333vw;\n  color: white;\n  font-size: 5.33333333vw;\n  text-align: center;\n  background-size: 100% 100%;\n  position: absolute;\n  top: 6.66666667vw;\n  left: 50%;\n  margin-left: -30vw;\n}\n.share-page .share-block .share-btn {\n  margin-top: 5.86666667vw;\n  text-align: center;\n}\n.share-page .share-block .share-btn img {\n  width: 64vw;\n}\n.share-page .share-block .main-content-desc {\n  width: 69.6vw;\n  height: 21.86666667vw;\n  background: white;\n  border-radius: 2.13333333vw;\n  margin-top: 2.66666667vw;\n  position: relative;\n}\n.share-page .share-block .main-content-desc img {\n  width: 100%;\n}\n.share-page .share-block .main-content-desc .qrcode {\n  position: absolute;\n  top: 1.33333333vw;\n  right: 1.33333333vw;\n}\n.share-page .share_close {\n  position: fixed;\n  width: 5.33333333vw;\n  top: 5.06666667vw;\n  right: 3.46666667vw;\n}\n.share-page .tips {\n  background: rgba(0, 0, 0, 0.5);\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 99999999;\n  text-align: right;\n}\n.share-page .tips img {\n  width: 80%;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.share-page{\n  position: fixed;\n  background: #EEEEEE;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 10;\n  .share-block{\n    position: absolute;\n    border-radius: 8*@toVw;\n    top: 20*@toVw;\n    left: 20*@toVw;\n    right: 20*@toVw;\n    bottom: 20*@toVw;\n    overflow: auto;\n    .bg-title{\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 60*@toVw;\n      background-size: 100% 100%;\n      z-index: -1;\n    }\n    .bg-desc{\n      position: absolute;\n      top: 58*@toVw;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: white;\n      z-index: -1;\n      border-radius: 0 0 8*@toVw 8*@toVw;\n    }\n    #cvs-img{\n      position: absolute;\n      width: 291*@toVw;\n      top: 21*@toVw;\n      left: 23*@toVw;\n      z-index: 1;\n    }\n    .content{\n      width: 291*@toVw;\n      height: (422-53)*@toVw;\n      padding-top: 53*@toVw;\n      margin-top: 20*@toVw;\n      background-size: 100% 100%;\n    }\n    .main-content{\n      width: 261*@toVw;\n      height: 263*@toVw;\n      background: white;\n      border-radius: 8*@toVw;\n      position: relative;\n      .main-text{\n        padding-top: 100*@toVw;\n        width: 215*@toVw;\n        text-align: center;\n        margin: auto;\n        border-bottom: 1*@toVw solid #EEEEEE;\n        .title{\n          font-size:16*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(51,51,51,1);\n        }\n        .day{\n          font-size:48px;\n          margin: 5*@toVw 0;\n          font-family:PingFang-SC-Bold;\n          font-weight:bold;\n          color:rgba(105,192,255,1);\n          span{\n            font-size:20px;\n            font-family:PingFang-SC-Bold;\n            font-weight:bold;\n            color:rgba(105,192,255,1);\n          }\n        }\n      }\n      .main-desc{\n        margin-top: 10*@toVw;\n        text-align: center;\n        font-size:12px;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(0,0,0,1);\n        span{\n          font-size:16px;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          display: inline-block;\n          margin: 0 0 5*@toVw 0;\n        }\n      }\n      .head-block{\n        position: absolute;\n        height: 85*@toVw;\n        width: 85*@toVw;\n        text-align: center;\n        border-radius: 200*@toVw;\n        left: 50%;\n        margin-left: -40*@toVw;\n        background: white;\n        top: -38*@toVw;\n        img{\n          border-radius: 200*@toVw;\n          width: 64*@toVw;\n          margin-top: 7*@toVw;\n          height: 64*@toVw;\n        }\n      }\n      .content-title{\n        width: 225*@toVw;\n        height: 54*@toVw;\n        line-height: 50*@toVw;\n        color: white;\n        font-size: 20*@toVw;\n        text-align: center;\n        background-size: 100% 100%;\n        position: absolute;\n        top: 25*@toVw;\n        left: 50%;\n        margin-left: -112.5*@toVw;\n      }\n    }\n    .share-btn{\n      margin-top: 22*@toVw;\n      text-align: center;\n      img{\n        width: 240*@toVw;\n      }\n    }\n    .main-content-desc{\n      width: 261*@toVw;\n      height: 82*@toVw;\n      background: white;\n      border-radius: 8*@toVw;\n      margin-top: 10*@toVw;\n      position: relative;\n      img{\n        width: 100%;\n      }\n      .qrcode{\n        position: absolute;\n        top: 5*@toVw;\n        right: 5*@toVw;\n      }\n    }\n  }\n  .share_close{\n    position: fixed;\n    width: 20*@toVw;\n    top: 19*@toVw;\n    right: 13*@toVw;\n  }\n  .tips{\n    background: rgba(0,0,0,0.5);\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 99999999;\n    text-align: right;\n    img{\n      width: 80%;\n    }\n  }\n}\n'],sourceRoot:""}])},k5sp:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAolBMVEVHcEzx8fGsrKz///+qqqr////////d3d309PSnp6fv7+/9/f3///+urq6qqqrAwMDf39/8/Pyqqqr////////////Jycn////////Ozs6xsbHOzs7////l5eW2trb////W1tbt7e21tbX////////o6Oj////Nzc3Ozs7////R0dHV1dXY2Njh4eH9/f309PT39/fe3t76+vrq6url5eXw8PAZWw53AAAAKHRSTlMAMAH4K/ByBw8V/NJLY0zY0oU4H+Xb7K1Y2bHxlOBzvdC0xzlnYudI8rUz/AAAAYtJREFUOMuFk9l2gjAQQFkEDIoW3JfqcakNSZgkQP7/1xqQ2hIV5o2cm8vMZMay2uHY10tg9cTYA9d3uplgJJjyZt3QGiSmEPeIOMY4vA07RalkWKv8bhEptErN36ucK8iMaoh1qIYLTkpchVq8VgWzS9yItCr1g3azAnvs749zz4OwEWmVO1rFa/vhG89dAKGKUlJCaQPRUgmA1F2s/OE9EcmIPpYZw+2gskKP+im/0+x+Qgl+FZlrW1akBMUdUVQviaaiiyrhVJU5mApO3jOfg7q85D2lmaRpwmSZq5dUAR+DRzs1FZIeRlO7vOhjLCfKhKmSBlNNkjJFsupiy4RuT79jMDYGxfYyEyK5OXlfwJ4Sz/fG/sXw3AK+Mlb5JB75yl88HLUhpymOSA7AZfMmXnvQkVcVRzIO4WYZgqoTlGl73W1XF5cJjRzQYLvjNWb2YCJEKaCYHlA9FluiP6g0ILTkUGwiZDl11c7kzHKA0Fi+ZHuO0L9CgmhKdtHTbiKjc0GCrP5w/m79AE69ZDHWHzPdAAAAAElFTkSuQmCC"},mbWm:function(n,t){n.exports="data:image/png;base64,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"},nEfO:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-0761bba3] {\n  float: right;\n}\n.main-block[data-v-0761bba3] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-0761bba3]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-0761bba3]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-0761bba3]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-0761bba3]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.star[data-v-0761bba3] {\n  width: 6.13333333vw;\n}\n.color-red[data-v-0761bba3] {\n  color: #FF5050;\n}\n.title[data-v-0761bba3] {\n  width: 50.66666667vw;\n  height: 49.86666667vw;\n  border-radius: 1.06666667vw;\n  border: 0.26666667vw solid #ffffff;\n  line-height: 49.86666667vw;\n  text-align: center;\n  position: absolute;\n  top: 28.53333333vw;\n  left: 24.8vw;\n}\n.btn-block[data-v-0761bba3] {\n  width: 74.66666667vw;\n  height: 15.2vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 116vw;\n  left: 50%;\n  margin-left: -37.33333333vw;\n}\n.btn-block img[data-v-0761bba3] {\n  width: 4.26666667vw;\n  vertical-align: middle;\n}\n.btn-block .backImg[data-v-0761bba3] {\n  -webkit-transform: rotate(180deg);\n          transform: rotate(180deg);\n}\n.btn-block .play-btn[data-v-0761bba3] {\n  width: 10.66666667vw;\n}\n.toTitle[data-v-0761bba3] {\n  width: 12vw;\n  position: absolute;\n  top: 29.33333333vw;\n  left: 16vw;\n}\n.guide[data-v-0761bba3] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 9999;\n}\n.guide .i-know[data-v-0761bba3] {\n  position: absolute;\n  width: 34.4vw;\n  left: 32vw;\n  top: 85.33333333vw;\n}\n.guide .toLesson[data-v-0761bba3] {\n  width: 12vw;\n  position: absolute;\n  top: 129.33333333vw;\n  right: 14.66666667vw;\n  -webkit-transform: rotate(150deg);\n          transform: rotate(150deg);\n}\n.guide .color-red[data-v-0761bba3] {\n  color: #FF6477;\n}\n.guide .lesson-text[data-v-0761bba3] {\n  width: 30.4vw;\n  height: 6.93333333vw;\n  line-height: 6.93333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  font-size: 3.73333333vw;\n  border-radius: 2.13333333vw;\n  position: absolute;\n  top: 138.66666667vw;\n  left: 42.66666667vw;\n  text-align: center;\n  border: 0.26666667vw solid #ffffff;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/audio.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/audio.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACwCD;EACE,oBAAA;CDtCD;ACwCD;EACE,eAAA;CDtCD;ACwCD;EACE,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,2BAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;CDtCD;ACyCD;EACE,qBAAA;EACA,eAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,WAAA;EACA,UAAA;EACA,4BAAA;CDvCD;ACgCD;EASI,oBAAA;EACA,uBAAA;CDtCH;AC4BD;EAaI,kCAAA;UAAA,0BAAA;CDtCH;ACyBD;EAgBI,qBAAA;CDtCH;ACyCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;CDvCD;ACyCD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDvCD;AC+BD;EAUI,mBAAA;EACA,cAAA;EACA,WAAA;EACA,mBAAA;CDtCH;ACyBD;EAgBI,YAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,kCAAA;UAAA,0BAAA;CDtCH;ACkBD;EAuBI,eAAA;CDtCH;ACeD;EA0BI,cAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,mBAAA;EACA,mCAAA;CDtCH",file:"audio.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.star {\n  width: 6.13333333vw;\n}\n.color-red {\n  color: #FF5050;\n}\n.title {\n  width: 50.66666667vw;\n  height: 49.86666667vw;\n  border-radius: 1.06666667vw;\n  border: 0.26666667vw solid #ffffff;\n  line-height: 49.86666667vw;\n  text-align: center;\n  position: absolute;\n  top: 28.53333333vw;\n  left: 24.8vw;\n}\n.btn-block {\n  width: 74.66666667vw;\n  height: 15.2vw;\n  display: flex;\n  position: absolute;\n  top: 116vw;\n  left: 50%;\n  margin-left: -37.33333333vw;\n}\n.btn-block img {\n  width: 4.26666667vw;\n  vertical-align: middle;\n}\n.btn-block .backImg {\n  transform: rotate(180deg);\n}\n.btn-block .play-btn {\n  width: 10.66666667vw;\n}\n.toTitle {\n  width: 12vw;\n  position: absolute;\n  top: 29.33333333vw;\n  left: 16vw;\n}\n.guide {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 9999;\n}\n.guide .i-know {\n  position: absolute;\n  width: 34.4vw;\n  left: 32vw;\n  top: 85.33333333vw;\n}\n.guide .toLesson {\n  width: 12vw;\n  position: absolute;\n  top: 129.33333333vw;\n  right: 14.66666667vw;\n  transform: rotate(150deg);\n}\n.guide .color-red {\n  color: #FF6477;\n}\n.guide .lesson-text {\n  width: 30.4vw;\n  height: 6.93333333vw;\n  line-height: 6.93333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  font-size: 3.73333333vw;\n  border-radius: 2.13333333vw;\n  position: absolute;\n  top: 138.66666667vw;\n  left: 42.66666667vw;\n  text-align: center;\n  border: 0.26666667vw solid #ffffff;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.star{\n  width: 23*@toVw;\n}\n.color-red{\n  color: #FF5050;\n}\n.title{\n  width:190*@toVw;\n  height:187*@toVw;\n  border-radius:4*@toVw;\n  border:1*@toVw solid rgba(255,255,255,1);\n  line-height: 187*@toVw;\n  text-align: center;\n  position: absolute;\n  top: 107*@toVw;\n  left: 93*@toVw;\n}\n\n.btn-block{\n  width:280*@toVw;\n  height:57*@toVw;\n  display: flex;\n  position: absolute;\n  top: 435*@toVw;\n  left: 50%;\n  margin-left: -140*@toVw;\n  img{\n    width: 16*@toVw;\n    vertical-align: middle;\n  }\n  .backImg{\n    transform: rotate(180deg);\n  }\n  .play-btn{\n    width: 40*@toVw;\n  }\n}\n.toTitle{\n  width: 45*@toVw;\n  position: absolute;\n  top: 110*@toVw;\n  left: 60*@toVw ;\n}\n.guide{\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background:rgba(0,0,0,0.8);\n  z-index: 9999;\n  .i-know{\n    position: absolute;\n    width: 129*@toVw;\n    left: 120*@toVw;\n    top: 320*@toVw;\n  }\n  .toLesson{\n    width: 45*@toVw;\n    position: absolute;\n    top: 485*@toVw;\n    right: 55*@toVw;\n    transform: rotate(150deg);\n  }\n  .color-red{\n    color: #FF6477;\n  }\n  .lesson-text{\n    width:114*@toVw;\n    height:26*@toVw;\n    line-height: 26*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    font-size: 14*@toVw;\n    border-radius:8*@toVw;\n    position: absolute;\n    top: 520*@toVw;\n    left: 160*@toVw;\n    text-align: center;\n    border:1*@toVw solid rgba(255,255,255,1)\n  }\n}\n'],sourceRoot:""}])},q2oE:function(n,t){n.exports="data:image/png;base64,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"},qkCC:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAAXNSR0IArs4c6QAAAuhJREFUSA29lktrFEEURtNGEzWJwYgKasIkJjFREUTQhegmCxduFJcq4n9w4UJwFQlZuQkiiCs3AZcRnxkf8f0H1CSYMT7iAwVRVPAxnm+6bk/bmZlMS3c+OF236lbdW1XTU9VeTQnl8/m1NB+EvdAFK+AzTMAonPc8L0cZiDEdVI5CH3RCM3yEcbgEFxgzQ1leBKmDAfgOlfQT51logEY4B7+gkr7h7IdFJWeAYyXcB+kPXIQD0AZKtA72wzD8BukpjBcsv00+jcnAcuiGw3AVTHcwtKNF0VAPljyHvb3onW3h3wqWGDP/BLbM7llswd8H70Aag7rAS2VQrWgKVgWOCgb9muE6XIamCl0DF/20MzaJUwUHDa3wA7Tt26w3dhOchmdwxtrDJe0LoTbcNpdNf+2EpHdiTQ2P46qhYRuMreRKPAT6HT3zJVESz96JY5qAXgppnwXH1sqHrJ50SewjIGU1gdcFk7fcElHXC6b/fyoi9kaXc3oBGVpclk+hbFnsyVA9aVMHlNSiHXjpZtPmt6X/JN8mlzOnHdDxKu3wi3l52jkzoQmMuJSH5iW1n0T3jDSin2A1fHVbsttvT+9Jnj0u1xdK/9DDOOkaZyhb00pP7Hb44HKdCPLQUAvXnGOSMvFJEDMDOZfjCuW/JygNOtsfuw7PKRP7VxCrA1642I8olwWrDxs4NImHruMUZSbs/x+bGOthGqQHUDq5BVcH15GisGXt5otbMr4T7Jy5h13Vral/hi4jDZA0e31uxRJjuuAVSGNQXXLLogFwFyStQt95VYm+G8DuGF12jVUNjHbSQFAASauZ84KiTw+8AekWNETjxqorANwGSavqLhcAXy/oLJGysLRc31jtBNIkboKk1fVEA9CmC+YtSDcgmeSWSAFhFCStsjfk20zdvvV0oC0xX6KlAoNWJ2m1O2EXvAdJJ9ziRJNGg5FAk7BjGzOQvo7ro/1TqSsRDIJ2QT/HABS/82Nk/Qvn7NwA60fVwwAAAABJRU5ErkJggg=="},sHWr:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-d14e4a78] {\n  float: right;\n}\n.main-block[data-v-d14e4a78] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-d14e4a78]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-d14e4a78]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-d14e4a78]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-d14e4a78]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.close-share-show[data-v-d14e4a78] {\n  position: fixed;\n  z-index: 99;\n  top: 4.8vw;\n  right: 3.2vw;\n  width: 5.33333333vw;\n}\n.playImage[data-v-d14e4a78] {\n  background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png') no-repeat;\n  background-size: 10.66666667vw 50.4vw;\n  display: inline-block;\n}\n._154722344142123489[data-v-d14e4a78] {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._282918034425091245[data-v-d14e4a78] {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 -1.06666667vw;\n  vertical-align: bottom;\n}\n.video-page .content[data-v-d14e4a78] {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 2.13333333vw;\n  padding: 2.66666667vw;\n}\n.video-page .content .header[data-v-d14e4a78] {\n  padding-top: 2.13333333vw;\n}\n.video-page .content .header .text[data-v-d14e4a78] {\n  width: 100% ;\n}\n.video-page .content .video-block[data-v-d14e4a78] {\n  margin-bottom: 4.26666667vw;\n  border: 0.26666667vw solid #666;\n  border-radius: 3.2vw;\n  padding: 2.13333333vw;\n}\n.video-page .content .video-block video[data-v-d14e4a78] {\n  width: 100%;\n  margin: 0;\n  display: block;\n  padding: 0;\n  background: rgba(0, 0, 0, 0.4);\n  border-radius: 2.13333333vw;\n}\n.video-page .content .btn-block[data-v-d14e4a78] {\n  position: relative;\n  text-align: center;\n}\n.video-page .content .btn-block .age-block[data-v-d14e4a78] {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.video-page .content .btn-block .age-block.video[data-v-d14e4a78] {\n  right: 0;\n}\n.video-page .content .btn-block .age-change-block[data-v-d14e4a78] {\n  display: block;\n  position: absolute;\n  top: 9.86666667vw;\n  left: 0;\n  width: 17.6vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #666666;\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.video-page .content .btn-block .age-change-block.video[data-v-d14e4a78] {\n  right: 0;\n  left: auto;\n  width: 21.33333333vw;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78] {\n  padding: 1.6vw 2.93333333vw;\n  text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78]:first-child {\n  border-bottom: 0.26666667vw solid #eee;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78] {\n  border-radius: 266.66666667vw;\n  width: 38.4vw;\n  border: 0.26666667vw solid #40A9FF;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.video-page .content .btn-block .change-block div[data-v-d14e4a78] {\n  float: left;\n  width: 50%;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #cccccc;\n}\n.video-page .content .btn-block .change-block div.active[data-v-d14e4a78] {\n  background: #40A9FF;\n  color: white;\n}\n.video-page .content .parent-finish[data-v-d14e4a78] {\n  position: absolute;\n  bottom: 2.66666667vw;\n  width: 100%;\n  left: 0;\n  top: 106.66666667vw;\n}\n.video-page .content .parent-finish .finish-block[data-v-d14e4a78] {\n  position: absolute;\n  width: 100%;\n  left: 0;\n  padding: 0;\n  margin: 0;\n  text-align: center;\n  bottom: 0;\n}\n.video-page .content .parent-finish .finish-block img[data-v-d14e4a78] {\n  width: 53.86666667vw;\n}\n.change-block-HP[data-v-d14e4a78] {\n  display: none;\n}\n@media screen and (orientation: landscape) {\n.video-page[data-v-d14e4a78] {\n    position: absolute;\n    top: 0.74962519vw;\n    bottom: 0.74962519vw;\n    left: 0.74962519vw;\n    right: 0.74962519vw;\n    background: #ffffff;\n    overflow: auto;\n    border-radius: 1.1994003vw;\n}\n.video-page .content[data-v-d14e4a78] {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    border-radius: 8px;\n    padding: 0;\n}\n.video-page .content .header[data-v-d14e4a78] {\n    display: none;\n}\n.video-page .content .video-block[data-v-d14e4a78] {\n    display: none;\n}\n.video-page .content .video-block.hp-video[data-v-d14e4a78] {\n    display: inline-block;\n    margin: 0 1.49925037vw 0 0;\n    border: none;\n    height: 100%;\n    border-radius: 1.79910045vw;\n    padding: 0;\n}\n.video-page .content .video-block video[data-v-d14e4a78] {\n    height: 100%;\n    margin: auto;\n    width: auto;\n    display: block;\n    background: rgba(0, 0, 0, 0.4);\n    border-radius: 1.1994003vw;\n}\n.video-page .content .btn-block[data-v-d14e4a78] {\n    position: relative;\n    min-width: 13.49325337vw;\n    display: block;\n    height: 100%;\n}\n.video-page .content .btn-block .age-block[data-v-d14e4a78] {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 4.19790105vw;\n    width: 13.1934033vw;\n    line-height: 4.19790105vw;\n    border: 0.14992504vw solid #666;\n    border-radius: 14.99250375vw;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.video-page .content .btn-block .age-block.video[data-v-d14e4a78] {\n    display: block;\n}\n.video-page .content .btn-block .age-change-block[data-v-d14e4a78] {\n    position: static;\n    display: block;\n    width: 11.994003vw;\n    margin-top: 1.49925037vw;\n    border-radius: 1.1994003vw;\n    border: 0.14992504vw solid #666666;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.video-page .content .btn-block .age-change-block.video[data-v-d14e4a78] {\n    right: 0;\n    left: auto;\n    width: 11.994003vw;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78] {\n    padding: 0.89955022vw 1.64917541vw;\n    text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78]:first-child {\n    border-bottom: 0.14992504vw solid #eee;\n}\n.video-page .content .btn-block .change-block-HP[data-v-d14e4a78] {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 11.69415292vw;\n}\n.video-page .content .btn-block .change-block-HP img[data-v-d14e4a78] {\n    width: 100%;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78] {\n    display: none;\n}\n}\n@media screen and (min-aspect-ratio: 20/8) {\n.video-page[data-v-d14e4a78] {\n    position: absolute;\n    top: 0.55555556vw;\n    bottom: 0.55555556vw;\n    left: 0.55555556vw;\n    right: 0.55555556vw;\n    background: #ffffff;\n    overflow: auto;\n    border-radius: 0.88888889vw;\n}\n.video-page .content[data-v-d14e4a78] {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    border-radius: 8px;\n    padding: 0;\n}\n.video-page .content .header[data-v-d14e4a78] {\n    display: none;\n}\n.video-page .content .video-block[data-v-d14e4a78] {\n    display: none;\n}\n.video-page .content .video-block.hp-video[data-v-d14e4a78] {\n    display: inline-block;\n    margin: 0 1.11111111vw 0 0;\n    border: none;\n    height: 100%;\n    border-radius: 1.33333333vw;\n    padding: 0;\n}\n.video-page .content .video-block video[data-v-d14e4a78] {\n    height: 100%;\n    margin: auto;\n    width: auto;\n    display: block;\n    background: rgba(0, 0, 0, 0.4);\n    border-radius: 0.88888889vw;\n}\n.video-page .content .btn-block[data-v-d14e4a78] {\n    position: relative;\n    min-width: 10vw;\n    display: block;\n    height: 100%;\n}\n.video-page .content .btn-block .age-block[data-v-d14e4a78] {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 3.11111111vw;\n    width: 9.77777778vw;\n    line-height: 3.11111111vw;\n    border: 0.11111111vw solid #666;\n    border-radius: 11.11111111vw;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.video-page .content .btn-block .age-block.video[data-v-d14e4a78] {\n    display: block;\n}\n.video-page .content .btn-block .age-change-block[data-v-d14e4a78] {\n    position: static;\n    width: 8.88888889vw;\n    margin-top: 1.11111111vw;\n    border-radius: 0.88888889vw;\n    border: 0.11111111vw solid #666666;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78] {\n    padding: 0.66666667vw 1.22222222vw;\n    text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78]:first-child {\n    border-bottom: 0.11111111vw solid #eee;\n}\n.video-page .content .btn-block .change-block-HP[data-v-d14e4a78] {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 8.66666667vw;\n}\n.video-page .content .btn-block .change-block-HP img[data-v-d14e4a78] {\n    width: 100%;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78] {\n    display: none;\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/video.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/video.vue"],names:[],mappings:"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",file:"video.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.close-share-show {\n  position: fixed;\n  z-index: 99;\n  top: 4.8vw;\n  right: 3.2vw;\n  width: 5.33333333vw;\n}\n.playImage {\n  background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png') no-repeat;\n  background-size: 10.66666667vw 50.4vw;\n  display: inline-block;\n}\n._154722344142123489 {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._282918034425091245 {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 -1.06666667vw;\n  vertical-align: bottom;\n}\n.video-page .content {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 2.13333333vw;\n  padding: 2.66666667vw;\n}\n.video-page .content .header {\n  padding-top: 2.13333333vw;\n}\n.video-page .content .header .text {\n  width: 100% ;\n}\n.video-page .content .video-block {\n  margin-bottom: 4.26666667vw;\n  border: 0.26666667vw solid #666;\n  border-radius: 3.2vw;\n  padding: 2.13333333vw;\n}\n.video-page .content .video-block video {\n  width: 100%;\n  margin: 0;\n  display: block;\n  padding: 0;\n  background: rgba(0, 0, 0, 0.4);\n  border-radius: 2.13333333vw;\n}\n.video-page .content .btn-block {\n  position: relative;\n  text-align: center;\n}\n.video-page .content .btn-block .age-block {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.video-page .content .btn-block .age-block.video {\n  right: 0;\n}\n.video-page .content .btn-block .age-change-block {\n  display: block;\n  position: absolute;\n  top: 9.86666667vw;\n  left: 0;\n  width: 17.6vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #666666;\n  font-size: 12px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.video-page .content .btn-block .age-change-block.video {\n  right: 0;\n  left: auto;\n  width: 21.33333333vw;\n}\n.video-page .content .btn-block .age-change-block > div {\n  padding: 1.6vw 2.93333333vw;\n  text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div:first-child {\n  border-bottom: 0.26666667vw solid #eee;\n}\n.video-page .content .btn-block .change-block {\n  border-radius: 266.66666667vw;\n  width: 38.4vw;\n  border: 0.26666667vw solid #40A9FF;\n}\n.video-page .content .btn-block .change-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.video-page .content .btn-block .change-block div {\n  float: left;\n  width: 50%;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #cccccc;\n}\n.video-page .content .btn-block .change-block div.active {\n  background: #40A9FF;\n  color: white;\n}\n.video-page .content .parent-finish {\n  position: absolute;\n  bottom: 2.66666667vw;\n  width: 100%;\n  left: 0;\n  top: 106.66666667vw;\n}\n.video-page .content .parent-finish .finish-block {\n  position: absolute;\n  width: 100%;\n  left: 0;\n  padding: 0;\n  margin: 0;\n  text-align: center;\n  bottom: 0;\n}\n.video-page .content .parent-finish .finish-block img {\n  width: 53.86666667vw;\n}\n.change-block-HP {\n  display: none;\n}\n@media screen and (orientation: landscape) {\n  .video-page {\n    position: absolute;\n    top: 0.74962519vw;\n    bottom: 0.74962519vw;\n    left: 0.74962519vw;\n    right: 0.74962519vw;\n    background: #ffffff;\n    overflow: auto;\n    border-radius: 1.1994003vw;\n  }\n  .video-page .content {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    border-radius: 8px;\n    padding: 0;\n  }\n  .video-page .content .header {\n    display: none;\n  }\n  .video-page .content .video-block {\n    display: none;\n  }\n  .video-page .content .video-block.hp-video {\n    display: inline-block;\n    margin: 0 1.49925037vw 0 0;\n    border: none;\n    height: 100%;\n    border-radius: 1.79910045vw;\n    padding: 0;\n  }\n  .video-page .content .video-block video {\n    height: 100%;\n    margin: auto;\n    width: auto;\n    display: block;\n    background: rgba(0, 0, 0, 0.4);\n    border-radius: 1.1994003vw;\n  }\n  .video-page .content .btn-block {\n    position: relative;\n    min-width: 13.49325337vw;\n    display: block;\n    height: 100%;\n  }\n  .video-page .content .btn-block .age-block {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 4.19790105vw;\n    width: 13.1934033vw;\n    line-height: 4.19790105vw;\n    border: 0.14992504vw solid #666;\n    border-radius: 14.99250375vw;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n  }\n  .video-page .content .btn-block .age-block.video {\n    display: block;\n  }\n  .video-page .content .btn-block .age-change-block {\n    position: static;\n    display: block;\n    width: 11.994003vw;\n    margin-top: 1.49925037vw;\n    border-radius: 1.1994003vw;\n    border: 0.14992504vw solid #666666;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n  }\n  .video-page .content .btn-block .age-change-block.video {\n    right: 0;\n    left: auto;\n    width: 11.994003vw;\n  }\n  .video-page .content .btn-block .age-change-block > div {\n    padding: 0.89955022vw 1.64917541vw;\n    text-align: left;\n  }\n  .video-page .content .btn-block .age-change-block > div:first-child {\n    border-bottom: 0.14992504vw solid #eee;\n  }\n  .video-page .content .btn-block .change-block-HP {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 11.69415292vw;\n  }\n  .video-page .content .btn-block .change-block-HP img {\n    width: 100%;\n  }\n  .video-page .content .btn-block .change-block {\n    display: none;\n  }\n}\n@media screen and (min-aspect-ratio: 20/8) {\n  .video-page {\n    position: absolute;\n    top: 0.55555556vw;\n    bottom: 0.55555556vw;\n    left: 0.55555556vw;\n    right: 0.55555556vw;\n    background: #ffffff;\n    overflow: auto;\n    border-radius: 0.88888889vw;\n  }\n  .video-page .content {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    border-radius: 8px;\n    padding: 0;\n  }\n  .video-page .content .header {\n    display: none;\n  }\n  .video-page .content .video-block {\n    display: none;\n  }\n  .video-page .content .video-block.hp-video {\n    display: inline-block;\n    margin: 0 1.11111111vw 0 0;\n    border: none;\n    height: 100%;\n    border-radius: 1.33333333vw;\n    padding: 0;\n  }\n  .video-page .content .video-block video {\n    height: 100%;\n    margin: auto;\n    width: auto;\n    display: block;\n    background: rgba(0, 0, 0, 0.4);\n    border-radius: 0.88888889vw;\n  }\n  .video-page .content .btn-block {\n    position: relative;\n    min-width: 10vw;\n    display: block;\n    height: 100%;\n  }\n  .video-page .content .btn-block .age-block {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 3.11111111vw;\n    width: 9.77777778vw;\n    line-height: 3.11111111vw;\n    border: 0.11111111vw solid #666;\n    border-radius: 11.11111111vw;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n  }\n  .video-page .content .btn-block .age-block.video {\n    display: block;\n  }\n  .video-page .content .btn-block .age-change-block {\n    position: static;\n    width: 8.88888889vw;\n    margin-top: 1.11111111vw;\n    border-radius: 0.88888889vw;\n    border: 0.11111111vw solid #666666;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n  }\n  .video-page .content .btn-block .age-change-block > div {\n    padding: 0.66666667vw 1.22222222vw;\n    text-align: left;\n  }\n  .video-page .content .btn-block .age-change-block > div:first-child {\n    border-bottom: 0.11111111vw solid #eee;\n  }\n  .video-page .content .btn-block .change-block-HP {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 8.66666667vw;\n  }\n  .video-page .content .btn-block .change-block-HP img {\n    width: 100%;\n  }\n  .video-page .content .btn-block .change-block {\n    display: none;\n  }\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.close-share-show{\n  position: fixed;\n  z-index: 99;\n  top: 18*@toVw;\n  right: 12*@toVw;\n  width: 20*@toVw;\n}\n.playImage{background:url(\'https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png\')  no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}\n._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}\n.video-page{\n  .content{\n    background: white;\n    width: 315*@toVw;\n    position: absolute;\n    top: 80*@toVw;\n    left: 20*@toVw;\n    right: 20*@toVw;\n    bottom: 20*@toVw;\n    overflow: auto;\n    margin: auto;\n    display: block;\n    border-radius: 8*@toVw;\n    padding: 10*@toVw;\n    .header{\n      padding-top: 8*@toVw;\n      .text{\n        width:100% ;\n      }\n    }\n    .video-block{\n      margin-bottom: 16*@toVw;\n      border: 1*@toVw solid #666;\n      border-radius: 12*@toVw;\n      padding: 8*@toVw;\n      video{\n        width: 100%;\n        margin: 0;\n        display: block;\n        padding: 0;\n        background:rgba(0,0,0,0.4);\n        border-radius:8*@toVw;\n      }\n    }\n    .btn-block{\n      position: relative;\n      text-align: center;\n      .age-block{\n        height: 28*@toVw;\n        line-height: 28*@toVw;\n        border: 1*@toVw solid #666;\n        position: absolute;\n        padding: 0 13*@toVw;\n        border-radius: 100*@toVw;\n        font-size:12*@toVw;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(102,102,102,1);\n        &.video{\n          right: 0;\n        }\n      }\n      .age-change-block{\n        &.video{\n          right: 0;\n          left: auto;\n          width: 80*@toVw;\n        }\n        display: block;\n        position: absolute;\n        top: 37*@toVw;\n        left: 0;\n        width: 66*@toVw;\n        border-radius: 8*@toVw;\n        border: 1*@toVw solid #666666;\n        font-size:12px;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(102,102,102,1);\n        &>div{\n          padding: 6*@toVw 11*@toVw;\n          text-align: left;\n          &:first-child{\n            border-bottom: 1*@toVw solid #eee;\n          }\n        }\n      }\n      .change-block{\n        border-radius: 1000*@toVw;\n        width: 144*@toVw;\n        border:1*@toVw solid #40A9FF;\n        &:after{\n          content: \'\';\n          display: block;\n          clear: both;\n        }\n        div{\n          float: left;\n          width: 50%;\n          border-radius: 100*@toVw;\n          font-size:12*@toVw;\n          height: 28*@toVw;\n          line-height: 28*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(204,204,204,1);\n          &.active{\n            background: #40A9FF;\n            color: white;\n          }\n        }\n      }\n    }\n\n    .parent-finish{\n      position: absolute;\n      bottom: 10 * @toVw;\n      width: 100%;\n      left: 0;\n      top: 400*@toVw;\n      .finish-block{\n        position: absolute;\n        width: 100%;\n        left: 0;\n        padding: 0;\n        margin: 0;\n        text-align: center;\n        bottom: 0;\n        img{\n          width: 202*@toVw;\n        }\n      }\n    }\n  }\n}\n.change-block-HP{\n  display: none;\n}\n@media screen and (orientation: landscape) {\n  @toVw:100/667vw;\n  .video-page{\n    position: absolute;\n    top: 5*@toVw;\n    bottom: 5*@toVw;\n    left: 5*@toVw;\n    right: 5*@toVw;\n    background:rgba(255,255,255,1);\n    overflow: auto;\n    border-radius:8*@toVw;\n    .content{\n      position: static;\n      height: 100%;\n      width: 100%;\n      display: flex;\n      border-radius: 8px;\n      padding: 0;\n      .header{\n        display: none;\n      }\n      .video-block{\n        display: none;\n        &.hp-video{\n          display: inline-block;\n          margin: 0 10*@toVw 0 0;\n          border: none;\n          height: 100%;\n          border-radius: 12*@toVw;\n          padding: 0;\n        }\n        video{\n          height: 100%;\n          margin: auto;\n          width: auto;\n          display: block;\n          background:rgba(0,0,0,0.4);\n          border-radius:8*@toVw;\n        }\n      }\n      .btn-block{\n        position:relative;\n        min-width: 90*@toVw;\n        display: block;\n        height: 100%;\n        .age-block{\n          display: block;\n          position: static;\n          padding: 0;\n          height: 28*@toVw;\n          width: 88*@toVw;\n          line-height: 28*@toVw;\n          border: 1*@toVw solid #666;\n          border-radius: 100*@toVw;\n          font-size:12*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(102,102,102,1);\n          &.video{\n            display: block;\n          }\n        }\n        .age-change-block{\n          &.video{\n            right: 0;\n            left: auto;\n            width: 80*@toVw;\n          }\n          position: static;\n          display: block;\n          width: 80*@toVw;\n          margin-top: 10*@toVw;\n          border-radius: 8*@toVw;\n          border: 1*@toVw solid #666666;\n          font-size:12*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(102,102,102,1);\n          &>div{\n            padding: 6*@toVw 11*@toVw;\n            text-align: left;\n            &:first-child{\n              border-bottom: 1*@toVw solid #eee;\n            }\n          }\n        }\n        .change-block-HP{\n          position: absolute;\n          top: ~"calc(100vh - 12.5vw)";\n          display: block;\n          width: 78*@toVw;\n          img{\n            width: 100%;\n          }\n        }\n        .change-block{\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n@media screen and (min-aspect-ratio: ~"20/8"){\n  @toVw:100/900vw;\n  .video-page{\n    position: absolute;\n    top: 5*@toVw;\n    bottom: 5*@toVw;\n    left: 5*@toVw;\n    right: 5*@toVw;\n    background:rgba(255,255,255,1);\n    overflow: auto;\n    border-radius:8*@toVw;\n    .content{\n      position: static;\n      height: 100%;\n      width: 100%;\n      display: flex;\n      border-radius: 8px;\n      padding: 0;\n      .header{\n        display: none;\n      }\n      .video-block{\n        display: none;\n        &.hp-video{\n          display: inline-block;\n          margin: 0 10*@toVw 0 0;\n          border: none;\n          height: 100%;\n          border-radius: 12*@toVw;\n          padding: 0;\n        }\n        video{\n          height: 100%;\n          margin: auto;\n          width: auto;\n          display: block;\n          background:rgba(0,0,0,0.4);\n          border-radius:8*@toVw;\n        }\n      }\n      .btn-block{\n        position:relative;\n        min-width: 90*@toVw;\n        display: block;\n        height: 100%;\n        .age-block{\n          display: block;\n          position: static;\n          padding: 0;\n          height: 28*@toVw;\n          width: 88*@toVw;\n          line-height: 28*@toVw;\n          border: 1*@toVw solid #666;\n          border-radius: 100*@toVw;\n          font-size:12*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(102,102,102,1);\n          &.video{\n            display: block;\n          }\n        }\n        .age-change-block{\n          position: static;\n          width: 80*@toVw;\n          margin-top: 10*@toVw;\n          border-radius: 8*@toVw;\n          border: 1*@toVw solid #666666;\n          font-size:12*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(102,102,102,1);\n          &>div{\n            padding: 6*@toVw 11*@toVw;\n            text-align: left;\n            &:first-child{\n              border-bottom: 1*@toVw solid #eee;\n            }\n          }\n        }\n        .change-block-HP{\n          position: absolute;\n          top: ~"calc(100vh - 12.5vw)";\n          display: block;\n          width: 78*@toVw;\n          img{\n            width: 100%;\n          }\n        }\n        .change-block{\n          display: none;\n        }\n      }\n    }\n  }\n}\n'],sourceRoot:""}])},uLGf:function(n,t,o){var A=o("sHWr");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("16a703ac",A,!1,{})},"v+hz":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-531d3c9f] {\n  float: right;\n}\n.main-block[data-v-531d3c9f] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-531d3c9f]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-531d3c9f]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-531d3c9f]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-531d3c9f]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.playImage[data-v-531d3c9f] {\n  background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/imgPlayAudio.png') no-repeat;\n  background-size: 10.66666667vw 77.33333333vw;\n  display: inline-block;\n}\n._282918034425091245[data-v-531d3c9f] {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._154722344142123489[data-v-531d3c9f] {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 -2.13333333vw;\n  vertical-align: bottom;\n}\n.next[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -3.46666667vw;\n}\n.listPlay[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -7.73333333vw;\n}\n.replay[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -12vw;\n}\n.toBig[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -16.26666667vw;\n}\n.replayAll[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -20.53333333vw;\n}\n.collectDefault[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -24.8vw;\n}\n.collect[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -29.06666667vw;\n}\n.last[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -33.33333333vw;\n}\n.list[data-v-531d3c9f] {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -37.6vw;\n}\n.close[data-v-531d3c9f] {\n  height: 4.53333333vw;\n  width: 4.53333333vw;\n  background-position: 0 -41.86666667vw;\n}\n.zDefaultIcon[data-v-531d3c9f] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -46.4vw;\n  float: right;\n}\n.zIcon[data-v-531d3c9f] {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -51.2vw;\n  float: right;\n}\n.play[data-v-531d3c9f] {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -56vw;\n}\n.stop[data-v-531d3c9f] {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -66.66666667vw;\n}\n.collect-block[data-v-531d3c9f] {\n  padding: 2.66666667vw;\n  border-radius: 1.06666667vw;\n  background: white;\n}\n.content[data-v-531d3c9f] {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 2.13333333vw;\n  text-align: center;\n  padding: 2.66666667vw;\n}\n.content .image-block[data-v-531d3c9f] {\n  width: 50.13333333vw;\n  height: 50.13333333vw;\n  margin-top: 1.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: 2.66666667vw;\n}\n.content .title-block .title[data-v-531d3c9f] {\n  font-size: 4.26666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.content .title-block .tips[data-v-531d3c9f] {\n  font-size: 3.73333333vw;\n  margin-top: 1.6vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.content .range-block[data-v-531d3c9f] {\n  width: 66.66666667vw;\n  margin-top: 2.66666667vw;\n}\n.content .range-block .time-block[data-v-531d3c9f] {\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n  text-align: left;\n}\n.content .range-block .time-block[data-v-531d3c9f]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.content .range-block .time-block .left-time[data-v-531d3c9f] {\n  float: left;\n}\n.content .range-block .time-block .right-time[data-v-531d3c9f] {\n  float: right;\n}\n.content .range-block input[type=range][data-v-531d3c9f] {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-appearance: none;\n  background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n  background-size: 75% 100%;\n  /*设置左右宽度比例*/\n  width: 100%;\n  border-radius: 2.66666667vw;\n  /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-runnable-track {\n  height: 1.06666667vw;\n  border-radius: 0.53333333vw;\n}\n.content .range-block input[type=range][data-v-531d3c9f]:focus {\n  outline: none;\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  border-radius: 50%;\n  /*外观设置为圆形*/\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  margin-top: -1.6vw;\n  /*使滑块超出轨道部分的偏移量相等*/\n  background: #49E2A5;\n}\n.content .btn-group[data-v-531d3c9f] {\n  margin-top: 4vw;\n  width: 74.66666667vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n.content .btn-group.hp[data-v-531d3c9f] {\n  display: none;\n}\n.list-popup[data-v-531d3c9f] {\n  width: 100vw;\n  max-height: 92vw;\n  overflow: auto;\n  border-radius: 2.13333333vw 2.13333333vw 0 0;\n  background: white;\n  padding-top: 5.33333333vw;\n}\n.list-popup .list-block[data-v-531d3c9f] {\n  display: block;\n  width: auto;\n  margin: 0 5.33333333vw;\n  padding: 3.2vw 9.6vw;\n  border-bottom: 0.26666667vw solid #dddddd;\n}\n.list-popup .list-block.active[data-v-531d3c9f] {\n  color: #49E2A5;\n}\n.list-popup .close-btn[data-v-531d3c9f] {\n  text-align: center;\n  padding: 5.33333333vw;\n}\n.imgPop-block[data-v-531d3c9f] {\n  max-height: 133.33333333vw;\n  overflow: auto;\n}\n.imgPop-block img[data-v-531d3c9f] {\n  max-width: 80vw;\n}\n.btn-block[data-v-531d3c9f] {\n  position: relative;\n  margin-top: 4vw;\n  text-align: center;\n}\n.btn-block .age-block[data-v-531d3c9f] {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block[data-v-531d3c9f] {\n  position: absolute;\n  top: 9.86666667vw;\n  left: 0;\n  width: 17.6vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #666666;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block > div[data-v-531d3c9f] {\n  padding: 1.6vw 2.93333333vw;\n  text-align: left;\n}\n.btn-block .age-change-block > div[data-v-531d3c9f]:first-child {\n  border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block[data-v-531d3c9f] {\n  border-radius: 266.66666667vw;\n  width: 38.4vw;\n  border: 0.26666667vw solid #40A9FF;\n}\n.btn-block .change-block[data-v-531d3c9f]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.btn-block .change-block div[data-v-531d3c9f] {\n  float: left;\n  width: 50%;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #cccccc;\n}\n.btn-block .change-block div.active[data-v-531d3c9f] {\n  background: #40A9FF;\n  color: white;\n}\n.change-block-HP[data-v-531d3c9f] {\n  display: none;\n}\n.parent-finish[data-v-531d3c9f] {\n  position: absolute;\n  bottom: 2.66666667vw;\n  width: 100%;\n  left: 0;\n  top: 114.66666667vw;\n}\n.parent-finish .finish-block[data-v-531d3c9f] {\n  position: absolute;\n  width: 100%;\n  left: 0;\n  padding: 0;\n  margin: 0;\n  text-align: center;\n  bottom: 0;\n}\n.parent-finish .finish-block img[data-v-531d3c9f] {\n  width: 53.86666667vw;\n}\n@media screen and (orientation: landscape) {\n.finish-block[data-v-531d3c9f] {\n    display: none;\n}\n.playImage[data-v-531d3c9f] {\n    background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2') no-repeat;\n    background-size: 5.9970015vw 33.73313343vw;\n    display: inline-block;\n}\n._154722344142123489[data-v-531d3c9f] {\n    height: 0.74962519vw;\n    width: 1.34932534vw;\n    background-position: 0 0;\n}\n._282918034425091245[data-v-531d3c9f] {\n    height: 1.1994003vw;\n    width: 1.34932534vw;\n    background-position: 0 -0.59970015vw;\n    vertical-align: bottom;\n}\n.last[data-v-531d3c9f] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -1.94902549vw;\n}\n.listPlay[data-v-531d3c9f] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -4.34782609vw;\n}\n.replay[data-v-531d3c9f] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -6.74662669vw;\n}\n.next[data-v-531d3c9f] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -9.14542729vw;\n}\n.replayAll[data-v-531d3c9f] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -11.54422789vw;\n}\n.list[data-v-531d3c9f] {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -13.94302849vw;\n}\n.zDefaultIcon[data-v-531d3c9f] {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -16.34182909vw;\n    float: right;\n}\n.zIcon[data-v-531d3c9f] {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -19.04047976vw;\n    float: right;\n}\n.play[data-v-531d3c9f] {\n    height: 5.9970015vw;\n    width: 5.9970015vw;\n    background-position: 0 -21.73913043vw;\n}\n.stop[data-v-531d3c9f] {\n    height: 5.9970015vw;\n    width: 5.9970015vw;\n    background-position: 0 -27.73613193vw;\n}\n.audio-page[data-v-531d3c9f] {\n    position: absolute;\n    top: 0.74962519vw;\n    bottom: 0.74962519vw;\n    left: 0.74962519vw;\n    right: 0.74962519vw;\n    overflow: auto;\n    border-radius: 1.1994003vw;\n}\n.audio-page .content[data-v-531d3c9f] {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    border-radius: 1.1994003vw;\n    padding: 0;\n}\n.audio-page .content .hp-left[data-v-531d3c9f] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    margin-right: 2.99850075vw;\n}\n.audio-page .content .hp-left .hp-top[data-v-531d3c9f] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 100%;\n}\n.audio-page .content .image-block[data-v-531d3c9f] {\n    width: 22.48875562vw;\n    height: 22.48875562vw;\n    -webkit-box-shadow: 0 0 4.49775112vw 0.74962519vw #ddd;\n            box-shadow: 0 0 4.49775112vw 0.74962519vw #ddd;\n    overflow: hidden;\n    display: block;\n    margin: auto;\n    border-radius: 1.1994003vw;\n}\n.audio-page .content .image-block img[data-v-531d3c9f] {\n    width: 100%;\n}\n.audio-page .content .title-block[data-v-531d3c9f] {\n    margin-top: 3.5982009vw;\n}\n.audio-page .content .title-block .title[data-v-531d3c9f] {\n    font-size: 2.3988006vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .content .title-block .tips[data-v-531d3c9f] {\n    font-size: 2.09895052vw;\n    margin-top: 0.89955022vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n}\n.audio-page .content .range-block[data-v-531d3c9f] {\n    width: auto;\n    margin-top: 2.3988006vw;\n}\n.audio-page .content .range-block .time-block[data-v-531d3c9f] {\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n    text-align: left;\n}\n.audio-page .content .range-block .time-block[data-v-531d3c9f]:after {\n    content: '';\n    display: block;\n    clear: both;\n}\n.audio-page .content .range-block .time-block .left-time[data-v-531d3c9f] {\n    float: left;\n}\n.audio-page .content .range-block .time-block .right-time[data-v-531d3c9f] {\n    float: right;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f] {\n    -webkit-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-appearance: none;\n    background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n    background-size: 75% 100%;\n    /*设置左右宽度比例*/\n    width: 100%;\n    border-radius: 1.49925037vw;\n    /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-runnable-track {\n    height: 0.59970015vw;\n    border-radius: 0.29985007vw;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]:focus {\n    outline: none;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%;\n    /*外观设置为圆形*/\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    margin-top: -0.89955022vw;\n    /*使滑块超出轨道部分的偏移量相等*/\n    background: #49E2A5;\n}\n.audio-page .content .btn-group[data-v-531d3c9f] {\n    margin-top: 15vh;\n    display: none;\n    width: 29.9850075vw;\n}\n.audio-page .content .btn-group.hp[data-v-531d3c9f] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.audio-page .list-popup[data-v-531d3c9f] {\n    width: 56.22188906vw;\n    max-height: 51.72413793vw;\n    overflow: auto;\n    border-radius: 1.1994003vw 1.1994003vw 0 0;\n    background: white;\n    padding-top: 2.99850075vw;\n}\n.audio-page .list-popup .list-block[data-v-531d3c9f] {\n    display: block;\n    width: auto;\n    margin: 0 2.99850075vw;\n    padding: 1.79910045vw 5.39730135vw;\n    border-bottom: 0.14992504vw solid #dddddd;\n}\n.audio-page .list-popup .list-block.active[data-v-531d3c9f] {\n    color: #49E2A5;\n}\n.audio-page .list-popup .close-btn[data-v-531d3c9f] {\n    text-align: center;\n    padding: 2.99850075vw;\n}\n.audio-page .imgPop-block[data-v-531d3c9f] {\n    max-height: 74.96251874vw;\n    overflow: auto;\n}\n.audio-page .imgPop-block img[data-v-531d3c9f] {\n    max-width: 44.97751124vw;\n}\n.audio-page .btn-block[data-v-531d3c9f] {\n    position: relative;\n    min-width: 13.49325337vw;\n    margin-top: 0;\n    display: block;\n    height: 100%;\n}\n.audio-page .btn-block .age-block[data-v-531d3c9f] {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 4.19790105vw;\n    width: 13.1934033vw;\n    line-height: 4.19790105vw;\n    border: 0.14992504vw solid #666;\n    border-radius: 14.99250375vw;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block[data-v-531d3c9f] {\n    position: static;\n    width: 11.994003vw;\n    margin-top: 1.49925037vw;\n    border-radius: 1.1994003vw;\n    border: 0.14992504vw solid #666666;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block > div[data-v-531d3c9f] {\n    padding: 0.89955022vw 1.64917541vw;\n    text-align: left;\n}\n.audio-page .btn-block .age-change-block > div[data-v-531d3c9f]:first-child {\n    border-bottom: 0.14992504vw solid #eee;\n}\n.audio-page .btn-block .change-block-HP[data-v-531d3c9f] {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 11.69415292vw;\n}\n.audio-page .btn-block .change-block-HP img[data-v-531d3c9f] {\n    width: 100%;\n}\n.audio-page .btn-block .change-block[data-v-531d3c9f] {\n    display: none;\n}\n}\n@media screen and (min-aspect-ratio: 20/8) {\n.playImage[data-v-531d3c9f] {\n    background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2') no-repeat;\n    background-size: 4.44444444vw 25vw;\n    display: inline-block;\n}\n._154722344142123489[data-v-531d3c9f] {\n    height: 0.55555556vw;\n    width: 1vw;\n    background-position: 0 0;\n}\n._282918034425091245[data-v-531d3c9f] {\n    height: 0.88888889vw;\n    width: 1vw;\n    background-position: 0 -0.44444444vw;\n    vertical-align: bottom;\n}\n.last[data-v-531d3c9f] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -1.44444444vw;\n}\n.listPlay[data-v-531d3c9f] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -3.22222222vw;\n}\n.replay[data-v-531d3c9f] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -5vw;\n}\n.next[data-v-531d3c9f] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -6.77777778vw;\n}\n.replayAll[data-v-531d3c9f] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -8.55555556vw;\n}\n.list[data-v-531d3c9f] {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -10.33333333vw;\n}\n.zDefaultIcon[data-v-531d3c9f] {\n    height: 2vw;\n    width: 2vw;\n    background-position: 0 -12.11111111vw;\n    float: right;\n}\n.zIcon[data-v-531d3c9f] {\n    height: 2vw;\n    width: 2vw;\n    background-position: 0 -14.11111111vw;\n    float: right;\n}\n.play[data-v-531d3c9f] {\n    height: 4.44444444vw;\n    width: 4.44444444vw;\n    background-position: 0 -16.11111111vw;\n}\n.stop[data-v-531d3c9f] {\n    height: 4.44444444vw;\n    width: 4.44444444vw;\n    background-position: 0 -20.55555556vw;\n}\n.audio-page[data-v-531d3c9f] {\n    position: absolute;\n    top: 0.55555556vw;\n    bottom: 0.55555556vw;\n    left: 0.55555556vw;\n    right: 0.55555556vw;\n    overflow: auto;\n    border-radius: 0.88888889vw;\n}\n.audio-page .content[data-v-531d3c9f] {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    border-radius: 0.88888889vw;\n    padding: 0;\n}\n.audio-page .content .hp-left[data-v-531d3c9f] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    margin-right: 2.22222222vw;\n}\n.audio-page .content .hp-left .hp-top[data-v-531d3c9f] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 100%;\n}\n.audio-page .content .image-block[data-v-531d3c9f] {\n    width: 16.66666667vw;\n    height: 16.66666667vw;\n    -webkit-box-shadow: 0 0 3.33333333vw 0.55555556vw #ddd;\n            box-shadow: 0 0 3.33333333vw 0.55555556vw #ddd;\n    overflow: hidden;\n    display: block;\n    margin: auto;\n    border-radius: 0.88888889vw;\n}\n.audio-page .content .image-block img[data-v-531d3c9f] {\n    width: 100%;\n}\n.audio-page .content .title-block[data-v-531d3c9f] {\n    margin-top: 2.66666667vw;\n}\n.audio-page .content .title-block .title[data-v-531d3c9f] {\n    font-size: 1.77777778vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .content .title-block .tips[data-v-531d3c9f] {\n    font-size: 1.55555556vw;\n    margin-top: 0.66666667vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n}\n.audio-page .content .range-block[data-v-531d3c9f] {\n    width: auto;\n    margin-top: 1.77777778vw;\n}\n.audio-page .content .range-block .time-block[data-v-531d3c9f] {\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n    text-align: left;\n}\n.audio-page .content .range-block .time-block[data-v-531d3c9f]:after {\n    content: '';\n    display: block;\n    clear: both;\n}\n.audio-page .content .range-block .time-block .left-time[data-v-531d3c9f] {\n    float: left;\n}\n.audio-page .content .range-block .time-block .right-time[data-v-531d3c9f] {\n    float: right;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f] {\n    -webkit-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-appearance: none;\n    background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n    background-size: 75% 100%;\n    /*设置左右宽度比例*/\n    width: 100%;\n    border-radius: 1.11111111vw;\n    /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-runnable-track {\n    height: 0.44444444vw;\n    border-radius: 0.22222222vw;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]:focus {\n    outline: none;\n}\n.audio-page .content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%;\n    /*外观设置为圆形*/\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    margin-top: -0.66666667vw;\n    /*使滑块超出轨道部分的偏移量相等*/\n    background: #49E2A5;\n}\n.audio-page .content .btn-group[data-v-531d3c9f] {\n    margin-top: 15vh;\n    display: none;\n    width: 22.22222222vw;\n}\n.audio-page .content .btn-group.hp[data-v-531d3c9f] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.audio-page .list-popup[data-v-531d3c9f] {\n    width: 41.66666667vw;\n    max-height: 38.33333333vw;\n    overflow: auto;\n    border-radius: 0.88888889vw 0.88888889vw 0 0;\n    background: white;\n    padding-top: 2.22222222vw;\n}\n.audio-page .list-popup .list-block[data-v-531d3c9f] {\n    display: block;\n    width: auto;\n    margin: 0 2.22222222vw;\n    padding: 1.33333333vw 4vw;\n    border-bottom: 0.11111111vw solid #dddddd;\n}\n.audio-page .list-popup .list-block.active[data-v-531d3c9f] {\n    color: #49E2A5;\n}\n.audio-page .list-popup .close-btn[data-v-531d3c9f] {\n    text-align: center;\n    padding: 2.22222222vw;\n}\n.audio-page .imgPop-block[data-v-531d3c9f] {\n    max-height: 55.55555556vw;\n    overflow: auto;\n}\n.audio-page .imgPop-block img[data-v-531d3c9f] {\n    max-width: 33.33333333vw;\n}\n.audio-page .btn-block[data-v-531d3c9f] {\n    position: relative;\n    min-width: 10vw;\n    margin-top: 0;\n    display: block;\n    height: 100%;\n}\n.audio-page .btn-block .age-block[data-v-531d3c9f] {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 3.11111111vw;\n    width: 9.77777778vw;\n    line-height: 3.11111111vw;\n    border: 0.11111111vw solid #666;\n    border-radius: 11.11111111vw;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block[data-v-531d3c9f] {\n    position: static;\n    width: 8.88888889vw;\n    margin-top: 1.11111111vw;\n    border-radius: 0.88888889vw;\n    border: 0.11111111vw solid #666666;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n}\n.audio-page .btn-block .age-change-block > div[data-v-531d3c9f] {\n    padding: 0.66666667vw 1.22222222vw;\n    text-align: left;\n}\n.audio-page .btn-block .age-change-block > div[data-v-531d3c9f]:first-child {\n    border-bottom: 0.11111111vw solid #eee;\n}\n.audio-page .btn-block .change-block-HP[data-v-531d3c9f] {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 8.66666667vw;\n}\n.audio-page .btn-block .change-block-HP img[data-v-531d3c9f] {\n    width: 100%;\n}\n.audio-page .btn-block .change-block[data-v-531d3c9f] {\n    display: none;\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/audio.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/audio.vue"],names:[],mappings:";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;ACsgBD;EAAW,8GAAA;EAA8G,6CAAA;EAAmC,sBAAA;CDjgB3J;ACkgBD;EAAqB,qBAAA;EAAe,aAAA;EAAc,yBAAA;CD7fjD;AC8fD;EAAqB,qBAAA;EAAe,aAAA;EAAc,qCAAA;EAA+B,uBAAA;CDxfhF;ACyfD;EAAM,qBAAA;EAAgB,oBAAA;EAAe,qCAAA;CDpfpC;ACqfD;EAAU,qBAAA;EAAgB,oBAAA;EAAe,qCAAA;CDhfxC;ACifD;EAAQ,qBAAA;EAAgB,oBAAA;EAAe,6BAAA;CD5etC;AC6eD;EAAO,qBAAA;EAAgB,oBAAA;EAAe,sCAAA;CDxerC;ACyeD;EAAW,qBAAA;EAAgB,oBAAA;EAAe,sCAAA;CDpezC;ACqeD;EAAgB,qBAAA;EAAgB,oBAAA;EAAe,+BAAA;CDhe9C;ACieD;EAAS,qBAAA;EAAgB,oBAAA;EAAe,sCAAA;CD5dvC;AC6dD;EAAM,qBAAA;EAAgB,oBAAA;EAAe,sCAAA;CDxdpC;ACydD;EAAM,qBAAA;EAAgB,oBAAA;EAAe,+BAAA;CDpdpC;ACqdD;EAAO,qBAAA;EAAgB,oBAAA;EAAe,sCAAA;CDhdrC;ACidD;EAAc,cAAA;EAAgB,aAAA;EAAe,+BAAA;EAAiC,aAAA;CD3c7E;AC4cD;EAAO,cAAA;EAAgB,aAAA;EAAe,+BAAA;EAAiC,aAAA;CDtctE;ACucD;EAAM,sBAAA;EAAgB,qBAAA;EAAe,6BAAA;CDlcpC;ACmcD;EAAM,sBAAA;EAAgB,qBAAA;EAAe,sCAAA;CD9bpC;AC+bD;EACE,sBAAA;EACA,4BAAA;EACA,kBAAA;CD7bD;AC+bD;EACE,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,4BAAA;EACA,mBAAA;EACA,sBAAA;CD7bD;ACgbD;EAeI,qBAAA;EACA,sBAAA;EACA,yBAAA;EACA,8CAAA;UAAA,sCAAA;EACA,iBAAA;EACA,4BAAA;CD5bH;ACwaD;EAsBM,YAAA;CD3bL;ACqaD;EA0BI,yBAAA;CD5bH;ACkaD;EA4BM,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD3bL;AC4ZD;EAkCM,wBAAA;EACA,kBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD3bL;ACqZD;EA0CI,qBAAA;EACA,yBAAA;CD5bH;ACiZD;EA6CM,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;CD3bL;AC4bK;EACE,YAAA;EACA,eAAA;EAEA,YAAA;CD3bP;ACqYD;EAyDQ,YAAA;CD3bP;ACkYD;EA4DQ,aAAA;CD3bP;AC+XD;EAgEM,iCAAA;EACA,yBAAA;EACA,yBAAA;EACA,yEAAA;EACA,0BAAA;ED5bJ,YAAY;EC6bR,YAAA;EACA,4BAAA;ED3bJ,uBAAuB;CACxB;ACoXD;EAyEM,yBAAA;CD1bL;ACiXD;EA4EM,qBAAA;EACA,4BAAA;CD1bL;AC6WD;EAgFM,cAAA;CD1bL;AC0WD;EAmFM,yBAAA;EACA,mBAAA;ED1bJ,WAAW;EC2bP,qBAAA;EACA,oBAAA;EACA,mBAAA;EDzbJ,mBAAmB;EC0bf,oBAAA;CDxbL;ACgWD;EA4FI,gBAAA;EACA,qBAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;CDzbH;AC0bG;EACE,cAAA;CDxbL;AC4bD;EACE,aAAA;EACA,iBAAA;EACA,eAAA;EACA,6CAAA;EACA,kBAAA;EACA,0BAAA;CD1bD;ACobD;EAQI,eAAA;EACA,YAAA;EACA,uBAAA;EACA,qBAAA;EACA,0CAAA;CDzbH;AC0bG;EACE,eAAA;CDxbL;AC0aD;EAkBI,mBAAA;EACA,sBAAA;CDzbH;AC4bD;EACE,2BAAA;EACA,eAAA;CD1bD;ACwbD;EAII,gBAAA;CDzbH;AC4bD;EACE,mBAAA;EACA,gBAAA;EACA,mBAAA;CD1bD;ACubD;EAKI,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,mBAAA;EACA,wBAAA;EACA,6BAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDzbH;AC2aD;EAiBI,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,cAAA;EACA,4BAAA;EACA,mCAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDzbH;AC0bG;EACE,4BAAA;EACA,iBAAA;CDxbL;ACybK;EACE,uCAAA;CDvbP;ACwZD;EAoCI,8BAAA;EACA,cAAA;EACA,mCAAA;CDzbH;AC0bG;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDxbL;AC8YD;EA6CM,YAAA;EACA,WAAA;EACA,6BAAA;EACA,iBAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDxbL;ACybK;EACE,oBAAA;EACA,aAAA;CDvbP;AC4bD;EACE,cAAA;CD1bD;AC4bD;EACE,mBAAA;EACA,qBAAA;EACA,YAAA;EACA,QAAA;EACA,oBAAA;CD1bD;ACqbD;EAOI,mBAAA;EACA,YAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,mBAAA;EACA,UAAA;CDzbH;AC4aD;EAeM,qBAAA;CDxbL;AC4bD;AAEE;IAAc,cAAA;CD1bb;AC2bD;IAAW,+GAAA;IAA+G,2CAAA;IAAmC,sBAAA;CDtb5J;ACubD;IAAqB,qBAAA;IAAe,oBAAA;IAAc,yBAAA;CDlbjD;ACmbD;IAAqB,oBAAA;IAAe,oBAAA;IAAc,qCAAA;IAA+B,uBAAA;CD7ahF;AC8aD;IAAM,oBAAA;IAAgB,mBAAA;IAAe,qCAAA;CDzapC;AC0aD;IAAU,oBAAA;IAAgB,mBAAA;IAAe,qCAAA;CDraxC;ACsaD;IAAQ,oBAAA;IAAgB,mBAAA;IAAe,qCAAA;CDjatC;ACkaD;IAAM,oBAAA;IAAgB,mBAAA;IAAe,qCAAA;CD7ZpC;AC8ZD;IAAW,oBAAA;IAAgB,mBAAA;IAAe,sCAAA;CDzZzC;AC0ZD;IAAM,oBAAA;IAAgB,mBAAA;IAAe,sCAAA;CDrZpC;ACsZD;IAAc,qBAAA;IAAgB,oBAAA;IAAe,sCAAA;IAAkC,aAAA;CDhZ9E;ACiZD;IAAO,qBAAA;IAAgB,oBAAA;IAAe,sCAAA;IAAmC,aAAA;CD3YxE;AC4YD;IAAM,oBAAA;IAAgB,mBAAA;IAAe,sCAAA;CDvYpC;ACwYD;IAAM,oBAAA;IAAgB,mBAAA;IAAe,sCAAA;CDnYpC;ACqYD;IACE,mBAAA;IACA,kBAAA;IACA,qBAAA;IACA,mBAAA;IACA,oBAAA;IACA,eAAA;IACA,2BAAA;CDnYD;AC4XD;IASI,iBAAA;IACA,aAAA;IACA,YAAA;IACA,qBAAA;IAAA,qBAAA;IAAA,cAAA;IACA,2BAAA;IACA,WAAA;CDlYH;ACoXD;IAgBM,oBAAA;QAAA,YAAA;YAAA,QAAA;IACA,2BAAA;CDjYL;ACgXD;IAmBQ,qBAAA;IAAA,qBAAA;IAAA,cAAA;IACA,YAAA;CDhYP;AC4WD;IAwBM,qBAAA;IACA,sBAAA;IACA,uDAAA;YAAA,+CAAA;IACA,iBAAA;IACA,eAAA;IACA,aAAA;IACA,2BAAA;CDjYL;ACmWD;IAgCQ,YAAA;CDhYP;ACgWD;IAoCM,wBAAA;CDjYL;AC6VD;IAsCQ,uBAAA;IACA,gCAAA;IACA,iBAAA;IACA,eAAA;CDhYP;ACuVD;IA4CQ,wBAAA;IACA,yBAAA;IACA,gCAAA;IACA,iBAAA;IACA,eAAA;CDhYP;ACgVD;IAoDM,YAAA;IACA,wBAAA;CDjYL;AC4UD;IAuDQ,wBAAA;IACA,gCAAA;IACA,iBAAA;IACA,eAAA;IACA,iBAAA;CDhYP;ACiYO;IACE,YAAA;IACA,eAAA;IACA,YAAA;CD/XT;ACgUD;IAkEU,YAAA;CD/XT;AC6TD;IAqEU,aAAA;CD/XT;AC0TD;IAyEQ,iCAAA;IACA,yBAAA;IACA,yBAAA;IACA,yEAAA;IACA,0BAAA;IDhYN,YAAY;ICiYN,YAAA;IACA,4BAAA;ID/XN,uBAAuB;CACxB;AC+SD;IAkFQ,yBAAA;CD9XP;AC4SD;IAqFQ,qBAAA;IACA,4BAAA;CD9XP;ACwSD;IAyFQ,cAAA;CD9XP;ACqSD;IA4FQ,yBAAA;IACA,mBAAA;ID9XN,WAAW;IC+XL,oBAAA;IACA,mBAAA;IACA,0BAAA;ID7XN,mBAAmB;IC8Xb,oBAAA;CD5XP;AC2RD;IAqGM,iBAAA;IACA,cAAA;IACA,oBAAA;CD7XL;AC8XK;IACE,qBAAA;IAAA,qBAAA;IAAA,cAAA;CD5XP;ACmRD;IA8GI,qBAAA;IACA,0BAAA;IACA,eAAA;IACA,2CAAA;IACA,kBAAA;IACA,0BAAA;CD9XH;AC2QD;IAqHM,eAAA;IACA,YAAA;IACA,uBAAA;IACA,mCAAA;IACA,0CAAA;CD7XL;AC8XK;IACE,eAAA;CD5XP;ACiQD;IA+HM,mBAAA;IACA,sBAAA;CD7XL;AC6PD;IAoII,0BAAA;IACA,eAAA;CD9XH;ACyPD;IAuIM,yBAAA;CD7XL;ACsPD;IA2II,mBAAA;IACA,yBAAA;IACA,cAAA;IACA,eAAA;IACA,aAAA;CD9XH;AC+OD;IAiJM,eAAA;IACA,iBAAA;IACA,WAAA;IACA,qBAAA;IACA,oBAAA;IACA,0BAAA;IACA,gCAAA;IACA,6BAAA;IACA,wBAAA;IACA,gCAAA;IACA,iBAAA;IACA,eAAA;CD7XL;ACiOD;IA+JM,iBAAA;IACA,mBAAA;IACA,yBAAA;IACA,2BAAA;IACA,mCAAA;IACA,wBAAA;IACA,gCAAA;IACA,iBAAA;IACA,eAAA;CD7XL;AC8XK;IACE,mCAAA;IACA,iBAAA;CD5XP;AC6XO;IACE,uCAAA;CD3XT;AC+MD;IAiLM,mBAAA;IACA,0BAAA;IACA,eAAA;IACA,qBAAA;CD7XL;ACyMD;IAsLQ,YAAA;CD5XP;ACsMD;IA0LM,cAAA;CD7XL;CACF;ACiYD;AAEE;IAAW,+GAAA;IAA+G,mCAAA;IAAmC,sBAAA;CD7X5J;AC8XD;IAAqB,qBAAA;IAAe,WAAA;IAAc,yBAAA;CDzXjD;AC0XD;IAAqB,qBAAA;IAAe,WAAA;IAAc,qCAAA;IAA+B,uBAAA;CDpXhF;ACqXD;IAAM,qBAAA;IAAgB,oBAAA;IAAe,qCAAA;CDhXpC;ACiXD;IAAU,qBAAA;IAAgB,oBAAA;IAAe,qCAAA;CD5WxC;AC6WD;IAAQ,qBAAA;IAAgB,oBAAA;IAAe,4BAAA;CDxWtC;ACyWD;IAAM,qBAAA;IAAgB,oBAAA;IAAe,qCAAA;CDpWpC;ACqWD;IAAW,qBAAA;IAAgB,oBAAA;IAAe,qCAAA;CDhWzC;ACiWD;IAAM,qBAAA;IAAgB,oBAAA;IAAe,sCAAA;CD5VpC;AC6VD;IAAc,YAAA;IAAgB,WAAA;IAAe,sCAAA;IAAkC,aAAA;CDvV9E;ACwVD;IAAO,YAAA;IAAgB,WAAA;IAAe,sCAAA;IAAmC,aAAA;CDlVxE;ACmVD;IAAM,qBAAA;IAAgB,oBAAA;IAAe,sCAAA;CD9UpC;AC+UD;IAAM,qBAAA;IAAgB,oBAAA;IAAe,sCAAA;CD1UpC;AC4UD;IACE,mBAAA;IACA,kBAAA;IACA,qBAAA;IACA,mBAAA;IACA,oBAAA;IACA,eAAA;IACA,4BAAA;CD1UD;ACmUD;IASI,iBAAA;IACA,aAAA;IACA,YAAA;IACA,qBAAA;IAAA,qBAAA;IAAA,cAAA;IACA,4BAAA;IACA,WAAA;CDzUH;AC2TD;IAgBM,oBAAA;QAAA,YAAA;YAAA,QAAA;IACA,2BAAA;CDxUL;ACuTD;IAmBQ,qBAAA;IAAA,qBAAA;IAAA,cAAA;IACA,YAAA;CDvUP;ACmTD;IAwBM,qBAAA;IACA,sBAAA;IACA,uDAAA;YAAA,+CAAA;IACA,iBAAA;IACA,eAAA;IACA,aAAA;IACA,4BAAA;CDxUL;AC0SD;IAgCQ,YAAA;CDvUP;ACuSD;IAoCM,yBAAA;CDxUL;ACoSD;IAsCQ,wBAAA;IACA,gCAAA;IACA,iBAAA;IACA,eAAA;CDvUP;AC8RD;IA4CQ,wBAAA;IACA,yBAAA;IACA,gCAAA;IACA,iBAAA;IACA,eAAA;CDvUP;ACuRD;IAoDM,YAAA;IACA,yBAAA;CDxUL;ACmRD;IAuDQ,wBAAA;IACA,gCAAA;IACA,iBAAA;IACA,eAAA;IACA,iBAAA;CDvUP;ACwUO;IACE,YAAA;IACA,eAAA;IACA,YAAA;CDtUT;ACuQD;IAkEU,YAAA;CDtUT;ACoQD;IAqEU,aAAA;CDtUT;ACiQD;IAyEQ,iCAAA;IACA,yBAAA;IACA,yBAAA;IACA,yEAAA;IACA,0BAAA;IDvUN,YAAY;ICwUN,YAAA;IACA,4BAAA;IDtUN,uBAAuB;CACxB;ACsPD;IAkFQ,yBAAA;CDrUP;ACmPD;IAqFQ,qBAAA;IACA,4BAAA;CDrUP;AC+OD;IAyFQ,cAAA;CDrUP;AC4OD;IA4FQ,yBAAA;IACA,mBAAA;IDrUN,WAAW;ICsUL,qBAAA;IACA,oBAAA;IACA,0BAAA;IDpUN,mBAAmB;ICqUb,oBAAA;CDnUP;ACkOD;IAqGM,iBAAA;IACA,cAAA;IACA,qBAAA;CDpUL;ACqUK;IACE,qBAAA;IAAA,qBAAA;IAAA,cAAA;CDnUP;AC0ND;IA8GI,qBAAA;IACA,0BAAA;IACA,eAAA;IACA,6CAAA;IACA,kBAAA;IACA,0BAAA;CDrUH;ACkND;IAqHM,eAAA;IACA,YAAA;IACA,uBAAA;IACA,0BAAA;IACA,0CAAA;CDpUL;ACqUK;IACE,eAAA;CDnUP;ACwMD;IA+HM,mBAAA;IACA,sBAAA;CDpUL;ACoMD;IAoII,0BAAA;IACA,eAAA;CDrUH;ACgMD;IAuIM,yBAAA;CDpUL;AC6LD;IA2II,mBAAA;IACA,gBAAA;IACA,cAAA;IACA,eAAA;IACA,aAAA;CDrUH;ACsLD;IAiJM,eAAA;IACA,iBAAA;IACA,WAAA;IACA,qBAAA;IACA,oBAAA;IACA,0BAAA;IACA,gCAAA;IACA,6BAAA;IACA,wBAAA;IACA,gCAAA;IACA,iBAAA;IACA,eAAA;CDpUL;ACwKD;IA+JM,iBAAA;IACA,oBAAA;IACA,yBAAA;IACA,4BAAA;IACA,mCAAA;IACA,wBAAA;IACA,gCAAA;IACA,iBAAA;IACA,eAAA;CDpUL;ACqUK;IACE,mCAAA;IACA,iBAAA;CDnUP;ACoUO;IACE,uCAAA;CDlUT;ACsJD;IAiLM,mBAAA;IACA,0BAAA;IACA,eAAA;IACA,oBAAA;CDpUL;ACgJD;IAsLQ,YAAA;CDnUP;AC6ID;IA0LM,cAAA;CDpUL;CACF",file:"audio.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.playImage {\n  background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/imgPlayAudio.png') no-repeat;\n  background-size: 10.66666667vw 77.33333333vw;\n  display: inline-block;\n}\n._282918034425091245 {\n  height: 2.13333333vw;\n  width: 2.4vw;\n  background-position: 0 0;\n}\n._154722344142123489 {\n  height: 1.33333333vw;\n  width: 2.4vw;\n  background-position: 0 -2.13333333vw;\n  vertical-align: bottom;\n}\n.next {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -3.46666667vw;\n}\n.listPlay {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -7.73333333vw;\n}\n.replay {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -12vw;\n}\n.toBig {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -16.26666667vw;\n}\n.replayAll {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -20.53333333vw;\n}\n.collectDefault {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -24.8vw;\n}\n.collect {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -29.06666667vw;\n}\n.last {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -33.33333333vw;\n}\n.list {\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  background-position: 0 -37.6vw;\n}\n.close {\n  height: 4.53333333vw;\n  width: 4.53333333vw;\n  background-position: 0 -41.86666667vw;\n}\n.zDefaultIcon {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -46.4vw;\n  float: right;\n}\n.zIcon {\n  height: 4.8vw;\n  width: 4.8vw;\n  background-position: 0 -51.2vw;\n  float: right;\n}\n.play {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -56vw;\n}\n.stop {\n  height: 10.66666667vw;\n  width: 10.66666667vw;\n  background-position: 0 -66.66666667vw;\n}\n.collect-block {\n  padding: 2.66666667vw;\n  border-radius: 1.06666667vw;\n  background: white;\n}\n.content {\n  background: white;\n  width: 84vw;\n  position: absolute;\n  top: 21.33333333vw;\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  bottom: 5.33333333vw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 2.13333333vw;\n  text-align: center;\n  padding: 2.66666667vw;\n}\n.content .image-block {\n  width: 50.13333333vw;\n  height: 50.13333333vw;\n  margin-top: 1.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: 2.66666667vw;\n}\n.content .title-block .title {\n  font-size: 4.26666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.content .title-block .tips {\n  font-size: 3.73333333vw;\n  margin-top: 1.6vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #999999;\n}\n.content .range-block {\n  width: 66.66666667vw;\n  margin-top: 2.66666667vw;\n}\n.content .range-block .time-block {\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n  text-align: left;\n}\n.content .range-block .time-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.content .range-block .time-block .left-time {\n  float: left;\n}\n.content .range-block .time-block .right-time {\n  float: right;\n}\n.content .range-block input[type=range] {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-appearance: none;\n  background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n  background-size: 75% 100%;\n  /*设置左右宽度比例*/\n  width: 100%;\n  border-radius: 2.66666667vw;\n  /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.content .range-block input[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n}\n.content .range-block input[type=range]::-webkit-slider-runnable-track {\n  height: 1.06666667vw;\n  border-radius: 0.53333333vw;\n}\n.content .range-block input[type=range]:focus {\n  outline: none;\n}\n.content .range-block input[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  border-radius: 50%;\n  /*外观设置为圆形*/\n  height: 4.26666667vw;\n  width: 4.26666667vw;\n  margin-top: -1.6vw;\n  /*使滑块超出轨道部分的偏移量相等*/\n  background: #49E2A5;\n}\n.content .btn-group {\n  margin-top: 4vw;\n  width: 74.66666667vw;\n  display: flex;\n}\n.content .btn-group.hp {\n  display: none;\n}\n.list-popup {\n  width: 100vw;\n  max-height: 92vw;\n  overflow: auto;\n  border-radius: 2.13333333vw 2.13333333vw 0 0;\n  background: white;\n  padding-top: 5.33333333vw;\n}\n.list-popup .list-block {\n  display: block;\n  width: auto;\n  margin: 0 5.33333333vw;\n  padding: 3.2vw 9.6vw;\n  border-bottom: 0.26666667vw solid #dddddd;\n}\n.list-popup .list-block.active {\n  color: #49E2A5;\n}\n.list-popup .close-btn {\n  text-align: center;\n  padding: 5.33333333vw;\n}\n.imgPop-block {\n  max-height: 133.33333333vw;\n  overflow: auto;\n}\n.imgPop-block img {\n  max-width: 80vw;\n}\n.btn-block {\n  position: relative;\n  margin-top: 4vw;\n  text-align: center;\n}\n.btn-block .age-block {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  border: 0.26666667vw solid #666;\n  position: absolute;\n  padding: 0 3.46666667vw;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block {\n  position: absolute;\n  top: 9.86666667vw;\n  left: 0;\n  width: 17.6vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #666666;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #666666;\n}\n.btn-block .age-change-block > div {\n  padding: 1.6vw 2.93333333vw;\n  text-align: left;\n}\n.btn-block .age-change-block > div:first-child {\n  border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block {\n  border-radius: 266.66666667vw;\n  width: 38.4vw;\n  border: 0.26666667vw solid #40A9FF;\n}\n.btn-block .change-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.btn-block .change-block div {\n  float: left;\n  width: 50%;\n  border-radius: 26.66666667vw;\n  font-size: 3.2vw;\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #cccccc;\n}\n.btn-block .change-block div.active {\n  background: #40A9FF;\n  color: white;\n}\n.change-block-HP {\n  display: none;\n}\n.parent-finish {\n  position: absolute;\n  bottom: 2.66666667vw;\n  width: 100%;\n  left: 0;\n  top: 114.66666667vw;\n}\n.parent-finish .finish-block {\n  position: absolute;\n  width: 100%;\n  left: 0;\n  padding: 0;\n  margin: 0;\n  text-align: center;\n  bottom: 0;\n}\n.parent-finish .finish-block img {\n  width: 53.86666667vw;\n}\n@media screen and (orientation: landscape) {\n  .finish-block {\n    display: none;\n  }\n  .playImage {\n    background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2') no-repeat;\n    background-size: 5.9970015vw 33.73313343vw;\n    display: inline-block;\n  }\n  ._154722344142123489 {\n    height: 0.74962519vw;\n    width: 1.34932534vw;\n    background-position: 0 0;\n  }\n  ._282918034425091245 {\n    height: 1.1994003vw;\n    width: 1.34932534vw;\n    background-position: 0 -0.59970015vw;\n    vertical-align: bottom;\n  }\n  .last {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -1.94902549vw;\n  }\n  .listPlay {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -4.34782609vw;\n  }\n  .replay {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -6.74662669vw;\n  }\n  .next {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -9.14542729vw;\n  }\n  .replayAll {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -11.54422789vw;\n  }\n  .list {\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    background-position: 0 -13.94302849vw;\n  }\n  .zDefaultIcon {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -16.34182909vw;\n    float: right;\n  }\n  .zIcon {\n    height: 2.69865067vw;\n    width: 2.69865067vw;\n    background-position: 0 -19.04047976vw;\n    float: right;\n  }\n  .play {\n    height: 5.9970015vw;\n    width: 5.9970015vw;\n    background-position: 0 -21.73913043vw;\n  }\n  .stop {\n    height: 5.9970015vw;\n    width: 5.9970015vw;\n    background-position: 0 -27.73613193vw;\n  }\n  .audio-page {\n    position: absolute;\n    top: 0.74962519vw;\n    bottom: 0.74962519vw;\n    left: 0.74962519vw;\n    right: 0.74962519vw;\n    overflow: auto;\n    border-radius: 1.1994003vw;\n  }\n  .audio-page .content {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    border-radius: 1.1994003vw;\n    padding: 0;\n  }\n  .audio-page .content .hp-left {\n    flex: 1;\n    margin-right: 2.99850075vw;\n  }\n  .audio-page .content .hp-left .hp-top {\n    display: flex;\n    width: 100%;\n  }\n  .audio-page .content .image-block {\n    width: 22.48875562vw;\n    height: 22.48875562vw;\n    box-shadow: 0 0 4.49775112vw 0.74962519vw #ddd;\n    overflow: hidden;\n    display: block;\n    margin: auto;\n    border-radius: 1.1994003vw;\n  }\n  .audio-page .content .image-block img {\n    width: 100%;\n  }\n  .audio-page .content .title-block {\n    margin-top: 3.5982009vw;\n  }\n  .audio-page .content .title-block .title {\n    font-size: 2.3988006vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n  }\n  .audio-page .content .title-block .tips {\n    font-size: 2.09895052vw;\n    margin-top: 0.89955022vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n  }\n  .audio-page .content .range-block {\n    width: auto;\n    margin-top: 2.3988006vw;\n  }\n  .audio-page .content .range-block .time-block {\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n    text-align: left;\n  }\n  .audio-page .content .range-block .time-block:after {\n    content: '';\n    display: block;\n    clear: both;\n  }\n  .audio-page .content .range-block .time-block .left-time {\n    float: left;\n  }\n  .audio-page .content .range-block .time-block .right-time {\n    float: right;\n  }\n  .audio-page .content .range-block input[type=range] {\n    -webkit-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-appearance: none;\n    background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n    background-size: 75% 100%;\n    /*设置左右宽度比例*/\n    width: 100%;\n    border-radius: 1.49925037vw;\n    /*这个属性设置使填充进度条时的图形为圆角*/\n  }\n  .audio-page .content .range-block input[type=range]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n  }\n  .audio-page .content .range-block input[type=range]::-webkit-slider-runnable-track {\n    height: 0.59970015vw;\n    border-radius: 0.29985007vw;\n  }\n  .audio-page .content .range-block input[type=range]:focus {\n    outline: none;\n  }\n  .audio-page .content .range-block input[type=range]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%;\n    /*外观设置为圆形*/\n    height: 2.3988006vw;\n    width: 2.3988006vw;\n    margin-top: -0.89955022vw;\n    /*使滑块超出轨道部分的偏移量相等*/\n    background: #49E2A5;\n  }\n  .audio-page .content .btn-group {\n    margin-top: 15vh;\n    display: none;\n    width: 29.9850075vw;\n  }\n  .audio-page .content .btn-group.hp {\n    display: flex;\n  }\n  .audio-page .list-popup {\n    width: 56.22188906vw;\n    max-height: 51.72413793vw;\n    overflow: auto;\n    border-radius: 1.1994003vw 1.1994003vw 0 0;\n    background: white;\n    padding-top: 2.99850075vw;\n  }\n  .audio-page .list-popup .list-block {\n    display: block;\n    width: auto;\n    margin: 0 2.99850075vw;\n    padding: 1.79910045vw 5.39730135vw;\n    border-bottom: 0.14992504vw solid #dddddd;\n  }\n  .audio-page .list-popup .list-block.active {\n    color: #49E2A5;\n  }\n  .audio-page .list-popup .close-btn {\n    text-align: center;\n    padding: 2.99850075vw;\n  }\n  .audio-page .imgPop-block {\n    max-height: 74.96251874vw;\n    overflow: auto;\n  }\n  .audio-page .imgPop-block img {\n    max-width: 44.97751124vw;\n  }\n  .audio-page .btn-block {\n    position: relative;\n    min-width: 13.49325337vw;\n    margin-top: 0;\n    display: block;\n    height: 100%;\n  }\n  .audio-page .btn-block .age-block {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 4.19790105vw;\n    width: 13.1934033vw;\n    line-height: 4.19790105vw;\n    border: 0.14992504vw solid #666;\n    border-radius: 14.99250375vw;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n  }\n  .audio-page .btn-block .age-change-block {\n    position: static;\n    width: 11.994003vw;\n    margin-top: 1.49925037vw;\n    border-radius: 1.1994003vw;\n    border: 0.14992504vw solid #666666;\n    font-size: 1.79910045vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n  }\n  .audio-page .btn-block .age-change-block > div {\n    padding: 0.89955022vw 1.64917541vw;\n    text-align: left;\n  }\n  .audio-page .btn-block .age-change-block > div:first-child {\n    border-bottom: 0.14992504vw solid #eee;\n  }\n  .audio-page .btn-block .change-block-HP {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 11.69415292vw;\n  }\n  .audio-page .btn-block .change-block-HP img {\n    width: 100%;\n  }\n  .audio-page .btn-block .change-block {\n    display: none;\n  }\n}\n@media screen and (min-aspect-ratio: 20/8) {\n  .playImage {\n    background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2') no-repeat;\n    background-size: 4.44444444vw 25vw;\n    display: inline-block;\n  }\n  ._154722344142123489 {\n    height: 0.55555556vw;\n    width: 1vw;\n    background-position: 0 0;\n  }\n  ._282918034425091245 {\n    height: 0.88888889vw;\n    width: 1vw;\n    background-position: 0 -0.44444444vw;\n    vertical-align: bottom;\n  }\n  .last {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -1.44444444vw;\n  }\n  .listPlay {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -3.22222222vw;\n  }\n  .replay {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -5vw;\n  }\n  .next {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -6.77777778vw;\n  }\n  .replayAll {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -8.55555556vw;\n  }\n  .list {\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    background-position: 0 -10.33333333vw;\n  }\n  .zDefaultIcon {\n    height: 2vw;\n    width: 2vw;\n    background-position: 0 -12.11111111vw;\n    float: right;\n  }\n  .zIcon {\n    height: 2vw;\n    width: 2vw;\n    background-position: 0 -14.11111111vw;\n    float: right;\n  }\n  .play {\n    height: 4.44444444vw;\n    width: 4.44444444vw;\n    background-position: 0 -16.11111111vw;\n  }\n  .stop {\n    height: 4.44444444vw;\n    width: 4.44444444vw;\n    background-position: 0 -20.55555556vw;\n  }\n  .audio-page {\n    position: absolute;\n    top: 0.55555556vw;\n    bottom: 0.55555556vw;\n    left: 0.55555556vw;\n    right: 0.55555556vw;\n    overflow: auto;\n    border-radius: 0.88888889vw;\n  }\n  .audio-page .content {\n    position: static;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    border-radius: 0.88888889vw;\n    padding: 0;\n  }\n  .audio-page .content .hp-left {\n    flex: 1;\n    margin-right: 2.22222222vw;\n  }\n  .audio-page .content .hp-left .hp-top {\n    display: flex;\n    width: 100%;\n  }\n  .audio-page .content .image-block {\n    width: 16.66666667vw;\n    height: 16.66666667vw;\n    box-shadow: 0 0 3.33333333vw 0.55555556vw #ddd;\n    overflow: hidden;\n    display: block;\n    margin: auto;\n    border-radius: 0.88888889vw;\n  }\n  .audio-page .content .image-block img {\n    width: 100%;\n  }\n  .audio-page .content .title-block {\n    margin-top: 2.66666667vw;\n  }\n  .audio-page .content .title-block .title {\n    font-size: 1.77777778vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n  }\n  .audio-page .content .title-block .tips {\n    font-size: 1.55555556vw;\n    margin-top: 0.66666667vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #999999;\n  }\n  .audio-page .content .range-block {\n    width: auto;\n    margin-top: 1.77777778vw;\n  }\n  .audio-page .content .range-block .time-block {\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n    text-align: left;\n  }\n  .audio-page .content .range-block .time-block:after {\n    content: '';\n    display: block;\n    clear: both;\n  }\n  .audio-page .content .range-block .time-block .left-time {\n    float: left;\n  }\n  .audio-page .content .range-block .time-block .right-time {\n    float: right;\n  }\n  .audio-page .content .range-block input[type=range] {\n    -webkit-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-appearance: none;\n    background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n    background-size: 75% 100%;\n    /*设置左右宽度比例*/\n    width: 100%;\n    border-radius: 1.11111111vw;\n    /*这个属性设置使填充进度条时的图形为圆角*/\n  }\n  .audio-page .content .range-block input[type=range]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n  }\n  .audio-page .content .range-block input[type=range]::-webkit-slider-runnable-track {\n    height: 0.44444444vw;\n    border-radius: 0.22222222vw;\n  }\n  .audio-page .content .range-block input[type=range]:focus {\n    outline: none;\n  }\n  .audio-page .content .range-block input[type=range]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%;\n    /*外观设置为圆形*/\n    height: 1.77777778vw;\n    width: 1.77777778vw;\n    margin-top: -0.66666667vw;\n    /*使滑块超出轨道部分的偏移量相等*/\n    background: #49E2A5;\n  }\n  .audio-page .content .btn-group {\n    margin-top: 15vh;\n    display: none;\n    width: 22.22222222vw;\n  }\n  .audio-page .content .btn-group.hp {\n    display: flex;\n  }\n  .audio-page .list-popup {\n    width: 41.66666667vw;\n    max-height: 38.33333333vw;\n    overflow: auto;\n    border-radius: 0.88888889vw 0.88888889vw 0 0;\n    background: white;\n    padding-top: 2.22222222vw;\n  }\n  .audio-page .list-popup .list-block {\n    display: block;\n    width: auto;\n    margin: 0 2.22222222vw;\n    padding: 1.33333333vw 4vw;\n    border-bottom: 0.11111111vw solid #dddddd;\n  }\n  .audio-page .list-popup .list-block.active {\n    color: #49E2A5;\n  }\n  .audio-page .list-popup .close-btn {\n    text-align: center;\n    padding: 2.22222222vw;\n  }\n  .audio-page .imgPop-block {\n    max-height: 55.55555556vw;\n    overflow: auto;\n  }\n  .audio-page .imgPop-block img {\n    max-width: 33.33333333vw;\n  }\n  .audio-page .btn-block {\n    position: relative;\n    min-width: 10vw;\n    margin-top: 0;\n    display: block;\n    height: 100%;\n  }\n  .audio-page .btn-block .age-block {\n    display: block;\n    position: static;\n    padding: 0;\n    height: 3.11111111vw;\n    width: 9.77777778vw;\n    line-height: 3.11111111vw;\n    border: 0.11111111vw solid #666;\n    border-radius: 11.11111111vw;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n  }\n  .audio-page .btn-block .age-change-block {\n    position: static;\n    width: 8.88888889vw;\n    margin-top: 1.11111111vw;\n    border-radius: 0.88888889vw;\n    border: 0.11111111vw solid #666666;\n    font-size: 1.33333333vw;\n    font-family: PingFang-SC-Medium;\n    font-weight: 500;\n    color: #666666;\n  }\n  .audio-page .btn-block .age-change-block > div {\n    padding: 0.66666667vw 1.22222222vw;\n    text-align: left;\n  }\n  .audio-page .btn-block .age-change-block > div:first-child {\n    border-bottom: 0.11111111vw solid #eee;\n  }\n  .audio-page .btn-block .change-block-HP {\n    position: absolute;\n    top: calc(100vh - 12.5vw);\n    display: block;\n    width: 8.66666667vw;\n  }\n  .audio-page .btn-block .change-block-HP img {\n    width: 100%;\n  }\n  .audio-page .btn-block .change-block {\n    display: none;\n  }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.playImage{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/imgPlayAudio.png')  no-repeat;background-size:40*@toVw 290*@toVw;display: inline-block}\n._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 0;}\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;vertical-align: bottom}\n.next{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n.listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n.replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n.toBig{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n.collectDefault{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n.collect{height:16*@toVw;width:16*@toVw;background-position:0 -109*@toVw;}\n.last{height:16*@toVw;width:16*@toVw;background-position:0 -125*@toVw;}\n.list{height:16*@toVw;width:16*@toVw;background-position:0 -141*@toVw;}\n.close{height:17*@toVw;width:17*@toVw;background-position:0 -157*@toVw;}\n.zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -174*@toVw;float: right}\n.zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -192*@toVw;float: right;}\n.play{height:40*@toVw;width:40*@toVw;background-position:0 -210*@toVw;}\n.stop{height:40*@toVw;width:40*@toVw;background-position:0 -250*@toVw;}\n.collect-block{\n  padding: 10*@toVw;\n  border-radius: 4*@toVw;\n  background: white;\n}\n.content{\n  background: white;\n  width: 315*@toVw;\n  position: absolute;\n  top: 80*@toVw;\n  left: 20*@toVw;\n  right: 20*@toVw;\n  bottom: 20*@toVw;\n  overflow: auto;\n  margin: auto;\n  display: block;\n  border-radius: 8*@toVw;\n  text-align: center;\n  padding: 10*@toVw;\n  .image-block{\n    width: 188*@toVw;\n    height: 188*@toVw;\n    margin-top: 5*@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: 10*@toVw;\n    .title{\n      font-size:16*@toVw;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(102,102,102,1);\n    }\n    .tips{\n      font-size:14*@toVw;\n      margin-top: 6*@toVw;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(153,153,153,1);\n    }\n  }\n  .range-block{\n    width: 250 * @toVw;\n    margin-top: 10*@toVw;\n    .time-block{\n      font-size:12*@toVw;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(102,102,102,1);\n      text-align: left;\n      &:after{\n        content: '';\n        display: block;\n\n        clear: both;\n      }\n      .left-time{\n        float: left;\n      }\n      .right-time{\n        float: right;\n      }\n    }\n    input[type=range] {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      -webkit-appearance: none;\n      background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;\n      background-size: 75% 100%;/*设置左右宽度比例*/\n      width: 100%;\n      border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/\n    }\n    input[type=range]::-webkit-slider-thumb {\n      -webkit-appearance: none;\n    }\n    input[type=range]::-webkit-slider-runnable-track {\n      height: 4*@toVw;\n      border-radius: 2*@toVw ;\n    }\n    input[type=range]:focus {\n      outline: none;\n    }\n    input[type=range]::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      border-radius: 50%; /*外观设置为圆形*/\n      height: 16*@toVw;\n      width:  16*@toVw;\n      margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/\n      background: #49E2A5;\n    }\n  }\n  .btn-group{\n    margin-top: 15*@toVw;\n    width: 280*@toVw;\n    display: flex;\n    &.hp{\n      display: none;\n    }\n  }\n}\n.list-popup{\n  width: 375*@toVw;\n  max-height: 345*@toVw;\n  overflow: auto;\n  border-radius: 8*@toVw 8*@toVw 0 0;\n  background: white;\n  padding-top: 20*@toVw;\n  .list-block{\n    display: block;\n    width: auto;\n    margin: 0 20*@toVw;\n    padding:12*@toVw 36*@toVw;\n    border-bottom: 1*@toVw solid #dddddd;\n    &.active{\n      color: #49E2A5;\n    }\n  }\n  .close-btn{\n    text-align: center;\n    padding: 20*@toVw;\n  }\n}\n.imgPop-block{\n  max-height: 500*@toVw;\n  overflow: auto;\n  img{\n    max-width: 300*@toVw;\n  }\n}\n.btn-block{\n  position: relative;\n  margin-top: 15*@toVw;\n  text-align: center;\n  .age-block{\n    height: 28*@toVw;\n    line-height: 28*@toVw;\n    border: 1*@toVw solid #666;\n    position: absolute;\n    padding: 0 13*@toVw;\n    border-radius: 100*@toVw;\n    font-size:12*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    color:rgba(102,102,102,1);\n  }\n  .age-change-block{\n    position: absolute;\n    top: 37*@toVw;\n    left: 0;\n    width: 66*@toVw;\n    border-radius: 8*@toVw;\n    border: 1*@toVw solid #666666;\n    font-size:12*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    color:rgba(102,102,102,1);\n    &>div{\n      padding: 6*@toVw 11*@toVw;\n      text-align: left;\n      &:first-child{\n        border-bottom: 1*@toVw solid #eee;\n      }\n    }\n  }\n  .change-block{\n    border-radius: 1000*@toVw;\n    width: 144*@toVw;\n    border:1*@toVw solid #40A9FF;\n    &:after{\n      content: '';\n      display: block;\n      clear: both;\n    }\n    div{\n      float: left;\n      width: 50%;\n      border-radius: 100*@toVw;\n      font-size:12*@toVw;\n      height: 28*@toVw;\n      line-height: 28*@toVw;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(204,204,204,1);\n      &.active{\n        background: #40A9FF;\n        color: white;\n      }\n    }\n  }\n}\n.change-block-HP{\n  display: none;\n}\n.parent-finish{\n  position: absolute;\n  bottom: 10 * @toVw;\n  width: 100%;\n  left: 0;\n  top: 430*@toVw;\n  .finish-block{\n    position: absolute;\n    width: 100%;\n    left: 0;\n    padding: 0;\n    margin: 0;\n    text-align: center;\n    bottom: 0;\n    img{\n      width: 202*@toVw;\n    }\n  }\n}\n@media screen and (orientation: landscape) {\n  @toVw:100/667vw;\n  .finish-block{display: none}\n  .playImage{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2')  no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}\n  ._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}\n  ._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}\n  .last{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n  .listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n  .replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n  .next{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n  .replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n  .list{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n  .zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\n  .zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\n  .play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\n  .stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\n\n  .audio-page{\n    position: absolute;\n    top: 5*@toVw;\n    bottom: 5*@toVw;\n    left: 5*@toVw;\n    right: 5*@toVw;\n    overflow: auto;\n    border-radius:8*@toVw;\n    .content{\n      position: static;\n      height: 100%;\n      width: 100%;\n      display: flex;\n      border-radius: 8*@toVw;\n      padding: 0;\n      .hp-left{\n        flex: 1;\n        margin-right: 20*@toVw;\n        .hp-top{\n          display: flex;\n          width: 100%;\n        }\n      }\n      .image-block{\n        width: 150*@toVw;\n        height: 150*@toVw;\n        box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n        overflow: hidden;\n        display: block;\n        margin: auto;\n        border-radius: 8*@toVw;\n        img{\n          width: 100%;\n        }\n      }\n      .title-block{\n        margin-top: 24*@toVw;\n        .title{\n          font-size:16*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(102,102,102,1);\n        }\n        .tips{\n          font-size:14*@toVw;\n          margin-top: 6*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(153,153,153,1);\n        }\n      }\n      .range-block{\n        width: auto;\n        margin-top: 16*@toVw;\n        .time-block{\n          font-size:12*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(102,102,102,1);\n          text-align: left;\n          &:after{\n            content: '';\n            display: block;\n            clear: both;\n          }\n          .left-time{\n            float: left;\n          }\n          .right-time{\n            float: right;\n          }\n        }\n        input[type=range] {\n          -webkit-transform: translateZ(0);\n          transform: translateZ(0);\n          -webkit-appearance: none;\n          background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;\n          background-size: 75% 100%;/*设置左右宽度比例*/\n          width: 100%;\n          border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/\n        }\n        input[type=range]::-webkit-slider-thumb {\n          -webkit-appearance: none;\n        }\n        input[type=range]::-webkit-slider-runnable-track {\n          height: 4*@toVw;\n          border-radius: 2*@toVw ;\n        }\n        input[type=range]:focus {\n          outline: none;\n        }\n        input[type=range]::-webkit-slider-thumb {\n          -webkit-appearance: none;\n          border-radius: 50%; /*外观设置为圆形*/\n          height: 16*@toVw;\n          width:  16*@toVw;\n          margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/\n          background: #49E2A5;\n        }\n      }\n      .btn-group{\n        margin-top: 15vh;\n        display: none;\n        width: 200*@toVw;\n        &.hp{\n          display: flex;\n        }\n      }\n    }\n    .list-popup{\n      width: 375*@toVw;\n      max-height: 345*@toVw;\n      overflow: auto;\n      border-radius: 8*@toVw 8*@toVw 0 0;\n      background: white;\n      padding-top: 20*@toVw;\n      .list-block{\n        display: block;\n        width: auto;\n        margin: 0 20*@toVw;\n        padding:12*@toVw 36*@toVw;\n        border-bottom: 1*@toVw solid #dddddd;\n        &.active{\n          color: #49E2A5;\n        }\n      }\n      .close-btn{\n        text-align: center;\n        padding: 20*@toVw;\n      }\n    }\n    .imgPop-block{\n      max-height: 500*@toVw;\n      overflow: auto;\n      img{\n        max-width: 300*@toVw;\n      }\n    }\n    .btn-block{\n      position:relative;\n      min-width:90*@toVw ;\n      margin-top: 0;\n      display: block;\n      height: 100%;\n      .age-block{\n        display: block;\n        position: static;\n        padding: 0;\n        height: 28*@toVw;\n        width: 88*@toVw;\n        line-height: 28*@toVw;\n        border: 1*@toVw solid #666;\n        border-radius: 100*@toVw;\n        font-size:12*@toVw;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(102,102,102,1);\n      }\n      .age-change-block{\n        position: static;\n        width: 80*@toVw;\n        margin-top: 10*@toVw;\n        border-radius: 8*@toVw;\n        border: 1*@toVw solid #666666;\n        font-size:12*@toVw;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(102,102,102,1);\n        &>div{\n          padding: 6*@toVw 11*@toVw;\n          text-align: left;\n          &:first-child{\n            border-bottom: 1*@toVw solid #eee;\n          }\n        }\n      }\n      .change-block-HP{\n        position: absolute;\n        top: ~\"calc(100vh - 12.5vw)\";\n        display: block;\n        width: 78*@toVw;\n        img{\n          width: 100%;\n        }\n      }\n      .change-block{\n        display: none;\n      }\n    }\n  }\n}\n@media screen and (min-aspect-ratio: ~\"20/8\"){\n  @toVw:100/900vw;\n  .playImage{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2')  no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}\n  ._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}\n  ._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}\n  .last{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n  .listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n  .replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n  .next{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n  .replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n  .list{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n  .zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\n  .zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\n  .play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\n  .stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\n\n  .audio-page{\n    position: absolute;\n    top: 5*@toVw;\n    bottom: 5*@toVw;\n    left: 5*@toVw;\n    right: 5*@toVw;\n    overflow: auto;\n    border-radius:8*@toVw;\n    .content{\n      position:static;\n      height: 100%;\n      width: 100%;\n      display: flex;\n      border-radius: 8*@toVw;\n      padding: 0;\n      .hp-left{\n        flex: 1;\n        margin-right: 20*@toVw;\n        .hp-top{\n          display: flex;\n          width: 100%;\n        }\n      }\n      .image-block{\n        width: 150*@toVw;\n        height: 150*@toVw;\n        box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n        overflow: hidden;\n        display: block;\n        margin: auto;\n        border-radius: 8*@toVw;\n        img{\n          width: 100%;\n        }\n      }\n      .title-block{\n        margin-top: 24*@toVw;\n        .title{\n          font-size:16*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(102,102,102,1);\n        }\n        .tips{\n          font-size:14*@toVw;\n          margin-top: 6*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(153,153,153,1);\n        }\n      }\n      .range-block{\n        width: auto;\n        margin-top: 16*@toVw;\n        .time-block{\n          font-size:12*@toVw;\n          font-family:PingFang-SC-Medium;\n          font-weight:500;\n          color:rgba(102,102,102,1);\n          text-align: left;\n          &:after{\n            content: '';\n            display: block;\n            clear: both;\n          }\n          .left-time{\n            float: left;\n          }\n          .right-time{\n            float: right;\n          }\n        }\n        input[type=range] {\n          -webkit-transform: translateZ(0);\n          transform: translateZ(0);\n          -webkit-appearance: none;\n          background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;\n          background-size: 75% 100%;/*设置左右宽度比例*/\n          width: 100%;\n          border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/\n        }\n        input[type=range]::-webkit-slider-thumb {\n          -webkit-appearance: none;\n        }\n        input[type=range]::-webkit-slider-runnable-track {\n          height: 4*@toVw;\n          border-radius: 2*@toVw ;\n        }\n        input[type=range]:focus {\n          outline: none;\n        }\n        input[type=range]::-webkit-slider-thumb {\n          -webkit-appearance: none;\n          border-radius: 50%; /*外观设置为圆形*/\n          height: 16*@toVw;\n          width:  16*@toVw;\n          margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/\n          background: #49E2A5;\n        }\n      }\n      .btn-group{\n        margin-top: 15vh;\n        display: none;\n        width: 200*@toVw;\n        &.hp{\n          display: flex;\n        }\n      }\n    }\n    .list-popup{\n      width: 375*@toVw;\n      max-height: 345*@toVw;\n      overflow: auto;\n      border-radius: 8*@toVw 8*@toVw 0 0;\n      background: white;\n      padding-top: 20*@toVw;\n      .list-block{\n        display: block;\n        width: auto;\n        margin: 0 20*@toVw;\n        padding:12*@toVw 36*@toVw;\n        border-bottom: 1*@toVw solid #dddddd;\n        &.active{\n          color: #49E2A5;\n        }\n      }\n      .close-btn{\n        text-align: center;\n        padding: 20*@toVw;\n      }\n    }\n    .imgPop-block{\n      max-height: 500*@toVw;\n      overflow: auto;\n      img{\n        max-width: 300*@toVw;\n      }\n    }\n    .btn-block{\n      position:relative;\n      min-width:90*@toVw ;\n      margin-top: 0;\n      display: block;\n      height: 100%;\n      .age-block{\n        display: block;\n        position: static;\n        padding: 0;\n        height: 28*@toVw;\n        width: 88*@toVw;\n        line-height: 28*@toVw;\n        border: 1*@toVw solid #666;\n        border-radius: 100*@toVw;\n        font-size:12*@toVw;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(102,102,102,1);\n      }\n      .age-change-block{\n        position: static;\n        width: 80*@toVw;\n        margin-top: 10*@toVw;\n        border-radius: 8*@toVw;\n        border: 1*@toVw solid #666666;\n        font-size:12*@toVw;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(102,102,102,1);\n        &>div{\n          padding: 6*@toVw 11*@toVw;\n          text-align: left;\n          &:first-child{\n            border-bottom: 1*@toVw solid #eee;\n          }\n        }\n      }\n      .change-block-HP{\n        position: absolute;\n        top: ~\"calc(100vh - 12.5vw)\";\n        display: block;\n        width: 78*@toVw;\n        img{\n          width: 100%;\n        }\n      }\n      .change-block{\n        display: none;\n      }\n    }\n  }\n}\n"],sourceRoot:""}])},wpI3:function(n,t,o){var A=o("+xa/");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("27e1adf9",A,!1,{})},wulZ:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.old-content img,.old-content video{\n  margin-top: 50px;\n  max-width: 100% !important;\n}\n.old-content h3{\n  font-family: hanti\n}\n.look-content .preview img,.look-content .preview audio,.look-content .preview video{\n  max-width: 100%;\n}\n.audio-box {\n  position: relative;\n  width: 100%;\n  height: 70px;\n  padding: 8px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  background: #FFFFFF;\n  border: 1px solid #F1F1F1;\n  -webkit-box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\n          box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\n}\n#preview{\n  margin-left: auto;\n  margin-right:auto;\n  /*padding:14px;*/\n  width:375px;\n  height:667px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  border: 1px solid #ccc;\n  margin-top: 20px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.look-content img,video,audio{\n  max-width: 100%;\n}\n@font-face{font-family:hanti;src:url(https://cdn.singsingenglish.com/template/SentyZHAO.ttf)\n}\n/* @media screen and (min-width: 1025px){\n     #preview{\n         width:700px;\n     }\n }*/\n#preview *{font-family:sans-serif;font-size:16px;\n}\n.look-content .content img{\n  max-width: 100% !important;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/src/components/newLesson/look.vue"],names:[],mappings:";AAuGA;EACA,iBAAA;EACA,2BAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,aAAA;EACA,+BAAA;UAAA,uBAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,oBAAA;EACA,0BAAA;EACA,sDAAA;UAAA,8CAAA;CACA;AACA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,mBAAA;EACA,uBAAA;EACA,iBAAA;EACA,+BAAA;UAAA,uBAAA;CACA;AACA;EACA,gBAAA;CACA;AACA,WAAA,kBAAA,+DAAA;CAAA;AACA;;;;IAIA;AACA,WAAA,uBAAA,eAAA;CAAA;AACA;EACA,2BAAA;CACA",file:"look.vue",sourcesContent:['<template>\r\n  <div class="look-content">\r\n    <guide-block/>\r\n    <div class="content" v-if="!contentData.old" v-html="content">\r\n    </div>\r\n    <div class="old-content" v-if="contentData.old"  v-html="nohidden">\r\n    </div>\r\n    <div v-if="share_show">\r\n      <share-page @closeShare="closeShare()"/>\r\n    </div>\r\n    <star-block @showShare="share_show = true"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import sharePage from \'./share\'\r\n  import starBlock from \'./star\'\r\n  import guideBlock from \'../guide/look\'\r\n  export default {\r\n    name: "look",\r\n    props:[\r\n      \'contentData\'\r\n    ],\r\n    data(){\r\n      return {\r\n        share_show:false\r\n      }\r\n    },\r\n    components:{\r\n      guideBlock,\r\n      sharePage,\r\n      starBlock\r\n    },\r\n    methods:{\r\n      closeShare(){\r\n        this.share_show = false\r\n      },\r\n    },\r\n    computed:{\r\n      content(){\r\n        let content = null;\r\n          content = this.contentData.content.content\r\n        return content.replace(/video/g,\'audio\')\r\n      },\r\n      nohidden(){\r\n        let content = null;\r\n          content = this.contentData.content.content\r\n        return content.replace(/hidden="true"/g,\'\')\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style scoped lang="less">\r\n  @import "../../util/public";\r\n  .look-content{\r\n    background: white;\r\n    width: 315*@toVw;\r\n    position: absolute;\r\n    top: 80*@toVw;\r\n    left: 20*@toVw;\r\n    right: 20*@toVw;\r\n    bottom: 20*@toVw;\r\n    overflow: auto;\r\n    margin: auto;\r\n    display: block;\r\n    border-radius: 8px;\r\n    padding: 10*@toVw;\r\n    .content{\r\n\r\n    }\r\n  }\r\n\r\n  @media screen and (orientation: landscape) {\r\n    @toVw:100/667vw;\r\n    .finish-block{display: none}\r\n    .look-content{\r\n      position: absolute;\r\n      top: 20*@toVw;\r\n      width: auto;\r\n      bottom: 20*@toVw;\r\n      left: 20*@toVw;\r\n      right: 20*@toVw;\r\n      background:rgba(255,255,255,1);\r\n      box-shadow:inset 0*@toVw 1*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.2);\r\n      overflow: auto;\r\n      border-radius:8*@toVw;\r\n      padding: 20*@toVw;\r\n    .content,.old-content{\r\n      width: 300*@toVw;\r\n    position: relative;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      display: block;\r\n      border-radius: 8px;\r\n      padding: 10*@toVw;\r\n    }\r\n    }\r\n  }\r\n</style>\r\n<style>\r\n  .old-content img,.old-content video{\r\n    margin-top: 50px;\r\n    max-width: 100% !important;\r\n  }\r\n  .old-content h3{\r\n    font-family: hanti\r\n  }\r\n  .look-content .preview img,.look-content .preview audio,.look-content .preview video{\r\n    max-width: 100%;\r\n  }\r\n  .audio-box {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 70px;\r\n    padding: 8px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n    background: #FFFFFF;\r\n    border: 1px solid #F1F1F1;\r\n    box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\r\n  }\r\n  #preview{\r\n    margin-left: auto;\r\n    margin-right:auto;\r\n    /*padding:14px;*/\r\n    width:375px;\r\n    height:667px;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    border: 1px solid #ccc;\r\n    margin-top: 20px;\r\n    box-sizing: border-box;\r\n  }\r\n  .look-content img,video,audio{\r\n    max-width: 100%;\r\n  }\r\n  @font-face{font-family:hanti;src:url(https://cdn.singsingenglish.com/template/SentyZHAO.ttf)}\r\n  /* @media screen and (min-width: 1025px){\r\n       #preview{\r\n           width:700px;\r\n       }\r\n   }*/\r\n  #preview *{font-family:sans-serif;font-size:16px;}\r\n  .look-content .content img{\r\n    max-width: 100% !important;\r\n  }\r\n</style>\r\n'],sourceRoot:""}])},yOVS:function(n,t,o){n.exports=o.p+"static/img/shareConBg.0810ae7.png"},yq5q:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-44076ee2] {\n  float: right;\n}\n.main-block[data-v-44076ee2] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-44076ee2]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-44076ee2]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-44076ee2]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-44076ee2]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.off[data-v-44076ee2] {\n  position: absolute;\n  top: 2.4vw;\n  z-index: 99999;\n  right: 5.33333333vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #ffffff;\n}\n.guide[data-v-44076ee2] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 9999;\n}\n.guide .radius-block[data-v-44076ee2] {\n  padding: 2.66666667vw;\n}\n.guide .radius-block[data-v-44076ee2]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.guide .radius-block .radius[data-v-44076ee2] {\n  margin-right: 1.33333333vw;\n  float: right;\n  width: 25.6vw;\n  height: 10.66666667vw;\n  border-radius: 5.33333333vw;\n  border: 0.26666667vw solid #ffffff;\n}\n.guide .i-know[data-v-44076ee2] {\n  position: absolute;\n  width: 34.4vw;\n  left: 32.8vw;\n  bottom: 42.66666667vw;\n}\n.guide .color-red[data-v-44076ee2] {\n  color: #FF6477;\n}\n.guide .toUntil[data-v-44076ee2] {\n  width: 13.33333333vw;\n  position: absolute;\n  left: 21.33333333vw;\n  top: 16vw;\n  -webkit-transform: rotate(20deg);\n          transform: rotate(20deg);\n}\n.guide .until-test[data-v-44076ee2] {\n  width: 42.13333333vw;\n  position: absolute;\n  left: 37.06666667vw;\n  top: 21.33333333vw;\n  height: 6.93333333vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #ffffff;\n  font-size: 3.73333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  line-height: 6.93333333vw;\n  text-align: center;\n  color: #ffffff;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/look.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/look.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC0BD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDxBD;AC0BD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDxBD;ACgBD;EAUI,sBAAA;CDvBH;ACwBG;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDtBL;ACQD;EAiBM,2BAAA;EACA,aAAA;EACA,cAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;CDtBL;ACAD;EA0BI,mBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;CDvBH;ACND;EAgCI,eAAA;CDvBH;ACTD;EAmCI,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,UAAA;EACA,iCAAA;UAAA,yBAAA;CDvBH;AChBD;EA0CI,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CDvBH",file:"look.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.off {\n  position: absolute;\n  top: 2.4vw;\n  z-index: 99999;\n  right: 5.33333333vw;\n  font-size: 3.2vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #ffffff;\n}\n.guide {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 9999;\n}\n.guide .radius-block {\n  padding: 2.66666667vw;\n}\n.guide .radius-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.guide .radius-block .radius {\n  margin-right: 1.33333333vw;\n  float: right;\n  width: 25.6vw;\n  height: 10.66666667vw;\n  border-radius: 5.33333333vw;\n  border: 0.26666667vw solid #ffffff;\n}\n.guide .i-know {\n  position: absolute;\n  width: 34.4vw;\n  left: 32.8vw;\n  bottom: 42.66666667vw;\n}\n.guide .color-red {\n  color: #FF6477;\n}\n.guide .toUntil {\n  width: 13.33333333vw;\n  position: absolute;\n  left: 21.33333333vw;\n  top: 16vw;\n  transform: rotate(20deg);\n}\n.guide .until-test {\n  width: 42.13333333vw;\n  position: absolute;\n  left: 37.06666667vw;\n  top: 21.33333333vw;\n  height: 6.93333333vw;\n  border-radius: 2.13333333vw;\n  border: 0.26666667vw solid #ffffff;\n  font-size: 3.73333333vw;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  line-height: 6.93333333vw;\n  text-align: center;\n  color: #ffffff;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.off{\n  position: absolute;\n  top: 9*@toVw;\n  z-index: 99999;\n  right: 20*@toVw;\n  font-size:12*@toVw;\n  font-family:PingFang-SC-Medium;\n  font-weight:500;\n  color:rgba(255,255,255,1);\n}\n.guide{\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  color: white;\n  background:rgba(0,0,0,0.8);\n  z-index: 9999;\n  .radius-block{\n    padding: 10*@toVw;\n    &:after{\n      content: '';\n      display: block;\n      clear: both;\n    }\n    .radius{\n      margin-right: 5*@toVw;\n      float: right;\n      width:96*@toVw;\n      height:40*@toVw;\n      border-radius:20*@toVw;\n      border:1*@toVw solid rgba(255,255,255,1);\n    }\n  }\n  .i-know{\n    position: absolute;\n    width: 129*@toVw;\n    left: 123*@toVw;\n    bottom: 160*@toVw;\n  }\n  .color-red{\n    color: #FF6477;\n  }\n  .toUntil{\n    width: 50*@toVw;\n    position: absolute;\n    left: 80*@toVw;\n    top: 60*@toVw;\n    transform: rotate(20deg);\n  }\n  .until-test{\n    width:158*@toVw;\n    position: absolute;\n    left: 139*@toVw;\n    top: 80*@toVw;\n    height:26*@toVw;\n    border-radius:8*@toVw;\n    border:1*@toVw solid rgba(255,255,255,1);\n    font-size:14*@toVw;\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    line-height: 26*@toVw;\n    text-align: center;\n    color:rgba(255,255,255,1);\n  }\n}\n"],sourceRoot:""}])},yvem:function(n,t,o){var A=o("nEfO");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("0d1e6738",A,!1,{})}});
//# sourceMappingURL=1.0681e612c6f6b68943c8.js.map