webpackJsonp([11],{LM1A:function(n,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=o("Jmy5"),A=o("CCn6"),s=o("2oJL"),e=o("Au9i"),a={data:function(){return{periods_id:this.$route.query.periods_id,teacherQ2:!1,parent_category_id:Number(this.$route.query.parent_category_id),imgUrl:i.c,imgUrl2:i.a,lessonList:[],courseList:[],lesson:{},thisLessonBox:!1,total:0,teacherDetail:null,showChoose:!1,showLesson:!1,shuoming:!1,thisLesson:null}},computed:{titleName:function(){var n=this,t=this.courseList.find(function(t){return t.id===Number(n.parent_category_id)});return this.lesson=t,t},indexOfLesson:function(){var n=this;return this.courseList.findIndex(function(t){return t.id===Number(n.parent_category_id)})}},components:{bottomTab:s.a},mounted:function(){this.initPage()},methods:{starNum:function(n,t){var o=!1;return n.ele_list.forEach(function(n){n.watch_list.find(function(n){return n.page_id===t})&&(o=!0)}),o},chooseAge:function(n){var t=this.thisLessonBox.ele_list.find(function(t){return t.max_age===n});console.log(t),t?this.thisLesson=t:Object(e.MessageBox)("错误","暂无课程")},subLesson:function(){this.$router.push({name:"map",query:{periods_id:this.periods_id,parent_category_id:this.lesson.id}}),this.parent_category_id=this.lesson.id,this.showChoose=!1,this.initPage()},onValuesChange:function(n,t){this.lesson=t[0]},initPage:function(){var n=this;0===this.$route.query.course_type&&Object(A.b)(this.periods_id).then(function(t){n.courseList=t}),this.parent_category_id&&Object(A.e)(this.periods_id,{category_id:this.parent_category_id}).then(function(t){n.lessonList=t.list,n.total=t.periods_info.watch_num,t.list&&t.list.length>0&&n.$nextTick(function(){document.getElementById("nowLesson").scrollIntoView({behavior:"smooth",start:"center"})})}),Object(A.j)().then(function(t){n.teacherDetail=t})},noLesson:function(){Object(e.Toast)("课程尚未开始")},showDia:function(n){this.thisLesson=n.ele_list[0],this.thisLessonBox=n,this.showLesson=!0},showCourseList:function(){this.showChoose=!0},goToLesson:function(n){var t={periods_id:this.thisLessonBox.periods_id,category_id:this.thisLessonBox.category_id,parent_category_id:this.parent_category_id,element_id:this.thisLesson.id,type:n};this.$router.push({name:"lesson",query:t})}}},l=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[o("div",{staticClass:"map"},[5!==n.total?o("img",{staticClass:"background",attrs:{src:n.imgUrl.background}}):n._e(),n._v(" "),5===n.total?o("img",{staticClass:"background",attrs:{src:n.imgUrl.background5}}):n._e(),n._v(" "),o("img",{staticClass:"go",attrs:{src:n.imgUrl.go},on:{click:function(t){n.shuoming=!0}}}),n._v(" "),n.courseList.length>0?o("div",{staticClass:"title",on:{click:n.showCourseList}},[n._v("\n "+n._s(n.titleName.category_name)+"\n "),o("i",{staticClass:"iconfont icon-xiala"})]):n._e(),n._v(" "),n._l(n.lessonList,function(t,i){return o("div",{class:"island-block land"+(i+1),attrs:{id:i===n.lessonList.length-1?"nowLesson":""}},[o("div",{class:{today:i===n.lessonList.length-1},on:{click:function(o){n.showDia(t)}}},[i!==n.lessonList.length-1?o("img",{staticClass:"land",attrs:{src:n.imgUrl.isLandAct}}):n._e(),n._v(" "),i===n.lessonList.length-1?o("img",{staticClass:"land",attrs:{src:n.imgUrl.islandNow}}):n._e(),n._v(" "),o("img",{staticClass:"day",attrs:{src:n.imgUrl.day[i]}}),n._v(" "),o("div",{staticClass:"star-block"},[n.starNum(t,1)?n._e():o("img",{attrs:{src:n.imgUrl.starDefault}}),n._v(" "),n.starNum(t,1)?o("img",{attrs:{src:n.imgUrl.starSelect}}):n._e(),n._v(" "),n.starNum(t,2)?n._e():o("img",{attrs:{src:n.imgUrl.starDefault}}),n._v(" "),n.starNum(t,2)?o("img",{attrs:{src:n.imgUrl.starSelect}}):n._e(),n._v(" "),n.starNum(t,4)?n._e():o("img",{attrs:{src:n.imgUrl.starDefault}}),n._v(" "),n.starNum(t,4)?o("img",{attrs:{src:n.imgUrl.starSelect}}):n._e()])])])}),n._v(" "),n._l(n.total-n.lessonList.length,function(t){return o("div",{class:"island-block land"+(n.total-t+1),on:{click:function(t){n.noLesson()}}},[o("img",{staticClass:"land",attrs:{src:n.imgUrl.islandDefault}}),n._v(" "),o("img",{staticClass:"day",attrs:{src:n.imgUrl.day[n.total-t]}}),n._v(" "),o("div",{staticClass:"star-block"},[o("img",{attrs:{src:n.imgUrl.starDefault}}),n._v(" "),o("img",{attrs:{src:n.imgUrl.starDefault}}),n._v(" "),o("img",{attrs:{src:n.imgUrl.starDefault}})])])})],2),n._v(" "),o("img",{staticClass:"box-img",attrs:{src:n.imgUrl.box},on:{click:function(t){n.teacherQ2=!0}}}),n._v(" "),o("bottom-tab"),n._v(" "),o("mt-popup",{model:{value:n.showLesson,callback:function(t){n.showLesson=t},expression:"showLesson"}},[o("div",{staticClass:"lesson-block"},[o("img",{staticClass:"lesson-bg",attrs:{src:n.imgUrl.lessonBg}}),n._v(" "),o("img",{staticClass:"close",attrs:{src:n.imgUrl.close},on:{click:function(t){n.showLesson=!1}}}),n._v(" "),n.thisLessonBox&&n.thisLessonBox.ele_list.length>1?o("div",{staticClass:"age-choose"},[o("span",{class:{active:3===n.thisLesson.max_age},on:{click:function(t){n.chooseAge(3)}}},[n._v("0-3岁")]),n._v(" "),o("span",{class:{active:6===n.thisLesson.max_age},on:{click:function(t){n.chooseAge(6)}}},[n._v("4-6岁")])]):n._e(),n._v(" "),n.thisLesson?o("div",{staticClass:"list-block"},[o("div",{staticClass:"img-block"},[o("img",{staticClass:"look list",attrs:{src:n.imgUrl.look},on:{click:function(t){n.goToLesson("1")}}})]),n._v(" "),n.thisLesson?o("div",{staticClass:"img-block"},[o("img",{staticClass:"play list",attrs:{src:n.imgUrl.play},on:{click:function(t){n.goToLesson("2")}}}),n._v(" "),n.thisLesson.watch_list.find(function(n){return 2===n.page_id})?n._e():o("div",{staticClass:"disable-block"},[o("img",{attrs:{src:n.imgUrl.clock}})])]):n._e(),n._v(" "),o("div",{staticClass:"img-block"},[o("img",{staticClass:"show list",attrs:{src:n.imgUrl.show},on:{click:function(t){n.goToLesson("3")}}}),n._v(" "),n.thisLesson.watch_list.find(function(n){return 3===n.page_id})?n._e():o("div",{staticClass:"disable-block"},[o("img",{attrs:{src:n.imgUrl.clock}})])]),n._v(" "),o("div",{staticClass:"img-block"},[o("img",{staticClass:"jiayou list",attrs:{src:n.imgUrl.jiayou},on:{click:function(t){n.goToLesson("4")}}}),n._v(" "),n.thisLesson.watch_list.find(function(n){return 4===n.page_id})?n._e():o("div",{staticClass:"disable-block"},[o("img",{attrs:{src:n.imgUrl.clock}})])])]):n._e()])]),n._v(" "),o("mt-popup",{model:{value:n.shuoming,callback:function(t){n.shuoming=t},expression:"shuoming"}},[o("div",{staticClass:"shuoming-block",style:{backgroundImage:"url("+n.imgUrl.smBg+")"}},[o("img",{staticClass:"close",attrs:{src:n.imgUrl.close},on:{click:function(t){n.shuoming=!1}}}),n._v(" "),o("div",{staticClass:"content"},[o("h1",[n._v("课程介绍:")]),n._v("\n 欢迎各位来到唱唱英语训练营,我们在每一天的课程中都准备了精彩的英语学习、唱动体验内容等着您哦,通过每日坚持学习与分享打卡收集星星,更可以在课程全部完成后用星星兑换神秘奖品哦!快来带着宝贝一起愉快的在玩耍中学习英语吧!\n "),o("h1",{staticClass:"se"},[n._v("规则介绍:")]),n._v("\n 1.地图中每一个浮动标志物(岛屿、树屋、房屋等)都对应着当天进行中的课程。\n "),o("br"),n._v("\n 2.地图中显示灰色的课程是因课程还未开放,请耐心等待,我们会根据课程进度依次开放。\n "),o("br"),n._v("\n 3.每一天的课程最多可以收集3颗星星。\n "),o("br"),n._v("\n 4.完成一天的课程(即爸妈看一看和宝贝玩一玩单元)就可获得一颗星星。\n "),o("br"),n._v("\n 5.填写每日宝贝成长秀并且提交后可获得一颗星星。\n "),o("br"),n._v("\n 6.完成填写后根据页面提示分享打卡海报可获得一颗星星。\n "),o("br"),n._v("\n 7.完成地图中所有课程内容并且集齐所有星星后,请联系您的私人老师兑换什么奖品哦!\n ")])])]),n._v(" "),o("mt-popup",{model:{value:n.showChoose,callback:function(t){n.showChoose=t},expression:"showChoose"}},[o("div",{staticClass:"choose-block"},[o("mt-picker",{attrs:{slots:[{values:n.courseList,defaultIndex:n.indexOfLesson}],"value-key":"category_name"},on:{change:n.onValuesChange}}),n._v(" "),o("mt-button",{attrs:{type:"primary",size:"large",plain:""},on:{click:n.subLesson}},[n._v("确定")])],1)]),n._v(" "),o("mt-popup",{model:{value:n.teacherQ2,callback:function(t){n.teacherQ2=t},expression:"teacherQ2"}},[o("div",{staticClass:"teacher-block"},[o("img",{staticClass:"teacher-bg",attrs:{src:n.imgUrl2.teacherBg}}),n._v(" "),n.teacherDetail?o("img",{staticClass:"qr",attrs:{src:n.teacherDetail.qr}}):n._e(),n._v(" "),o("div",{staticClass:"content-text"},[o("div",{staticClass:"title-text"},[n._v("\n 请长按识别图中二维码添加老师\n ")]),n._v("\n 并截图发送领取神秘礼品哦\n ")]),n._v(" "),o("div",{staticClass:"closeBtn",on:{click:function(t){n.teacherQ2=!1}}})])])],1)};l._withStripped=!0;var r={render:l,staticRenderFns:[]},c=r;var d=!1;var b=o("VU/8")(a,c,!1,function(n){d||o("QSSP")},"data-v-6587b508",null);b.options.__file="src/components/map.vue";t.default=b.exports},QSSP:function(n,t,o){var i=o("vavF");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);o("rjj0")("0b60c92a",i,!1,{})},vavF:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-6587b508] {\n float: right;\n}\n.main-block[data-v-6587b508] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-6587b508]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-6587b508]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-6587b508]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-6587b508]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.box-img[data-v-6587b508] {\n position: fixed;\n left: 3.73333333vw;\n bottom: 16vw;\n width: 18.66666667vw;\n}\n.lesson-block[data-v-6587b508] {\n position: relative;\n background: rgba(0, 0, 0, 0.5);\n width: 82.13333333vw;\n height: 97.06666667vw;\n}\n.lesson-block .lesson-bg[data-v-6587b508] {\n width: 82.13333333vw;\n height: 97.06666667vw;\n position: relative;\n}\n.lesson-block .close[data-v-6587b508] {\n top: 2.66666667vw;\n position: absolute;\n right: 2.66666667vw;\n width: 4.26666667vw;\n}\n.lesson-block .age-choose[data-v-6587b508] {\n position: absolute;\n width: 77.86666667vw;\n border-radius: 2.13333333vw;\n top: 11.46666667vw;\n height: 8vw;\n line-height: 8vw;\n text-align: center;\n background: #666;\n color: white;\n left: 50%;\n margin-left: -38.93333333vw;\n overflow: hidden;\n}\n.lesson-block .age-choose span[data-v-6587b508] {\n display: inline-block;\n width: 38.8vw;\n float: left;\n}\n.lesson-block .age-choose span.active[data-v-6587b508] {\n background: white;\n color: #666;\n}\n.lesson-block .age-choose span[data-v-6587b508]:nth-child(1) {\n border-right: 0.26666667vw solid #666;\n}\n.lesson-block .list-block[data-v-6587b508] {\n width: 73.6vw;\n height: 70.4vw;\n border-radius: 8px;\n position: absolute;\n top: 20.26666667vw;\n background: white;\n left: 50%;\n margin-left: -38.93333333vw;\n padding: 2.13333333vw;\n}\n.lesson-block .list-block .img-block[data-v-6587b508] {\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n}\n.lesson-block .list-block .img-block .disable-block[data-v-6587b508] {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 7px;\n border-radius: 8px;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.lesson-block .list-block .img-block .disable-block img[data-v-6587b508] {\n width: 6.66666667vw;\n margin-top: 4vw;\n}\n.lesson-block .list-block .img-block .list[data-v-6587b508] {\n width: 100%;\n margin-bottom: 0.8vw;\n}\n.teacher-block[data-v-6587b508] {\n position: relative;\n width: 74.66666667vw;\n background-color: rgba(0, 0, 0, 0.7);\n}\n.teacher-block .teacher-bg[data-v-6587b508] {\n width: 74.66666667vw;\n}\n.teacher-block .qr[data-v-6587b508] {\n width: 36.8vw;\n height: 36.8vw;\n position: absolute;\n top: 17.33333333vw;\n left: 18.66666667vw;\n}\n.teacher-block .content-text[data-v-6587b508] {\n width: 100%;\n text-align: center;\n position: absolute;\n top: 84vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n line-height: 23px;\n}\n.teacher-block .content-text .title-text[data-v-6587b508] {\n color: #333;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n margin-bottom: 1.33333333vw;\n font-size: 4.53333333vw;\n}\n.teacher-block .closeBtn[data-v-6587b508] {\n position: absolute;\n width: 8vw;\n height: 8vw;\n right: 2.13333333vw;\n top: 2.13333333vw;\n}\n.title[data-v-6587b508] {\n position: absolute;\n width: 80px;\n background: #654B17;\n font-size: 13px;\n font-family: MicrosoftYaHei;\n font-weight: 400;\n color: #ffffff;\n left: 50%;\n margin-left: -45px;\n top: 30.93333333vw;\n text-align: center;\n padding: 3px 0 3px 10px ;\n border-radius: 5px;\n}\n.map .background[data-v-6587b508] {\n width: 100vw;\n}\n.map .go[data-v-6587b508] {\n position: absolute;\n top: 41.06666667vw;\n left: 8.26666667vw;\n width: 52vw;\n}\n.map .island-block[data-v-6587b508] {\n position: absolute;\n width: 28vw;\n}\n.map .island-block .land[data-v-6587b508] {\n width: 100%;\n}\n.map .island-block .day[data-v-6587b508] {\n position: absolute;\n width: 12vw;\n bottom: 3.73333333vw;\n left: 20.26666667vw;\n}\n.map .island-block .star-block[data-v-6587b508] {\n position: absolute;\n left: 5.86666667vw;\n bottom: -0.8vw;\n}\n.map .island-block .star-block img[data-v-6587b508] {\n width: 5.33333333vw;\n}\n.map .island-block .today[data-v-6587b508] {\n -webkit-animation: dodge-data-v-6587b508 1.5s infinite;\n animation: dodge-data-v-6587b508 1.5s infinite;\n}\n.map .island-block.land1[data-v-6587b508] {\n top: 57.33333333vw;\n right: 12.8vw;\n}\n.map .island-block.land2[data-v-6587b508] {\n top: 91.46666667vw;\n left: 10.4vw;\n}\n.map .island-block.land3[data-v-6587b508] {\n top: 133.33333333vw;\n left: 28vw;\n}\n.map .island-block.land4[data-v-6587b508] {\n top: 160.53333333vw;\n right: 8.53333333vw;\n}\n.map .island-block.land5[data-v-6587b508] {\n top: 189.33333333vw;\n left: 9.33333333vw;\n}\n.map .island-block.land6[data-v-6587b508] {\n top: 225.6vw;\n right: 4.8vw;\n}\n.map .island-block.land7[data-v-6587b508] {\n top: 247.73333333vw;\n left: 6.4vw;\n}\n.map .island-block.land8[data-v-6587b508] {\n top: 283.73333333vw;\n right: 40.26666667vw;\n}\n.map .island-block.land9[data-v-6587b508] {\n top: 329.86666667vw;\n right: 8.53333333vw;\n}\n.map .island-block.land10[data-v-6587b508] {\n top: 361.6vw;\n left: 24.8vw;\n}\n@-webkit-keyframes dodge-data-v-6587b508 {\n0% {\n -webkit-transform: scale(0.95, 0.95);\n transform: scale(0.95, 0.95);\n}\n50% {\n -webkit-transform: scale(1.05, 1.05);\n transform: scale(1.05, 1.05);\n}\n100% {\n -webkit-transform: scale(0.95, 0.95);\n transform: scale(0.95, 0.95);\n}\n}\n@keyframes dodge-data-v-6587b508 {\n0% {\n -webkit-transform: scale(0.95, 0.95);\n transform: scale(0.95, 0.95);\n}\n50% {\n -webkit-transform: scale(1.05, 1.05);\n transform: scale(1.05, 1.05);\n}\n100% {\n -webkit-transform: scale(0.95, 0.95);\n transform: scale(0.95, 0.95);\n}\n}\n.shuoming-block[data-v-6587b508] {\n width: 82.13333333vw;\n height: 116vw;\n background-size: 100% 100%;\n border-radius: 8px;\n position: relative;\n}\n.shuoming-block .close[data-v-6587b508] {\n position: absolute;\n top: 2.66666667vw;\n right: 2.66666667vw;\n width: 4.26666667vw;\n}\n.shuoming-block .content[data-v-6587b508] {\n background: white;\n width: 69.86666667vw;\n height: 83.46666667vw;\n border-radius: 8px;\n border: 1px solid #333;\n line-height: 1.6em;\n font-size: 12px;\n position: relative;\n top: 20.53333333vw;\n color: #333;\n padding: 4vw;\n overflow: auto;\n}\n.shuoming-block .content h1[data-v-6587b508] {\n font-size: 16px;\n margin-bottom: 5px;\n}\n.shuoming-block .content h1.se[data-v-6587b508] {\n margin-top: 10px;\n}\n.choose-block[data-v-6587b508] {\n width: 80vw;\n padding: 2.66666667vw;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/map.vue","D:/myproject/new-singsingH5/src/components/D:/myproject/new-singsingH5/src/components/map.vue"],names:[],mappings:"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",file:"map.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.box-img {\n position: fixed;\n left: 3.73333333vw;\n bottom: 16vw;\n width: 18.66666667vw;\n}\n.lesson-block {\n position: relative;\n background: rgba(0, 0, 0, 0.5);\n width: 82.13333333vw;\n height: 97.06666667vw;\n}\n.lesson-block .lesson-bg {\n width: 82.13333333vw;\n height: 97.06666667vw;\n position: relative;\n}\n.lesson-block .close {\n top: 2.66666667vw;\n position: absolute;\n right: 2.66666667vw;\n width: 4.26666667vw;\n}\n.lesson-block .age-choose {\n position: absolute;\n width: 77.86666667vw;\n border-radius: 2.13333333vw;\n top: 11.46666667vw;\n height: 8vw;\n line-height: 8vw;\n text-align: center;\n background: #666;\n color: white;\n left: 50%;\n margin-left: -38.93333333vw;\n overflow: hidden;\n}\n.lesson-block .age-choose span {\n display: inline-block;\n width: 38.8vw;\n float: left;\n}\n.lesson-block .age-choose span.active {\n background: white;\n color: #666;\n}\n.lesson-block .age-choose span:nth-child(1) {\n border-right: 0.26666667vw solid #666;\n}\n.lesson-block .list-block {\n width: 73.6vw;\n height: 70.4vw;\n border-radius: 8px;\n position: absolute;\n top: 20.26666667vw;\n background: white;\n left: 50%;\n margin-left: -38.93333333vw;\n padding: 2.13333333vw;\n}\n.lesson-block .list-block .img-block {\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n}\n.lesson-block .list-block .img-block .disable-block {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 7px;\n border-radius: 8px;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.lesson-block .list-block .img-block .disable-block img {\n width: 6.66666667vw;\n margin-top: 4vw;\n}\n.lesson-block .list-block .img-block .list {\n width: 100%;\n margin-bottom: 0.8vw;\n}\n.teacher-block {\n position: relative;\n width: 74.66666667vw;\n background-color: rgba(0, 0, 0, 0.7);\n}\n.teacher-block .teacher-bg {\n width: 74.66666667vw;\n}\n.teacher-block .qr {\n width: 36.8vw;\n height: 36.8vw;\n position: absolute;\n top: 17.33333333vw;\n left: 18.66666667vw;\n}\n.teacher-block .content-text {\n width: 100%;\n text-align: center;\n position: absolute;\n top: 84vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n line-height: 23px;\n}\n.teacher-block .content-text .title-text {\n color: #333;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n margin-bottom: 1.33333333vw;\n font-size: 4.53333333vw;\n}\n.teacher-block .closeBtn {\n position: absolute;\n width: 8vw;\n height: 8vw;\n right: 2.13333333vw;\n top: 2.13333333vw;\n}\n.title {\n position: absolute;\n width: 80px;\n background: #654B17;\n font-size: 13px;\n font-family: MicrosoftYaHei;\n font-weight: 400;\n color: #ffffff;\n left: 50%;\n margin-left: -45px;\n top: 30.93333333vw;\n text-align: center;\n padding: 3px 0 3px 10px ;\n border-radius: 5px;\n}\n.map .background {\n width: 100vw;\n}\n.map .go {\n position: absolute;\n top: 41.06666667vw;\n left: 8.26666667vw;\n width: 52vw;\n}\n.map .island-block {\n position: absolute;\n width: 28vw;\n}\n.map .island-block .land {\n width: 100%;\n}\n.map .island-block .day {\n position: absolute;\n width: 12vw;\n bottom: 3.73333333vw;\n left: 20.26666667vw;\n}\n.map .island-block .star-block {\n position: absolute;\n left: 5.86666667vw;\n bottom: -0.8vw;\n}\n.map .island-block .star-block img {\n width: 5.33333333vw;\n}\n.map .island-block .today {\n animation: dodge 1.5s infinite;\n}\n.map .island-block.land1 {\n top: 57.33333333vw;\n right: 12.8vw;\n}\n.map .island-block.land2 {\n top: 91.46666667vw;\n left: 10.4vw;\n}\n.map .island-block.land3 {\n top: 133.33333333vw;\n left: 28vw;\n}\n.map .island-block.land4 {\n top: 160.53333333vw;\n right: 8.53333333vw;\n}\n.map .island-block.land5 {\n top: 189.33333333vw;\n left: 9.33333333vw;\n}\n.map .island-block.land6 {\n top: 225.6vw;\n right: 4.8vw;\n}\n.map .island-block.land7 {\n top: 247.73333333vw;\n left: 6.4vw;\n}\n.map .island-block.land8 {\n top: 283.73333333vw;\n right: 40.26666667vw;\n}\n.map .island-block.land9 {\n top: 329.86666667vw;\n right: 8.53333333vw;\n}\n.map .island-block.land10 {\n top: 361.6vw;\n left: 24.8vw;\n}\n@keyframes dodge {\n 0% {\n transform: scale(0.95, 0.95);\n }\n 50% {\n transform: scale(1.05, 1.05);\n }\n 100% {\n transform: scale(0.95, 0.95);\n }\n}\n.shuoming-block {\n width: 82.13333333vw;\n height: 116vw;\n background-size: 100% 100%;\n border-radius: 8px;\n position: relative;\n}\n.shuoming-block .close {\n position: absolute;\n top: 2.66666667vw;\n right: 2.66666667vw;\n width: 4.26666667vw;\n}\n.shuoming-block .content {\n background: white;\n width: 69.86666667vw;\n height: 83.46666667vw;\n border-radius: 8px;\n border: 1px solid #333;\n line-height: 1.6em;\n font-size: 12px;\n position: relative;\n top: 20.53333333vw;\n color: #333;\n padding: 4vw;\n overflow: auto;\n}\n.shuoming-block .content h1 {\n font-size: 16px;\n margin-bottom: 5px;\n}\n.shuoming-block .content h1.se {\n margin-top: 10px;\n}\n.choose-block {\n width: 80vw;\n padding: 2.66666667vw;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../util/public";\n.box-img{\n position: fixed;\n left: 14*@toVw;\n bottom: 60*@toVw;\n width: 70*@toVw;\n}\n.lesson-block{\n position: relative;\n background: rgba(0,0,0,0.5);\n width: 308*@toVw;\n height: 364*@toVw;\n .lesson-bg{\n width: 308*@toVw;\n height: 364*@toVw;\n position: relative;\n }\n .close{\n top: 10*@toVw;\n position: absolute;\n right: 10*@toVw;\n width: 16*@toVw;\n }\n .age-choose{\n position: absolute;\n width: 292*@toVw;\n border-radius: 8 * @toVw;\n top: 43 * @toVw;\n height: 30 * @toVw;\n line-height: 30 * @toVw;\n text-align: center;\n background: #666;\n color: white;\n left: 50%;\n margin-left: -146*@toVw;\n overflow: hidden;\n span{\n display: inline-block;\n width: 145.5*@toVw;\n float: left;\n &.active{\n background: white;\n color: #666;\n }\n &:nth-child(1){\n border-right: 1*@toVw solid #666;\n }\n }\n }\n .list-block{\n width: 276*@toVw;\n height: 264*@toVw;\n border-radius: 8px;\n position: absolute;\n top: 76*@toVw;\n background: white;\n left: 50%;\n margin-left: -146*@toVw;\n padding: 8*@toVw;\n .img-block{\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n .disable-block{\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 7px;\n border-radius: 8px;\n text-align: center;\n background-color: rgba(0,0,0,0.3);\n img{\n width: 25 * @toVw;\n margin-top: 15 * @toVw;\n }\n }\n .list{\n width: 100%;\n margin-bottom: 3*@toVw;\n }\n }\n }\n\n}\n\n.teacher-block{\n position: relative;\n width: 74.66666667vw;\n background-color: rgba(0,0,0,0.7);\n .teacher-bg{\n width: 280*@toVw;\n }\n .qr{\n width: 138*@toVw;\n height: 138*@toVw;\n position: absolute;\n top:65 * @toVw;\n left: 70 * @toVw;\n }\n .content-text{\n width: 100%;\n text-align: center;\n position: absolute;\n top: 315 * @toVw;\n font-size:12 * @toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n line-height:23px;\n .title-text{\n color: #333;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n margin-bottom: 5 * @toVw;\n font-size: 17*@toVw;\n }\n }\n .closeBtn{\n position: absolute;\n width: 30*@toVw;\n height: 30*@toVw;\n right: 8*@toVw;\n top: 8*@toVw;\n }\n}\n.title{\n position: absolute;\n width: 80px;\n background: #654B17;\n font-size:13px;\n font-family:MicrosoftYaHei;\n font-weight:400;\n color:rgba(255,255,255,1);\n left: 50%;\n margin-left: -45px;\n top: 116*@toVw;\n text-align: center;\n padding: 3px 0 3px 10px ;\n border-radius: 5px;\n}\n.map{\n .background{\n width: 375*@toVw;\n }\n .go{\n position: absolute;\n top: 154*@toVw;\n left: 31*@toVw;\n width: 195*@toVw;\n }\n .island-block{\n position: absolute;\n width: 105*@toVw;\n .land{\n width: 100%;\n }\n .day{\n position: absolute;\n width: 45*@toVw;\n bottom: 14*@toVw;\n left: 76*@toVw;\n }\n .star-block{\n position: absolute;\n left: 22*@toVw;\n bottom: -3*@toVw;\n img{\n width: 20*@toVw;\n }\n }\n .today{\n animation: dodge 1.5s infinite;\n }\n &.land1{\n top: 215*@toVw;\n right: 48*@toVw;\n }\n &.land2{\n top: 343*@toVw;\n left: 39*@toVw;\n }\n &.land3{\n top: 500*@toVw;\n left: 105*@toVw;\n }\n &.land4{\n top: 602*@toVw;\n right: 32*@toVw;\n }\n &.land5{\n top: 710*@toVw;\n left: 35*@toVw;\n }\n &.land6{\n top: 846*@toVw;\n right: 18*@toVw;\n }\n &.land7{\n top: 929*@toVw;\n left: 24*@toVw;\n }\n &.land8{\n top: 1064*@toVw;\n right: 151*@toVw;\n }\n &.land9{\n top: 1237*@toVw;\n right: 32*@toVw;\n }\n &.land10{\n top: 1356*@toVw;\n left: 93*@toVw;\n }\n }\n @keyframes dodge\n {\n 0%{\n transform:scale(0.95,0.95)\n }\n 50%{\n transform:scale(1.05,1.05)\n }\n 100%{\n transform:scale(0.95,0.95)\n }\n }\n}\n.shuoming-block{\n width: 308 * @toVw;\n height: 435 *@toVw;\n background-size: 100% 100%;\n border-radius: 8px;\n position: relative;\n .close{\n position: absolute;\n top: 10 * @toVw;\n right: 10 * @toVw;\n width: 16 * @toVw;\n }\n .content{\n background: white;\n width: 262 * @toVw;\n height: 313 * @toVw;\n border-radius: 8px;\n border: 1px solid #333;\n line-height: 1.6em;\n font-size: 12px;\n position: relative;\n top: 77 * @toVw;\n color: #333;\n padding: 15*@toVw;\n overflow: auto;\n h1{\n font-size: 16px;\n margin-bottom: 5px;\n &.se{\n margin-top: 10px;\n }\n }\n }\n}\n.choose-block{\n width: 300 * @toVw;\n padding: 10 * @toVw;\n}\n'],sourceRoot:""}])}});
//# sourceMappingURL=11.f9590e7eb6c3e4ebdc9f.js.map
-
wangwei authored6c4c8fa0