webpackJsonp([17],{"/DPI":function(n,t,a){"use strict";t.a={set:function(n,t){localStorage.setItem(n,t),localStorage.setItem("overtime",new Date(new Date((new Date).toLocaleDateString()).getTime()+864e5-1).getTime())},get:function(n){return(new Date).getTime()>localStorage.getItem("overtime")?(localStorage.setItem(n,0),localStorage.getItem(n)):localStorage.getItem(n)}}},GZRf:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAQAAACHbFOAAAABaUlEQVR4Aa2VKcyEMBBGK3Co+qQab/Dr8VmfYLF4hTd4uRaPd2h8gq5Gvf8kTcm3y/zHU9zH9zoz7gMKGnpu7pdQ0XOnPHYDC18MFO7H0LIDsFF/HVhIzHj3AygYSUS8I5CzUpkf5pnJaRwFGzmRxhmgZiNnJ6QMc3p3AXd2EkeGX1Dy4MyD8sXPDpxZCPlF+hIBnkm93vITkZtYcytnBnvM0GVXNERydu7uOVLQeCx3etAiXkDJpNJU4nTKAiFoE18+CREaKUiL0OAZWJipM0ERhRBBw8JMR3GI2NSFBFYAKUIHtHyGcJIwUFwJeqGwT+0rMeFFkQkRYpGPWsBKlTdQ1YC5EcmJVM9PNZmgifkkoufMSlAfb2hhaZGLoA7wzLqH2MtTzQfh1NCn2+sJplqY4bxACNpp9R8YR5oUNBJExtahKwXtBhECIUgjRFxBh8Qgwi7ILMIuyCzCKMguwiSoc/8FNa0tuTetGdMtdlqYjwAAAABJRU5ErkJggg=="},HTnG:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAKlBMVEVHcExjY2NnZ2dmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZma8aptTAAAADXRSTlMAChua8Mfa5Sgzq7o8BMkrtgAAAKFJREFUCNdjCBVgAAPGUIbYQAhT9CqD2lWwMGNsEgNTLlhY9JoCA4PabaAw494kIJ8pdyMDgzRIECwMETRmYKrdKH1dAcjIXcCgfmttEQPXNYb2WwwctdcbGNZWAOkFDO0VDFxAHkPLZQZGAQZbD6A+Tl8DBgbmKxNAhk25zMBg6wl2CFAYKsjAcOSyrQ+ExcDje+UAlMlwBCYIdJECAyoAAI7OKAxeudldAAAAAElFTkSuQmCC"},c2SM:function(n,t,a){var o=a("sgWV");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);a("rjj0")("4a344f7e",o,!1,{})},dAjm:function(n,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a("mvHQ"),i=a.n(o),A=a("woOf"),e=a.n(A),d=(a("eqfM"),a("/QYm")),s=a("bOdI"),C=a.n(s),r=(a("mMXg"),a("qYlo")),B=a("CCn6"),c=a("Jmy5"),v=a("/DPI"),l=(a("zSLJ"),a("HTnG")),w=a.n(l),b=a("GZRf"),p=a.n(b),g=a("2oJL"),h=a("sf/l"),f=a("mkI/"),m=a("eMjc"),u=a.n(m),k={name:"index",components:C()({bottomTab:g.a,audioPage:f.a},r.a.name,r.a),data:function(){return{couponShadow:!1,icon_point2:p.a,icon_point:w.a,pt:!1,countTime:"00:00:00",orderList:[],bannerList:[],teacherQ2:!1,teacherDetail:null,imgUrl:c.b,user_id:null,newUrl:"",lessonList:[],medList:[],qmList:[],mxxyList:[],zbList:[],userCourse:{},bannerData:{qr:"",start_at:"",active_start_at:"",is_start_active:""},showObj:{audio:[],audioIndex:0,show:!1},unlook:!1,canvasData:"1",coupon:!0,couponInfo:{},liuyuActivity:!0,liuyucoolie:!1,orientationchange:!1}},created:function(){this.initPage(),d.a.loading({mask:!0,message:""})},mounted:function(){console.log(u.a),this.unlook=localStorage.getItem("unlook"),document.body.clientWidth>700&&(this.orientationchange=!0)},methods:{shadowClick:function(){this.pt=!1,sessionStorage.setItem("orderShadow",!0)},toActivity:function(){this.$sa.quick("trackHeatMap",this.$refs.toActivity),this.$router.push({name:"liuyi",query:{}})},liuyiBtn:function(){this.$sa.quick("trackHeatMap",this.$refs.liuyiBtn),this.$router.push({name:"liuyi",query:{}})},goDetail:function(n){this.$sa.quick("trackHeatMap",this.$refs.groupItem),this.$sa.quick("trackHeatMap",this.$refs.groupIcon),this.$router.push({name:"success",query:{out_trade_no:this.orderList[n].out_trade_no}}),sessionStorage.setItem("orderShadow",!0)},onReachBottom:function(){},toShop:function(n){1==n?this.$sa.quick("trackHeatMap",this.$refs.couponShop):this.$sa.quick("trackHeatMap",this.$refs.toShopD),this.$router.push({name:"buyDetail",query:{shopId:this.bannerData.goods_id,invite_code:this.bannerData.invite_code}})},goMed:function(n){this.$sa.quick("trackHeatMap",this.$refs.meditem[n]),this.showObj.audioIndex=n,this.showObj.show=!0,this.$refs.audioPage.onPlay()},goLink:function(n,t){"qm"==t?(this.$sa.quick("trackHeatMap",this.$refs.qmitem),1==this.userCourse.is_free_course?window.location.href="https://appaNQLfktH3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ":window.location.href=n):"mxxy"==t?(this.$sa.quick("trackHeatMap",this.$refs.mxxyitem),window.location.href=n):"zb"==t&&(this.$sa.quick("trackHeatMap",this.$refs.zbitem),window.location.href=n)},getBannerListApi:function(){var n=this;this.medList=[];var t={limit:4,page:1};Object(B.c)(5,{limit:2,page:1}).then(function(t){n.zbList=t.list}),Object(B.c)(2,{limit:99,page:1}).then(function(a){for(var o=0;o<4;o++)n.medList.push(a.list[o]);n.showObj.audio=a.list,Object(B.c)(4,t).then(function(t){n.mxxyList=t.list})}),Object(B.c)(3,{limit:2,page:1}).then(function(t){n.qmList=t.list}),d.a.clear()},initPage:function(){var n=this,t=this;Object(B.n)().then(function(a){console.log(a,"459"),localStorage.setItem("userCourse","");a.start_periods_course_type&&a.start_periods_course_type,n.$sa.track("viewHomepage",{}),n.getBannerListApi();var o=a;if(a.periods_list||(Object(B.m)(o.goods_id).then(function(t){t.length&&(n.couponInfo=t[0],n.$sa.track("view61index",{}),n.pt&&(document.body.scrollTop=150,document.documentElement.scrollTop=150,window.pageYOffset=150)),n.$store.state.couponShadow&&(n.couponShadow=!0,console.log(n.pt),n.$sa.track("view61tipshadow",{}),n.$store.dispatch("setCouponShadow",!1)),console.log(o),!t.length&&Date.parse(new Date)Date.parse(new Date("2019/6/4 00:00:00"))&&(n.liuyuActivity=!1,v.a.set("liuyi",1))),a.goods_id&&!a.automation_id)n.userCourse=e()({},a),localStorage.setItem("userCourse",i()(n.userCourse)),n.bannerData=a,n.$refs.bottomTab.setBtn();else if(void 0!=a.start_periods_id&&a.start_periods_id>0)a.teacher_qr&&(n.bannerData.qr=a.teacher_qr),n.bannerData.start_at=a.periods_list[0].start_at,n.bannerData.active_start_at=a.periods_list[0].active_start_at,n.bannerData.is_start_active=a.is_start_active,n.bannerData.start_periods_id=a.start_periods_id,n.userCourse=e()({},a),localStorage.setItem("userCourse",i()(n.userCourse)),n.$refs.bottomTab.setBtn(),1!=JSON.parse(localStorage.getItem("userDesc")).family_user&&(console.log(!sessionStorage.getItem("frist")),console.log(n.bannerData.start_periods_id),console.log(547),!sessionStorage.getItem("frist")&&n.bannerData.start_periods_id&&(sessionStorage.setItem("frist",!0),n.$router.push({name:"map",query:{course_type:a.start_periods_course_type}}))),n.$nextTick(function(){u()(document.getElementById("capture33"),{async:!0,scrollX:0,scale:2,letterRendering:!0,useCORS:!0}).then(function(t){n.divShow=!1;var a=t.toDataURL("image/jpg");n.canvasData=a}).catch(function(n){alert(n),console.log()})}),window.addEventListener("orientationchange",function(){setTimeout(function(){t.canvasData="",t.$nextTick(function(){u()(document.getElementById("capture33"),{async:!0,scrollX:0,scale:2,letterRendering:!0,useCORS:!0}).then(function(n){t.divShow=!1;var a=n.toDataURL("image/jpg");t.canvasData=a}).catch(function(n){alert(n),console.log()})})},300)},!1);else if(void 0!=a.start_periods_id&&0==a.start_periods_id)a.teacher_qr&&(n.bannerData.qr=a.teacher_qr),n.bannerData.start_at=a.periods_list[0].start_at,n.bannerData.active_start_at=a.periods_list[0].active_start_at,n.bannerData.is_start_active=a.is_start_active,n.bannerData.start_periods_id=a.start_periods_id,n.userCourse=e()({},a),localStorage.setItem("userCourse",i()(n.userCourse)),n.$refs.bottomTab.setBtn();else if(a.automation_id.length){n.bannerData=a,n.userCourse=e()({},a),localStorage.setItem("userCourse",i()(n.userCourse)),1!=JSON.parse(localStorage.getItem("userDesc")).family_user&&(sessionStorage.getItem("frist")||(sessionStorage.setItem("frist",!0),n.$router.push({name:"map",query:{}})))}}),Object(B.D)().then(function(t){var a=n,o=[];t.list.forEach(function(t){if(console.log(),2==t.buy_type&&1==t.status&&(sessionStorage.getItem("orderShadow")||(n.pt=!0),new Date(t.group_info.deadline.replace(/-/g,"/")).getTime()>=(new Date).getTime())){t.goods_desc=JSON.parse(t.goods_desc),o.push(t);var i=setInterval(function(){a.countTime=h.a.leftTimer(new Date(t.group_info.deadline.replace(/-/g,"/")),i)},1e3)}}),console.log(o),n.orderList=o})},dateParse:function(n){var t=void 0;return t=n.indexOf("-")>-1?n.split("-"):n.indexOf("/")>-1?n.split("/"):n.split("."),new Date(t[0],t[1]-1,t[2])},dateCompare:function(n,t){var a=n.getTime(),o=t.getTime();return o>a?1:o==a?0:-1},toMap:function(n){(this.$sa.track("buttonClick",{tabTitle:"首页",moduleTitle:"课程",buttonType:"课程",buttonName:"进入课程"}),this.dateCompare(new Date,this.dateParse(n.start_at))<1)?1!=JSON.parse(localStorage.getItem("userDesc")).family_user&&this.$router.push({name:"map",query:{parent_category_id:n.parent_category_id,course_type:n.course_type}}):Object(d.a)("该课程暂未开始")},toHear:function(){this.$sa.quick("trackHeatMap",this.$refs.med),this.bannerData.active_start_at?window.location.href="https://appaNQLfktH3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ":this.$router.push({name:"med"})},toZb:function(){this.$sa.quick("trackHeatMap",this.$refs.zb),this.$router.push({name:"zhibo"})},toCollection:function(){this.$sa.quick("trackHeatMap",this.$refs.collection),this.$router.push({name:"collection"})},toTeacher:function(){this.$sa.quick("trackHeatMap",this.$refs.teacher),window.location.href="https://www.changchangenglish.com/m-home.html"},toPreview:function(){this.$sa.quick("trackHeatMap",this.$refs.preview),localStorage.setItem("unlook","1"),this.$router.push({name:"preview"})},toBbda:function(){this.$sa.quick("trackHeatMap",this.$refs.bbda),this.$router.push({name:"bbda",params:{index:"1"}})}}},x=function(){var n=this,t=n.$createElement,a=n._self._c||t;return a("div",{staticClass:"index"},[a("div",{staticClass:"padTop"},[a("div",{staticClass:"banner-block"},[null!=n.userCourse.goods_id&&n.userCourse.goods_id>0?a("div",{ref:"toShopD",staticClass:"unBanner",on:{click:function(t){n.toShop()}}},[a("img",{staticClass:"bgimg",attrs:{src:n.imgUrl.indexBanener1,alt:""}}),n._v(" "),a("div",{staticClass:"content"},[a("div",{staticClass:"title"},[a("p",{staticClass:"title1"},[n._v("唱唱启蒙英语")]),n._v(" "),a("p",{staticClass:"title2"},[n._v(n._s(n.bannerData.course_title))])]),n._v(" "),n.couponInfo.money?n._e():a("div",{staticClass:"date"},[a("p",{staticClass:"date1",staticStyle:{"text-decoration":"line-through"}},[n._v("原价:"+n._s(n.bannerData.original_price/100)+"元")]),n._v(" "),a("p",{staticClass:"date2"},[n._v("限时"+n._s(n.bannerData.current_price/100)+"元领取")])]),n._v(" "),n.couponInfo.money?a("div",{staticClass:"date"},[a("p",{staticClass:"date1",staticStyle:{"text-decoration":"line-through"}},[n._v("原价:"+n._s(n.bannerData.current_price/100)+"元")]),n._v(" "),a("p",{staticClass:"date2"},[n._v("券后"+n._s((n.bannerData.current_price-n.couponInfo.money)/100)+"元领取")])]):n._e(),n._v(" "),n._m(0)])]):n._e(),n._v(" "),null!=n.userCourse.start_periods_id?a("div",{staticClass:"Banner",attrs:{id:"capture33"}},[a("img",{staticClass:"bgimg",attrs:{src:n.imgUrl.indexBanener2,alt:""}}),n._v(" "),a("div",{staticClass:"content"},[a("img",{staticClass:"qr",attrs:{src:n.bannerData.qr,alt:""}}),n._v(" "),n._m(1),n._v(" "),n.bannerData.active_start_at?a("div",{staticClass:"date"},[a("p",[n._v("开课时间:"+n._s(n.bannerData.start_at))]),n._v(" "),n.bannerData.active_start_at?a("p",[n._v("全勤活动开始时间:"+n._s(n.bannerData.active_start_at))]):n._e()]):n._e(),n._v(" "),n.bannerData.active_start_at?n._e():a("div",{staticClass:"data_only"},[a("p",[n._v("开课时间:"+n._s(n.bannerData.start_at))])])]),n._v(" "),a("div",{staticClass:"triangle"},[n.bannerData.start_periods_id>0?a("span",[n._v("已开课")]):n._e(),n._v(" "),0==n.bannerData.start_periods_id?a("span",[n._v("待开课")]):n._e()]),n._v(" "),n.canvasData?a("img",{staticClass:"bgimg canvas",attrs:{src:n.canvasData,alt:""}}):n._e()]):n._e()]),n._v(" "),n.couponInfo.money&&!n.orientationchange?a("div",{staticClass:"couponActivity"},[a("div",{staticClass:"textBox"},[a("div",[a("span",{staticClass:"line"}),n._v(" "),a("img",{attrs:{src:n.icon_point,alt:""}}),n._v(" "),a("span",{staticClass:"textcontent"},[n._v("真幸运!您有课程代金券,使用立减 "),a("span",{staticClass:"price"},[n._v(n._s(n.couponInfo.money/100))]),n._v(" 元!")]),n._v(" "),a("span",{staticClass:"line"})])]),n._v(" "),a("div",{ref:"couponShop",class:{couponItem:!0,shaBox:n.couponShadow},on:{click:function(t){n.toShop(1)}}},[a("div",{staticClass:"left"},[a("img",{attrs:{src:n.imgUrl.coupon,alt:""}}),n._v(" "),a("div",[n._v("¥"),a("span",[n._v(n._s(n.couponInfo.money/100))])])]),n._v(" "),a("div",{staticClass:"content"},[a("div",{staticClass:"top"},[a("div",{staticClass:"left"},[a("p",[n._v("课程代金券")]),n._v(" "),a("p",{staticClass:"date"},[n._v(n._s(n.couponInfo.deadline_at)+"失效")])]),n._v(" "),a("div",{staticClass:"btn"},[n._v("\r\n 立即使用\r\n ")])]),n._v(" "),a("div",{staticClass:"bottom"},[n._v("\r\n 适用于购买21天训练营\r\n ")])])]),n._v(" "),n.couponShadow&&!n.pt?a("div",{staticClass:"shadow",on:{click:function(t){n.couponShadow=!1}}}):n._e(),n._v(" "),n.couponShadow&&!n.pt?a("div",{staticClass:"toptext"},[a("img",{attrs:{src:n.icon_point2,alt:""}}),n._v(" "),a("span",{staticClass:"textcontent"},[n._v("真幸运!您有课程代金券,使用立减 "),a("span",{staticClass:"price"},[n._v(n._s(n.couponInfo.money/100))]),n._v(" 元!")])]):n._e()]):n._e(),n._v(" "),a("div",{staticClass:"btn-block"},[a("div",{ref:"preview",staticClass:"btn toPreview",on:{click:n.toPreview}},[n.unlook?n._e():a("div",{staticClass:"nolook"},[n._v("1")])]),n._v(" "),n.userCourse.start_periods_id?n._e():a("div",{ref:"bbda",staticClass:"btn toBbda",on:{click:function(t){n.toBbda(t)}}}),n._v(" "),n.userCourse.start_periods_id?a("div",{ref:"collection",staticClass:"btn toCollection",on:{click:n.toCollection}}):n._e(),n._v(" "),a("div",{ref:"teacher",staticClass:"btn toTeacher",on:{click:n.toTeacher}})])]),n._v(" "),n.orderList.length?a("div",{class:{orderBox:!0,lowIndex:!n.pt&&n.orderList.length}},[n._l(n.orderList,function(t,o){return a("div",{key:o,ref:"groupItem",refInFor:!0,staticClass:"item groupItem",on:{click:function(t){n.goDetail(o)}}},[a("div",{staticClass:"top"},[a("img",{attrs:{src:t.goods_desc.img[0].url,alt:""}}),n._v(" "),a("div",{staticClass:"info"},[a("h3",[n._v(n._s(t.goods_name))]),n._v(" "),a("p",[n._v("还差"),a("span",[n._v(n._s(t.group_info.diff_size)+"人")]),n._v("拼团成功")]),n._v(" "),a("p",[n._v("剩余拼团时间  "),a("span",[n._v(n._s(n.countTime))])])])]),n._v(" "),a("div",{staticClass:"line"}),n._v(" "),n._m(2,!0)])}),n._v(" "),n.pt&&n.orderList.length?a("div",{staticClass:"shadow",on:{click:function(t){n.shadowClick()}}}):n._e(),n._v(" "),n.pt&&n.orderList.length?a("div",{ref:"groupIcon",staticClass:"imgbox groupItem",on:{click:function(t){n.goDetail(0)}}},[a("div",{staticClass:"text"},[n._v("\r\n 快去邀请好友完成拼团吧~\r\n ")]),n._v(" "),a("img",{attrs:{src:n.imgUrl.img_title,alt:""}})]):n._e()],2):n._e(),n._v(" "),n.couponInfo.money&&n.orientationchange?a("div",{staticClass:"couponActivity"},[a("div",{staticClass:"textBox"},[a("div",[a("span",{staticClass:"line"}),n._v(" "),a("img",{attrs:{src:n.icon_point,alt:""}}),n._v(" "),a("span",{staticClass:"textcontent"},[n._v("真幸运!您有课程代金券,使用立减 "),a("span",{staticClass:"price"},[n._v(n._s(n.couponInfo.money/100))]),n._v(" 元!")]),n._v(" "),a("span",{staticClass:"line"})])]),n._v(" "),a("div",{ref:"couponShop",class:{couponItem:!0,shaBox:n.couponShadow},on:{click:function(t){n.toShop(1)}}},[a("div",{staticClass:"left"},[a("img",{attrs:{src:n.imgUrl.coupon,alt:""}}),n._v(" "),a("div",[n._v("¥"),a("span",[n._v(n._s(n.couponInfo.money/100))])])]),n._v(" "),a("div",{staticClass:"content"},[a("div",{staticClass:"top"},[a("div",{staticClass:"left"},[a("p",[n._v("课程代金券")]),n._v(" "),a("p",{staticClass:"date"},[n._v(n._s(n.couponInfo.deadline_at)+"失效")])]),n._v(" "),a("div",{staticClass:"btn"},[n._v("\r\n 立即使用\r\n ")])]),n._v(" "),a("div",{staticClass:"bottom"},[n._v("\r\n 适用于购买21天训练营\r\n ")])])]),n._v(" "),n.couponShadow&&!n.pt?a("div",{staticClass:"shadow",on:{click:function(t){n.couponShadow=!1}}}):n._e(),n._v(" "),n.couponShadow&&!n.pt?a("div",{staticClass:"toptext"},[a("img",{attrs:{src:n.icon_point2,alt:""}}),n._v(" "),a("span",{staticClass:"textcontent"},[n._v("真幸运!您有课程代金券,使用立减 "),a("span",{staticClass:"price"},[n._v(n._s(n.couponInfo.money/100))]),n._v(" 元!")])]):n._e()]):n._e(),n._v(" "),n.medList.length>0?a("div",{staticClass:"contentBox med"},[a("div",{staticClass:"commonTitle"},[a("span",{staticClass:"line"}),n._v(" "),a("span",{staticClass:"title"},[n._v("磨耳朵")]),n._v(" "),a("span",{staticClass:"tip"},[n._v("每天10分钟 成长看得见")]),n._v(" "),a("div",{ref:"med",staticClass:"more med",on:{click:n.toHear}},[n._v("更多 "),a("i",{staticClass:"iconfont icon-youjiantou"})])]),n._v(" "),a("div",{staticClass:"content"},n._l(n.medList,function(t,o){return a("div",{ref:"meditem",refInFor:!0,staticClass:"contentItem med",on:{click:function(t){n.goMed(o)}}},[a("img",{attrs:{src:t.url,alt:""}}),n._v(" "),a("div",{staticClass:"white"}),n._v(" "),a("div",{staticClass:"text"},[a("div",{staticClass:"title"},[n._v(n._s(t.title))]),n._v(" "),a("div",{staticClass:"enTitle"},[n._v(n._s(t.sub_title))]),n._v(" "),a("div",{staticClass:"lookData"},[a("i",{staticClass:"iconfont icon-yanjing"}),n._v(n._s(t.watch_num)+"人")])])])}))]):n._e(),n._v(" "),n.zbList.length>0?a("div",{staticClass:"contentBox qm zb"},[a("div",{staticClass:"commonTitle"},[a("span",{staticClass:"line"}),n._v(" "),a("span",{staticClass:"title"},[n._v("精彩直播课")]),n._v(" "),a("span",{staticClass:"tip"},[n._v("在线与名师互动")]),n._v(" "),a("a",{ref:"zb",staticClass:"more qm",on:{click:n.toZb}},[n._v("更多 "),a("i",{staticClass:"iconfont icon-youjiantou"})])]),n._v(" "),a("div",{staticClass:"content"},n._l(n.zbList,function(t){return a("div",{ref:"zbitem",refInFor:!0,staticClass:"contentItem qm",on:{click:function(a){n.goLink(t.link,"zb")}}},[a("img",{attrs:{src:t.url,alt:""}}),n._v(" "),a("div",{staticClass:"text"},[a("div",{staticClass:"title"},[n._v(n._s(t.title))]),n._v(" "),a("div",{staticClass:"line"}),n._v(" "),a("div",{staticClass:"enTitle"},[n._v(n._s(t.sub_title))]),n._v(" "),a("div",{staticClass:"lookData"},[a("i",{staticClass:"iconfont icon-yanjing"}),n._v(n._s(t.watch_num)+"人")])])])}))]):n._e(),n._v(" "),n.qmList.length>0?a("div",{staticClass:"contentBox qm"},[a("div",{staticClass:"commonTitle"},[a("span",{staticClass:"line"}),n._v(" "),a("span",{staticClass:"title"},[n._v("启蒙小课堂")]),n._v(" "),a("span",{staticClass:"tip"},[n._v("名师手把手,爸妈小帮手")]),n._v(" "),0==n.userCourse.is_free_course?a("a",{staticClass:"more qm",attrs:{href:"https://appanqlfkth3717.h5.xiaoeknow.com/homepage/10"}},[n._v("更多 "),a("i",{staticClass:"iconfont icon-youjiantou"})]):n._e(),n._v(" "),1==n.userCourse.is_free_course?a("a",{staticClass:"more qm",attrs:{href:"https://appaNQLfktH3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ"}},[n._v("更多 "),a("i",{staticClass:"iconfont icon-youjiantou"})]):n._e()]),n._v(" "),a("div",{staticClass:"content"},n._l(n.qmList,function(t){return a("div",{ref:"qmitem",refInFor:!0,staticClass:"contentItem qm",on:{click:function(a){n.goLink(t.link,"qm")}}},[a("img",{attrs:{src:t.url,alt:""}}),n._v(" "),a("div",{staticClass:"text"},[a("div",{staticClass:"title"},[n._v(n._s(t.title))]),n._v(" "),a("div",{staticClass:"line"}),n._v(" "),a("div",{staticClass:"enTitle"},[n._v(n._s(t.sub_title))]),n._v(" "),a("div",{staticClass:"lookData"},[a("i",{staticClass:"iconfont icon-yanjing"}),n._v(n._s(t.watch_num)+"人")])])])}))]):n._e(),n._v(" "),n.mxxyList.length>0?a("div",{staticClass:"contentBox mxxy"},[n._m(3),n._v(" "),a("div",{staticClass:"content"},n._l(n.mxxyList,function(t){return a("div",{ref:"mxxyitem",refInFor:!0,staticClass:"contentItem mxxy",on:{click:function(a){n.goLink(t.link,"mxxy")}}},[a("img",{directives:[{name:"lazy",rawName:"v-lazy",value:t.url,expression:"item.url"}],attrs:{alt:""}}),n._v(" "),a("div",{staticClass:"text"},[a("div",{staticClass:"title"},[n._v(n._s(t.title))])]),n._v(" "),a("div",{staticClass:"tip"},[n._v(n._s(t.sub_title))])])}))]):n._e(),n._v(" "),null!=n.userCourse.goods_id&&n.userCourse.goods_id>0&&n.liuyuActivity?a("div",{staticClass:"liuyiBtn",on:{click:n.liuyiBtn}},[a("img",{attrs:{src:n.imgUrl.popup_btn,alt:""}})]):n._e(),n._v(" "),a("van-popup",{staticClass:"liuyudialog",attrs:{position:"top",overlay:!0},model:{value:n.liuyucoolie,callback:function(t){n.liuyucoolie=t},expression:"liuyucoolie"}},[a("div",{staticClass:"content"},[a("img",{staticClass:"main",attrs:{src:n.imgUrl.popup_img,alt:""}}),n._v(" "),a("div",{staticClass:"textBox"},[a("p",[n._v("儿童节感恩回馈!")]),n._v(" "),a("p",[n._v("给宝贝送专属心意好礼! ")])]),n._v(" "),a("div",{ref:"toActivity",staticClass:"btn toActivity",on:{click:n.toActivity}},[n._v("立即参与")])])]),n._v(" "),n.showObj.audio.length>0?a("audio-page",{directives:[{name:"show",rawName:"v-show",value:n.showObj.show,expression:"showObj.show"}],ref:"audioPage",attrs:{sc:"1",showObj:n.showObj}}):n._e(),n._v(" "),a("bottom-tab",{ref:"bottomTab"})],1)};x._withStripped=!0;var I={render:x,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"triangle"},[t("span",[this._v("专属福利")])])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"text"},[t("p",[this._v("请扫码添加客服班主任")]),this._v(" "),t("p",[this._v("领取学习资料")])])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"bottom"},[t("span",{staticClass:"text"},[this._v("*拼团成功后即可获取课程")]),this._v(" "),t("span",{staticClass:"btn"},[this._v("去邀请")])])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"commonTitle"},[t("span",{staticClass:"line"}),this._v(" "),t("span",{staticClass:"title"},[this._v("明星学员")]),this._v(" "),t("span",{staticClass:"tip"},[this._v("百万家庭力荐")]),this._v(" "),t("a",{staticClass:"more mxxy",attrs:{href:"https://mp.weixin.qq.com/mp/homepage?__biz=MzU2ODM5NjA5OA==&hid=4&sn=bb876d6313345925e86913bfe42671c6"}},[this._v("更多 "),t("i",{staticClass:"iconfont icon-youjiantou"})])])}]},E=I;var y=!1;var _=a("VU/8")(k,E,!1,function(n){y||a("xofo")},"data-v-47323bf2",null);_.options.__file="src/components/index.vue";t.default=_.exports},fRWU:function(n,t,a){(n.exports=a("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-47323bf2] {\n float: right;\n}\n.fr[data-v-47323bf2] {\n float: right;\n}\n.fl[data-v-47323bf2] {\n float: left;\n}\n.main-block[data-v-47323bf2] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-47323bf2]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-47323bf2]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-47323bf2]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-47323bf2]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-47323bf2 {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-47323bf2] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-47323bf2] {\n background: transparent;\n}\n.index[data-v-47323bf2] {\n background: #F5F5F9;\n padding-bottom: 13.33333333vw;\n}\n.couponActivity[data-v-47323bf2] {\n padding: 0 5.33333333vw 3.2vw;\n background: white;\n margin: 0 0 2.66666667vw;\n position: relative;\n}\n.couponActivity .textBox[data-v-47323bf2] {\n width: 77.33333333vw;\n margin: 0 auto;\n color: #666666;\n font-size: 3.46666667vw;\n}\n.couponActivity .textBox div[data-v-47323bf2] {\n width: 100%;\n line-height: 9.06666667vw;\n height: 9.06666667vw;\n display: -webkit-flex;\n}\n.couponActivity .textBox div .textcontent[data-v-47323bf2] {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n.couponActivity .textBox div img[data-v-47323bf2] {\n width: 2.66666667vw;\n height: 2.66666667vw;\n margin: 3.2vw 2.13333333vw 0;\n}\n.couponActivity .textBox div .price[data-v-47323bf2] {\n color: #FF7D77;\n}\n.couponActivity .textBox .line[data-v-47323bf2] {\n display: inline-block;\n width: 1.33333333vw;\n height: 9.06666667vw;\n background: #FFD7D5;\n -webkit-box-shadow: 0px 0.53333333vw 1.06666667vw 0px rgba(255, 125, 119, 0.3);\n box-shadow: 0px 0.53333333vw 1.06666667vw 0px rgba(255, 125, 119, 0.3);\n}\n.couponActivity .toptext[data-v-47323bf2] {\n font-size: 3.46666667vw;\n position: absolute;\n z-index: 1001;\n color: white;\n left: 14.66666667vw;\n top: 1.6vw;\n}\n.couponActivity .toptext img[data-v-47323bf2] {\n width: 2.66666667vw;\n height: 2.66666667vw;\n margin: 0 1.06666667vw 0 0;\n}\n.couponActivity .couponItem[data-v-47323bf2] {\n display: -webkit-flex;\n height: 23.73333333vw;\n position: relative;\n z-index: 1002;\n}\n.couponActivity .couponItem .left img[data-v-47323bf2] {\n width: 24.8vw;\n position: absolute;\n z-index: 0;\n}\n.couponActivity .couponItem .left div[data-v-47323bf2] {\n position: relative;\n z-index: 1;\n padding: 5.86666667vw 4.26666667vw 0;\n color: white;\n}\n.couponActivity .couponItem .left div span[data-v-47323bf2] {\n font-size: 10.66666667vw;\n}\n.couponActivity .couponItem .content[data-v-47323bf2] {\n background: white;\n padding: 2.66666667vw 3.2vw 0 4.53333333vw;\n -webkit-box-shadow: 1px 2px 7px 0px #ffd2cf;\n box-shadow: 1px 2px 7px 0px #ffd2cf;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n border-radius: 0px 5px 5px 0px;\n}\n.couponActivity .couponItem .content .top[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 12.26666667vw;\n border-bottom: 1px solid #E2E2E2;\n}\n.couponActivity .couponItem .content .top .left[data-v-47323bf2] {\n font-size: 4vw;\n}\n.couponActivity .couponItem .content .top .left .date[data-v-47323bf2] {\n font-size: 2.66666667vw;\n color: #999999;\n margin-top: 0.53333333vw;\n}\n.couponActivity .couponItem .content .top .btn[data-v-47323bf2] {\n width: 15.46666667vw;\n height: 6.66666667vw;\n background: #ffffff;\n border-radius: 4vw;\n border: 1px solid #ff7372;\n font-size: 2.93333333vw;\n line-height: 6.66666667vw;\n text-align: center;\n color: #ff7372;\n margin-left: 6.93333333vw;\n margin: auto ;\n margin-right: 0;\n}\n.couponActivity .couponItem .content .bottom[data-v-47323bf2] {\n line-height: 8.53333333vw;\n color: #999999;\n font-size: 2.93333333vw;\n}\n.couponActivity .shaBox .content[data-v-47323bf2] {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.couponActivity .shadow[data-v-47323bf2] {\n position: fixed;\n bottom: 0;\n left: 0;\n top: 0;\n background: black;\n opacity: 0.6;\n width: 100%;\n z-index: 999;\n}\n.van-popup[data-v-47323bf2] {\n width: 75.46666667vw;\n top: 20vh;\n border-radius: 5.86666667vw;\n overflow: hidden;\n text-align: center;\n padding-bottom: 6.93333333vw;\n font-size: 3.73333333vw;\n}\n.van-popup .content img[data-v-47323bf2] {\n width: 100%;\n}\n.van-popup .content .textBox[data-v-47323bf2] {\n margin: 5.33333333vw 0;\n}\n.van-popup .content .btn[data-v-47323bf2] {\n background: #40A9FF;\n width: 48vw;\n height: 11.73333333vw;\n line-height: 11.73333333vw;\n color: white;\n display: inline-block;\n border-radius: 5.86666667vw;\n font-size: 5.86666667vw;\n}\n.liuyiBtn[data-v-47323bf2] {\n position: fixed;\n bottom: 21.33333333vw;\n right: 2.66666667vw;\n z-index: 100;\n -webkit-animation-name: swing-data-v-47323bf2;\n -webkit-animation-duration: 0.8s;\n -webkit-transform-origin: 50% 50%;\n -webkit-animation-timing-function: linear;\n -webkit-animation-iteration-count: 3;\n}\n.liuyiBtn img[data-v-47323bf2] {\n width: 26.66666667vw;\n}\n@-webkit-keyframes swing-data-v-47323bf2 {\n10% {\n -webkit-transform: rotate(15deg);\n transform: rotate(15deg);\n}\n20% {\n -webkit-transform: rotate(-10deg);\n transform: rotate(-10deg);\n}\n30% {\n -webkit-transform: rotate(5deg);\n transform: rotate(5deg);\n}\n40% {\n -webkit-transform: rotate(-5deg);\n transform: rotate(-5deg);\n}\n50%,\n 100% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n}\n.banner-block[data-v-47323bf2] {\n width: 89.33333333vw;\n height: 65.6vw;\n position: relative;\n background: white;\n padding: 3.73333333vw 5.33333333vw 0vw;\n margin: 0;\n}\n.banner-block .bgimg[data-v-47323bf2] {\n position: absolute;\n width: 89.33333333vw;\n z-index: 0;\n}\n.banner-block .canvas[data-v-47323bf2] {\n width: 89.6vw;\n z-index: 2;\n}\n.banner-block .content[data-v-47323bf2] {\n position: absolute;\n z-index: 1;\n height: 65.6vw;\n width: 89.33333333vw;\n border-radius: 4.26666667vw;\n overflow: hidden;\n}\n.banner-block .Banner[data-v-47323bf2] {\n border-radius: 4.26666667vw;\n overflow: hidden;\n position: relative;\n height: 65.6vw;\n width: 89.33333333vw;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n}\n.banner-block .Banner .qr[data-v-47323bf2] {\n width: 33.6vw;\n position: absolute;\n left: 27.73333333vw;\n top: 5.33333333vw;\n z-index: 2;\n}\n.banner-block .Banner .text[data-v-47323bf2] {\n font-size: 4.26666667vw;\n color: #FF4D4F;\n text-align: center;\n position: absolute;\n top: 40.8vw;\n width: 100%;\n font-weight: 600;\n}\n.banner-block .Banner .date[data-v-47323bf2] {\n color: white;\n text-align: center;\n position: absolute;\n bottom: 2.13333333vw;\n width: 100%;\n font-size: 3.2vw;\n}\n.banner-block .Banner .data_only[data-v-47323bf2] {\n color: white;\n text-align: center;\n position: absolute;\n bottom: 2.93333333vw;\n width: 100%;\n font-size: 5.06666667vw;\n}\n.banner-block .Banner .triangle[data-v-47323bf2] {\n background: #FFC53D;\n width: 27.73333333vw;\n height: 27.73333333vw;\n position: absolute;\n right: -12.26666667vw;\n top: -16.53333333vw;\n -webkit-transform: rotate(-50deg);\n transform: rotate(-50deg);\n z-index: 3;\n}\n.banner-block .Banner .triangle span[data-v-47323bf2] {\n color: white;\n font-size: 3.73333333vw;\n -webkit-transform: rotate(91deg);\n transform: rotate(91deg);\n position: absolute;\n top: 13.86666667vw;\n font-size: 3.46666667vw;\n}\n.banner-block .unBanner[data-v-47323bf2] {\n border-radius: 6.66666667vw;\n overflow: hidden;\n height: 65.6vw;\n width: 89.33333333vw;\n position: relative;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n}\n.banner-block .unBanner .title[data-v-47323bf2] {\n position: absolute;\n color: white;\n top: 9.33333333vw;\n left: 5.33333333vw;\n}\n.banner-block .unBanner .title .title1[data-v-47323bf2] {\n font-size: 5.33333333vw;\n}\n.banner-block .unBanner .title .title2[data-v-47323bf2] {\n font-size: 9.6vw;\n}\n.banner-block .unBanner .date[data-v-47323bf2] {\n color: white;\n text-align: center;\n position: absolute;\n bottom: 8vw;\n padding-top: 2.66666667vw;\n border-radius: 7.46666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: #FFC53D;\n -webkit-animation: myfirst-data-v-47323bf2 3s linear infinite;\n left: 5.33333333vw;\n font-size: 3.73333333vw;\n width: 40.53333333vw;\n height: 14.93333333vw;\n}\n.banner-block .unBanner .date .date1[data-v-47323bf2] {\n font-size: 3.2vw;\n}\n.banner-block .unBanner .date .date2[data-v-47323bf2] {\n font-size: 4.26666667vw;\n}\n.banner-block .unBanner .triangle[data-v-47323bf2] {\n background: #FFC53D;\n width: 27.73333333vw;\n height: 27.73333333vw;\n position: absolute;\n right: -12.26666667vw;\n top: -16.53333333vw;\n -webkit-transform: rotate(-50deg);\n transform: rotate(-50deg);\n}\n.banner-block .unBanner .triangle span[data-v-47323bf2] {\n color: white;\n font-size: 3.73333333vw;\n -webkit-transform: rotate(85deg);\n transform: rotate(85deg);\n position: absolute;\n top: 14.4vw;\n font-size: 3.46666667vw;\n bottom: 19.73333333vw;\n}\n.contentBox[data-v-47323bf2] {\n padding: 2.66666667vw 5.33333333vw;\n background: white;\n margin: 2.66666667vw 0;\n}\n.contentBox .commonTitle[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n vertical-align: top;\n}\n.contentBox .commonTitle .line[data-v-47323bf2] {\n height: 5.33333333vw;\n width: 1.06666667vw;\n border-radius: 0.53333333vw;\n margin-right: 2.66666667vw;\n margin: auto 2.66666667vw auto 0;\n}\n.contentBox .commonTitle .more[data-v-47323bf2] {\n height: 8.8vw;\n line-height: 11.46666667vw;\n font-size: 3.2vw;\n color: #666666;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: right;\n overflow: hidden;\n}\n.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {\n font-size: 3.73333333vw;\n color: #666666;\n}\n.contentBox .commonTitle .title[data-v-47323bf2] {\n font-size: 6.4vw;\n height: 8.8vw;\n line-height: 8.8vw;\n display: inline-block;\n margin-right: 2.66666667vw;\n font-weight: bold;\n}\n.contentBox .commonTitle .tip[data-v-47323bf2] {\n font-size: 3.2vw;\n color: #999999;\n height: 8.8vw;\n display: inline-block;\n line-height: 11.46666667vw;\n overflow: hidden;\n}\n.contentBox .lookData[data-v-47323bf2] {\n font-size: 3.2vw;\n}\n.contentBox .lookData .iconfont[data-v-47323bf2] {\n font-size: 3.2vw;\n}\n.zb[data-v-47323bf2] {\n height: 70.66666667vw;\n overflow: hidden;\n}\n.med .commonTitle .line[data-v-47323bf2] {\n background: #4A90E2;\n}\n.med .content[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n text-align: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n height: 56.53333333vw;\n overflow: hidden;\n}\n.med .content .contentItem[data-v-47323bf2] {\n width: 48%;\n height: 50.93333333vw;\n margin-top: 4.8vw;\n margin-left: 1%;\n margin-right: 1%;\n position: relative;\n}\n.med .content .contentItem img[data-v-47323bf2] {\n width: 28.53333333vw;\n height: 28.53333333vw;\n position: absolute;\n top: 0;\n left: 7.2vw;\n border-radius: 14.13333333vw;\n}\n.med .content .contentItem .white[data-v-47323bf2] {\n position: absolute;\n background: white;\n width: 5.33333333vw;\n height: 5.33333333vw;\n border-radius: 2.66666667vw;\n top: 11.6vw;\n left: 18.8vw;\n}\n.med .content .contentItem .text[data-v-47323bf2] {\n width: 42.93333333vw;\n height: 42.93333333vw;\n margin-top: 8vw;\n color: #999999;\n padding-top: 24vw;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 4.26666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.med .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 3.73333333vw;\n color: black;\n}\n.med .content .contentItem .text .enTitle[data-v-47323bf2] {\n font-size: 3.2vw;\n line-height: 4.53333333vw;\n}\n.qm .commonTitle .line[data-v-47323bf2] {\n background: #FF7875;\n}\n.qm .content[data-v-47323bf2] {\n text-align: center;\n}\n.qm .content .contentItem[data-v-47323bf2] {\n margin-top: 4.8vw;\n position: relative;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 4.26666667vw;\n overflow: hidden;\n}\n.qm .content .contentItem img[data-v-47323bf2] {\n width: 89.33333333vw;\n height: 40vw;\n}\n.qm .content .contentItem .text[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n width: 89.33333333vw;\n color: #999999;\n padding: 5.06666667vw 4vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.qm .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 3.2vw;\n color: black;\n}\n.qm .content .contentItem .text .line[data-v-47323bf2] {\n border-right: 0.26666667vw solid #999999;\n height: 5.33333333vw;\n margin: 0 2.66666667vw;\n}\n.qm .content .contentItem .text .lookData[data-v-47323bf2] {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: right;\n}\n.qm .content .contentItem .text .enTitle[data-v-47323bf2] {\n font-size: 3.2vw;\n}\n.zb .commonTitle .line[data-v-47323bf2] {\n background: #FFD454;\n}\n.mxxy .commonTitle .line[data-v-47323bf2] {\n background: #7ED321;\n}\n.mxxy .content[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n text-align: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.mxxy .content .contentItem[data-v-47323bf2] {\n width: 43.2vw;\n margin-top: 4.8vw;\n position: relative;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 4.26666667vw;\n overflow: hidden;\n padding-bottom: 4.8vw;\n}\n.mxxy .content .contentItem img[data-v-47323bf2] {\n width: 100%;\n}\n.mxxy .content .contentItem .text[data-v-47323bf2] {\n color: #999999;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 2.66666667vw 4vw 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.mxxy .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 3.73333333vw;\n color: black;\n text-align: left;\n width: 50%;\n}\n.mxxy .content .contentItem .tip[data-v-47323bf2] {\n color: #999999;\n padding: 0 4vw;\n text-align: left;\n margin-top: 1.06666667vw;\n font-size: 3.2vw;\n}\n.btn-block[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n padding: 3.2vw 5.33333333vw;\n background: white;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n -webkit-justify-content: space-around;\n width: 89.33333333vw;\n}\n.btn-block .btn[data-v-47323bf2] {\n width: 28vw;\n height: 11.73333333vw;\n border-radius: 3.2vw;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n position: relative;\n}\n.btn-block .btn .nolook[data-v-47323bf2] {\n position: absolute;\n top: -1.33333333vw;\n left: -1.33333333vw;\n background: #ff4d4f;\n width: 4.26666667vw;\n height: 4.26666667vw;\n color: white;\n border-radius: 2.13333333vw;\n text-align: center;\n font-size: 3.2vw;\n line-height: 4.26666667vw;\n}\n.btn-block .btn img[data-v-47323bf2] {\n width: 28vw;\n height: 11.73333333vw;\n}\n.btn-block .toPreview[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -16.8vw;\n background-size: 100% ;\n}\n.btn-block .toBbda[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png');\n background-size: 100%;\n}\n.btn-block .toCollection[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -34.13333333vw;\n background-size: 100%;\n}\n.btn-block .toTeacher[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -50.93333333vw;\n background-size: 100%;\n}\n.orderBox[data-v-47323bf2] {\n position: relative;\n padding: 3.2vw 5.33333333vw 3.2vw;\n background: white;\n margin-top: 2.66666667vw;\n}\n.orderBox .item[data-v-47323bf2]:first-child {\n position: relative;\n z-index: 2000;\n background: white;\n}\n.orderBox .item[data-v-47323bf2] {\n -webkit-box-shadow: 1px 2px 7px 0px #ffd2cf;\n box-shadow: 1px 2px 7px 0px #ffd2cf;\n border-radius: 4.26666667vw;\n}\n.orderBox .item .top[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 4vw 2.66666667vw;\n}\n.orderBox .item .top img[data-v-47323bf2] {\n width: 19.73333333vw;\n height: 19.73333333vw;\n border-radius: 2.66666667vw;\n}\n.orderBox .item .top .info[data-v-47323bf2] {\n padding-left: 2.66666667vw;\n}\n.orderBox .item .top .info h3[data-v-47323bf2] {\n font-size: 4vw;\n color: #333333;\n}\n.orderBox .item .top .info p[data-v-47323bf2] {\n font-size: 3.46666667vw;\n color: #666666;\n}\n.orderBox .item .top .info p span[data-v-47323bf2] {\n color: #FF7171;\n}\n.orderBox .item .line[data-v-47323bf2] {\n height: 0;\n border-bottom: 1px solid #E2E2E2;\n}\n.orderBox .item .bottom[data-v-47323bf2] {\n padding: 1.06666667vw 2.13333333vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.orderBox .item .bottom .text[data-v-47323bf2] {\n height: 9.06666667vw;\n line-height: 9.06666667vw;\n color: #333333;\n font-size: 3.46666667vw;\n}\n.orderBox .item .bottom .btn[data-v-47323bf2] {\n width: 21.33333333vw;\n height: 9.06666667vw;\n background: #FF7171;\n color: white;\n border-radius: 4.53333333vw;\n font-size: 4vw;\n line-height: 9.06666667vw;\n text-align: center;\n}\n.orderBox .imgbox[data-v-47323bf2] {\n position: absolute;\n z-index: 2000;\n top: -25.06666667vw;\n left: 18.66666667vw;\n}\n.orderBox .imgbox img[data-v-47323bf2] {\n width: 69.6vw;\n}\n.orderBox .imgbox .text[data-v-47323bf2] {\n color: white;\n position: absolute;\n top: 8vw;\n left: 2.66666667vw;\n font-size: 4.53333333vw;\n}\n.orderBox .shadow[data-v-47323bf2] {\n position: fixed;\n bottom: 0;\n left: 0;\n top: 0;\n background: black;\n opacity: 0.6;\n width: 100%;\n z-index: 1999;\n}\n.lowIndex .item[data-v-47323bf2]:first-child {\n position: relative;\n z-index: 10;\n background: white;\n}\n.lesson-block[data-v-47323bf2] {\n padding-bottom: 5.33333333vw;\n}\n.lesson-block .goods-block[data-v-47323bf2] {\n position: relative;\n width: 89.33333333vw;\n}\n.lesson-block .goods-block .tips[data-v-47323bf2] {\n display: inline-block;\n font-size: 3.2vw;\n font-family: PingFang-SC-Bold;\n font-weight: normal;\n color: #ffffff;\n line-height: 4.53333333vw;\n padding: 0.53333333vw 1.33333333vw;\n position: absolute;\n right: 2.66666667vw;\n top: 3.2vw;\n background: #f5a623;\n border-radius: 2.93333333vw;\n}\n.lesson-block .goods-block img[data-v-47323bf2] {\n width: 89.33333333vw;\n height: 62.93333333vw;\n border-radius: 2.13333333vw;\n}\n.class-block[data-v-47323bf2] {\n margin-top: 2.66666667vw;\n font-family: PingFang-SC-Medium;\n font-size: 4.8vw;\n color: #333333;\n text-align: center;\n background: white;\n}\n.class-block .title[data-v-47323bf2] {\n padding: 2.13333333vw;\n position: relative;\n}\n.class-block .title .more[data-v-47323bf2] {\n position: absolute;\n width: 8vw;\n bottom: 2.66666667vw;\n right: 5.33333333vw;\n}\n@media screen and (min-width: 600px) {\n.index[data-v-47323bf2] {\n background: #F5F5F9;\n padding-bottom: 4.8828125vw;\n}\n.padTop[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n display: -webkit-flex;\n -webkit-justify-content: space-around;\n background: white;\n}\n.padTop .btn-block[data-v-47323bf2] {\n display: block;\n padding: 1.46484375vw 4.1015625vw 0 2.9296875vw;\n background: white;\n -webkit-justify-content: space-around;\n width: 26.171875vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.padTop .btn-block .btn[data-v-47323bf2] {\n width: 19.140625vw;\n height: 15.72265625vw;\n border-radius: 2.34375vw;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n margin-bottom: 1.953125vw;\n position: relative;\n background: #ff9c6e;\n}\n.padTop .btn-block .btn .nolook[data-v-47323bf2] {\n position: absolute;\n top: -0.48828125vw;\n left: -0.48828125vw;\n background: #ff4d4f;\n width: 2.5390625vw;\n height: 2.5390625vw;\n color: white;\n border-radius: 1.26953125vw;\n text-align: center;\n font-size: 1.171875vw;\n line-height: 2.5390625vw;\n}\n.padTop .btn-block .btn img[data-v-47323bf2] {\n width: 19.140625vw;\n height: 15.72265625vw;\n}\n.padTop .btn-block .toPreview[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 0;\n background-size: 100% ;\n}\n.padTop .btn-block .toBbda[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -52.734375vw;\n background-size: 100% ;\n}\n.padTop .btn-block .toCollection[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -17.578125vw;\n background-size: 100% ;\n}\n.padTop .btn-block .toTeacher[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -35.15625vw;\n background-size: 100% ;\n}\n.padTop .banner-block[data-v-47323bf2] {\n width: 73.828125vw;\n height: 51.26953125vw;\n position: relative;\n background: white;\n padding: 1.3671875vw 2.9296875vw 1.953125vw 4.1015625vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n}\n.padTop .banner-block .bgimg[data-v-47323bf2] {\n position: absolute;\n width: 69.7265625vw;\n z-index: 2;\n}\n.padTop .banner-block .content[data-v-47323bf2] {\n position: absolute;\n z-index: 3;\n height: 51.26953125vw;\n width: 69.7265625vw;\n border-radius: 2.9296875vw;\n overflow: hidden;\n}\n.padTop .banner-block .Banner[data-v-47323bf2] {\n border-radius: 3.22265625vw;\n overflow: hidden;\n position: relative;\n height: 51.26953125vw;\n width: 69.7265625vw;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n}\n.padTop .banner-block .Banner .qr[data-v-47323bf2] {\n width: 25.09765625vw;\n position: absolute;\n left: 22.4609375vw;\n top: 5.859375vw;\n z-index: 2;\n}\n.padTop .banner-block .Banner .text[data-v-47323bf2] {\n font-size: 2.5390625vw;\n color: #FF4D4F;\n text-align: center;\n position: absolute;\n top: 32.32421875vw;\n width: 100%;\n font-weight: 500;\n}\n.padTop .banner-block .Banner .date[data-v-47323bf2] {\n color: white;\n text-align: center;\n position: absolute;\n bottom: 2.9296875vw;\n width: 100%;\n font-size: 2.1484375vw;\n}\n.padTop .banner-block .Banner .triangle[data-v-47323bf2] {\n background: #FFC53D;\n width: 14.0625vw;\n height: 14.0625vw;\n position: absolute;\n right: -7.6171875vw;\n top: -6.25vw;\n -webkit-transform: rotate(-41deg);\n transform: rotate(-41deg);\n z-index: 3;\n}\n.padTop .banner-block .Banner .triangle span[data-v-47323bf2] {\n color: white;\n font-size: 18 px;\n -webkit-transform: rotate(91deg);\n transform: rotate(91deg);\n position: absolute;\n top: 6.0546875vw;\n font-size: 1.7578125vw;\n}\n.padTop .banner-block .Banner .data_only[data-v-47323bf2] {\n bottom: 1.171875vw;\n}\n.padTop .banner-block .unBanner[data-v-47323bf2] {\n border-radius: 3.22265625vw;\n overflow: hidden;\n height: 51.26953125vw;\n width: 69.7265625vw;\n position: relative;\n background: #ff7d77;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n}\n.padTop .banner-block .unBanner .title[data-v-47323bf2] {\n position: absolute;\n color: white;\n top: 3.41796875vw;\n left: 1.953125vw;\n}\n.padTop .banner-block .unBanner .date[data-v-47323bf2] {\n color: white;\n text-align: center;\n position: absolute;\n bottom: 6.4453125vw;\n padding-top: 0.9765625vw;\n border-radius: 5.46875vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: #FFC53D;\n left: 4.39453125vw;\n font-size: 1.3671875vw;\n width: 31.640625vw;\n height: 11.328125vw;\n}\n.padTop .banner-block .unBanner .date .date1[data-v-47323bf2] {\n font-size: 2.9296875vw;\n}\n.padTop .banner-block .unBanner .date .date2[data-v-47323bf2] {\n font-size: 3.3203125vw;\n}\n.padTop .banner-block .unBanner .triangle[data-v-47323bf2] {\n background: #FFC53D;\n width: 14.0625vw;\n height: 14.0625vw;\n position: absolute;\n right: -7.6171875vw;\n top: -6.25vw;\n -webkit-transform: rotate(-41deg);\n transform: rotate(-41deg);\n z-index: 3;\n}\n.padTop .banner-block .unBanner .triangle span[data-v-47323bf2] {\n color: white;\n -webkit-transform: rotate(91deg);\n transform: rotate(91deg);\n position: absolute;\n top: 6.640625vw;\n font-size: 1.7578125vw;\n}\n.padTop .banner-block .canvas[data-v-47323bf2] {\n width: 69.921875vw;\n z-index: 2;\n}\n.contentBox[data-v-47323bf2] {\n padding: 1.953125vw 4.1015625vw 1.953125vw;\n background: white;\n margin: 0.9765625vw 0;\n}\n.contentBox .commonTitle[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n vertical-align: top;\n}\n.contentBox .commonTitle .line[data-v-47323bf2] {\n height: 1.953125vw;\n width: 0.390625vw;\n border-radius: 0.1953125vw;\n margin-right: 0.9765625vw;\n margin: auto 0.9765625vw auto 0;\n}\n.contentBox .commonTitle .more[data-v-47323bf2] {\n height: 3.22265625vw;\n line-height: 4.19921875vw;\n font-size: 1.171875vw;\n color: #666666;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: right;\n overflow: hidden;\n}\n.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {\n font-size: 1.3671875vw;\n color: #666666;\n}\n.contentBox .commonTitle .title[data-v-47323bf2] {\n font-size: 2.34375vw;\n height: 3.22265625vw;\n line-height: 3.22265625vw;\n display: inline-block;\n margin-right: 0.9765625vw;\n font-weight: bold;\n}\n.contentBox .commonTitle .tip[data-v-47323bf2] {\n font-size: 1.171875vw;\n color: #999999;\n height: 3.22265625vw;\n display: inline-block;\n line-height: 4.19921875vw;\n overflow: hidden;\n}\n.contentBox .lookData[data-v-47323bf2] {\n font-size: 1.171875vw;\n}\n.contentBox .lookData .iconfont[data-v-47323bf2] {\n font-size: 1.171875vw;\n}\n.zb[data-v-47323bf2] {\n height: auto;\n}\n.med .content[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n text-align: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n height: 29.19921875vw;\n}\n.med .content .contentItem[data-v-47323bf2] {\n width: auto;\n height: 25.09765625vw;\n margin-top: 1.7578125vw;\n margin-right: 1.85546875vw;\n position: relative;\n margin-left: 0;\n}\n.med .content .contentItem img[data-v-47323bf2] {\n width: 14.2578125vw;\n height: 14.2578125vw;\n position: absolute;\n top: 0;\n left: 3.61328125vw;\n border-radius: 7.12890625vw;\n}\n.med .content .contentItem .white[data-v-47323bf2] {\n position: absolute;\n background: white;\n width: 2.5390625vw;\n height: 2.5390625vw;\n border-radius: 1.26953125vw;\n top: 6.00585938vw;\n left: 9.5703125vw;\n}\n.med .content .contentItem .text[data-v-47323bf2] {\n width: 21.484375vw;\n height: 20.01953125vw;\n margin-top: 7.03125vw;\n color: #999999;\n padding-top: 8.7890625vw;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 1.5625vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.med .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 1.7578125vw;\n color: black;\n}\n.med .content .contentItem .text .enTitle[data-v-47323bf2] {\n font-size: 1.3671875vw;\n line-height: 2.9296875vw;\n}\n.med .content .contentItem[data-v-47323bf2]:nth-child(4) {\n margin-right: 0;\n}\n.qm .content[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-justify-content: space-between;\n}\n.qm .content .contentItem[data-v-47323bf2] {\n width: 44.921875vw;\n margin-top: 1.7578125vw;\n position: relative;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 1.5625vw;\n overflow: hidden;\n}\n.qm .content .contentItem img[data-v-47323bf2] {\n width: 44.921875vw;\n height: auto;\n}\n.qm .content .contentItem .text[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n width: 100%;\n color: #999999;\n padding: 1.85546875vw 1.46484375vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.qm .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 1.46484375vw;\n color: black;\n}\n.qm .content .contentItem .text .line[data-v-47323bf2] {\n border-right: 0.09765625vw solid #999999;\n height: 1.953125vw;\n margin: 0 0.9765625vw;\n}\n.qm .content .contentItem .text .lookData[data-v-47323bf2] {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: right;\n}\n.qm .content .contentItem .text .enTitle[data-v-47323bf2] {\n font-size: 1.26953125vw;\n}\n.mxxy .commonTitle .line[data-v-47323bf2] {\n background: #7ED321;\n}\n.mxxy .content[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n text-align: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-justify-content: space-between;\n}\n.mxxy .content .contentItem[data-v-47323bf2] {\n width: 21.58203125vw;\n margin-top: 1.7578125vw;\n position: relative;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 1.5625vw;\n overflow: hidden;\n padding-bottom: 1.7578125vw;\n}\n.mxxy .content .contentItem img[data-v-47323bf2] {\n width: 100%;\n}\n.mxxy .content .contentItem .text[data-v-47323bf2] {\n color: #999999;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0.9765625vw 1.46484375vw 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.mxxy .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 1.7578125vw;\n color: black;\n text-align: left;\n width: 50%;\n}\n.mxxy .content .contentItem .tip[data-v-47323bf2] {\n color: #999999;\n padding: 0 1.46484375vw;\n text-align: left;\n margin-top: 0.390625vw;\n font-size: 1.171875vw;\n}\n}\n@media screen and (min-width: 1200px) {\n.med .content .contentItem[data-v-47323bf2] {\n margin-right: 1.4vw;\n}\n}\n*[data-v-47323bf2] {\n margin: 0;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/index.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,aAAa;CACd;AACD;EACE,YAAY;CACb;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,4BAA4B;CAC/B;AACD;IACI,8BAA8B;CACjC;AACD;IACI,4BAA4B;CAC/B;CACA;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,wBAAwB;CACzB;AACD;EACE,oBAAoB;EACpB,8BAA8B;CAC/B;AACD;EACE,8BAA8B;EAC9B,kBAAkB;EAClB,yBAAyB;EACzB,mBAAmB;CACpB;AACD;EACE,qBAAqB;EACrB,eAAe;EACf,eAAe;EACf,wBAAwB;CACzB;AACD;EACE,YAAY;EACZ,0BAA0B;EAC1B,qBAAqB;EACrB,sBAAsB;CACvB;AACD;EACE,oBAAoB;MAChB,YAAY;UACR,QAAQ;CACjB;AACD;EACE,oBAAoB;EACpB,qBAAqB;EACrB,6BAA6B;CAC9B;AACD;EACE,eAAe;CAChB;AACD;EACE,sBAAsB;EACtB,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;EACpB,+EAA+E;UACvE,uEAAuE;CAChF;AACD;EACE,wBAAwB;EACxB,mBAAmB;EACnB,cAAc;EACd,aAAa;EACb,oBAAoB;EACpB,WAAW;CACZ;AACD;EACE,oBAAoB;EACpB,qBAAqB;EACrB,2BAA2B;CAC5B;AACD;EACE,sBAAsB;EACtB,sBAAsB;EACtB,mBAAmB;EACnB,cAAc;CACf;AACD;EACE,cAAc;EACd,mBAAmB;EACnB,WAAW;CACZ;AACD;EACE,mBAAmB;EACnB,WAAW;EACX,qCAAqC;EACrC,aAAa;CACd;AACD;EACE,yBAAyB;CAC1B;AACD;EACE,kBAAkB;EAClB,2CAA2C;EAC3C,4CAA4C;UACpC,oCAAoC;EAC5C,oBAAoB;MAChB,YAAY;UACR,QAAQ;EA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",file:"index.vue",sourcesContent:["\n.fl-r[data-v-47323bf2] {\n float: right;\n}\n.fr[data-v-47323bf2] {\n float: right;\n}\n.fl[data-v-47323bf2] {\n float: left;\n}\n.main-block[data-v-47323bf2] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-47323bf2]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-47323bf2]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-47323bf2]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-47323bf2]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-47323bf2 {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-47323bf2] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-47323bf2] {\n background: transparent;\n}\n.index[data-v-47323bf2] {\n background: #F5F5F9;\n padding-bottom: 13.33333333vw;\n}\n.couponActivity[data-v-47323bf2] {\n padding: 0 5.33333333vw 3.2vw;\n background: white;\n margin: 0 0 2.66666667vw;\n position: relative;\n}\n.couponActivity .textBox[data-v-47323bf2] {\n width: 77.33333333vw;\n margin: 0 auto;\n color: #666666;\n font-size: 3.46666667vw;\n}\n.couponActivity .textBox div[data-v-47323bf2] {\n width: 100%;\n line-height: 9.06666667vw;\n height: 9.06666667vw;\n display: -webkit-flex;\n}\n.couponActivity .textBox div .textcontent[data-v-47323bf2] {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n.couponActivity .textBox div img[data-v-47323bf2] {\n width: 2.66666667vw;\n height: 2.66666667vw;\n margin: 3.2vw 2.13333333vw 0;\n}\n.couponActivity .textBox div .price[data-v-47323bf2] {\n color: #FF7D77;\n}\n.couponActivity .textBox .line[data-v-47323bf2] {\n display: inline-block;\n width: 1.33333333vw;\n height: 9.06666667vw;\n background: #FFD7D5;\n -webkit-box-shadow: 0px 0.53333333vw 1.06666667vw 0px rgba(255, 125, 119, 0.3);\n box-shadow: 0px 0.53333333vw 1.06666667vw 0px rgba(255, 125, 119, 0.3);\n}\n.couponActivity .toptext[data-v-47323bf2] {\n font-size: 3.46666667vw;\n position: absolute;\n z-index: 1001;\n color: white;\n left: 14.66666667vw;\n top: 1.6vw;\n}\n.couponActivity .toptext img[data-v-47323bf2] {\n width: 2.66666667vw;\n height: 2.66666667vw;\n margin: 0 1.06666667vw 0 0;\n}\n.couponActivity .couponItem[data-v-47323bf2] {\n display: -webkit-flex;\n height: 23.73333333vw;\n position: relative;\n z-index: 1002;\n}\n.couponActivity .couponItem .left img[data-v-47323bf2] {\n width: 24.8vw;\n position: absolute;\n z-index: 0;\n}\n.couponActivity .couponItem .left div[data-v-47323bf2] {\n position: relative;\n z-index: 1;\n padding: 5.86666667vw 4.26666667vw 0;\n color: white;\n}\n.couponActivity .couponItem .left div span[data-v-47323bf2] {\n font-size: 10.66666667vw;\n}\n.couponActivity .couponItem .content[data-v-47323bf2] {\n background: white;\n padding: 2.66666667vw 3.2vw 0 4.53333333vw;\n -webkit-box-shadow: 1px 2px 7px 0px #ffd2cf;\n box-shadow: 1px 2px 7px 0px #ffd2cf;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n border-radius: 0px 5px 5px 0px;\n}\n.couponActivity .couponItem .content .top[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 12.26666667vw;\n border-bottom: 1px solid #E2E2E2;\n}\n.couponActivity .couponItem .content .top .left[data-v-47323bf2] {\n font-size: 4vw;\n}\n.couponActivity .couponItem .content .top .left .date[data-v-47323bf2] {\n font-size: 2.66666667vw;\n color: #999999;\n margin-top: 0.53333333vw;\n}\n.couponActivity .couponItem .content .top .btn[data-v-47323bf2] {\n width: 15.46666667vw;\n height: 6.66666667vw;\n background: #ffffff;\n border-radius: 4vw;\n border: 1px solid #ff7372;\n font-size: 2.93333333vw;\n line-height: 6.66666667vw;\n text-align: center;\n color: #ff7372;\n margin-left: 6.93333333vw;\n margin: auto ;\n margin-right: 0;\n}\n.couponActivity .couponItem .content .bottom[data-v-47323bf2] {\n line-height: 8.53333333vw;\n color: #999999;\n font-size: 2.93333333vw;\n}\n.couponActivity .shaBox .content[data-v-47323bf2] {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.couponActivity .shadow[data-v-47323bf2] {\n position: fixed;\n bottom: 0;\n left: 0;\n top: 0;\n background: black;\n opacity: 0.6;\n width: 100%;\n z-index: 999;\n}\n.van-popup[data-v-47323bf2] {\n width: 75.46666667vw;\n top: 20vh;\n border-radius: 5.86666667vw;\n overflow: hidden;\n text-align: center;\n padding-bottom: 6.93333333vw;\n font-size: 3.73333333vw;\n}\n.van-popup .content img[data-v-47323bf2] {\n width: 100%;\n}\n.van-popup .content .textBox[data-v-47323bf2] {\n margin: 5.33333333vw 0;\n}\n.van-popup .content .btn[data-v-47323bf2] {\n background: #40A9FF;\n width: 48vw;\n height: 11.73333333vw;\n line-height: 11.73333333vw;\n color: white;\n display: inline-block;\n border-radius: 5.86666667vw;\n font-size: 5.86666667vw;\n}\n.liuyiBtn[data-v-47323bf2] {\n position: fixed;\n bottom: 21.33333333vw;\n right: 2.66666667vw;\n z-index: 100;\n -webkit-animation-name: swing-data-v-47323bf2;\n -webkit-animation-duration: 0.8s;\n -webkit-transform-origin: 50% 50%;\n -webkit-animation-timing-function: linear;\n -webkit-animation-iteration-count: 3;\n}\n.liuyiBtn img[data-v-47323bf2] {\n width: 26.66666667vw;\n}\n@-webkit-keyframes swing-data-v-47323bf2 {\n10% {\n -webkit-transform: rotate(15deg);\n transform: rotate(15deg);\n}\n20% {\n -webkit-transform: rotate(-10deg);\n transform: rotate(-10deg);\n}\n30% {\n -webkit-transform: rotate(5deg);\n transform: rotate(5deg);\n}\n40% {\n -webkit-transform: rotate(-5deg);\n transform: rotate(-5deg);\n}\n50%,\n 100% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n}\n.banner-block[data-v-47323bf2] {\n width: 89.33333333vw;\n height: 65.6vw;\n position: relative;\n background: white;\n padding: 3.73333333vw 5.33333333vw 0vw;\n margin: 0;\n}\n.banner-block .bgimg[data-v-47323bf2] {\n position: absolute;\n width: 89.33333333vw;\n z-index: 0;\n}\n.banner-block .canvas[data-v-47323bf2] {\n width: 89.6vw;\n z-index: 2;\n}\n.banner-block .content[data-v-47323bf2] {\n position: absolute;\n z-index: 1;\n height: 65.6vw;\n width: 89.33333333vw;\n border-radius: 4.26666667vw;\n overflow: hidden;\n}\n.banner-block .Banner[data-v-47323bf2] {\n border-radius: 4.26666667vw;\n overflow: hidden;\n position: relative;\n height: 65.6vw;\n width: 89.33333333vw;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n}\n.banner-block .Banner .qr[data-v-47323bf2] {\n width: 33.6vw;\n position: absolute;\n left: 27.73333333vw;\n top: 5.33333333vw;\n z-index: 2;\n}\n.banner-block .Banner .text[data-v-47323bf2] {\n font-size: 4.26666667vw;\n color: #FF4D4F;\n text-align: center;\n position: absolute;\n top: 40.8vw;\n width: 100%;\n font-weight: 600;\n}\n.banner-block .Banner .date[data-v-47323bf2] {\n color: white;\n text-align: center;\n position: absolute;\n bottom: 2.13333333vw;\n width: 100%;\n font-size: 3.2vw;\n}\n.banner-block .Banner .data_only[data-v-47323bf2] {\n color: white;\n text-align: center;\n position: absolute;\n bottom: 2.93333333vw;\n width: 100%;\n font-size: 5.06666667vw;\n}\n.banner-block .Banner .triangle[data-v-47323bf2] {\n background: #FFC53D;\n width: 27.73333333vw;\n height: 27.73333333vw;\n position: absolute;\n right: -12.26666667vw;\n top: -16.53333333vw;\n -webkit-transform: rotate(-50deg);\n transform: rotate(-50deg);\n z-index: 3;\n}\n.banner-block .Banner .triangle span[data-v-47323bf2] {\n color: white;\n font-size: 3.73333333vw;\n -webkit-transform: rotate(91deg);\n transform: rotate(91deg);\n position: absolute;\n top: 13.86666667vw;\n font-size: 3.46666667vw;\n}\n.banner-block .unBanner[data-v-47323bf2] {\n border-radius: 6.66666667vw;\n overflow: hidden;\n height: 65.6vw;\n width: 89.33333333vw;\n position: relative;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n}\n.banner-block .unBanner .title[data-v-47323bf2] {\n position: absolute;\n color: white;\n top: 9.33333333vw;\n left: 5.33333333vw;\n}\n.banner-block .unBanner .title .title1[data-v-47323bf2] {\n font-size: 5.33333333vw;\n}\n.banner-block .unBanner .title .title2[data-v-47323bf2] {\n font-size: 9.6vw;\n}\n.banner-block .unBanner .date[data-v-47323bf2] {\n color: white;\n text-align: center;\n position: absolute;\n bottom: 8vw;\n padding-top: 2.66666667vw;\n border-radius: 7.46666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: #FFC53D;\n -webkit-animation: myfirst-data-v-47323bf2 3s linear infinite;\n left: 5.33333333vw;\n font-size: 3.73333333vw;\n width: 40.53333333vw;\n height: 14.93333333vw;\n}\n.banner-block .unBanner .date .date1[data-v-47323bf2] {\n font-size: 3.2vw;\n}\n.banner-block .unBanner .date .date2[data-v-47323bf2] {\n font-size: 4.26666667vw;\n}\n.banner-block .unBanner .triangle[data-v-47323bf2] {\n background: #FFC53D;\n width: 27.73333333vw;\n height: 27.73333333vw;\n position: absolute;\n right: -12.26666667vw;\n top: -16.53333333vw;\n -webkit-transform: rotate(-50deg);\n transform: rotate(-50deg);\n}\n.banner-block .unBanner .triangle span[data-v-47323bf2] {\n color: white;\n font-size: 3.73333333vw;\n -webkit-transform: rotate(85deg);\n transform: rotate(85deg);\n position: absolute;\n top: 14.4vw;\n font-size: 3.46666667vw;\n bottom: 19.73333333vw;\n}\n.contentBox[data-v-47323bf2] {\n padding: 2.66666667vw 5.33333333vw;\n background: white;\n margin: 2.66666667vw 0;\n}\n.contentBox .commonTitle[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n vertical-align: top;\n}\n.contentBox .commonTitle .line[data-v-47323bf2] {\n height: 5.33333333vw;\n width: 1.06666667vw;\n border-radius: 0.53333333vw;\n margin-right: 2.66666667vw;\n margin: auto 2.66666667vw auto 0;\n}\n.contentBox .commonTitle .more[data-v-47323bf2] {\n height: 8.8vw;\n line-height: 11.46666667vw;\n font-size: 3.2vw;\n color: #666666;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: right;\n overflow: hidden;\n}\n.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {\n font-size: 3.73333333vw;\n color: #666666;\n}\n.contentBox .commonTitle .title[data-v-47323bf2] {\n font-size: 6.4vw;\n height: 8.8vw;\n line-height: 8.8vw;\n display: inline-block;\n margin-right: 2.66666667vw;\n font-weight: bold;\n}\n.contentBox .commonTitle .tip[data-v-47323bf2] {\n font-size: 3.2vw;\n color: #999999;\n height: 8.8vw;\n display: inline-block;\n line-height: 11.46666667vw;\n overflow: hidden;\n}\n.contentBox .lookData[data-v-47323bf2] {\n font-size: 3.2vw;\n}\n.contentBox .lookData .iconfont[data-v-47323bf2] {\n font-size: 3.2vw;\n}\n.zb[data-v-47323bf2] {\n height: 70.66666667vw;\n overflow: hidden;\n}\n.med .commonTitle .line[data-v-47323bf2] {\n background: #4A90E2;\n}\n.med .content[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n text-align: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n height: 56.53333333vw;\n overflow: hidden;\n}\n.med .content .contentItem[data-v-47323bf2] {\n width: 48%;\n height: 50.93333333vw;\n margin-top: 4.8vw;\n margin-left: 1%;\n margin-right: 1%;\n position: relative;\n}\n.med .content .contentItem img[data-v-47323bf2] {\n width: 28.53333333vw;\n height: 28.53333333vw;\n position: absolute;\n top: 0;\n left: 7.2vw;\n border-radius: 14.13333333vw;\n}\n.med .content .contentItem .white[data-v-47323bf2] {\n position: absolute;\n background: white;\n width: 5.33333333vw;\n height: 5.33333333vw;\n border-radius: 2.66666667vw;\n top: 11.6vw;\n left: 18.8vw;\n}\n.med .content .contentItem .text[data-v-47323bf2] {\n width: 42.93333333vw;\n height: 42.93333333vw;\n margin-top: 8vw;\n color: #999999;\n padding-top: 24vw;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 4.26666667vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.med .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 3.73333333vw;\n color: black;\n}\n.med .content .contentItem .text .enTitle[data-v-47323bf2] {\n font-size: 3.2vw;\n line-height: 4.53333333vw;\n}\n.qm .commonTitle .line[data-v-47323bf2] {\n background: #FF7875;\n}\n.qm .content[data-v-47323bf2] {\n text-align: center;\n}\n.qm .content .contentItem[data-v-47323bf2] {\n margin-top: 4.8vw;\n position: relative;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 4.26666667vw;\n overflow: hidden;\n}\n.qm .content .contentItem img[data-v-47323bf2] {\n width: 89.33333333vw;\n height: 40vw;\n}\n.qm .content .contentItem .text[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n width: 89.33333333vw;\n color: #999999;\n padding: 5.06666667vw 4vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.qm .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 3.2vw;\n color: black;\n}\n.qm .content .contentItem .text .line[data-v-47323bf2] {\n border-right: 0.26666667vw solid #999999;\n height: 5.33333333vw;\n margin: 0 2.66666667vw;\n}\n.qm .content .contentItem .text .lookData[data-v-47323bf2] {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: right;\n}\n.qm .content .contentItem .text .enTitle[data-v-47323bf2] {\n font-size: 3.2vw;\n}\n.zb .commonTitle .line[data-v-47323bf2] {\n background: #FFD454;\n}\n.mxxy .commonTitle .line[data-v-47323bf2] {\n background: #7ED321;\n}\n.mxxy .content[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n text-align: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.mxxy .content .contentItem[data-v-47323bf2] {\n width: 43.2vw;\n margin-top: 4.8vw;\n position: relative;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 4.26666667vw;\n overflow: hidden;\n padding-bottom: 4.8vw;\n}\n.mxxy .content .contentItem img[data-v-47323bf2] {\n width: 100%;\n}\n.mxxy .content .contentItem .text[data-v-47323bf2] {\n color: #999999;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 2.66666667vw 4vw 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.mxxy .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 3.73333333vw;\n color: black;\n text-align: left;\n width: 50%;\n}\n.mxxy .content .contentItem .tip[data-v-47323bf2] {\n color: #999999;\n padding: 0 4vw;\n text-align: left;\n margin-top: 1.06666667vw;\n font-size: 3.2vw;\n}\n.btn-block[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n padding: 3.2vw 5.33333333vw;\n background: white;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n -webkit-justify-content: space-around;\n width: 89.33333333vw;\n}\n.btn-block .btn[data-v-47323bf2] {\n width: 28vw;\n height: 11.73333333vw;\n border-radius: 3.2vw;\n -webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);\n position: relative;\n}\n.btn-block .btn .nolook[data-v-47323bf2] {\n position: absolute;\n top: -1.33333333vw;\n left: -1.33333333vw;\n background: #ff4d4f;\n width: 4.26666667vw;\n height: 4.26666667vw;\n color: white;\n border-radius: 2.13333333vw;\n text-align: center;\n font-size: 3.2vw;\n line-height: 4.26666667vw;\n}\n.btn-block .btn img[data-v-47323bf2] {\n width: 28vw;\n height: 11.73333333vw;\n}\n.btn-block .toPreview[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -16.8vw;\n background-size: 100% ;\n}\n.btn-block .toBbda[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png');\n background-size: 100%;\n}\n.btn-block .toCollection[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -34.13333333vw;\n background-size: 100%;\n}\n.btn-block .toTeacher[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -50.93333333vw;\n background-size: 100%;\n}\n.orderBox[data-v-47323bf2] {\n position: relative;\n padding: 3.2vw 5.33333333vw 3.2vw;\n background: white;\n margin-top: 2.66666667vw;\n}\n.orderBox .item[data-v-47323bf2]:first-child {\n position: relative;\n z-index: 2000;\n background: white;\n}\n.orderBox .item[data-v-47323bf2] {\n -webkit-box-shadow: 1px 2px 7px 0px #ffd2cf;\n box-shadow: 1px 2px 7px 0px #ffd2cf;\n border-radius: 4.26666667vw;\n}\n.orderBox .item .top[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 4vw 2.66666667vw;\n}\n.orderBox .item .top img[data-v-47323bf2] {\n width: 19.73333333vw;\n height: 19.73333333vw;\n border-radius: 2.66666667vw;\n}\n.orderBox .item .top .info[data-v-47323bf2] {\n padding-left: 2.66666667vw;\n}\n.orderBox .item .top .info h3[data-v-47323bf2] {\n font-size: 4vw;\n color: #333333;\n}\n.orderBox .item .top .info p[data-v-47323bf2] {\n font-size: 3.46666667vw;\n color: #666666;\n}\n.orderBox .item .top .info p span[data-v-47323bf2] {\n color: #FF7171;\n}\n.orderBox .item .line[data-v-47323bf2] {\n height: 0;\n border-bottom: 1px solid #E2E2E2;\n}\n.orderBox .item .bottom[data-v-47323bf2] {\n padding: 1.06666667vw 2.13333333vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.orderBox .item .bottom .text[data-v-47323bf2] {\n height: 9.06666667vw;\n line-height: 9.06666667vw;\n color: #333333;\n font-size: 3.46666667vw;\n}\n.orderBox .item .bottom .btn[data-v-47323bf2] {\n width: 21.33333333vw;\n height: 9.06666667vw;\n background: #FF7171;\n color: white;\n border-radius: 4.53333333vw;\n font-size: 4vw;\n line-height: 9.06666667vw;\n text-align: center;\n}\n.orderBox .imgbox[data-v-47323bf2] {\n position: absolute;\n z-index: 2000;\n top: -25.06666667vw;\n left: 18.66666667vw;\n}\n.orderBox .imgbox img[data-v-47323bf2] {\n width: 69.6vw;\n}\n.orderBox .imgbox .text[data-v-47323bf2] {\n color: white;\n position: absolute;\n top: 8vw;\n left: 2.66666667vw;\n font-size: 4.53333333vw;\n}\n.orderBox .shadow[data-v-47323bf2] {\n position: fixed;\n bottom: 0;\n left: 0;\n top: 0;\n background: black;\n opacity: 0.6;\n width: 100%;\n z-index: 1999;\n}\n.lowIndex .item[data-v-47323bf2]:first-child {\n position: relative;\n z-index: 10;\n background: white;\n}\n.lesson-block[data-v-47323bf2] {\n padding-bottom: 5.33333333vw;\n}\n.lesson-block .goods-block[data-v-47323bf2] {\n position: relative;\n width: 89.33333333vw;\n}\n.lesson-block .goods-block .tips[data-v-47323bf2] {\n display: inline-block;\n font-size: 3.2vw;\n font-family: PingFang-SC-Bold;\n font-weight: normal;\n color: #ffffff;\n line-height: 4.53333333vw;\n padding: 0.53333333vw 1.33333333vw;\n position: absolute;\n right: 2.66666667vw;\n top: 3.2vw;\n background: #f5a623;\n border-radius: 2.93333333vw;\n}\n.lesson-block .goods-block img[data-v-47323bf2] {\n width: 89.33333333vw;\n height: 62.93333333vw;\n border-radius: 2.13333333vw;\n}\n.class-block[data-v-47323bf2] {\n margin-top: 2.66666667vw;\n font-family: PingFang-SC-Medium;\n font-size: 4.8vw;\n color: #333333;\n text-align: center;\n background: white;\n}\n.class-block .title[data-v-47323bf2] {\n padding: 2.13333333vw;\n position: relative;\n}\n.class-block .title .more[data-v-47323bf2] {\n position: absolute;\n width: 8vw;\n bottom: 2.66666667vw;\n right: 5.33333333vw;\n}\n@media screen and (min-width: 600px) {\n.index[data-v-47323bf2] {\n background: #F5F5F9;\n padding-bottom: 4.8828125vw;\n}\n.padTop[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n display: -webkit-flex;\n -webkit-justify-content: space-around;\n background: white;\n}\n.padTop .btn-block[data-v-47323bf2] {\n display: block;\n padding: 1.46484375vw 4.1015625vw 0 2.9296875vw;\n background: white;\n -webkit-justify-content: space-around;\n width: 26.171875vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.padTop .btn-block .btn[data-v-47323bf2] {\n width: 19.140625vw;\n height: 15.72265625vw;\n border-radius: 2.34375vw;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n margin-bottom: 1.953125vw;\n position: relative;\n background: #ff9c6e;\n}\n.padTop .btn-block .btn .nolook[data-v-47323bf2] {\n position: absolute;\n top: -0.48828125vw;\n left: -0.48828125vw;\n background: #ff4d4f;\n width: 2.5390625vw;\n height: 2.5390625vw;\n color: white;\n border-radius: 1.26953125vw;\n text-align: center;\n font-size: 1.171875vw;\n line-height: 2.5390625vw;\n}\n.padTop .btn-block .btn img[data-v-47323bf2] {\n width: 19.140625vw;\n height: 15.72265625vw;\n}\n.padTop .btn-block .toPreview[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 0;\n background-size: 100% ;\n}\n.padTop .btn-block .toBbda[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -52.734375vw;\n background-size: 100% ;\n}\n.padTop .btn-block .toCollection[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -17.578125vw;\n background-size: 100% ;\n}\n.padTop .btn-block .toTeacher[data-v-47323bf2] {\n background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -35.15625vw;\n background-size: 100% ;\n}\n.padTop .banner-block[data-v-47323bf2] {\n width: 73.828125vw;\n height: 51.26953125vw;\n position: relative;\n background: white;\n padding: 1.3671875vw 2.9296875vw 1.953125vw 4.1015625vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n}\n.padTop .banner-block .bgimg[data-v-47323bf2] {\n position: absolute;\n width: 69.7265625vw;\n z-index: 2;\n}\n.padTop .banner-block .content[data-v-47323bf2] {\n position: absolute;\n z-index: 3;\n height: 51.26953125vw;\n width: 69.7265625vw;\n border-radius: 2.9296875vw;\n overflow: hidden;\n}\n.padTop .banner-block .Banner[data-v-47323bf2] {\n border-radius: 3.22265625vw;\n overflow: hidden;\n position: relative;\n height: 51.26953125vw;\n width: 69.7265625vw;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n}\n.padTop .banner-block .Banner .qr[data-v-47323bf2] {\n width: 25.09765625vw;\n position: absolute;\n left: 22.4609375vw;\n top: 5.859375vw;\n z-index: 2;\n}\n.padTop .banner-block .Banner .text[data-v-47323bf2] {\n font-size: 2.5390625vw;\n color: #FF4D4F;\n text-align: center;\n position: absolute;\n top: 32.32421875vw;\n width: 100%;\n font-weight: 500;\n}\n.padTop .banner-block .Banner .date[data-v-47323bf2] {\n color: white;\n text-align: center;\n position: absolute;\n bottom: 2.9296875vw;\n width: 100%;\n font-size: 2.1484375vw;\n}\n.padTop .banner-block .Banner .triangle[data-v-47323bf2] {\n background: #FFC53D;\n width: 14.0625vw;\n height: 14.0625vw;\n position: absolute;\n right: -7.6171875vw;\n top: -6.25vw;\n -webkit-transform: rotate(-41deg);\n transform: rotate(-41deg);\n z-index: 3;\n}\n.padTop .banner-block .Banner .triangle span[data-v-47323bf2] {\n color: white;\n font-size: 18 px;\n -webkit-transform: rotate(91deg);\n transform: rotate(91deg);\n position: absolute;\n top: 6.0546875vw;\n font-size: 1.7578125vw;\n}\n.padTop .banner-block .Banner .data_only[data-v-47323bf2] {\n bottom: 1.171875vw;\n}\n.padTop .banner-block .unBanner[data-v-47323bf2] {\n border-radius: 3.22265625vw;\n overflow: hidden;\n height: 51.26953125vw;\n width: 69.7265625vw;\n position: relative;\n background: #ff7d77;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n}\n.padTop .banner-block .unBanner .title[data-v-47323bf2] {\n position: absolute;\n color: white;\n top: 3.41796875vw;\n left: 1.953125vw;\n}\n.padTop .banner-block .unBanner .date[data-v-47323bf2] {\n color: white;\n text-align: center;\n position: absolute;\n bottom: 6.4453125vw;\n padding-top: 0.9765625vw;\n border-radius: 5.46875vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: #FFC53D;\n left: 4.39453125vw;\n font-size: 1.3671875vw;\n width: 31.640625vw;\n height: 11.328125vw;\n}\n.padTop .banner-block .unBanner .date .date1[data-v-47323bf2] {\n font-size: 2.9296875vw;\n}\n.padTop .banner-block .unBanner .date .date2[data-v-47323bf2] {\n font-size: 3.3203125vw;\n}\n.padTop .banner-block .unBanner .triangle[data-v-47323bf2] {\n background: #FFC53D;\n width: 14.0625vw;\n height: 14.0625vw;\n position: absolute;\n right: -7.6171875vw;\n top: -6.25vw;\n -webkit-transform: rotate(-41deg);\n transform: rotate(-41deg);\n z-index: 3;\n}\n.padTop .banner-block .unBanner .triangle span[data-v-47323bf2] {\n color: white;\n -webkit-transform: rotate(91deg);\n transform: rotate(91deg);\n position: absolute;\n top: 6.640625vw;\n font-size: 1.7578125vw;\n}\n.padTop .banner-block .canvas[data-v-47323bf2] {\n width: 69.921875vw;\n z-index: 2;\n}\n.contentBox[data-v-47323bf2] {\n padding: 1.953125vw 4.1015625vw 1.953125vw;\n background: white;\n margin: 0.9765625vw 0;\n}\n.contentBox .commonTitle[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n vertical-align: top;\n}\n.contentBox .commonTitle .line[data-v-47323bf2] {\n height: 1.953125vw;\n width: 0.390625vw;\n border-radius: 0.1953125vw;\n margin-right: 0.9765625vw;\n margin: auto 0.9765625vw auto 0;\n}\n.contentBox .commonTitle .more[data-v-47323bf2] {\n height: 3.22265625vw;\n line-height: 4.19921875vw;\n font-size: 1.171875vw;\n color: #666666;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: right;\n overflow: hidden;\n}\n.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {\n font-size: 1.3671875vw;\n color: #666666;\n}\n.contentBox .commonTitle .title[data-v-47323bf2] {\n font-size: 2.34375vw;\n height: 3.22265625vw;\n line-height: 3.22265625vw;\n display: inline-block;\n margin-right: 0.9765625vw;\n font-weight: bold;\n}\n.contentBox .commonTitle .tip[data-v-47323bf2] {\n font-size: 1.171875vw;\n color: #999999;\n height: 3.22265625vw;\n display: inline-block;\n line-height: 4.19921875vw;\n overflow: hidden;\n}\n.contentBox .lookData[data-v-47323bf2] {\n font-size: 1.171875vw;\n}\n.contentBox .lookData .iconfont[data-v-47323bf2] {\n font-size: 1.171875vw;\n}\n.zb[data-v-47323bf2] {\n height: auto;\n}\n.med .content[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n text-align: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n height: 29.19921875vw;\n}\n.med .content .contentItem[data-v-47323bf2] {\n width: auto;\n height: 25.09765625vw;\n margin-top: 1.7578125vw;\n margin-right: 1.85546875vw;\n position: relative;\n margin-left: 0;\n}\n.med .content .contentItem img[data-v-47323bf2] {\n width: 14.2578125vw;\n height: 14.2578125vw;\n position: absolute;\n top: 0;\n left: 3.61328125vw;\n border-radius: 7.12890625vw;\n}\n.med .content .contentItem .white[data-v-47323bf2] {\n position: absolute;\n background: white;\n width: 2.5390625vw;\n height: 2.5390625vw;\n border-radius: 1.26953125vw;\n top: 6.00585938vw;\n left: 9.5703125vw;\n}\n.med .content .contentItem .text[data-v-47323bf2] {\n width: 21.484375vw;\n height: 20.01953125vw;\n margin-top: 7.03125vw;\n color: #999999;\n padding-top: 8.7890625vw;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 1.5625vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.med .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 1.7578125vw;\n color: black;\n}\n.med .content .contentItem .text .enTitle[data-v-47323bf2] {\n font-size: 1.3671875vw;\n line-height: 2.9296875vw;\n}\n.med .content .contentItem[data-v-47323bf2]:nth-child(4) {\n margin-right: 0;\n}\n.qm .content[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-justify-content: space-between;\n}\n.qm .content .contentItem[data-v-47323bf2] {\n width: 44.921875vw;\n margin-top: 1.7578125vw;\n position: relative;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 1.5625vw;\n overflow: hidden;\n}\n.qm .content .contentItem img[data-v-47323bf2] {\n width: 44.921875vw;\n height: auto;\n}\n.qm .content .contentItem .text[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n width: 100%;\n color: #999999;\n padding: 1.85546875vw 1.46484375vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.qm .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 1.46484375vw;\n color: black;\n}\n.qm .content .contentItem .text .line[data-v-47323bf2] {\n border-right: 0.09765625vw solid #999999;\n height: 1.953125vw;\n margin: 0 0.9765625vw;\n}\n.qm .content .contentItem .text .lookData[data-v-47323bf2] {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: right;\n}\n.qm .content .contentItem .text .enTitle[data-v-47323bf2] {\n font-size: 1.26953125vw;\n}\n.mxxy .commonTitle .line[data-v-47323bf2] {\n background: #7ED321;\n}\n.mxxy .content[data-v-47323bf2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n text-align: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-justify-content: space-between;\n}\n.mxxy .content .contentItem[data-v-47323bf2] {\n width: 21.58203125vw;\n margin-top: 1.7578125vw;\n position: relative;\n -webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);\n border-radius: 1.5625vw;\n overflow: hidden;\n padding-bottom: 1.7578125vw;\n}\n.mxxy .content .contentItem img[data-v-47323bf2] {\n width: 100%;\n}\n.mxxy .content .contentItem .text[data-v-47323bf2] {\n color: #999999;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0.9765625vw 1.46484375vw 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n display: -webkit-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.mxxy .content .contentItem .text .title[data-v-47323bf2] {\n font-size: 1.7578125vw;\n color: black;\n text-align: left;\n width: 50%;\n}\n.mxxy .content .contentItem .tip[data-v-47323bf2] {\n color: #999999;\n padding: 0 1.46484375vw;\n text-align: left;\n margin-top: 0.390625vw;\n font-size: 1.171875vw;\n}\n}\n@media screen and (min-width: 1200px) {\n.med .content .contentItem[data-v-47323bf2] {\n margin-right: 1.4vw;\n}\n}\n*[data-v-47323bf2] {\n margin: 0;\n}\n"],sourceRoot:""}])},"mkI/":function(n,t,a){"use strict";a("eqfM");var o=a("/QYm"),i=a("bOdI"),A=a.n(i),e=(a("q/am"),a("4VPn")),d=a.n(e),s=a("S+8+"),C=a.n(s),r=a("97UH"),B=a.n(r),c=a("CCn6"),v={name:"fun",props:["showObj","sc"],components:A()({},d.a.name,d.a),data:function(){return{popupVisible:!1,collectPop:!1,hasCollect:!1,closeUrl:B.a,ageShow:!1,imgPop:!1,startTime:"00:00",overTime:"00:00",range:0,tapToVideo:C.a,playFlag:!1,transformStatus:"",offset:0,timer:null,playType:0|Number(localStorage.getItem("playType"))}},mounted:function(){this.checkCollect()},methods:{changeCollect:function(){var n=this;if(this.hasCollect)Object(c.h)(this.hasCollect).then(function(t){n.hasCollect=!1,Object(o.a)("取消收藏"),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].link,cover:this.showObj.audio[this.showObj.audioIndex].url};Object(c.b)(t).then(function(t){Object(o.a)("收藏成功"),n.checkCollect()})}},checkCollect:function(){var n=this;if(0==this.sc){var t={url:this.showObj.audio[this.showObj.audioIndex].link};Object(c.L)(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(o.a)("已经是第一首")},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.audioIndex1?(this.showObj.audioIndex=0,this.keepPlay()):Object(o.a)("已经是最后一首")},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.$refs.imgItem.classList.add("swin"),this.timer=setInterval(function(){var a=null;a=parseInt(t.currentTime/60)<10?"0"+parseInt(t.currentTime/60):parseInt(t.currentTime/60);var o=parseInt(t.currentTime%60);o<10&&(o="0"+o),n.startTime=a+":"+o,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;var n=getComputedStyle(this.$refs.imgItem).transform,t=getComputedStyle(this.$refs.imageBlock).transform;this.$refs.imageBlock.style.transform="none"===t?n:n.concat(" ",t),this.$refs.imgItem.classList.remove("swin")},close:function(){this.showObj.show=!1,this.onStop()},onOver:function(){var n=this;switch(this.playType){case 0:this.showObj.audioIndex2&&(this.timer=setInterval(function(){var n=null;n=parseInt(o.currentTime/60)<10?"0"+parseInt(o.currentTime/60):parseInt(o.currentTime/60);var t=parseInt(o.currentTime%60);t<10&&(t="0"+t),a.startTime=n+":"+t,a.range=parseInt(o.currentTime),a.range==a.offset&&0!==a.offset&&(a.range=0,a.startTime="00:00",a.onOver(),clearInterval(a.timer))},1e3),o.currentTime=n)}}},l=function(){var n=this,t=n.$createElement,a=n._self._c||t;return a("div",{staticClass:"audio-page"},[n.showObj.audio?a("div",{staticClass:"content"},[a("img",{staticClass:"colse-btn",attrs:{src:n.closeUrl},on:{click:n.close}}),n._v(" "),a("audio",{ref:"audio",attrs:{id:"audioTag",src:n.showObj.audio[n.showObj.audioIndex].link},on:{durationchange:n.canPlay,play:function(t){n.playing()}}}),n._v(" "),a("div",{staticClass:"hp-left"},[a("div",{staticClass:"hp-top"},[a("div",{staticClass:"title-block"},[a("div",{staticClass:"title"},[n._v(n._s(n.showObj.audio[n.showObj.audioIndex].title))]),n._v(" "),a("div",{staticClass:"tips"},[n._v(n._s(n.showObj.audio[n.showObj.audioIndex].sub_title))])]),n._v(" "),a("div",{ref:"imageBlock",class:{"image-block":!0},on:{click:function(t){n.imgPop=!0}}},[a("img",{ref:"imgItem",attrs:{src:n.showObj.audio[n.showObj.audioIndex].url}})]),n._v(" "),a("div",[a("div",{staticClass:"btn-group hp"},[0===n.playType?a("i",{staticClass:"iconfont icon-icon_change1",on:{click:function(t){n.changeType()}}}):n._e(),n._v(" "),1===n.playType?a("i",{staticClass:"iconfont icon-icon_change",on:{click:function(t){n.changeType()}}}):n._e(),n._v(" "),2===n.playType?a("i",{staticClass:"iconfont icon-icon_changge",on:{click:function(t){n.changeType()}}}):n._e(),n._v(" "),a("i",{staticClass:"iconfont icon-icon_left",on:{click:function(t){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():a("i",{staticClass:"iconfont icon-icon_stop",on:{click:n.onPlay}}),n._v(" "),n.playFlag?a("i",{staticClass:"iconfont icon-icon_begin",on:{click:n.onStop}}):n._e(),n._v(" "),a("i",{staticClass:"iconfont icon-icon_right",on:{click:function(t){n.nextOne()}}}),n._v(" "),a("i",{staticClass:"iconfont icon-icon_list",on:{click:function(t){n.popupVisible=!n.popupVisible}}})])])]),n._v(" "),1==n.sc||n.hasCollect?n._e():a("i",{staticClass:"iconfont icon-icon_like collect",on:{click:n.changeCollect}}),n._v(" "),1!=n.sc&&n.hasCollect?a("i",{staticClass:"iconfont icon-icon_like1 collect",on:{click:n.changeCollect}}):n._e(),n._v(" "),a("div",{staticClass:"range-block"},[a("div",{staticClass:"time-block"},[a("div",{staticClass:"left-time"},[n._v(n._s(n.startTime))]),n._v(" "),a("div",{staticClass:"right-time"},[n._v(n._s(n.overTime))])]),n._v(" "),a("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(" "),a("div",{staticClass:"btn-group"},[0===n.playType?a("i",{staticClass:"iconfont icon-icon_change1",on:{click:function(t){n.changeType()}}}):n._e(),n._v(" "),1===n.playType?a("i",{staticClass:"iconfont icon-icon_change",on:{click:function(t){n.changeType()}}}):n._e(),n._v(" "),2===n.playType?a("i",{staticClass:"iconfont icon-icon_changge",on:{click:function(t){n.changeType()}}}):n._e(),n._v(" "),a("i",{staticClass:"iconfont icon-icon_left",on:{click:function(t){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():a("i",{staticClass:"iconfont icon-icon_stop",on:{click:n.onPlay}}),n._v(" "),n.playFlag?a("i",{staticClass:"iconfont icon-icon_begin",on:{click:n.onStop}}):n._e(),n._v(" "),a("i",{staticClass:"iconfont icon-icon_right",on:{click:function(t){n.nextOne()}}}),n._v(" "),a("i",{staticClass:"iconfont icon-icon_list",on:{click:function(t){n.popupVisible=!n.popupVisible}}})])]):n._e(),n._v(" "),a("mt-popup",{staticStyle:{background:"transparent"},attrs:{position:"bottom"},model:{value:n.popupVisible,callback:function(t){n.popupVisible=t},expression:"popupVisible"}},[n.showObj.audio?a("div",{staticClass:"list-popup"},[n._l(this.showObj.audio,function(t,o){return a("div",{class:{"list-block":!0,active:o===n.showObj.audioIndex},on:{click:function(t){n.changeIndex(o)}}},[n._v("\n "+n._s(t.title)+"\n "),a("i",{class:{playImage:!0,zDefaultIcon:o!==n.showObj.audioIndex,zIcon:o===n.showObj.audioIndex}})])}),n._v(" "),a("div",{staticClass:"close-btn",on:{click:function(t){n.popupVisible=!1}}},[n._v("关闭")])],2):n._e()]),n._v(" "),a("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.imgPop,callback:function(t){n.imgPop=t},expression:"imgPop"}},[n.showObj.audio?a("div",{staticClass:"imgPop-block"},[a("img",{attrs:{src:n.showObj.audio[n.showObj.audioIndex].url}})]):n._e()])],1)};l._withStripped=!0;var w={render:l,staticRenderFns:[]},b=w;var p=!1;var g=a("VU/8")(v,b,!1,function(n){p||a("c2SM")},"data-v-a7844a96",null);g.options.__file="src/components/collection/audio.vue";t.a=g.exports},sgWV:function(n,t,a){(n.exports=a("FZ+f")(!0)).push([n.i,'\n.fl-r[data-v-a7844a96] {\n float: right;\n}\n.fr[data-v-a7844a96] {\n float: right;\n}\n.fl[data-v-a7844a96] {\n float: left;\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 min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-a7844a96 {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-a7844a96] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-a7844a96] {\n background: transparent;\n}\n.playImage[data-v-a7844a96] {\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 und-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.iconfont[data-v-a7844a96] {\n color: #cccccc;\n}\n.icon-icon_stop[data-v-a7844a96] {\n font-size: 13.33333333vw;\n color: #69c0ff;\n}\n.icon-icon_begin[data-v-a7844a96] {\n font-size: 13.33333333vw;\n color: #69c0ff;\n}\n.icon-icon_left[data-v-a7844a96] {\n height: 9.86666667vw;\n width: 9.86666667vw;\n font-size: 8.53333333vw;\n color: #69c0ff;\n}\n.icon-icon_right[data-v-a7844a96] {\n height: 9.86666667vw;\n width: 9.86666667vw;\n font-size: 8.53333333vw;\n color: #69c0ff;\n}\n.icon-icon_list[data-v-a7844a96] {\n font-size: 5.33333333vw;\n}\n.icon-icon_change1[data-v-a7844a96] {\n font-size: 5.6vw;\n width: 5.33333333vw;\n}\n.icon-icon_change[data-v-a7844a96] {\n font-size: 5.33333333vw;\n width: 5.33333333vw;\n}\n.icon-icon_changge[data-v-a7844a96] {\n font-size: 5.06666667vw;\n width: 5.33333333vw;\n}\n.hp-left[data-v-a7844a96] {\n position: relative;\n}\n.hp-left .collect[data-v-a7844a96] {\n position: absolute;\n right: 17.06666667vw;\n bottom: 12.8vw;\n}\n.icon-icon_like1[data-v-a7844a96] {\n color: #ff7d77;\n}\n@-webkit-keyframes spin-data-v-a7844a96 {\nfrom {\n -webkit-transform: rotate(0deg);\n}\nto {\n -webkit-transform: rotate(360deg);\n}\n}\n@keyframes spin-data-v-a7844a96 {\nfrom {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\nto {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n.swin[data-v-a7844a96] {\n -webkit-animation: spin-data-v-a7844a96 8s linear 1s 5 alternate;\n animation: spin-data-v-a7844a96 8s linear infinite;\n}\n.pause[data-v-a7844a96] {\n animation-play-state: paused;\n -webkit-animation-play-state: paused;\n}\n.noanimation[data-v-a7844a96] {\n -webkit-animation: none !important;\n animation: none !important;\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: fixed;\n z-index: 2002;\n top: 0;\n left: 0;\n padding: 80px 0 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: auto;\n margin: auto;\n display: block;\n height: 100vh;\n width: 100vw;\n border-radius: 2.13333333vw;\n text-align: center;\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: 266.4vw;\n -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n box-shadow: 0px 0px 4px 0px #60adf0;\n border: 4px solid #ffffff;\n}\n.content .image-block img[data-v-a7844a96] {\n width: 100%;\n border-radius: 266.4vw;\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(#69c0ff, #69c0ff) 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 border: none;\n outline: none;\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: #69c0ff;\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 -ms-flex-pack: distribute;\n justify-content: space-around;\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.icon-icon_stop[data-v-a7844a96] {\n height: 7.49625187vw;\n width: 7.49625187vw;\n font-size: 7.1964018vw;\n color: #69c0ff;\n}\n.icon-icon_begin[data-v-a7844a96] {\n height: 7.49625187vw;\n width: 7.49625187vw;\n font-size: 7.1964018vw;\n color: #69c0ff;\n}\n.icon-icon_left[data-v-a7844a96] {\n height: 5.54722639vw;\n width: 5.54722639vw;\n font-size: 4.7976012vw;\n color: #69c0ff;\n}\n.icon-icon_right[data-v-a7844a96] {\n height: 5.54722639vw;\n width: 5.54722639vw;\n font-size: 4.7976012vw;\n color: #69c0ff;\n}\n.icon-icon_list[data-v-a7844a96] {\n font-size: 2.99850075vw;\n}\n.icon-icon_change1[data-v-a7844a96] {\n font-size: 3.14842579vw;\n}\n.icon-icon_change[data-v-a7844a96] {\n font-size: 2.99850075vw;\n}\n.icon-icon_changge[data-v-a7844a96] {\n font-size: 2.84857571vw;\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: 149.77511244vw;\n -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n box-shadow: 0px 0px 4px 0px #60adf0;\n border: 4px solid #ffffff;\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(#69c0ff, #69c0ff) 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: #69c0ff;\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: 111vw;\n -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n box-shadow: 0px 0px 4px 0px #60adf0;\n border: 4px solid #ffffff;\n}\n.audio-page .content .image-block img[data-v-a7844a96] {\n width: 100%;\n border-radius: 111vw;\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/Administrator/Desktop/h5/wechat/src/components/collection/audio.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,aAAa;CACd;AACD;EACE,YAAY;CACb;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,4BAA4B;CAC/B;AACD;IACI,8BAA8B;CACjC;AACD;IACI,4BAA4B;CAC/B;CACA;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,wBAAwB;CACzB;AACD;EACE,sBAAsB;CACvB;AACD;EACE,qBAAqB;EACrB,aAAa;EACb,yBAAyB;CAC1B;AACD;EACE,qBAAqB;EACrB,aAAa;EACb,qCAAqC;EACrC,uBAAuB;CACxB;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,qCAAqC;CACtC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,qCAAqC;CACtC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,6BAA6B;CAC9B;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,sCAAsC;CACvC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,sCAAsC;CACvC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,+BAA+B;CAChC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,+BAA+B;CAChC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,sCAAsC;CACvC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,+BAA+B;CAChC;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,sCAAsC;CACvC;AACD;EACE,cAAc;EACd,aAAa;EACb,+BAA+B;EAC/B,aAAa;CACd;AACD;EACE,cAAc;EACd,aAAa;EACb,+BAA+B;EAC/B,aAAa;CACd;AACD;EACE,eAAe;CAChB;AACD;EACE,yBAAyB;EACzB,eAAe;CAChB;AACD;EACE,yBAAyB;EACzB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,wBAAwB;EACxB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,wBAAwB;EACxB,eAAe;CAChB;AACD;EACE,wBAAwB;CACzB;AACD;EACE,iBAAiB;EACjB,oBAAoB;CACrB;AACD;EACE,wBAAwB;EACxB,oBAAoB;CACrB;AACD;EACE,wBAAwB;EACxB,oBAAoB;CACrB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,qBAAqB;EACrB,eAAe;CAChB;AACD;EACE,eAAe;CAChB;AACD;AACA;IACI,gCAAgC;CACnC;AACD;IACI,kCAAkC;CACrC;CACA;AACD;AACA;IACI,gCAAgC;YACxB,wBAAwB;CACnC;AACD;IACI,kCAAkC;YAC1B,0BAA0B;CACrC;CACA;AACD;EACE,iEAAiE;EACjE,mDAAmD;CACpD;AACD;EACE,6BAA6B;EAC7B,qCAAqC;CACtC;AACD;EACE,mCAAmC;EACnC,2BAA2B;CAC5B;AACD;EACE,sBAAsB;EACtB,4BAA4B;EAC5B,kBAAkB;CACnB;AACD;EACE,mBAAmB;EACnB,SAAS;EACT,WAAW;EACX,oBAAoB;CACrB;AACD;EACE,kBAAkB;EAClB,gBAAgB;EAChB,cAAc;EACd,OAAO;EACP,QAAQ;EACR,kBAAkB;EAClB,+BAA+B;UACvB,uBAAuB;EAC/B,eAAe;EACf,aAAa;EACb,eAAe;EACf,cAAc;EACd,aAAa;EACb,4BAA4B;EAC5B,mBAAmB;CACpB;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,yBAAyB;EACzB,8CAA8C;UACtC,sCAAsC;EAC9C,iBAAiB;EACjB,uBAAuB;EACvB,4CAA4C;UACpC,oCAAoC;EAC5C,0BAA0B;CAC3B;AACD;EACE,YAAY;EACZ,uBAAuB;CACxB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,wBAAwB;EACxB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,wBAAwB;EACxB,kBAAkB;EAClB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,yBAAyB;CAC1B;AACD;EACE,iBAAiB;EACjB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;EACf,iBAAiB;CAClB;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,YAAY;CACb;AACD;EACE,aAAa;CACd;AACD;EACE,iCAAiC;EACjC,yBAAyB;EACzB,yBAAyB;EACzB,yEAAyE;EACzE,0BAA0B;EAC1B,YAAY;EACZ,YAAY;EACZ,4BAA4B;EAC5B,uBAAuB;CACxB;AACD;EACE,yBAAyB;CAC1B;AACD;EACE,qBAAqB;EACrB,4BAA4B;CAC7B;AACD;EACE,cAAc;CACf;AACD;EACE,aAAa;EACb,cAAc;EACd,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;EACX,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;CACrB;AACD;EACE,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,0BAA0B;MACtB,8BAA8B;CACnC;AACD;EACE,cAAc;CACf;AACD;EACE,aAAa;EACb,iBAAiB;EACjB,eAAe;EACf,6CAA6C;EAC7C,kBAAkB;EAClB,0BAA0B;CAC3B;AACD;EACE,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,qBAAqB;EACrB,0CAA0C;CAC3C;AACD;EACE,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,sBAAsB;CACvB;AACD;EACE,2BAA2B;EAC3B,eAAe;CAChB;AACD;EACE,gBAAgB;CACjB;AACD;EACE,mBAAmB;EACnB,yBAAyB;EACzB,mBAAmB;CACpB;AACD;EACE,qBAAqB;EACrB,0BAA0B;EAC1B,gCAAgC;EAChC,mBAAmB;EACnB,wBAAwB;EACxB,6BAA6B;EAC7B,iBAAiB;EACjB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,kBAAkB;EAClB,QAAQ;EACR,cAAc;EACd,4BAA4B;EAC5B,mCAAmC;EACnC,iBAAiB;EACjB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,4BAA4B;EAC5B,iBAAiB;CAClB;AACD;EACE,uCAAuC;CACxC;AACD;EACE,8BAA8B;EAC9B,cAAc;EACd,mCAAmC;CACpC;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,YAAY;EACZ,WAAW;EACX,6BAA6B;EAC7B,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B;EAC1B,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,aAAa;CACd;AACD;EACE,cAAc;CACf;AACD;AACA;IACI,+GAA+G;IAC/G,2CAA2C;IAC3C,sBAAsB;CACzB;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,yBAAyB;CAC5B;AACD;IACI,oBAAoB;IACpB,oBAAoB;IACpB,qCAAqC;IACrC,uBAAuB;CAC1B;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,qCAAqC;CACxC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,qCAAqC;CACxC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,qCAAqC;CACxC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,qCAAqC;CACxC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,sCAAsC;CACzC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,sCAAsC;CACzC;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,sCAAsC;IACtC,aAAa;CAChB;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,sCAAsC;IACtC,aAAa;CAChB;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,sCAAsC;CACzC;AACD;IACI,oBAAoB;IACpB,mBAAmB;IACnB,sCAAsC;CACzC;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,uBAAuB;IACvB,eAAe;CAClB;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,uBAAuB;IACvB,eAAe;CAClB;AACD;IACI,qBAAqB;IACrB,oBAAoB;IACpB,uBAAuB;IACvB,eAAe;CAClB;AACD;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",file:"audio.vue",sourcesContent:['\n.fl-r[data-v-a7844a96] {\n float: right;\n}\n.fr[data-v-a7844a96] {\n float: right;\n}\n.fl[data-v-a7844a96] {\n float: left;\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 min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-a7844a96 {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-a7844a96] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-a7844a96] {\n background: transparent;\n}\n.playImage[data-v-a7844a96] {\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 und-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.iconfont[data-v-a7844a96] {\n color: #cccccc;\n}\n.icon-icon_stop[data-v-a7844a96] {\n font-size: 13.33333333vw;\n color: #69c0ff;\n}\n.icon-icon_begin[data-v-a7844a96] {\n font-size: 13.33333333vw;\n color: #69c0ff;\n}\n.icon-icon_left[data-v-a7844a96] {\n height: 9.86666667vw;\n width: 9.86666667vw;\n font-size: 8.53333333vw;\n color: #69c0ff;\n}\n.icon-icon_right[data-v-a7844a96] {\n height: 9.86666667vw;\n width: 9.86666667vw;\n font-size: 8.53333333vw;\n color: #69c0ff;\n}\n.icon-icon_list[data-v-a7844a96] {\n font-size: 5.33333333vw;\n}\n.icon-icon_change1[data-v-a7844a96] {\n font-size: 5.6vw;\n width: 5.33333333vw;\n}\n.icon-icon_change[data-v-a7844a96] {\n font-size: 5.33333333vw;\n width: 5.33333333vw;\n}\n.icon-icon_changge[data-v-a7844a96] {\n font-size: 5.06666667vw;\n width: 5.33333333vw;\n}\n.hp-left[data-v-a7844a96] {\n position: relative;\n}\n.hp-left .collect[data-v-a7844a96] {\n position: absolute;\n right: 17.06666667vw;\n bottom: 12.8vw;\n}\n.icon-icon_like1[data-v-a7844a96] {\n color: #ff7d77;\n}\n@-webkit-keyframes spin-data-v-a7844a96 {\nfrom {\n -webkit-transform: rotate(0deg);\n}\nto {\n -webkit-transform: rotate(360deg);\n}\n}\n@keyframes spin-data-v-a7844a96 {\nfrom {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\nto {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n.swin[data-v-a7844a96] {\n -webkit-animation: spin-data-v-a7844a96 8s linear 1s 5 alternate;\n animation: spin-data-v-a7844a96 8s linear infinite;\n}\n.pause[data-v-a7844a96] {\n animation-play-state: paused;\n -webkit-animation-play-state: paused;\n}\n.noanimation[data-v-a7844a96] {\n -webkit-animation: none !important;\n animation: none !important;\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: fixed;\n z-index: 2002;\n top: 0;\n left: 0;\n padding: 80px 0 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: auto;\n margin: auto;\n display: block;\n height: 100vh;\n width: 100vw;\n border-radius: 2.13333333vw;\n text-align: center;\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: 266.4vw;\n -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n box-shadow: 0px 0px 4px 0px #60adf0;\n border: 4px solid #ffffff;\n}\n.content .image-block img[data-v-a7844a96] {\n width: 100%;\n border-radius: 266.4vw;\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(#69c0ff, #69c0ff) 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 border: none;\n outline: none;\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: #69c0ff;\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 -ms-flex-pack: distribute;\n justify-content: space-around;\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.icon-icon_stop[data-v-a7844a96] {\n height: 7.49625187vw;\n width: 7.49625187vw;\n font-size: 7.1964018vw;\n color: #69c0ff;\n}\n.icon-icon_begin[data-v-a7844a96] {\n height: 7.49625187vw;\n width: 7.49625187vw;\n font-size: 7.1964018vw;\n color: #69c0ff;\n}\n.icon-icon_left[data-v-a7844a96] {\n height: 5.54722639vw;\n width: 5.54722639vw;\n font-size: 4.7976012vw;\n color: #69c0ff;\n}\n.icon-icon_right[data-v-a7844a96] {\n height: 5.54722639vw;\n width: 5.54722639vw;\n font-size: 4.7976012vw;\n color: #69c0ff;\n}\n.icon-icon_list[data-v-a7844a96] {\n font-size: 2.99850075vw;\n}\n.icon-icon_change1[data-v-a7844a96] {\n font-size: 3.14842579vw;\n}\n.icon-icon_change[data-v-a7844a96] {\n font-size: 2.99850075vw;\n}\n.icon-icon_changge[data-v-a7844a96] {\n font-size: 2.84857571vw;\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: 149.77511244vw;\n -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n box-shadow: 0px 0px 4px 0px #60adf0;\n border: 4px solid #ffffff;\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(#69c0ff, #69c0ff) 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: #69c0ff;\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: 111vw;\n -webkit-box-shadow: 0px 0px 4px 0px #60adf0;\n box-shadow: 0px 0px 4px 0px #60adf0;\n border: 4px solid #ffffff;\n}\n.audio-page .content .image-block img[data-v-a7844a96] {\n width: 100%;\n border-radius: 111vw;\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'],sourceRoot:""}])},xofo:function(n,t,a){var o=a("fRWU");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);a("rjj0")("053c4a4f",o,!1,{})}});