webpackJsonp([2],{"/VxT":function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmBAMAAABaE/SdAAAAMFBMVEVHcExJ46ZJ46VJ46VJ46VI5aZJ4qVI46ZJ46VJ46ZJ46VI5ahJ4qVI46VJ4qVJ4qUxXrf/AAAAD3RSTlMAb8/toQ75P8VhiSAqfuVMjmp4AAABPUlEQVQoz2NgAAOeKXppRo4HGJBApP5/EPgkihDitP//yUvwiv7/zwIwIe7+/50BQJp1xv9PG6BiLP/VoayK/+ZQFnsj3BSxbxMY0AG7fTqGGMPhzyATOWxQFOYrAMn531EUyn8EOuC9AooYx+cABsb/Bai2/BdgYPoBZjovhQn2KzCc/wlm/f98FSo2/w+D/FeIGFww/iODP8SK/175UEGmLwz6DhCxBVvy/4GDiuUTw/sFUDEGoCAoqHg/M+QLwMQYtvwHuYHxG1Yx+wtoern+YbUDyS2iMLdguvknVr9hCwPMsJrAwGrfgCLGBAxTcGAjhz3IfKZvKJr7Qdq47VEirgScOso+F2BEM2d+Ipw9HcYo/t8OZRX9h6UrHn14WvsB18EITJO+gkuAaRIpVQVipl2gdhHltEewNA4AWTOUGfD3AKcAAAAASUVORK5CYII="},"1ogL":function(n,t,o){var A=o("6Ff3");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("89b57be2",A,!1,{})},"3asY":function(n,t,o){n.exports=o.p+"static/img/collect.b6d600a.png"},"6Ff3":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-8b0b19be] {\n float: right;\n}\n.main-block[data-v-8b0b19be] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-8b0b19be]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-8b0b19be]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-8b0b19be]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-8b0b19be]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.color-red[data-v-8b0b19be] {\n color: #FF5050;\n}\n.guide[data-v-8b0b19be] {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n overflow: hidden;\n right: 0;\n background-size: 100% 100%;\n color: white;\n z-index: 9999;\n background: rgba(0, 0, 0, 0.8);\n}\n.guide .bg[data-v-8b0b19be] {\n margin-top: -16vw;\n width: 100%;\n}\n.guide .tips[data-v-8b0b19be] {\n width: 52.26666667vw;\n position: absolute;\n top: 117.33333333vw;\n left: 5.33333333vw;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n text-align: center;\n padding: 2.66666667vw;\n border: 0.26666667vw solid #fff;\n border-radius: 2.13333333vw;\n}\n","",{version:3,sources:["C:/Users/EDZ/Desktop/pro/wechat/src/components/guide/C:/Users/EDZ/Desktop/pro/wechat/src/util/public.less","C:/Users/EDZ/Desktop/pro/wechat/src/components/guide/collection.vue","C:/Users/EDZ/Desktop/pro/wechat/src/components/guide/C:/Users/EDZ/Desktop/pro/wechat/src/components/guide/collection.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;ACUD;EACE,eAAA;CDRD;ACUD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,iBAAA;EACA,SAAA;EACA,2BAAA;EACA,aAAA;EACA,cAAA;EACA,+BAAA;CDRD;ACFD;EAYI,kBAAA;EACA,YAAA;CDPH;ACND;EAgBI,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,mBAAA;EACA,sBAAA;EACA,gCAAA;EACA,4BAAA;CDPH",file:"collection.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.color-red {\n color: #FF5050;\n}\n.guide {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n overflow: hidden;\n right: 0;\n background-size: 100% 100%;\n color: white;\n z-index: 9999;\n background: rgba(0, 0, 0, 0.8);\n}\n.guide .bg {\n margin-top: -16vw;\n width: 100%;\n}\n.guide .tips {\n width: 52.26666667vw;\n position: absolute;\n top: 117.33333333vw;\n left: 5.33333333vw;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n text-align: center;\n padding: 2.66666667vw;\n border: 0.26666667vw solid #fff;\n border-radius: 2.13333333vw;\n}\n",'\n\n\n\n\n\n\n\n\n\n\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.color-red{\n color:#FF5050 ;\n}\n.guide{\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n overflow: hidden;\n right: 0;\n background-size: 100% 100%;\n color: white;\n z-index: 9999;\n background:rgba(0,0,0,0.8);\n .bg{\n margin-top: -60*@toVw;\n width: 100%;\n }\n .tips{\n width: 196*@toVw;\n position: absolute;\n top: 440*@toVw;\n left: 20*@toVw;\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n text-align: center;\n padding: 10*@toVw;\n border: 1*@toVw solid #fff;\n border-radius: 8*@toVw;\n }\n}\n'],sourceRoot:""}])},"97UH":function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiBAMAAADIaRbxAAAAJ1BMVEVHcExJ5aNJ4qVJ46VJ4qVP5aZJ5aZJ46VJ46RJ5KZJ4qVI4qVJ4qVmooFfAAAADHRSTlMAH9+79RM5nn5Z62AS/3ipAAAA1UlEQVQoz2NgAAHW7VYui6sDGOCAzeYMCDgnwAQYIQJnzhwWgIpMOQMDnhABjjMI0AAW6UESOQES4DyDDCYARURQRByBIkCLSpPAPLVwoHVAtwCZAYw6QPKQACuQTGBgBpNCQFIRLGvAEANmAxUdEgCLH2XYA1YP5ICFz5w5zVBzBqJICaLkzHEGsJ+AigQhSoCWrTkDUcQAUXLmFIPPGagiiJIzR7CIYOrCNBnTdkwXYvoC06eYoYEZYlhCFTPkMWMHSwxixjKWlABLLYcTEAkIOUUBAD8JHHIQGXtQAAAAAElFTkSuQmCC"},AqcS:function(n,t,o){var A=o("GB1L");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("4f49081a",A,!1,{})},EsZv:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAmy4FDt8eN/PDjexTZPut0kN0eiMosmgAAADySURBVCjPlVJZssMgDAs7BgIk0f3PWjftpCxp3zz/eJE8Y8teln+Z3VJy+isaDE6j446jRWYsVuPZ+UONuOTuutozPDgm2+POI6YrU3uG6Rg2onYFx4V2EIIZ5pIe4ZMlZDkOtba1AjGvRU3R7jeLJ3j9U1Xlsb1DYdyMl2oQiFgwJVi5mfGSPTJBPIOZIeO77Ng9D7TcMM42FVaBItI8hRTu0sT88Sb5WqixjVyj5DyCNtg/t8tYR0JA1G3mt/FWXY8m+G4P/pj+froC4noZSUAZvlIXIJfVWet2hhHUfN6Ky8jd6rGFyqp7CvKHaHp8kgezoAyFs+5UjgAAAABJRU5ErkJggg=="},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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"},GB1L:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-70e489b1] {\n float: right;\n}\n.main-block[data-v-70e489b1] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-70e489b1]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-70e489b1]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-70e489b1]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-70e489b1]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.audio-hear[data-v-70e489b1] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/imagesaudio-hear.png') no-repeat;\n background-size: 4.8vw 13.33333333vw;\n display: inline-block;\n}\n._27377740323539322[data-v-70e489b1] {\n height: 3.73333333vw;\n width: 4.26666667vw;\n background-position: 0 0;\n}\n.zIcon[data-v-70e489b1] {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -3.73333333vw;\n}\n.zDefaultIcon[data-v-70e489b1] {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -8.53333333vw;\n}\n.noOne[data-v-70e489b1] {\n padding-top: 22.93333333vw;\n text-align: center;\n}\n.noOne img[data-v-70e489b1] {\n width: 43.73333333vw;\n}\n.noOne .text[data-v-70e489b1] {\n margin-top: 5.33333333vw;\n font-size: 16px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.noOne .btn[data-v-70e489b1] {\n margin-top: 6.93333333vw;\n width: 24.26666667vw;\n height: 8.53333333vw;\n border-radius: 4.8vw;\n border: 0.26666667vw solid #ff7875;\n line-height: 8.53333333vw;\n font-size: 14px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ff7875;\n}\n.collection-page[data-v-70e489b1] {\n background: #eeeeee;\n}\n.collection-page .collection-content[data-v-70e489b1] {\n background: white;\n position: absolute;\n top: 5.33333333vw;\n border-radius: 2.13333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 21.33333333vw;\n padding: 5.33333333vw;\n overflow: auto;\n margin: auto;\n}\n.collection-page .collection-content .top-play[data-v-70e489b1] {\n height: 13.86666667vw;\n border-bottom: 0.26666667vw solid #eee;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #000000;\n}\n.collection-page .collection-content .top-play .top-tips[data-v-70e489b1] {\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.collection-page .collection-content .top-play img[data-v-70e489b1] {\n width: 6.66666667vw;\n margin-right: 2.66666667vw;\n}\n.collection-page .collection-content .top-play div[data-v-70e489b1] {\n margin-left: 2.66666667vw;\n}\n.collection-page .collection-content .top-play .play-all-img[data-v-70e489b1] {\n margin: auto 0;\n width: 4.26666667vw;\n vertical-align: middle;\n}\n.collection-page .collection-content .collection-list[data-v-70e489b1] {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.collection-page .collection-content .collection-list li[data-v-70e489b1] {\n height: 13.86666667vw;\n border-bottom: 0.26666667vw solid #eee;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.collection-page .collection-content .collection-list li .index[data-v-70e489b1] {\n width: 4vw;\n margin: auto 0;\n font-size: 4.8vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.collection-page .collection-content .collection-list li .text[data-v-70e489b1] {\n margin-left: 2.66666667vw;\n}\n.collection-page .collection-content .collection-list li .text .title[data-v-70e489b1] {\n font-size: 4.26666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #000000;\n}\n.collection-page .collection-content .collection-list li .text .sub-title[data-v-70e489b1] {\n font-size: 3.2vw;\n font-family: PingFang-SC-Regular;\n font-weight: 400;\n color: #999999;\n}\n.collection-page .collection-content .collection-list li .play-icon[data-v-70e489b1] {\n width: 6.66666667vw;\n margin-right: 2.66666667vw;\n}\n@media screen and (orientation: landscape) {\n.audio-hear[data-v-70e489b1] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/imagesaudio-hear.png') no-repeat;\n background-size: 2.69865067vw 7.49625187vw;\n display: inline-block;\n}\n._27377740323539322[data-v-70e489b1] {\n height: 2.09895052vw;\n width: 2.3988006vw;\n background-position: 0 0;\n}\n.zIcon[data-v-70e489b1] {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -2.09895052vw;\n}\n.zDefaultIcon[data-v-70e489b1] {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -4.7976012vw;\n}\n.collection-page[data-v-70e489b1] {\n background: #eeeeee;\n}\n.collection-page .collection-content[data-v-70e489b1] {\n background: white;\n position: absolute;\n top: 2.99850075vw;\n border-radius: 1.1994003vw;\n left: 2.99850075vw;\n right: 2.99850075vw;\n bottom: 7.49625187vw;\n padding: 2.99850075vw;\n overflow: auto;\n margin: auto;\n}\n.collection-page .collection-content .top-play[data-v-70e489b1] {\n height: 7.79610195vw;\n border-bottom: 0.14992504vw solid #eee;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #000000;\n}\n.collection-page .collection-content .top-play .top-tips[data-v-70e489b1] {\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.collection-page .collection-content .top-play img[data-v-70e489b1] {\n width: 3.74812594vw;\n margin-right: 1.49925037vw;\n}\n.collection-page .collection-content .top-play div[data-v-70e489b1] {\n margin-left: 1.49925037vw;\n}\n.collection-page .collection-content .top-play .play-all-img[data-v-70e489b1] {\n margin: auto 0;\n width: 2.3988006vw;\n vertical-align: middle;\n}\n.collection-page .collection-content .collection-list[data-v-70e489b1] {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.collection-page .collection-content .collection-list li[data-v-70e489b1] {\n height: 7.79610195vw;\n border-bottom: 0.14992504vw solid #eee;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.collection-page .collection-content .collection-list li .index[data-v-70e489b1] {\n width: 2.24887556vw;\n margin: auto 0;\n font-size: 2.69865067vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.collection-page .collection-content .collection-list li .text[data-v-70e489b1] {\n margin-left: 1.49925037vw;\n}\n.collection-page .collection-content .collection-list li .text .title[data-v-70e489b1] {\n font-size: 2.3988006vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #000000;\n}\n.collection-page .collection-content .collection-list li .text .sub-title[data-v-70e489b1] {\n font-size: 1.79910045vw;\n font-family: PingFang-SC-Regular;\n font-weight: 400;\n color: #999999;\n}\n.collection-page .collection-content .collection-list li .play-icon[data-v-70e489b1] {\n width: 3.74812594vw;\n margin-right: 1.49925037vw;\n}\n}\n","",{version:3,sources:["C:/Users/EDZ/Desktop/pro/wechat/src/components/collection/C:/Users/EDZ/Desktop/pro/wechat/src/util/public.less","C:/Users/EDZ/Desktop/pro/wechat/src/components/collection/index.vue","C:/Users/EDZ/Desktop/pro/wechat/src/components/collection/C:/Users/EDZ/Desktop/pro/wechat/src/components/collection/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.audio-hear {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/imagesaudio-hear.png') no-repeat;\n background-size: 4.8vw 13.33333333vw;\n display: inline-block;\n}\n._27377740323539322 {\n height: 3.73333333vw;\n width: 4.26666667vw;\n background-position: 0 0;\n}\n.zIcon {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -3.73333333vw;\n}\n.zDefaultIcon {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -8.53333333vw;\n}\n.noOne {\n padding-top: 22.93333333vw;\n text-align: center;\n}\n.noOne img {\n width: 43.73333333vw;\n}\n.noOne .text {\n margin-top: 5.33333333vw;\n font-size: 16px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.noOne .btn {\n margin-top: 6.93333333vw;\n width: 24.26666667vw;\n height: 8.53333333vw;\n border-radius: 4.8vw;\n border: 0.26666667vw solid #ff7875;\n line-height: 8.53333333vw;\n font-size: 14px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ff7875;\n}\n.collection-page {\n background: #eeeeee;\n}\n.collection-page .collection-content {\n background: white;\n position: absolute;\n top: 5.33333333vw;\n border-radius: 2.13333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 21.33333333vw;\n padding: 5.33333333vw;\n overflow: auto;\n margin: auto;\n}\n.collection-page .collection-content .top-play {\n height: 13.86666667vw;\n border-bottom: 0.26666667vw solid #eee;\n display: flex;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #000000;\n}\n.collection-page .collection-content .top-play .top-tips {\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.collection-page .collection-content .top-play img {\n width: 6.66666667vw;\n margin-right: 2.66666667vw;\n}\n.collection-page .collection-content .top-play div {\n margin-left: 2.66666667vw;\n}\n.collection-page .collection-content .top-play .play-all-img {\n margin: auto 0;\n width: 4.26666667vw;\n vertical-align: middle;\n}\n.collection-page .collection-content .collection-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.collection-page .collection-content .collection-list li {\n height: 13.86666667vw;\n border-bottom: 0.26666667vw solid #eee;\n display: flex;\n}\n.collection-page .collection-content .collection-list li .index {\n width: 4vw;\n margin: auto 0;\n font-size: 4.8vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.collection-page .collection-content .collection-list li .text {\n margin-left: 2.66666667vw;\n}\n.collection-page .collection-content .collection-list li .text .title {\n font-size: 4.26666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #000000;\n}\n.collection-page .collection-content .collection-list li .text .sub-title {\n font-size: 3.2vw;\n font-family: PingFang-SC-Regular;\n font-weight: 400;\n color: #999999;\n}\n.collection-page .collection-content .collection-list li .play-icon {\n width: 6.66666667vw;\n margin-right: 2.66666667vw;\n}\n@media screen and (orientation: landscape) {\n .audio-hear {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/imagesaudio-hear.png') no-repeat;\n background-size: 2.69865067vw 7.49625187vw;\n display: inline-block;\n }\n ._27377740323539322 {\n height: 2.09895052vw;\n width: 2.3988006vw;\n background-position: 0 0;\n }\n .zIcon {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -2.09895052vw;\n }\n .zDefaultIcon {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -4.7976012vw;\n }\n .collection-page {\n background: #eeeeee;\n }\n .collection-page .collection-content {\n background: white;\n position: absolute;\n top: 2.99850075vw;\n border-radius: 1.1994003vw;\n left: 2.99850075vw;\n right: 2.99850075vw;\n bottom: 7.49625187vw;\n padding: 2.99850075vw;\n overflow: auto;\n margin: auto;\n }\n .collection-page .collection-content .top-play {\n height: 7.79610195vw;\n border-bottom: 0.14992504vw solid #eee;\n display: flex;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #000000;\n }\n .collection-page .collection-content .top-play .top-tips {\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n }\n .collection-page .collection-content .top-play img {\n width: 3.74812594vw;\n margin-right: 1.49925037vw;\n }\n .collection-page .collection-content .top-play div {\n margin-left: 1.49925037vw;\n }\n .collection-page .collection-content .top-play .play-all-img {\n margin: auto 0;\n width: 2.3988006vw;\n vertical-align: middle;\n }\n .collection-page .collection-content .collection-list {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .collection-page .collection-content .collection-list li {\n height: 7.79610195vw;\n border-bottom: 0.14992504vw solid #eee;\n display: flex;\n }\n .collection-page .collection-content .collection-list li .index {\n width: 2.24887556vw;\n margin: auto 0;\n font-size: 2.69865067vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n }\n .collection-page .collection-content .collection-list li .text {\n margin-left: 1.49925037vw;\n }\n .collection-page .collection-content .collection-list li .text .title {\n font-size: 2.3988006vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #000000;\n }\n .collection-page .collection-content .collection-list li .text .sub-title {\n font-size: 1.79910045vw;\n font-family: PingFang-SC-Regular;\n font-weight: 400;\n color: #999999;\n }\n .collection-page .collection-content .collection-list li .play-icon {\n width: 3.74812594vw;\n margin-right: 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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.audio-hear{background:url('https://static-cdn.changchangenglish.com/new-sing/static/imagesaudio-hear.png') no-repeat;background-size:18*@toVw 50*@toVw;display: inline-block}\n._27377740323539322{height:14*@toVw;width:16*@toVw;background-position:0 0;}\n.zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -14*@toVw;}\n.zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -32*@toVw;}\n.noOne{\n padding-top: 86*@toVw;\n text-align: center;\n img{\n width: 164*@toVw;\n }\n .text{\n margin-top: 20*@toVw;\n font-size:16px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n .btn{\n margin-top: 26*@toVw;\n width:91*@toVw;\n height:32*@toVw;\n border-radius:18*@toVw;\n border:1*@toVw solid rgba(255,120,117,1);\n line-height: 32*@toVw;\n font-size:14px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,120,117,1);\n }\n}\n.collection-page{\n background: #eeeeee;\n .collection-content{\n background: white;\n position: absolute;\n top: 20*@toVw;\n border-radius: 8*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 80*@toVw;\n padding: 20*@toVw;\n overflow: auto;\n margin: auto;\n .top-play{\n height: 52*@toVw;\n border-bottom: 1*@toVw solid #eee;\n display: flex;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(0,0,0,1);\n .top-tips{\n font-size:12px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n img{\n width: 25*@toVw;\n margin-right: 10*@toVw;\n }\n div{\n margin-left: 10*@toVw;\n }\n .play-all-img{\n margin: auto 0;\n width: 16*@toVw;\n vertical-align: middle;\n }\n\n }\n .collection-list{\n list-style: none;\n margin: 0;\n padding: 0;\n li{\n height: 52*@toVw;\n border-bottom: 1*@toVw solid #eee;\n display: flex;\n .index{\n width: 15*@toVw;\n margin: auto 0;\n font-size:18*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n .text{\n margin-left: 10*@toVw;\n .title{\n font-size:16*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(0,0,0,1);\n }\n .sub-title{\n font-size:12*@toVw;\n font-family:PingFang-SC-Regular;\n font-weight:400;\n color:rgba(153,153,153,1);\n }\n }\n .play-icon{\n width: 25*@toVw;\n margin-right: 10*@toVw;\n }\n }\n }\n }\n}\n\n@media screen and (orientation: landscape) {\n @toVw:100/667vw;\n .audio-hear{background:url('https://static-cdn.changchangenglish.com/new-sing/static/imagesaudio-hear.png') no-repeat;background-size:18*@toVw 50*@toVw;display: inline-block}\n ._27377740323539322{height:14*@toVw;width:16*@toVw;background-position:0 0;}\n .zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -14*@toVw;}\n .zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -32*@toVw;}\n .collection-page{\n background: #eeeeee;\n .collection-content{\n background: white;\n position: absolute;\n top: 20*@toVw;\n border-radius: 8*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 50*@toVw;\n padding: 20*@toVw;\n overflow: auto;\n margin: auto;\n .top-play{\n height: 52*@toVw;\n border-bottom: 1*@toVw solid #eee;\n display: flex;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(0,0,0,1);\n .top-tips{\n font-size:12px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n img{\n width: 25*@toVw;\n margin-right: 10*@toVw;\n }\n div{\n margin-left: 10*@toVw;\n }\n .play-all-img{\n margin: auto 0;\n width: 16*@toVw;\n vertical-align: middle;\n }\n\n }\n .collection-list{\n list-style: none;\n margin: 0;\n padding: 0;\n li{\n height: 52*@toVw;\n border-bottom: 1*@toVw solid #eee;\n display: flex;\n .index{\n width: 15*@toVw;\n margin: auto 0;\n font-size:18*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n .text{\n margin-left: 10*@toVw;\n .title{\n font-size:16*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(0,0,0,1);\n }\n .sub-title{\n font-size:12*@toVw;\n font-family:PingFang-SC-Regular;\n font-weight:400;\n color:rgba(153,153,153,1);\n }\n }\n .play-icon{\n width: 25*@toVw;\n margin-right: 10*@toVw;\n }\n }\n }\n }\n }\n}\n"],sourceRoot:""}])},"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=="},PTpu:function(n,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var A=o("CCn6"),i=o("3asY"),a=o.n(i),e={name:"guide",data:function(){return{bgUrl:a.a,show:!1}},mounted:function(){this.show=!0}},l=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:"bg",attrs:{src:n.bgUrl}}),n._v(" "),n._m(0)]):n._e()])};l._withStripped=!0;var r={render:l,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"tips"},[this._v("\n 需要先在课程中将歌曲"),t("span",{staticClass:"color-red"},[this._v("加入收藏")]),this._v("\n 才可以使用哦\n ")])}]},d=r;var c=!1;var g=o("VU/8")(e,d,!1,function(n){c||o("1ogL")},"data-v-8b0b19be",null);g.options.__file="src/components/guide/collection.vue";var w=g.exports,s=o("3xxH"),p=o.n(s),h=o("nl7b"),b=o.n(h),C=o("Zozi"),v=o.n(C),u=o("/VxT"),m=o.n(u),f=o("2oJL"),k=o("Au9i"),B=o("Qz73"),D=o("S+8+"),E=o.n(D),I=o("97UH"),y=o.n(I),V={name:"fun",props:["showObj"],components:{guideBlock:B.a},data:function(){return{popupVisible:!1,collectPop:!1,hasCollect:!1,closeUrl:y.a,ageShow:!1,imgPop:!1,startTime:"00:00",overTime:"00:00",range:0,tapToVideo:E.a,playFlag:!1,offset:0,timer:null,playType:0|Number(localStorage.getItem("playType"))}},mounted:function(){this.checkCollect()},methods:{changeCollect:function(){var n=this;if(console.log(this.showObj),this.hasCollect)Object(A.c)(this.hasCollect).then(function(t){n.hasCollect=!1,Object(k.Toast)("取消收藏"),n.checkCollect()});else{var t={category_id:this.showObj.audio[this.showObj.audioIndex].category_id,type:1,title:this.showObj.audio[this.showObj.audioIndex].title,sub_title:"来自于 "+this.showObj.audio[this.showObj.audioIndex].sub_title,url:this.showObj.audio[this.showObj.audioIndex].url,cover:this.showObj.audio[this.showObj.audioIndex].cover};Object(A.a)(t).then(function(t){Object(k.Toast)("收藏成功"),n.checkCollect()})}},checkCollect:function(){var n=this,t={url:this.showObj.audio[this.showObj.audioIndex].url};Object(A.y)(t).then(function(t){n.hasCollect=!(t.list.length<1)&&t.list[0].id})},onPlay:function(){this.$refs.audio.play()},lastOne:function(){this.showObj.audioIndex>0?(this.showObj.audioIndex--,this.keepPlay()):0===this.playType&&this.showObj.audio.length>1?(this.showObj.audioIndex=this.showObj.audio.length-1,this.keepPlay()):Object(k.Toast)("已经是第一首")},changeIndex:function(n){this.showObj.audioIndex=n,this.popupVisible=!1,this.keepPlay()},keepPlay:function(){var n=this;this.playFlag?this.$nextTick(function(){n.onPlay()}):this.$nextTick(function(){n.onStop()})},nextOne:function(){this.showObj.audioIndex<this.showObj.audio.length-1?(this.showObj.audioIndex++,this.keepPlay()):0===this.playType&&this.showObj.audio.length>1?(this.showObj.audioIndex=0,this.keepPlay()):Object(k.Toast)("已经是最后一首")},canPlay:function(){var n=this,t=this.$refs.audio;this.offset=Math.ceil(0|parseInt(t.duration)),this.$nextTick(function(){n.getDuration()})},playing:function(){var n=this,t=this.$refs.audio;this.playFlag=!0,this.timer=setInterval(function(){var o=null;o=parseInt(t.currentTime/60)<10?"0"+parseInt(t.currentTime/60):parseInt(t.currentTime/60);var A=parseInt(t.currentTime%60);A<10&&(A="0"+A),n.startTime=o+":"+A,n.range=parseInt(t.currentTime),n.range===n.offset&&0!==n.offset&&(n.range=0,n.startTime="00:00",n.onOver(),clearInterval(n.timer))},1e3)},stopTime:function(){clearInterval(this.timer)},getDuration:function(){var n=null;if(0===this.offset)this.overTime="正在加载中...";else{n=parseInt(this.offset/60)<10?"0"+parseInt(this.offset/60):parseInt(this.offset/60);var t=parseInt(this.offset%60);t<10&&(t="0"+t),this.overTime=n+":"+t}},onStop:function(){this.$refs.audio.pause(),this.playFlag=!1},onOver:function(){var n=this;switch(this.playType){case 0:this.showObj.audioIndex<this.showObj.audio.length-1?this.showObj.audioIndex++:this.showObj.audioIndex=0,this.$nextTick(function(){n.onPlay()});break;case 1:this.range=0,this.$nextTick(function(){n.onPlay()});break;case 2:this.showObj.audioIndex<this.showObj.audio.length-1?(this.showObj.audioIndex++,this.$nextTick(function(){n.onPlay()})):(this.showObj.audioIndex=0,this.$nextTick(function(){n.onStop()}))}},changeType:function(){switch(this.playType<2?this.playType++:this.playType=0,window.localStorage.setItem("playType",this.playType),this.playType){case 1:Object(k.Toast)("单曲循环");break;case 2:Object(k.Toast)("顺序播放");break;case 0:Object(k.Toast)("列表循环")}}},watch:{"showObj.audioIndex":function(n){this.checkCollect(),this.keepPlay()},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)}}},x=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("img",{staticClass:"colse-btn",attrs:{src:n.closeUrl},on:{click:function(t){n.showObj.show=!1}}}),n._v(" "),o("audio",{ref:"audio",attrs:{id:"audioTag",src:n.showObj.audio[n.showObj.audioIndex].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.showObj.audioIndex].cover}})]),n._v(" "),o("div",[o("div",{staticClass:"title-block"},[o("div",{staticClass:"title"},[n._v("\n "+n._s(n.showObj.audio[n.showObj.audioIndex].title)+"\n ")]),n._v(" "),o("div",{staticClass:"tips"},[n._v("\n "+n._s(n.showObj.audio[n.showObj.audioIndex].sub_title)+"\n ")])]),n._v(" "),o("div",{staticClass:"btn-group hp"},[o("i",{staticClass:"playImage list",on:{click:function(t){n.popupVisible=!n.popupVisible}}}),n._v(" "),o("i",{staticClass:"playImage last",on:{click:function(t){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():o("i",{staticClass:"playImage play",on:{click:n.onPlay}}),n._v(" "),n.playFlag?o("i",{staticClass:"playImage stop",on:{click:n.onStop}}):n._e(),n._v(" "),o("i",{staticClass:"playImage next",on:{click:function(t){n.nextOne()}}}),n._v(" "),o("i",{class:{playImage:!0,replay:1===n.playType,replayAll:0===n.playType,listPlay:2==n.playType},on:{click:function(t){n.changeType()}}})])])]),n._v(" "),o("div",{staticClass:"range-block"},[o("div",{staticClass:"time-block"},[o("div",{staticClass:"left-time"},[n._v(n._s(n.startTime))]),n._v(" "),o("div",{staticClass:"right-time"},[n._v(n._s(n.overTime))])]),n._v(" "),o("input",{directives:[{name:"model",rawName:"v-model",value:n.range,expression:"range"}],style:{backgroundSize:(n.offset?n.range/n.offset*100:0)+"% 100%"},attrs:{type:"range",min:"0",max:n.offset},domProps:{value:n.range},on:{__r:function(t){n.range=t.target.value}}})])]),n._v(" "),o("div",{staticClass:"btn-group"},[o("i",{staticClass:"playImage toBig",on:{click:function(t){n.imgPop=!0}}}),n._v(" "),o("i",{staticClass:"playImage list",on:{click:function(t){n.showObj.show=!1}}}),n._v(" "),o("i",{staticClass:"playImage last",on:{click:function(t){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():o("i",{staticClass:"playImage play",on:{click:n.onPlay}}),n._v(" "),n.playFlag?o("i",{staticClass:"playImage stop",on:{click:n.onStop}}):n._e(),n._v(" "),o("i",{staticClass:"playImage next",on:{click:function(t){n.nextOne()}}}),n._v(" "),o("i",{class:{playImage:!0,replay:1===n.playType,replayAll:0===n.playType,listPlay:2==n.playType},on:{click:function(t){n.changeType()}}}),n._v(" "),o("i",{class:{playImage:!0,collectDefault:!n.hasCollect,collect:!!n.hasCollect},on:{click:n.changeCollect}})])]):n._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.showObj.audioIndex},on:{click:function(t){n.changeIndex(A)}}},[n._v("\n "+n._s(t.title)+"\n "),o("i",{class:{playImage:!0,zDefaultIcon:A!==n.showObj.audioIndex,zIcon:A===n.showObj.audioIndex}})])}),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.showObj.audioIndex].cover}})]):n._e()]),n._v(" "),o("guide-block")],1)};x._withStripped=!0;var F={render:x,staticRenderFns:[]},P=F;var O=!1;var S=o("VU/8")(V,P,!1,function(n){O||o("c2SM")},"data-v-a7844a96",null);S.options.__file="src/components/collection/audio.vue";var z=S.exports,M={name:"index",components:{footPage:f.a,audioPage:z,guideBlock:w},data:function(){return{errorUrl:p.a,playAllUrl:b.a,noOne:!1,playDefaultUrl:v.a,playActiveUrl:m.a,showObj:{audio:[],audioIndex:0,show:!1},audioShow:!1,page:1,loading:!1,total:0}},mounted:function(){this.initPage()},methods:{loadMore:function(){},toList:function(){this.$router.push({name:"myGoodsList"})},showAudio:function(n){this.showObj.audioIndex=n,this.showObj.show=!0},initPage:function(){var n=this;Object(A.y)({limit:1e5}).then(function(t){t.list.length<1?n.noOne=!0:(n.showObj.audio=t.list,n.total=t.total)})}}},q=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"collection-page"},[n.noOne?n._e():o("div",{staticClass:"collection-content"},[o("div",{staticClass:"top-play"},[o("img",{staticClass:"play-all-img",attrs:{src:n.playAllUrl}}),n._v(" "),o("div",[n._v("\n 收藏夹"),o("span",{staticClass:"top-tips"},[n._v("（共"+n._s(n.total)+"首）")])])]),n._v(" "),o("ul",{directives:[{name:"infinite-scroll",rawName:"v-infinite-scroll",value:n.loadMore,expression:"loadMore"}],staticClass:"collection-list",attrs:{"infinite-scroll-disabled":"loading"}},n._l(n.showObj.audio,function(t,A){return o("li",{on:{click:function(t){n.showAudio(A)}}},[o("div",{staticClass:"index"},[n._v(n._s(A+1))]),n._v(" "),o("div",{staticClass:"text"},[o("div",{staticClass:"title"},[n._v("\n "+n._s(t.title)+"\n ")]),n._v(" "),o("div",{staticClass:"sub-title"},[n._v("\n "+n._s(t.sub_title)+"\n ")])]),n._v(" "),A!==n.showObj.audioIndex?o("img",{staticClass:"play-icon",attrs:{src:n.playDefaultUrl}}):n._e(),n._v(" "),A===n.showObj.audioIndex?o("img",{staticClass:"play-icon",attrs:{src:n.playActiveUrl}}):n._e()])}))]),n._v(" "),n.noOne?o("div",{staticClass:"noOne"},[o("img",{attrs:{src:n.errorUrl}}),n._v(" "),n._m(0),n._v(" "),o("div",{staticClass:"btn",on:{click:function(t){n.toList()}}},[n._v("\n 去添加\n ")])]):n._e(),n._v(" "),o("foot-page"),n._v(" "),n.showObj.audio.length>0?o("audio-page",{directives:[{name:"show",rawName:"v-show",value:n.showObj.show,expression:"showObj.show"}],ref:"audioPage",attrs:{showObj:n.showObj}}):n._e(),n._v(" "),n.noOne?o("guide-block"):n._e()],1)};q._withStripped=!0;var H={render:q,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"text"},[this._v("\n 还没有收藏哦\n "),t("br"),this._v("\n 快去课程里添加吧\n ")])}]},j=H;var T=!1;var Q=o("VU/8")(M,j,!1,function(n){T||o("AqcS")},"data-v-70e489b1",null);Q.options.__file="src/components/collection/index.vue";t.default=Q.exports},Qz73:function(n,t,o){"use strict";var A=o("CCn6"),i=o("dZdx"),a=o.n(i),e=o("qkCC"),l=o.n(e),r=o("G8nj"),d=o.n(r),c=o("XDzh"),g=o.n(c),w=o("Jyj/"),s=o.n(w),p=o("M58m"),h=o.n(p),b=o("EsZv"),C=o.n(b),v=o("SKwj"),u=o.n(v),m=o("ohH1"),f=o.n(m),k={name:"guide",data:function(){return{iKnowUrl:d.a,goDownUrl:f.a,playUrl:g.a,toBigUrl:a.a,loveUrl:l.a,nextUrl:s.a,listUrl:h.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 D={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("收藏")])])}]},E=D;var I=!1;var y=o("VU/8")(k,E,!1,function(n){I||o("yvem")},"data-v-0761bba3",null);y.options.__file="src/components/guide/audio.vue";t.a=y.exports},"S+8+":function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAA4CAYAAAAB3jHPAAAAAXNSR0IArs4c6QAADEJJREFUeAHtnWeIFFsWx8845pxzzopZUcaAIGZRVzGgKCrK7gomBPeDflB4qPjFgKLu4iAmVNRV0ZVFRRGfitlnVp4555xD7/1d+/be7pnpntGumg514HZVV1VXdf3rX+ece86pWymSM6mjNu+qWnPVmK+oWmnViqlWULW8qqWq5kn8IuCz/vo3Nf9FtXeqPVTtD9XSVduvWtSkhNrTP1T7UzUO7jUPg8+KB/9RrZpqYSUlzNo8at0E1X5TrTjblSpVStq2bSutW7eWWrVqSfny5aVkyZJSpEgRyZ8/v+TNm1fy5OFniS/fv3+XtWvXyqJFi+TdO25wkXLlyknnzp2lU6dOUr9+falSpYqUKVNGihYtKgULFowLfDivr1+/ysePH+Xt27fy7NkzuXfvnly9elUOHjwoBw4ckCdPnpgLjLL5t2pDVUPbZZCsCIbp44dp/KJdu3YyZswYDV5KSlY/YcvkEACeOHGinDlzRp9wly5dZOrUqdK7d29JdHx8Pp/s2rVL5s+fL/v27TMX/I2a6aDaObPATDNjSyO18r+qVS9UqJBv1qxZKf379zfbJ/302rVrMm7cOHnw4IHW3MuWLZORI0cmJS5r1qyR8ePH+5QGh0dfVfuLapjOgIQSDM11VLXqDRs2lAULFmhTGNg6yWfQXEOGDNHkatGihWzcuFGbwmSGBdM5dOhQo80hWSvVAprMJhjO0++qpUEuwCtQoID66gkI4JsMHz5cAwm5jhw5ov0qDx3R/lpaWpohGeaylGraJ7M9chz6NMwimssjVzB1cOjxuejQcPPhtHvyAwGwABOFDU4/IauNBhtDMEIR9BYFn4seoif/R+DNmze6t8gSfC56iJ4EIwAmChtjEQeqtTqEYQj2N7WgOL1Fz6EPBo5v3J2EIugtJqtDnxGVjEvABoyUQLTlzBiC/ZUvhCI8yYgABEMIRXgSHgELo25sCdNI+fxJEPXw4cMJH8fhpHMit2/flu7du+sg6qNHjzx8IoBHnKxChQomGNsFDUZuUUfoEz1IGAGbTFdz0yFE6D18MoUoaCEYgZVfxkIwEtc6/eNf6E0sBC5fvqy/kf7xJHsIWFg1p/oBE5nrAVVymSYPlr3TcGerO3fu6APFa8/x+vXrcvr0ad0Is5w9e1bGjh0rM2fOdAxAC6uKEIzovU5cO3bEMDuGWFWrVpV8+fLprd6/fy+PHz+WT58+hfmVe6tMYpfEdSwLCepLly4FyASpINSrV68Cf5t41efPn7WvHVjowIyFVREIRj2Xropw4FgRd1mxYkVdZfD8+XNdkUEgs0aNGvLixQt5+vSp4DTmppgLRFVErAghEzSRrZnOnTsXdFNS5dKyZcugRoYGvL9900F2x07HwiofBCPyqiPUjh0xix1T2qMyB/ouM5qCDAIglC5dWpe50HNDq+WWmFIcSm5yW+bOnSurV6/WpTO4E0bQGN26dQsiU82aNc1qTbwLFy7IqlWr5MOHD47ftBZWqRBM5zwwVW4L9WMI6t0IpvHWrVuaYNwJ1apVCxDQ6TvP/Ad7akx1LKSGKJH58uWLTriTDzUaijo0I69fv9amcfv27Xp66tQpuXjxYhDGTlsFGyuusL7K5mKbP5rbU0wmKRpiKiVKlNAaFi0HgG6KIXWs4NOmTRtZv369huDhw4dy4sSJgKnEZOLU2wRCk/Xt21eTEVKOHj1ad6acxNDGCnKlcrBYrETlbr17964UL15cd0IqVaqk5zGbrHNDjCmKBXyIMeHI9+rVS5MKHIykpqZKo0aNZMSIEWJrN3wxW7BUNgHtddGat7BK+WGjorVnh/aD1sIXokQbsnFX0gGgI5BMAsHu37+vz7tZs2YyYMCAgJls2rRptio82IfTBLOvSVwQjD+MqaKKFLJhNg3ZMBPGT7JPLBHnIQd1V9TGo7F+RtwmmEl2/8x/zZXfoMlu3Lgh+Gj0OAlp4OQCXKIL50i88GfJBT6YLzc1WNwRDJAACIef3ibai5BGTWU2CxcuzOqElWhon2jsIycAxyXBzAmakAZko+dCSIMYmuVkmk0TYhoNcrAP03FxA5S48cHCgREa0iB4S+/TrZ5muP8WzXXRMG/RIGlOzimuNZh9oiakgdOPn4I2SzSJBjmisY+c4JoQGsw+YXKHOP8UUDJNpB5mTsjBDXf+/HkhVlasWDH9lDk3XTS0oI13pPmEIxgA4uzTEbBTUJGAiIf1ECyS/8Q5z5kzR8hb8vi/LQRZCffQKXJLEopgVGIQI8NE4vibNI9bYDp9nOxoMB4M3rp1q5BSGjx4sA7hML4EJVBXrlyR3bt365Idp/+r2X9CEIy4kAm8cofjh5kyG3OiiTCNRDBylJBr1KhRkp6enmm8jJIdNyXuCWbylJCMIKybeUonLhTVD5g4kticC+dXuXJlqVOnjh7pxqq1ynD4zZs363TRkiVLMiUXP+DmY3QktyRuepEQqGzZsgFcTE+RBDj+Fjm6eA9NLF++XI9ktGPHDuG8unbtKnXr1tXDKFF+Q5osnNmnCLFx48Zae4FHqBCYRrO7SbCY12AQi7vWTm7jpLIMhx7A8C8iOb+hYMfadypSJ0+eLJiwLVu2ZHh6nFJnyBMutkcvkZ4j227YsCHDc5yYT6Rjx46unX5MazDqwACNKkwIhNYyuUd6SzyQgcqPd3JxtRcuXKjJw0O+1kMTASLQA6Syl5BDVsLTPHRu2CZ0+Adu0NmzZ+tOEM95uiUQTBdox9JFAkyIRWUkD74y0h5OfPXq1XVsi8j9zZs3XSmlRksiTuODz9WgQQNtGpkPFYovuZmo+cpKpk2bpok1ZcoU4XE7igL4zbZt2/Rzr5CMqli74jSrff3KcgsrH+jpeuVYiRkRw8L/AAycXNI+3I0ETu3co1sVAZhoxGl8IDIXhpDCjBkz9DHtjz179mhfM5x5oxZ+586d2pROnz5dateurbGkboybct26dXoIKnu/TszbWOGDEY0rgN1Gc+S2YAZwRrmwpoIV4PGzcqPAkGwAfg9BSyfxIW5FaIHzp8dIzIpjNm/eXBNv3rx52kXo0aNH2EuEn3b06FGho3D8+HG9Dypc6TBYj5OF3cevrrQDvBCMAcNK0MW3ngb51WNk6/dGCxHfsSU09ICat+8Ke1un5wneYqJp/C+nhEFDGIOMQClOPmTGDaAXOWHCBDl27JhMmjRJhywi/Qd81YEDB+oWaVsn1oOVX75BsOeqVX358qV2AM0aN6ZoBrQTxEY7AQyhCMwkhKKrje+Rm0JHA1ON6SIe5ZTgWy1dupQxT7XWatKkicaB3iUXbNCgQYIWiwcBK798wQdjgH1tgvwLXZ3wZ7hbMQs48ZCL0AMOam6TCyDMI2EM5e20MHwWDv6wYcO0aeMGY7wtnoXctGmT4855tM7PwuodGuwaO+aCWoNWROtYEfeD84kmwxQRRCSYGEsVEPRmEQa77dmzZ8Tz+dUN0FyM3hzPAlZ+eYgG4/UgcvLkSf8y9yemC04MJ5bIBRImd8eDFp5kDwELqz8g2F5+hhNpnO7s7SY5tmrfvr0+Ud5w4eET+ZqDEVj5JR2CYSKv4WRbK8wGST/FL8RMol15w4Un4REAI7BSwpPR+yEY8i8+Vq5cycSTEAR40QBCFNyT8AhYGO1hS0Owf6r51wToyNp7EowABKMTwrt54t0BDz6z6H4DG//7ixhz6+/s3TwezGhvjJHU69ChQz4VLU4hNePJDwSI5pOywnmlIpSYVLi6rGTEjZ5jv379fCoiQNScF6mtAAc7hI42+10171UyIBMiBIS9V8mEgOL/SmooO6+SYUSzgardJhOPWSA25skPBEhGL168WOdHGZoSQK14T9LCBAYWuSic6KCartABFOODMY8Q1SeaqEmm8lk+zycDlh9CVH/FihUBkrVq1SqpfTJ8LoWBjxtOCeTidX7n+GLE+GDmO9Onqm1QrYPKB1bbu3evzsrjk1HsF5qY5gfJJFTT9unTR4/PRcEjVaL4ZuRQ69Wrl/D4EOciFEHO1D/iIm4WCeN2quFiBYntgwWtUF/QbryB7TfVdBkBJPNeqazQUIJP5r1SWb+/HYc+y1cqa7AifPAmNu+l8N6L4Ak9mPZZzf/yS+Ez410dtbCrarwdhHnG2OcxYQrFC6pG8jwzs6sWexInCEAiIzjrROR56z3+OXnrdNX2q5Yt+R9oQJAr6CfCuAAAAABJRU5ErkJggg=="},XDzh:function(n,t){n.exports="data:image/png;base64,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"},Zozi:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmBAMAAABaE/SdAAAAJFBMVEVHcEyZmZmZmZmZmZmZmZmbm5uZmZmampqZmZmampqampqZmZmtFtvZAAAAC3RSTlMAy23poQ72JYU8Vr2/HB4AAAEYSURBVCjPY2AAA3YV4TRDpwIGJBAkvRsENqoihJisd2/0UGqR3r1ZASbELr1bKgBIsy7cvRGmnWW3JJQ1cXcWlMUpBDdFbdsCBnTAaZ2FIcZQvA1kIqM5isJsASCpvRNFofYmoAOsBVDEGDcHMDDtnoBqy24FBsaNYKZzK0xQWoChehOYtXsbTHD1dgbtrRCx3ZuhgtGbGLwhVuz2yN4MCRXGLQzSDhCxhhKoIMtGBusGqBgDUBAUVBybGbIVYGIMJbtBbmDahlUMSe9umF5sdmBzCzY3V+/C9Bu2MMAWVtjCFBzYaGHPwLgNRbM0SBt7NkrETQGnjmWbJ2BEM1d2Epy9EsZYhpSGCtDTmuLujfjSJNa0i5bGAfurbYQouV9oAAAAAElFTkSuQmCC"},c2SM:function(n,t,o){var A=o("sgWV");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("4a344f7e",A,!1,{})},dZdx:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAAXNSR0IArs4c6QAAAt1JREFUSA3NlktIFWEUx+8tNbKHF7IQF7YoelDhJiRoVRS267GUoKLHwqB1QSAEEe17bCJoU0Qbw6hoUZEERVRGFNGDWghBCfbgKmlpvzPOmfnzOVzv1Ut04Oc533l+M/PNeHO5fyz5cuaNj483ktcCTTAEn+FjPp8fQVdHGLIIjsNTyJKfOK/BjhlNpMFsOArfoVx5RGJbxYMpKsDtjCmD+O7BZeiG5zAGKr9Y7Ct7KMn18Ew7YD+EdqgJG+FrArsTthmVw2Fu5poKex4uoxhlFZK3GO57IdpqN2cOcScJu6TAbtVOj6nGPx8mnWx8taCP4gPrOq1NbAJ2SN6Ay4kkKAbBNhiCu+JOTPwN8AlcjiRBNYhu8gx0P8zVuNv47Xm51LtfNcHdnoB+qTG3Z2Hoe3SBl3nYg4GedCuDuC2vwEDsX8vQZbGdKBu4IVnlcj1iV2yy2T8U3ZRC7R257bg3S8Jbt9ldO3YXzIt9SzyGfkx8LF6/Rh9gWDFeJz1Ya++JMIVFMBmNCyLFuifylvdni9eS3iklp9zv2q7wKyyFGhIL7PRbHLTTarv2K1yOvSqO3ULb7TOxK3wQWRN/7EPvMuhGohliXxOXjUkgMEg45knozFNqJcSuSl5H0CZnh6ZXnNvFrthkkL3s26RQrzxy28BuSdhPUUHWavotNJ8fGI2bfQgWxs4+Hk9/bKeKAXl4Ai7n02hqEVwN9mG4lHpTC38zfAGXvWk0sMjQr40VdAYpJZfkLwDd9AvWtVMVnSFJ5TSL7A+wdCJnJbzSQmx9jpItJkn2WtwJCu2rfxD0qEdV+NbDWRiBUGwD+qGQSWKSVAcXw2rWv+E99IL9xhmAUH7gGBZneUNtPkUdoP9qpE+meQNvC2yFaQ+dQ/EesN8wRQjlHY5z0Co3yTY7/aHeiCb26jTCOlgBDR7L0sRnPjSrcSnf/zL0eqlNViUWXGlfVZpO1YShrXAS1vwFb8RAsMu0tZAAAAAASUVORK5CYII="},nEfO:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-0761bba3] {\n float: right;\n}\n.main-block[data-v-0761bba3] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-0761bba3]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-0761bba3]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-0761bba3]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-0761bba3]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star[data-v-0761bba3] {\n width: 6.13333333vw;\n}\n.color-red[data-v-0761bba3] {\n color: #FF5050;\n}\n.title[data-v-0761bba3] {\n width: 50.66666667vw;\n height: 49.86666667vw;\n border-radius: 1.06666667vw;\n border: 0.26666667vw solid #ffffff;\n line-height: 49.86666667vw;\n text-align: center;\n position: absolute;\n top: 28.53333333vw;\n left: 24.8vw;\n}\n.btn-block[data-v-0761bba3] {\n width: 74.66666667vw;\n height: 15.2vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 116vw;\n left: 50%;\n margin-left: -37.33333333vw;\n}\n.btn-block img[data-v-0761bba3] {\n width: 4.26666667vw;\n vertical-align: middle;\n}\n.btn-block .backImg[data-v-0761bba3] {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n.btn-block .play-btn[data-v-0761bba3] {\n width: 10.66666667vw;\n}\n.toTitle[data-v-0761bba3] {\n width: 12vw;\n position: absolute;\n top: 29.33333333vw;\n left: 16vw;\n}\n.guide[data-v-0761bba3] {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know[data-v-0761bba3] {\n position: absolute;\n width: 34.4vw;\n left: 32vw;\n top: 85.33333333vw;\n}\n.guide .toLesson[data-v-0761bba3] {\n width: 12vw;\n position: absolute;\n top: 129.33333333vw;\n right: 14.66666667vw;\n -webkit-transform: rotate(150deg);\n transform: rotate(150deg);\n}\n.guide .color-red[data-v-0761bba3] {\n color: #FF6477;\n}\n.guide .lesson-text[data-v-0761bba3] {\n width: 30.4vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n top: 138.66666667vw;\n left: 42.66666667vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n","",{version:3,sources:["C:/Users/EDZ/Desktop/pro/wechat/src/components/guide/C:/Users/EDZ/Desktop/pro/wechat/src/util/public.less","C:/Users/EDZ/Desktop/pro/wechat/src/components/guide/audio.vue","C:/Users/EDZ/Desktop/pro/wechat/src/components/guide/C:/Users/EDZ/Desktop/pro/wechat/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:""}])},nl7b:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAAXNSR0IArs4c6QAAAeFJREFUSA3tV79Lw0AU9o5aurS4FLLo5iLtYnVyUJwEmyali4u7OLgJTlKcHOo/UBQE50JKFF0s7hqn4iKC1h+LCkLFoTE9v5c20MGEtPTHkoOXu3f33vu+vFySd2ys3TKZzJwQYgfqPGTKmXfrGWMPkP1yuXzoZuNnnpGRoihbzWbzAAEfQULnnL95OcOG/BbQK+hlXddPvey91kJ05wQOo2NJkjaLxaLp5eCsAbwA4lXoa5CeCXAEorTXIpHIhl9wIoFswVW8QOKk99pYOp3+RjALgT66DQI/CT5fkEs/vrB/As5NKpU6y+fzv+TDZFkWWKC02xN+AnXaIOAP/F8751zGtG8mYT+B/hb7bB0b+M4mAGUbSsHFsW/TAGfZbHbRsqwjBA3FYrEk71t0H4GQKaFp2lU4HF7BOF6v13eHSsDhWCqV7jHWIMsjIUBE8DjoFU6MjABtfJAYHxkBygK1gECQgSADQQaCDHDnm9z6MA7vSv8BwqZHUIWSGB50CwngScImAhWImsvlpltLg7+2saikr/BoNLoHNp+maZ5TuYRs2GeFQdCg2KqqLjUajQuM321sAkJ9P4OzwQmGsyBDVe4zRED62f4vSh0ElMkhwzBWofs6mjl+XfY12F93luV/YsW9mBsdQQ8AAAAASUVORK5CYII="},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=="},sgWV:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-a7844a96] {\n float: right;\n}\n.main-block[data-v-a7844a96] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-a7844a96]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-a7844a96]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-a7844a96]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-a7844a96]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.playImage[data-v-a7844a96] {\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-a7844a96] {\n height: 2.13333333vw;\n width: 2.4vw;\n background-position: 0 0;\n}\n._154722344142123489[data-v-a7844a96] {\n height: 1.33333333vw;\n width: 2.4vw;\n background-position: 0 -2.13333333vw;\n vertical-align: bottom;\n}\n.next[data-v-a7844a96] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -3.46666667vw;\n}\n.listPlay[data-v-a7844a96] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -7.73333333vw;\n}\n.replay[data-v-a7844a96] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -12vw;\n}\n.toBig[data-v-a7844a96] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -16.26666667vw;\n}\n.replayAll[data-v-a7844a96] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -20.53333333vw;\n}\n.collectDefault[data-v-a7844a96] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -24.8vw;\n}\n.collect[data-v-a7844a96] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -29.06666667vw;\n}\n.last[data-v-a7844a96] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -33.33333333vw;\n}\n.list[data-v-a7844a96] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -37.6vw;\n}\n.close[data-v-a7844a96] {\n height: 4.53333333vw;\n width: 4.53333333vw;\n background-position: 0 -41.86666667vw;\n}\n.zDefaultIcon[data-v-a7844a96] {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -46.4vw;\n float: right;\n}\n.zIcon[data-v-a7844a96] {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -51.2vw;\n float: right;\n}\n.play[data-v-a7844a96] {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -56vw;\n}\n.stop[data-v-a7844a96] {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -66.66666667vw;\n}\n.collect-block[data-v-a7844a96] {\n padding: 2.66666667vw;\n border-radius: 1.06666667vw;\n background: white;\n}\n.colse-btn[data-v-a7844a96] {\n position: absolute;\n top: 4vw;\n right: 4vw;\n width: 5.33333333vw;\n}\n.content[data-v-a7844a96] {\n background: white;\n position: absolute;\n top: 5.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 21.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-a7844a96] {\n width: 50.13333333vw;\n height: 50.13333333vw;\n margin-top: 5.33333333vw;\n -webkit-box-shadow: 0 0 8vw 1.33333333vw #ddd;\n box-shadow: 0 0 8vw 1.33333333vw #ddd;\n overflow: hidden;\n border-radius: 2.13333333vw;\n}\n.content .image-block img[data-v-a7844a96] {\n width: 100%;\n}\n.content .title-block[data-v-a7844a96] {\n margin-top: 6.4vw;\n}\n.content .title-block .title[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n width: 66.66666667vw;\n margin-top: 4.26666667vw;\n}\n.content .range-block .time-block[data-v-a7844a96] {\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-a7844a96]:after {\n content: '';\n display: block;\n clear: both;\n}\n.content .range-block .time-block .left-time[data-v-a7844a96] {\n float: left;\n}\n.content .range-block .time-block .right-time[data-v-a7844a96] {\n float: right;\n}\n.content .range-block input[type=range][data-v-a7844a96] {\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-a7844a96]::-webkit-slider-thumb {\n -webkit-appearance: none;\n}\n.content .range-block input[type=range][data-v-a7844a96]::-webkit-slider-runnable-track {\n height: 1.06666667vw;\n border-radius: 0.53333333vw;\n}\n.content .range-block input[type=range][data-v-a7844a96]:focus {\n outline: none;\n}\n.content .range-block input[type=range][data-v-a7844a96]::-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-a7844a96] {\n margin-top: 8vw;\n width: 74.66666667vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.content .btn-group.hp[data-v-a7844a96] {\n display: none;\n}\n.list-popup[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n color: #49E2A5;\n}\n.list-popup .close-btn[data-v-a7844a96] {\n text-align: center;\n padding: 5.33333333vw;\n}\n.imgPop-block[data-v-a7844a96] {\n max-height: 133.33333333vw;\n overflow: auto;\n}\n.imgPop-block img[data-v-a7844a96] {\n max-width: 80vw;\n}\n.btn-block[data-v-a7844a96] {\n position: relative;\n margin-top: 7.46666667vw;\n text-align: center;\n}\n.btn-block .age-block[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n padding: 1.6vw 2.93333333vw;\n text-align: left;\n}\n.btn-block .age-change-block > div[data-v-a7844a96]:first-child {\n border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block[data-v-a7844a96] {\n border-radius: 266.66666667vw;\n width: 38.4vw;\n border: 0.26666667vw solid #40A9FF;\n}\n.btn-block .change-block[data-v-a7844a96]:after {\n content: '';\n display: block;\n clear: both;\n}\n.btn-block .change-block div[data-v-a7844a96] {\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-a7844a96] {\n background: #40A9FF;\n color: white;\n}\n.change-block-HP[data-v-a7844a96] {\n display: none;\n}\n@media screen and (orientation: landscape) {\n.playImage[data-v-a7844a96] {\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-a7844a96] {\n height: 0.74962519vw;\n width: 1.34932534vw;\n background-position: 0 0;\n}\n._282918034425091245[data-v-a7844a96] {\n height: 1.1994003vw;\n width: 1.34932534vw;\n background-position: 0 -0.59970015vw;\n vertical-align: bottom;\n}\n.last[data-v-a7844a96] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -1.94902549vw;\n}\n.listPlay[data-v-a7844a96] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -4.34782609vw;\n}\n.replay[data-v-a7844a96] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -6.74662669vw;\n}\n.next[data-v-a7844a96] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -9.14542729vw;\n}\n.replayAll[data-v-a7844a96] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -11.54422789vw;\n}\n.list[data-v-a7844a96] {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -13.94302849vw;\n}\n.zDefaultIcon[data-v-a7844a96] {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -16.34182909vw;\n float: right;\n}\n.zIcon[data-v-a7844a96] {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -19.04047976vw;\n float: right;\n}\n.play[data-v-a7844a96] {\n height: 5.9970015vw;\n width: 5.9970015vw;\n background-position: 0 -21.73913043vw;\n}\n.stop[data-v-a7844a96] {\n height: 5.9970015vw;\n width: 5.9970015vw;\n background-position: 0 -27.73613193vw;\n}\n.audio-page[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n}\n.audio-page .content .image-block[data-v-a7844a96] {\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-a7844a96] {\n width: 100%;\n}\n.audio-page .content .title-block[data-v-a7844a96] {\n margin-top: 3.5982009vw;\n}\n.audio-page .content .title-block .title[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n width: auto;\n margin-top: 2.3988006vw;\n}\n.audio-page .content .range-block .time-block[data-v-a7844a96] {\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-a7844a96]:after {\n content: '';\n display: block;\n clear: both;\n}\n.audio-page .content .range-block .time-block .left-time[data-v-a7844a96] {\n float: left;\n}\n.audio-page .content .range-block .time-block .right-time[data-v-a7844a96] {\n float: right;\n}\n.audio-page .content .range-block input[type=range][data-v-a7844a96] {\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-a7844a96]::-webkit-slider-thumb {\n -webkit-appearance: none;\n}\n.audio-page .content .range-block input[type=range][data-v-a7844a96]::-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-a7844a96]:focus {\n outline: none;\n}\n.audio-page .content .range-block input[type=range][data-v-a7844a96]::-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-a7844a96] {\n margin-top: 15vh;\n display: none;\n width: 29.9850075vw;\n}\n.audio-page .content .btn-group.hp[data-v-a7844a96] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.audio-page .list-popup[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n color: #49E2A5;\n}\n.audio-page .list-popup .close-btn[data-v-a7844a96] {\n text-align: center;\n padding: 2.99850075vw;\n}\n.audio-page .imgPop-block[data-v-a7844a96] {\n max-height: 74.96251874vw;\n overflow: auto;\n}\n.audio-page .imgPop-block img[data-v-a7844a96] {\n max-width: 44.97751124vw;\n}\n.audio-page .btn-block[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n padding: 0.89955022vw 1.64917541vw;\n text-align: left;\n}\n.audio-page .btn-block .age-change-block > div[data-v-a7844a96]:first-child {\n border-bottom: 0.14992504vw solid #eee;\n}\n.audio-page .btn-block .change-block-HP[data-v-a7844a96] {\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-a7844a96] {\n width: 100%;\n}\n.audio-page .btn-block .change-block[data-v-a7844a96] {\n display: none;\n}\n}\n@media screen and (min-aspect-ratio: 20/8) {\n.playImage[data-v-a7844a96] {\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-a7844a96] {\n height: 0.55555556vw;\n width: 1vw;\n background-position: 0 0;\n}\n._282918034425091245[data-v-a7844a96] {\n height: 0.88888889vw;\n width: 1vw;\n background-position: 0 -0.44444444vw;\n vertical-align: bottom;\n}\n.last[data-v-a7844a96] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -1.44444444vw;\n}\n.listPlay[data-v-a7844a96] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -3.22222222vw;\n}\n.replay[data-v-a7844a96] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -5vw;\n}\n.next[data-v-a7844a96] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -6.77777778vw;\n}\n.replayAll[data-v-a7844a96] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -8.55555556vw;\n}\n.list[data-v-a7844a96] {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -10.33333333vw;\n}\n.zDefaultIcon[data-v-a7844a96] {\n height: 2vw;\n width: 2vw;\n background-position: 0 -12.11111111vw;\n float: right;\n}\n.zIcon[data-v-a7844a96] {\n height: 2vw;\n width: 2vw;\n background-position: 0 -14.11111111vw;\n float: right;\n}\n.play[data-v-a7844a96] {\n height: 4.44444444vw;\n width: 4.44444444vw;\n background-position: 0 -16.11111111vw;\n}\n.stop[data-v-a7844a96] {\n height: 4.44444444vw;\n width: 4.44444444vw;\n background-position: 0 -20.55555556vw;\n}\n.audio-page[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n}\n.audio-page .content .image-block[data-v-a7844a96] {\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-a7844a96] {\n width: 100%;\n}\n.audio-page .content .title-block[data-v-a7844a96] {\n margin-top: 2.66666667vw;\n}\n.audio-page .content .title-block .title[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n width: auto;\n margin-top: 1.77777778vw;\n}\n.audio-page .content .range-block .time-block[data-v-a7844a96] {\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-a7844a96]:after {\n content: '';\n display: block;\n clear: both;\n}\n.audio-page .content .range-block .time-block .left-time[data-v-a7844a96] {\n float: left;\n}\n.audio-page .content .range-block .time-block .right-time[data-v-a7844a96] {\n float: right;\n}\n.audio-page .content .range-block input[type=range][data-v-a7844a96] {\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-a7844a96]::-webkit-slider-thumb {\n -webkit-appearance: none;\n}\n.audio-page .content .range-block input[type=range][data-v-a7844a96]::-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-a7844a96]:focus {\n outline: none;\n}\n.audio-page .content .range-block input[type=range][data-v-a7844a96]::-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-a7844a96] {\n margin-top: 15vh;\n display: none;\n width: 22.22222222vw;\n}\n.audio-page .content .btn-group.hp[data-v-a7844a96] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.audio-page .list-popup[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n color: #49E2A5;\n}\n.audio-page .list-popup .close-btn[data-v-a7844a96] {\n text-align: center;\n padding: 2.22222222vw;\n}\n.audio-page .imgPop-block[data-v-a7844a96] {\n max-height: 55.55555556vw;\n overflow: auto;\n}\n.audio-page .imgPop-block img[data-v-a7844a96] {\n max-width: 33.33333333vw;\n}\n.audio-page .btn-block[data-v-a7844a96] {\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-a7844a96] {\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-a7844a96] {\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-a7844a96] {\n padding: 0.66666667vw 1.22222222vw;\n text-align: left;\n}\n.audio-page .btn-block .age-change-block > div[data-v-a7844a96]:first-child {\n border-bottom: 0.11111111vw solid #eee;\n}\n.audio-page .btn-block .change-block-HP[data-v-a7844a96] {\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-a7844a96] {\n width: 100%;\n}\n.audio-page .btn-block .change-block[data-v-a7844a96] {\n display: none;\n}\n}\n","",{version:3,sources:["C:/Users/EDZ/Desktop/pro/wechat/src/components/collection/C:/Users/EDZ/Desktop/pro/wechat/src/util/public.less","C:/Users/EDZ/Desktop/pro/wechat/src/components/collection/audio.vue","C:/Users/EDZ/Desktop/pro/wechat/src/components/collection/C:/Users/EDZ/Desktop/pro/wechat/src/components/collection/audio.vue"],names:[],mappings:"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",file:"audio.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.playImage {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/imgPlayAudio.png') no-repeat;\n background-size: 10.66666667vw 77.33333333vw;\n display: inline-block;\n}\n._282918034425091245 {\n height: 2.13333333vw;\n width: 2.4vw;\n background-position: 0 0;\n}\n._154722344142123489 {\n height: 1.33333333vw;\n width: 2.4vw;\n background-position: 0 -2.13333333vw;\n vertical-align: bottom;\n}\n.next {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -3.46666667vw;\n}\n.listPlay {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -7.73333333vw;\n}\n.replay {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -12vw;\n}\n.toBig {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -16.26666667vw;\n}\n.replayAll {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -20.53333333vw;\n}\n.collectDefault {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -24.8vw;\n}\n.collect {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -29.06666667vw;\n}\n.last {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -33.33333333vw;\n}\n.list {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -37.6vw;\n}\n.close {\n height: 4.53333333vw;\n width: 4.53333333vw;\n background-position: 0 -41.86666667vw;\n}\n.zDefaultIcon {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -46.4vw;\n float: right;\n}\n.zIcon {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -51.2vw;\n float: right;\n}\n.play {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -56vw;\n}\n.stop {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -66.66666667vw;\n}\n.collect-block {\n padding: 2.66666667vw;\n border-radius: 1.06666667vw;\n background: white;\n}\n.colse-btn {\n position: absolute;\n top: 4vw;\n right: 4vw;\n width: 5.33333333vw;\n}\n.content {\n background: white;\n position: absolute;\n top: 5.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 21.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 2.13333333vw;\n text-align: center;\n padding: 2.66666667vw;\n}\n.content .image-block {\n width: 50.13333333vw;\n height: 50.13333333vw;\n margin-top: 5.33333333vw;\n box-shadow: 0 0 8vw 1.33333333vw #ddd;\n overflow: hidden;\n border-radius: 2.13333333vw;\n}\n.content .image-block img {\n width: 100%;\n}\n.content .title-block {\n margin-top: 6.4vw;\n}\n.content .title-block .title {\n font-size: 4.26666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.content .title-block .tips {\n font-size: 3.73333333vw;\n margin-top: 1.6vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.content .range-block {\n width: 66.66666667vw;\n margin-top: 4.26666667vw;\n}\n.content .range-block .time-block {\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n text-align: left;\n}\n.content .range-block .time-block:after {\n content: '';\n display: block;\n clear: both;\n}\n.content .range-block .time-block .left-time {\n float: left;\n}\n.content .range-block .time-block .right-time {\n float: right;\n}\n.content .range-block input[type=range] {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-appearance: none;\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n background-size: 75% 100%;\n /*设置左右宽度比例*/\n width: 100%;\n border-radius: 2.66666667vw;\n /*这个属性设置使填充进度条时的图形为圆角*/\n}\n.content .range-block input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n}\n.content .range-block input[type=range]::-webkit-slider-runnable-track {\n height: 1.06666667vw;\n border-radius: 0.53333333vw;\n}\n.content .range-block input[type=range]:focus {\n outline: none;\n}\n.content .range-block input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%;\n /*外观设置为圆形*/\n height: 4.26666667vw;\n width: 4.26666667vw;\n margin-top: -1.6vw;\n /*使滑块超出轨道部分的偏移量相等*/\n background: #49E2A5;\n}\n.content .btn-group {\n margin-top: 8vw;\n width: 74.66666667vw;\n display: flex;\n}\n.content .btn-group.hp {\n display: none;\n}\n.list-popup {\n width: 100vw;\n max-height: 92vw;\n overflow: auto;\n border-radius: 2.13333333vw 2.13333333vw 0 0;\n background: white;\n padding-top: 5.33333333vw;\n}\n.list-popup .list-block {\n display: block;\n width: auto;\n margin: 0 5.33333333vw;\n padding: 3.2vw 9.6vw;\n border-bottom: 0.26666667vw solid #dddddd;\n}\n.list-popup .list-block.active {\n color: #49E2A5;\n}\n.list-popup .close-btn {\n text-align: center;\n padding: 5.33333333vw;\n}\n.imgPop-block {\n max-height: 133.33333333vw;\n overflow: auto;\n}\n.imgPop-block img {\n max-width: 80vw;\n}\n.btn-block {\n position: relative;\n margin-top: 7.46666667vw;\n text-align: center;\n}\n.btn-block .age-block {\n height: 7.46666667vw;\n line-height: 7.46666667vw;\n border: 0.26666667vw solid #666;\n position: absolute;\n padding: 0 3.46666667vw;\n border-radius: 26.66666667vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.btn-block .age-change-block {\n position: absolute;\n top: 9.86666667vw;\n left: 0;\n width: 17.6vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #666666;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.btn-block .age-change-block > div {\n padding: 1.6vw 2.93333333vw;\n text-align: left;\n}\n.btn-block .age-change-block > div:first-child {\n border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block {\n border-radius: 266.66666667vw;\n width: 38.4vw;\n border: 0.26666667vw solid #40A9FF;\n}\n.btn-block .change-block:after {\n content: '';\n display: block;\n clear: both;\n}\n.btn-block .change-block div {\n float: left;\n width: 50%;\n border-radius: 26.66666667vw;\n font-size: 3.2vw;\n height: 7.46666667vw;\n line-height: 7.46666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #cccccc;\n}\n.btn-block .change-block div.active {\n background: #40A9FF;\n color: white;\n}\n.change-block-HP {\n display: none;\n}\n@media screen and (orientation: landscape) {\n .playImage {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2') no-repeat;\n background-size: 5.9970015vw 33.73313343vw;\n display: inline-block;\n }\n ._154722344142123489 {\n height: 0.74962519vw;\n width: 1.34932534vw;\n background-position: 0 0;\n }\n ._282918034425091245 {\n height: 1.1994003vw;\n width: 1.34932534vw;\n background-position: 0 -0.59970015vw;\n vertical-align: bottom;\n }\n .last {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -1.94902549vw;\n }\n .listPlay {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -4.34782609vw;\n }\n .replay {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -6.74662669vw;\n }\n .next {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -9.14542729vw;\n }\n .replayAll {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -11.54422789vw;\n }\n .list {\n height: 2.3988006vw;\n width: 2.3988006vw;\n background-position: 0 -13.94302849vw;\n }\n .zDefaultIcon {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -16.34182909vw;\n float: right;\n }\n .zIcon {\n height: 2.69865067vw;\n width: 2.69865067vw;\n background-position: 0 -19.04047976vw;\n float: right;\n }\n .play {\n height: 5.9970015vw;\n width: 5.9970015vw;\n background-position: 0 -21.73913043vw;\n }\n .stop {\n height: 5.9970015vw;\n width: 5.9970015vw;\n background-position: 0 -27.73613193vw;\n }\n .audio-page {\n position: absolute;\n top: 0.74962519vw;\n bottom: 0.74962519vw;\n left: 0.74962519vw;\n right: 0.74962519vw;\n overflow: auto;\n border-radius: 1.1994003vw;\n }\n .audio-page .content {\n position: static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 1.1994003vw;\n padding: 0;\n }\n .audio-page .content .hp-left {\n flex: 1;\n margin-right: 2.99850075vw;\n }\n .audio-page .content .hp-left .hp-top {\n display: flex;\n width: 100%;\n }\n .audio-page .content .image-block {\n width: 22.48875562vw;\n height: 22.48875562vw;\n box-shadow: 0 0 4.49775112vw 0.74962519vw #ddd;\n overflow: hidden;\n display: block;\n margin: auto;\n border-radius: 1.1994003vw;\n }\n .audio-page .content .image-block img {\n width: 100%;\n }\n .audio-page .content .title-block {\n margin-top: 3.5982009vw;\n }\n .audio-page .content .title-block .title {\n font-size: 2.3988006vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n }\n .audio-page .content .title-block .tips {\n font-size: 2.09895052vw;\n margin-top: 0.89955022vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n }\n .audio-page .content .range-block {\n width: auto;\n margin-top: 2.3988006vw;\n }\n .audio-page .content .range-block .time-block {\n font-size: 1.79910045vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n text-align: left;\n }\n .audio-page .content .range-block .time-block:after {\n content: '';\n display: block;\n clear: both;\n }\n .audio-page .content .range-block .time-block .left-time {\n float: left;\n }\n .audio-page .content .range-block .time-block .right-time {\n float: right;\n }\n .audio-page .content .range-block input[type=range] {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-appearance: none;\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n background-size: 75% 100%;\n /*设置左右宽度比例*/\n width: 100%;\n border-radius: 1.49925037vw;\n /*这个属性设置使填充进度条时的图形为圆角*/\n }\n .audio-page .content .range-block input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n .audio-page .content .range-block input[type=range]::-webkit-slider-runnable-track {\n height: 0.59970015vw;\n border-radius: 0.29985007vw;\n }\n .audio-page .content .range-block input[type=range]:focus {\n outline: none;\n }\n .audio-page .content .range-block input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%;\n /*外观设置为圆形*/\n height: 2.3988006vw;\n width: 2.3988006vw;\n margin-top: -0.89955022vw;\n /*使滑块超出轨道部分的偏移量相等*/\n background: #49E2A5;\n }\n .audio-page .content .btn-group {\n margin-top: 15vh;\n display: none;\n width: 29.9850075vw;\n }\n .audio-page .content .btn-group.hp {\n display: flex;\n }\n .audio-page .list-popup {\n width: 56.22188906vw;\n max-height: 51.72413793vw;\n overflow: auto;\n border-radius: 1.1994003vw 1.1994003vw 0 0;\n background: white;\n padding-top: 2.99850075vw;\n }\n .audio-page .list-popup .list-block {\n display: block;\n width: auto;\n margin: 0 2.99850075vw;\n padding: 1.79910045vw 5.39730135vw;\n border-bottom: 0.14992504vw solid #dddddd;\n }\n .audio-page .list-popup .list-block.active {\n color: #49E2A5;\n }\n .audio-page .list-popup .close-btn {\n text-align: center;\n padding: 2.99850075vw;\n }\n .audio-page .imgPop-block {\n max-height: 74.96251874vw;\n overflow: auto;\n }\n .audio-page .imgPop-block img {\n max-width: 44.97751124vw;\n }\n .audio-page .btn-block {\n position: relative;\n min-width: 13.49325337vw;\n margin-top: 0;\n display: block;\n height: 100%;\n }\n .audio-page .btn-block .age-block {\n display: block;\n position: static;\n padding: 0;\n height: 4.19790105vw;\n width: 13.1934033vw;\n line-height: 4.19790105vw;\n border: 0.14992504vw solid #666;\n border-radius: 14.99250375vw;\n font-size: 1.79910045vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n }\n .audio-page .btn-block .age-change-block {\n position: static;\n width: 11.994003vw;\n margin-top: 1.49925037vw;\n border-radius: 1.1994003vw;\n border: 0.14992504vw solid #666666;\n font-size: 1.79910045vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n }\n .audio-page .btn-block .age-change-block > div {\n padding: 0.89955022vw 1.64917541vw;\n text-align: left;\n }\n .audio-page .btn-block .age-change-block > div:first-child {\n border-bottom: 0.14992504vw solid #eee;\n }\n .audio-page .btn-block .change-block-HP {\n position: absolute;\n top: calc(100vh - 12.5vw);\n display: block;\n width: 11.69415292vw;\n }\n .audio-page .btn-block .change-block-HP img {\n width: 100%;\n }\n .audio-page .btn-block .change-block {\n display: none;\n }\n}\n@media screen and (min-aspect-ratio: 20/8) {\n .playImage {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2') no-repeat;\n background-size: 4.44444444vw 25vw;\n display: inline-block;\n }\n ._154722344142123489 {\n height: 0.55555556vw;\n width: 1vw;\n background-position: 0 0;\n }\n ._282918034425091245 {\n height: 0.88888889vw;\n width: 1vw;\n background-position: 0 -0.44444444vw;\n vertical-align: bottom;\n }\n .last {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -1.44444444vw;\n }\n .listPlay {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -3.22222222vw;\n }\n .replay {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -5vw;\n }\n .next {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -6.77777778vw;\n }\n .replayAll {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -8.55555556vw;\n }\n .list {\n height: 1.77777778vw;\n width: 1.77777778vw;\n background-position: 0 -10.33333333vw;\n }\n .zDefaultIcon {\n height: 2vw;\n width: 2vw;\n background-position: 0 -12.11111111vw;\n float: right;\n }\n .zIcon {\n height: 2vw;\n width: 2vw;\n background-position: 0 -14.11111111vw;\n float: right;\n }\n .play {\n height: 4.44444444vw;\n width: 4.44444444vw;\n background-position: 0 -16.11111111vw;\n }\n .stop {\n height: 4.44444444vw;\n width: 4.44444444vw;\n background-position: 0 -20.55555556vw;\n }\n .audio-page {\n position: absolute;\n top: 0.55555556vw;\n bottom: 0.55555556vw;\n left: 0.55555556vw;\n right: 0.55555556vw;\n overflow: auto;\n border-radius: 0.88888889vw;\n }\n .audio-page .content {\n position: static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 0.88888889vw;\n padding: 0;\n }\n .audio-page .content .hp-left {\n flex: 1;\n margin-right: 2.22222222vw;\n }\n .audio-page .content .hp-left .hp-top {\n display: flex;\n width: 100%;\n }\n .audio-page .content .image-block {\n width: 16.66666667vw;\n height: 16.66666667vw;\n box-shadow: 0 0 3.33333333vw 0.55555556vw #ddd;\n overflow: hidden;\n display: block;\n margin: auto;\n border-radius: 0.88888889vw;\n }\n .audio-page .content .image-block img {\n width: 100%;\n }\n .audio-page .content .title-block {\n margin-top: 2.66666667vw;\n }\n .audio-page .content .title-block .title {\n font-size: 1.77777778vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n }\n .audio-page .content .title-block .tips {\n font-size: 1.55555556vw;\n margin-top: 0.66666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n }\n .audio-page .content .range-block {\n width: auto;\n margin-top: 1.77777778vw;\n }\n .audio-page .content .range-block .time-block {\n font-size: 1.33333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n text-align: left;\n }\n .audio-page .content .range-block .time-block:after {\n content: '';\n display: block;\n clear: both;\n }\n .audio-page .content .range-block .time-block .left-time {\n float: left;\n }\n .audio-page .content .range-block .time-block .right-time {\n float: right;\n }\n .audio-page .content .range-block input[type=range] {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-appearance: none;\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n background-size: 75% 100%;\n /*设置左右宽度比例*/\n width: 100%;\n border-radius: 1.11111111vw;\n /*这个属性设置使填充进度条时的图形为圆角*/\n }\n .audio-page .content .range-block input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n .audio-page .content .range-block input[type=range]::-webkit-slider-runnable-track {\n height: 0.44444444vw;\n border-radius: 0.22222222vw;\n }\n .audio-page .content .range-block input[type=range]:focus {\n outline: none;\n }\n .audio-page .content .range-block input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%;\n /*外观设置为圆形*/\n height: 1.77777778vw;\n width: 1.77777778vw;\n margin-top: -0.66666667vw;\n /*使滑块超出轨道部分的偏移量相等*/\n background: #49E2A5;\n }\n .audio-page .content .btn-group {\n margin-top: 15vh;\n display: none;\n width: 22.22222222vw;\n }\n .audio-page .content .btn-group.hp {\n display: flex;\n }\n .audio-page .list-popup {\n width: 41.66666667vw;\n max-height: 38.33333333vw;\n overflow: auto;\n border-radius: 0.88888889vw 0.88888889vw 0 0;\n background: white;\n padding-top: 2.22222222vw;\n }\n .audio-page .list-popup .list-block {\n display: block;\n width: auto;\n margin: 0 2.22222222vw;\n padding: 1.33333333vw 4vw;\n border-bottom: 0.11111111vw solid #dddddd;\n }\n .audio-page .list-popup .list-block.active {\n color: #49E2A5;\n }\n .audio-page .list-popup .close-btn {\n text-align: center;\n padding: 2.22222222vw;\n }\n .audio-page .imgPop-block {\n max-height: 55.55555556vw;\n overflow: auto;\n }\n .audio-page .imgPop-block img {\n max-width: 33.33333333vw;\n }\n .audio-page .btn-block {\n position: relative;\n min-width: 10vw;\n margin-top: 0;\n display: block;\n height: 100%;\n }\n .audio-page .btn-block .age-block {\n display: block;\n position: static;\n padding: 0;\n height: 3.11111111vw;\n width: 9.77777778vw;\n line-height: 3.11111111vw;\n border: 0.11111111vw solid #666;\n border-radius: 11.11111111vw;\n font-size: 1.33333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n }\n .audio-page .btn-block .age-change-block {\n position: static;\n width: 8.88888889vw;\n margin-top: 1.11111111vw;\n border-radius: 0.88888889vw;\n border: 0.11111111vw solid #666666;\n font-size: 1.33333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n }\n .audio-page .btn-block .age-change-block > div {\n padding: 0.66666667vw 1.22222222vw;\n text-align: left;\n }\n .audio-page .btn-block .age-change-block > div:first-child {\n border-bottom: 0.11111111vw solid #eee;\n }\n .audio-page .btn-block .change-block-HP {\n position: absolute;\n top: calc(100vh - 12.5vw);\n display: block;\n width: 8.66666667vw;\n }\n .audio-page .btn-block .change-block-HP img {\n width: 100%;\n }\n .audio-page .btn-block .change-block {\n display: none;\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@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.colse-btn{\n position: absolute;\n top: 15*@toVw;\n right: 15*@toVw;\n width: 20*@toVw;\n}\n.content{\n background: white;\n position: absolute;\n top: 20*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 80*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8*@toVw;\n text-align: center;\n padding: 10*@toVw;\n .image-block{\n width: 188*@toVw;\n height: 188*@toVw;\n margin-top: 20*@toVw;\n box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n overflow: hidden;\n border-radius: 8*@toVw;\n img{\n width: 100%;\n }\n }\n .title-block{\n margin-top: 24*@toVw;\n .title{\n font-size:16*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .tips{\n font-size:14*@toVw;\n margin-top: 6*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n }\n .range-block{\n width: 250 * @toVw;\n margin-top: 16*@toVw;\n .time-block{\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n text-align: left;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n .left-time{\n float: left;\n }\n .right-time{\n float: right;\n }\n }\n input[type=range] {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-appearance: none;\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;\n background-size: 75% 100%;/*设置左右宽度比例*/\n width: 100%;\n border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n input[type=range]::-webkit-slider-runnable-track {\n height: 4*@toVw;\n border-radius: 2*@toVw ;\n }\n input[type=range]:focus {\n outline: none;\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%; /*外观设置为圆形*/\n height: 16*@toVw;\n width: 16*@toVw;\n margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/\n background: #49E2A5;\n }\n }\n .btn-group{\n margin-top: 30*@toVw;\n width: 280*@toVw;\n display: flex;\n &.hp{\n display: none;\n }\n }\n}\n.list-popup{\n width: 375*@toVw;\n max-height: 345*@toVw;\n overflow: auto;\n border-radius: 8*@toVw 8*@toVw 0 0;\n background: white;\n padding-top: 20*@toVw;\n .list-block{\n display: block;\n width: auto;\n margin: 0 20*@toVw;\n padding:12*@toVw 36*@toVw;\n border-bottom: 1*@toVw solid #dddddd;\n &.active{\n color: #49E2A5;\n }\n }\n .close-btn{\n text-align: center;\n padding: 20*@toVw;\n }\n}\n.imgPop-block{\n max-height: 500*@toVw;\n overflow: auto;\n img{\n max-width: 300*@toVw;\n }\n}\n.btn-block{\n position: relative;\n margin-top: 28*@toVw;\n text-align: center;\n .age-block{\n height: 28*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n position: absolute;\n padding: 0 13*@toVw;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .age-change-block{\n position: absolute;\n top: 37*@toVw;\n left: 0;\n width: 66*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block{\n border-radius: 1000*@toVw;\n width: 144*@toVw;\n border:1*@toVw solid #40A9FF;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n div{\n float: left;\n width: 50%;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n height: 28*@toVw;\n line-height: 28*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(204,204,204,1);\n &.active{\n background: #40A9FF;\n color: white;\n }\n }\n }\n}\n.change-block-HP{\n display: none;\n}\n\n@media screen and (orientation: landscape) {\n @toVw:100/667vw;\n .playImage{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2') no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}\n ._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}\n ._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}\n .last{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n .listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n .replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n .next{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n .replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n .list{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n .zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\n .zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\n .play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\n .stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\n\n .audio-page{\n position: absolute;\n top: 5*@toVw;\n bottom: 5*@toVw;\n left: 5*@toVw;\n right: 5*@toVw;\n overflow: auto;\n border-radius:8*@toVw;\n .content{\n position: static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 8*@toVw;\n padding: 0;\n .hp-left{\n flex: 1;\n margin-right: 20*@toVw;\n .hp-top{\n display: flex;\n width: 100%;\n }\n }\n .image-block{\n width: 150*@toVw;\n height: 150*@toVw;\n box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n overflow: hidden;\n display: block;\n margin: auto;\n border-radius: 8*@toVw;\n img{\n width: 100%;\n }\n }\n .title-block{\n margin-top: 24*@toVw;\n .title{\n font-size:16*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .tips{\n font-size:14*@toVw;\n margin-top: 6*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n }\n .range-block{\n width: auto;\n margin-top: 16*@toVw;\n .time-block{\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n text-align: left;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n .left-time{\n float: left;\n }\n .right-time{\n float: right;\n }\n }\n input[type=range] {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-appearance: none;\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;\n background-size: 75% 100%;/*设置左右宽度比例*/\n width: 100%;\n border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n input[type=range]::-webkit-slider-runnable-track {\n height: 4*@toVw;\n border-radius: 2*@toVw ;\n }\n input[type=range]:focus {\n outline: none;\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%; /*外观设置为圆形*/\n height: 16*@toVw;\n width: 16*@toVw;\n margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/\n background: #49E2A5;\n }\n }\n .btn-group{\n margin-top: 15vh;\n display: none;\n width: 200*@toVw;\n &.hp{\n display: flex;\n }\n }\n }\n .list-popup{\n width: 375*@toVw;\n max-height: 345*@toVw;\n overflow: auto;\n border-radius: 8*@toVw 8*@toVw 0 0;\n background: white;\n padding-top: 20*@toVw;\n .list-block{\n display: block;\n width: auto;\n margin: 0 20*@toVw;\n padding:12*@toVw 36*@toVw;\n border-bottom: 1*@toVw solid #dddddd;\n &.active{\n color: #49E2A5;\n }\n }\n .close-btn{\n text-align: center;\n padding: 20*@toVw;\n }\n }\n .imgPop-block{\n max-height: 500*@toVw;\n overflow: auto;\n img{\n max-width: 300*@toVw;\n }\n }\n .btn-block{\n position:relative;\n min-width:90*@toVw ;\n margin-top: 0;\n display: block;\n height: 100%;\n .age-block{\n display: block;\n position: static;\n padding: 0;\n height: 28*@toVw;\n width: 88*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .age-change-block{\n position: static;\n width: 80*@toVw;\n margin-top: 10*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block-HP{\n position: absolute;\n top: ~\"calc(100vh - 12.5vw)\";\n display: block;\n width: 78*@toVw;\n img{\n width: 100%;\n }\n }\n .change-block{\n display: none;\n }\n }\n }\n}\n@media screen and (min-aspect-ratio: ~\"20/8\"){\n @toVw:100/900vw;\n .playImage{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/playImage.png?v=2') no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}\n ._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}\n ._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}\n .last{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n .listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n .replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n .next{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n .replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n .list{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n .zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\n .zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\n .play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\n .stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\n\n .audio-page{\n position: absolute;\n top: 5*@toVw;\n bottom: 5*@toVw;\n left: 5*@toVw;\n right: 5*@toVw;\n overflow: auto;\n border-radius:8*@toVw;\n .content{\n position:static;\n height: 100%;\n width: 100%;\n display: flex;\n border-radius: 8*@toVw;\n padding: 0;\n .hp-left{\n flex: 1;\n margin-right: 20*@toVw;\n .hp-top{\n display: flex;\n width: 100%;\n }\n }\n .image-block{\n width: 150*@toVw;\n height: 150*@toVw;\n box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n overflow: hidden;\n display: block;\n margin: auto;\n border-radius: 8*@toVw;\n img{\n width: 100%;\n }\n }\n .title-block{\n margin-top: 24*@toVw;\n .title{\n font-size:16*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .tips{\n font-size:14*@toVw;\n margin-top: 6*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n }\n .range-block{\n width: auto;\n margin-top: 16*@toVw;\n .time-block{\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n text-align: left;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n .left-time{\n float: left;\n }\n .right-time{\n float: right;\n }\n }\n input[type=range] {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-appearance: none;\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;\n background-size: 75% 100%;/*设置左右宽度比例*/\n width: 100%;\n border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n input[type=range]::-webkit-slider-runnable-track {\n height: 4*@toVw;\n border-radius: 2*@toVw ;\n }\n input[type=range]:focus {\n outline: none;\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%; /*外观设置为圆形*/\n height: 16*@toVw;\n width: 16*@toVw;\n margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/\n background: #49E2A5;\n }\n }\n .btn-group{\n margin-top: 15vh;\n display: none;\n width: 200*@toVw;\n &.hp{\n display: flex;\n }\n }\n }\n .list-popup{\n width: 375*@toVw;\n max-height: 345*@toVw;\n overflow: auto;\n border-radius: 8*@toVw 8*@toVw 0 0;\n background: white;\n padding-top: 20*@toVw;\n .list-block{\n display: block;\n width: auto;\n margin: 0 20*@toVw;\n padding:12*@toVw 36*@toVw;\n border-bottom: 1*@toVw solid #dddddd;\n &.active{\n color: #49E2A5;\n }\n }\n .close-btn{\n text-align: center;\n padding: 20*@toVw;\n }\n }\n .imgPop-block{\n max-height: 500*@toVw;\n overflow: auto;\n img{\n max-width: 300*@toVw;\n }\n }\n .btn-block{\n position:relative;\n min-width:90*@toVw ;\n margin-top: 0;\n display: block;\n height: 100%;\n .age-block{\n display: block;\n position: static;\n padding: 0;\n height: 28*@toVw;\n width: 88*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .age-change-block{\n position: static;\n width: 80*@toVw;\n margin-top: 10*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block-HP{\n position: absolute;\n top: ~\"calc(100vh - 12.5vw)\";\n display: block;\n width: 78*@toVw;\n img{\n width: 100%;\n }\n }\n .change-block{\n display: none;\n }\n }\n }\n}\n"],sourceRoot:""}])},yvem:function(n,t,o){var A=o("nEfO");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("0d1e6738",A,!1,{})}});
//# sourceMappingURL=2.cb1bd0f895b51ae357d7.js.map