webpackJsonp([1],{"+4oC":function(n,t,o){var e=o("CamZ");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("43485d93",e,!1,{})},"/n6Q":function(n,t,o){o("zQR9"),o("+tPU"),n.exports=o("Kh4W").f("iterator")},"06OY":function(n,t,o){var e=o("3Eo+")("meta"),i=o("EqjI"),a=o("D2L2"),A=o("evD5").f,r=0,s=Object.isExtensible||function(){return!0},l=!o("S82l")(function(){return s(Object.preventExtensions({}))}),c=function(n){A(n,e,{value:{i:"O"+ ++r,w:{}}})},d=n.exports={KEY:e,NEED:!1,fastKey:function(n,t){if(!i(n))return"symbol"==typeof n?n:("string"==typeof n?"S":"P")+n;if(!a(n,e)){if(!s(n))return"F";if(!t)return"E";c(n)}return n[e].i},getWeak:function(n,t){if(!a(n,e)){if(!s(n))return!0;if(!t)return!1;c(n)}return n[e].w},onFreeze:function(n){return l&&d.NEED&&s(n)&&!a(n,e)&&c(n),n}}},"0Ldw":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-2edf7fb0] {\n  float: right;\n}\n.main-block[data-v-2edf7fb0] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-2edf7fb0]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-2edf7fb0]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-2edf7fb0]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-2edf7fb0]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.show1[data-v-2edf7fb0] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  overflow-x: hidden;\n  width: 100%;\n  background-size: 100% 100%;\n}\n.show1 > img[data-v-2edf7fb0] {\n  position: absolute;\n  z-index: 2;\n}\n.show1 > img.haiou[data-v-2edf7fb0] {\n  top: 104vw;\n  left: 9.33333333vw;\n  width: 21.6vw;\n}\n.show1 > img.riji[data-v-2edf7fb0] {\n  width: 20.8vw;\n  top: 6.66666667vw;\n  left: 0;\n}\n.show1 > img.yeziyou[data-v-2edf7fb0] {\n  bottom: 0;\n  right: 0;\n  width: 34.4vw;\n}\n.show1 > img.yezizuo[data-v-2edf7fb0] {\n  width: 31.73333333vw;\n  bottom: 0;\n  left: 0;\n}\n.show1 > img.zhaopianqiang[data-v-2edf7fb0] {\n  top: 106.66666667vw;\n  left: 10.66666667vw;\n  width: 31.2vw;\n}\n.show1 .bg-block[data-v-2edf7fb0] {\n  position: relative;\n  width: 91.73333333vw;\n  background-size: 100%;\n  height: 147.2vw;\n}\n.show1 .bg-block .zhuangshi[data-v-2edf7fb0] {\n  bottom: 0;\n}\n.show1 .bg-block .share-icon[data-v-2edf7fb0] {\n  width: 24vw;\n  position: absolute;\n  bottom: 8vw;\n  left: 26.66666667vw;\n}\n.show1 .title-block[data-v-2edf7fb0] {\n  padding-top: 13.33333333vw;\n  text-align: center;\n}\n.show1 .title-block img[data-v-2edf7fb0] {\n  width: 56vw;\n}\n.show1 .textarea[data-v-2edf7fb0] {\n  background: #FDFDFD;\n  height: 46.93333333vw;\n  width: 83.46666667vw;\n  margin: 2.66666667vw auto 0 auto;\n  -webkit-box-shadow: inset 0.13333333vw 0.13333333vw 0.4vw 0.13333333vw rgba(142, 142, 142, 0.5);\n          box-shadow: inset 0.13333333vw 0.13333333vw 0.4vw 0.13333333vw rgba(142, 142, 142, 0.5);\n  border-radius: 1.06666667vw;\n  position: relative;\n}\n.show1 .textarea .text[data-v-2edf7fb0] {\n  position: absolute;\n  top: 5px;\n  left: 5px;\n  overflow: auto;\n  outline: none;\n  bottom: 5px;\n  right: 5px;\n}\n.show1 .textarea .btn-block[data-v-2edf7fb0] {\n  position: absolute;\n  bottom: 1.33333333vw;\n  right: 1.33333333vw;\n}\n.show1 .textarea .btn-block .input[data-v-2edf7fb0] {\n  opacity: 0;\n  width: 6.4vw;\n  position: absolute;\n}\n.show1 .textarea .btn-block img[data-v-2edf7fb0] {\n  width: 8.53333333vw;\n  margin-right: 1.33333333vw;\n}\n.show1 .text-block[data-v-2edf7fb0] {\n  width: 80vw;\n  margin: auto;\n  padding-top: 2.66666667vw;\n  text-align: left;\n  font-family: PingFang-SC-Medium;\n  font-size: 3.73333333vw;\n  color: #666666;\n  line-height: 5.33333333vw;\n}\n.show1 .text-block .text-content[data-v-2edf7fb0] {\n  font-family: PingFang-SC-Regular;\n  font-size: 3.2vw;\n  color: #999999;\n}\n.show1 .sub-block[data-v-2edf7fb0] {\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  bottom: 21.33333333vw;\n}\n.show1 .sub-block img[data-v-2edf7fb0] {\n  width: 23.46666667vw;\n}\n.show1 .bottom-block[data-v-2edf7fb0] {\n  width: 100%;\n  text-align: center;\n  position: fixed;\n  z-index: 5;\n  bottom: 2.66666667vw;\n}\n.show1 .bottom-block img[data-v-2edf7fb0] {\n  width: 33.86666667vw;\n}\n.show1 .bottom-block img[data-v-2edf7fb0]:first-child {\n  margin-right: 4vw;\n}\n.share[data-v-2edf7fb0] {\n  background-size: 100% 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n.share .tips[data-v-2edf7fb0] {\n  position: absolute;\n  top: 2.13333333vw;\n  height: 17.6vw;\n  z-index: 0;\n  right: 8.26666667vw;\n}\n.share .back-show[data-v-2edf7fb0] {\n  width: 8vw;\n  position: absolute;\n  top: 4vw;\n  left: 8vw;\n}\n.share .text-tips[data-v-2edf7fb0] {\n  position: absolute;\n  color: white;\n  top: 146.66666667vw;\n  font-size: 12px;\n  z-index: 5;\n  width: 100%;\n  text-align: center;\n}\n.share img.content[data-v-2edf7fb0] {\n  z-index: 3;\n}\n.share .contentImg[data-v-2edf7fb0] {\n  width: 83.46666667vw;\n  height: 139.73333333vw;\n  position: absolute;\n  top: 14.13333333vw;\n  left: 50%;\n  z-index: 3;\n  margin-left: -41.6vw;\n}\n.share .content[data-v-2edf7fb0] {\n  -webkit-transform-origin: 0 0;\n          transform-origin: 0 0;\n  width: 166.93333333vw;\n  height: 279.46666667vw;\n  background-size: 100% 100%;\n  position: absolute;\n  z-index: 2;\n  top: 14.13333333vw;\n  left: 50%;\n  margin-left: -41.6vw;\n}\n.share .content .head[data-v-2edf7fb0] {\n  border-radius: 1000px;\n  width: 17.06666667vw;\n  position: absolute;\n  top: 137.06666667vw;\n  left: 21.33333333vw;\n}\n.share .content #qrcode[data-v-2edf7fb0] {\n  position: absolute;\n  bottom: 24vw;\n  right: 21.33333333vw;\n}\n.share .content .name[data-v-2edf7fb0] {\n  width: 140px;\n  height: 40px;\n  font-size: 28px;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  color: #333333;\n  line-height: 40px;\n  position: absolute;\n  top: 137.06666667vw;\n  left: 44.8vw;\n}\n.share .content .day[data-v-2edf7fb0] {\n  font-size: 40px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #333333;\n  line-height: 56px;\n  position: absolute;\n  top: 178.13333333vw;\n  right: 129.6vw;\n}\n.share .content .num[data-v-2edf7fb0] {\n  font-size: 40px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #333333;\n  line-height: 56px;\n  position: absolute;\n  top: 178.13333333vw;\n  right: 89.06666667vw;\n}\n.share .content .time[data-v-2edf7fb0] {\n  font-size: 40px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #333333;\n  line-height: 56px;\n  position: absolute;\n  top: 178.13333333vw;\n  right: 33.6vw;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/show1.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/show1.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC8ND;EACE,mBAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;EACA,2BAAA;CD5ND;AC6NC;EACE,mBAAA;EACA,WAAA;CD3NH;AC4NG;EACE,WAAA;EACA,mBAAA;EACA,cAAA;CD1NL;AC4NG;EACE,cAAA;EACA,kBAAA;EACA,QAAA;CD1NL;AC4NG;EACE,UAAA;EACA,SAAA;EACA,cAAA;CD1NL;AC4NG;EACE,qBAAA;EACA,UAAA;EACA,QAAA;CD1NL;AC4NG;EACE,oBAAA;EACA,oBAAA;EACA,cAAA;CD1NL;ACsLD;EAwCI,mBAAA;EACA,qBAAA;EACA,sBAAA;EACA,gBAAA;CD3NH;ACgLD;EA6CM,UAAA;CD1NL;AC6KD;EAgDM,YAAA;EACA,mBAAA;EACA,YAAA;EACA,oBAAA;CD1NL;ACuKD;EAuDI,2BAAA;EACA,mBAAA;CD3NH;ACmKD;EA0DM,YAAA;CD1NL;ACgKD;EA8DI,oBAAA;EACA,sBAAA;EACA,qBAAA;EACA,iCAAA;EACA,gGAAA;UAAA,wFAAA;EACA,4BAAA;EACA,mBAAA;CD3NH;ACuJD;EAsEM,mBAAA;EACA,SAAA;EACA,UAAA;EACA,eAAA;EACA,cAAA;EACA,YAAA;EACA,WAAA;CD1NL;AC8ID;EA+EM,mBAAA;EACA,qBAAA;EACA,oBAAA;CD1NL;ACyID;EAmFQ,WAAA;EACA,aAAA;EACA,mBAAA;CDzNP;ACoID;EAwFQ,oBAAA;EACA,2BAAA;CDzNP;ACgID;EA8FI,YAAA;EACA,aAAA;EACA,0BAAA;EACA,iBAAA;EACA,gCAAA;EACA,wBAAA;EACA,eAAA;EACA,0BAAA;CD3NH;ACsHD;EAuGM,iCAAA;EACA,iBAAA;EACA,eAAA;CD1NL;ACiHD;EA6GI,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,sBAAA;CD3NH;AC2GD;EAkHM,qBAAA;CD1NL;ACwGD;EAsHI,YAAA;EACA,mBAAA;EACA,gBAAA;EACA,WAAA;EACA,qBAAA;CD3NH;ACiGD;EA4HM,qBAAA;CD1NL;AC2NK;EACE,kBAAA;CDzNP;AC8ND;EACE,2BAAA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;CD5ND;ACsND;EAQI,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,oBAAA;CD3NH;AC+MD;EAeI,WAAA;EACA,mBAAA;EACA,SAAA;EACA,UAAA;CD3NH;ACyMD;EAqBI,mBAAA;EACA,aAAA;EACA,oBAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;CD3NH;ACgMD;EA8BI,WAAA;CD3NH;AC6LD;EAiCI,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,mBAAA;EACA,UAAA;EACA,WAAA;EACA,qBAAA;CD3NH;ACoLD;EA0CI,8BAAA;UAAA,sBAAA;EACA,sBAAA;EACA,uBAAA;EACA,2BAAA;EACA,mBAAA;EACA,WAAA;EACA,mBAAA;EACA,UAAA;EACA,qBAAA;CD3NH;ACyKD;EAoDM,sBAAA;EACA,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;CD1NL;ACkKD;EA2DM,mBAAA;EACA,aAAA;EACA,qBAAA;CD1NL;AC6JD;EAgEM,aAAA;EACA,aAAA;EACA,gBAAA;EACA,8BAAA;EACA,kBAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,oBAAA;EACA,aAAA;CD1NL;ACiJD;EA4EM,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,oBAAA;EACA,eAAA;CD1NL;ACuID;EAsFM,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;CD1NL;AC6HD;EAgGM,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,oBAAA;EACA,cAAA;CD1NL",file:"show1.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.show1 {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  overflow-x: hidden;\n  width: 100%;\n  background-size: 100% 100%;\n}\n.show1 > img {\n  position: absolute;\n  z-index: 2;\n}\n.show1 > img.haiou {\n  top: 104vw;\n  left: 9.33333333vw;\n  width: 21.6vw;\n}\n.show1 > img.riji {\n  width: 20.8vw;\n  top: 6.66666667vw;\n  left: 0;\n}\n.show1 > img.yeziyou {\n  bottom: 0;\n  right: 0;\n  width: 34.4vw;\n}\n.show1 > img.yezizuo {\n  width: 31.73333333vw;\n  bottom: 0;\n  left: 0;\n}\n.show1 > img.zhaopianqiang {\n  top: 106.66666667vw;\n  left: 10.66666667vw;\n  width: 31.2vw;\n}\n.show1 .bg-block {\n  position: relative;\n  width: 91.73333333vw;\n  background-size: 100%;\n  height: 147.2vw;\n}\n.show1 .bg-block .zhuangshi {\n  bottom: 0;\n}\n.show1 .bg-block .share-icon {\n  width: 24vw;\n  position: absolute;\n  bottom: 8vw;\n  left: 26.66666667vw;\n}\n.show1 .title-block {\n  padding-top: 13.33333333vw;\n  text-align: center;\n}\n.show1 .title-block img {\n  width: 56vw;\n}\n.show1 .textarea {\n  background: #FDFDFD;\n  height: 46.93333333vw;\n  width: 83.46666667vw;\n  margin: 2.66666667vw auto 0 auto;\n  box-shadow: inset 0.13333333vw 0.13333333vw 0.4vw 0.13333333vw rgba(142, 142, 142, 0.5);\n  border-radius: 1.06666667vw;\n  position: relative;\n}\n.show1 .textarea .text {\n  position: absolute;\n  top: 5px;\n  left: 5px;\n  overflow: auto;\n  outline: none;\n  bottom: 5px;\n  right: 5px;\n}\n.show1 .textarea .btn-block {\n  position: absolute;\n  bottom: 1.33333333vw;\n  right: 1.33333333vw;\n}\n.show1 .textarea .btn-block .input {\n  opacity: 0;\n  width: 6.4vw;\n  position: absolute;\n}\n.show1 .textarea .btn-block img {\n  width: 8.53333333vw;\n  margin-right: 1.33333333vw;\n}\n.show1 .text-block {\n  width: 80vw;\n  margin: auto;\n  padding-top: 2.66666667vw;\n  text-align: left;\n  font-family: PingFang-SC-Medium;\n  font-size: 3.73333333vw;\n  color: #666666;\n  line-height: 5.33333333vw;\n}\n.show1 .text-block .text-content {\n  font-family: PingFang-SC-Regular;\n  font-size: 3.2vw;\n  color: #999999;\n}\n.show1 .sub-block {\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  bottom: 21.33333333vw;\n}\n.show1 .sub-block img {\n  width: 23.46666667vw;\n}\n.show1 .bottom-block {\n  width: 100%;\n  text-align: center;\n  position: fixed;\n  z-index: 5;\n  bottom: 2.66666667vw;\n}\n.show1 .bottom-block img {\n  width: 33.86666667vw;\n}\n.show1 .bottom-block img:first-child {\n  margin-right: 4vw;\n}\n.share {\n  background-size: 100% 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n.share .tips {\n  position: absolute;\n  top: 2.13333333vw;\n  height: 17.6vw;\n  z-index: 0;\n  right: 8.26666667vw;\n}\n.share .back-show {\n  width: 8vw;\n  position: absolute;\n  top: 4vw;\n  left: 8vw;\n}\n.share .text-tips {\n  position: absolute;\n  color: white;\n  top: 146.66666667vw;\n  font-size: 12px;\n  z-index: 5;\n  width: 100%;\n  text-align: center;\n}\n.share img.content {\n  z-index: 3;\n}\n.share .contentImg {\n  width: 83.46666667vw;\n  height: 139.73333333vw;\n  position: absolute;\n  top: 14.13333333vw;\n  left: 50%;\n  z-index: 3;\n  margin-left: -41.6vw;\n}\n.share .content {\n  transform-origin: 0 0;\n  width: 166.93333333vw;\n  height: 279.46666667vw;\n  background-size: 100% 100%;\n  position: absolute;\n  z-index: 2;\n  top: 14.13333333vw;\n  left: 50%;\n  margin-left: -41.6vw;\n}\n.share .content .head {\n  border-radius: 1000px;\n  width: 17.06666667vw;\n  position: absolute;\n  top: 137.06666667vw;\n  left: 21.33333333vw;\n}\n.share .content #qrcode {\n  position: absolute;\n  bottom: 24vw;\n  right: 21.33333333vw;\n}\n.share .content .name {\n  width: 140px;\n  height: 40px;\n  font-size: 28px;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  color: #333333;\n  line-height: 40px;\n  position: absolute;\n  top: 137.06666667vw;\n  left: 44.8vw;\n}\n.share .content .day {\n  font-size: 40px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #333333;\n  line-height: 56px;\n  position: absolute;\n  top: 178.13333333vw;\n  right: 129.6vw;\n}\n.share .content .num {\n  font-size: 40px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #333333;\n  line-height: 56px;\n  position: absolute;\n  top: 178.13333333vw;\n  right: 89.06666667vw;\n}\n.share .content .time {\n  font-size: 40px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #333333;\n  line-height: 56px;\n  position: absolute;\n  top: 178.13333333vw;\n  right: 33.6vw;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.show1{\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  overflow-x: hidden;\n  width: 100%;\n  background-size: 100% 100%;\n  &>img{\n    position: absolute;\n    z-index: 2;\n    &.haiou{\n      top: 390 * @toVw;\n      left: 70/ 2 * @toVw;\n      width: 81 * @toVw;\n    }\n    &.riji{\n      width:78*@toVw ;\n      top: 25 * @toVw;\n      left: 0;\n    }\n    &.yeziyou{\n      bottom: 0;\n      right: 0;\n      width: 258/2*@toVw;\n    }\n    &.yezizuo{\n      width: 238 / 2 *@toVw;\n      bottom: 0;\n      left: 0;\n    }\n    &.zhaopianqiang{\n      top: 400 * @toVw;\n      left: 80/ 2 * @toVw;\n      width: 234 / 2  * @toVw;\n    }\n  }\n  .bg-block{\n    position: relative;\n    width: 344 * @toVw;\n    background-size: 100%;\n    height: 552 * @toVw;\n    .zhuangshi{\n      bottom: 0;\n    }\n    .share-icon{\n      width: 90* @toVw;\n      position: absolute;\n      bottom: 30 * @toVw;\n      left: 100 * @toVw;\n    }\n  }\n  .title-block{\n    padding-top: 50 * @toVw;\n    text-align: center;\n    img{\n      width:  420 / 2 * @toVw;\n    }\n  }\n  .textarea{\n    background: #FDFDFD;\n    height: 352/ 2 * @toVw;\n    width: 626/ 2 * @toVw;\n    margin:10*@toVw auto 0 auto;\n    box-shadow: inset 1/ 2 * @toVw 1/ 2 * @toVw 3/ 2 * @toVw 1/ 2 * @toVw rgba(142,142,142,0.50);\n    border-radius: 8/ 2 * @toVw;\n    position: relative;\n    .text{\n      position: absolute;\n      top: 5px;\n      left: 5px;\n      overflow: auto;\n      outline: none;\n      bottom: 5px;\n      right: 5px;\n    }\n    .btn-block{\n      position: absolute;\n      bottom: 10/ 2 * @toVw;\n      right: 10/ 2 * @toVw;\n      .input{\n        opacity: 0;\n        width: 24 * @toVw;\n        position: absolute;\n      }\n      img{\n        width: 32 * @toVw;\n        margin-right: 10/ 2 * @toVw;\n      }\n    }\n  }\n  .text-block{\n    width: 600/ 2 * @toVw;\n    margin: auto;\n    padding-top: 20/ 2 * @toVw;\n    text-align: left;\n    font-family: PingFang-SC-Medium;\n    font-size: 28/ 2 * @toVw;\n    color: #666666;\n    line-height: 40/ 2 * @toVw;\n    .text-content{\n      font-family: PingFang-SC-Regular;\n      font-size: 24/ 2 * @toVw;\n      color: #999999;\n    }\n  }\n  .sub-block{\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    bottom: 160/ 2 * @toVw;\n    img{\n      width: 88 * @toVw\n    }\n  }\n  .bottom-block{\n    width: 100%;\n    text-align: center;\n    position: fixed;\n    z-index: 5;\n    bottom: 10 * @toVw;\n    img{\n      width: 127 * @toVw;\n      &:first-child{\n        margin-right: 15 * @toVw;\n      }\n    }\n  }\n}\n.share{\n  background-size: 100% 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom:0;\n  right: 0;\n  .tips{\n    position: absolute;\n    top: 8 * @toVw;\n    height: 66 * @toVw;\n    z-index: 0;\n    right: 31 * @toVw;\n  }\n  .back-show{\n    width: 30 * @toVw;\n    position: absolute;\n    top: 15 * @toVw;\n    left: 30 * @toVw;\n  }\n  .text-tips{\n    position: absolute;\n    color: white;\n    top: 550 * @toVw;\n    font-size: 12px;\n    z-index: 5;\n    width: 100%;\n    text-align: center;\n  }\n  img.content{\n    z-index: 3;\n  }\n  .contentImg{\n    width: 313 * @toVw;\n    height: 524 * @toVw;\n    position: absolute;\n    top:53 * @toVw;\n    left: 50%;\n    z-index: 3;\n    margin-left: -156 * @toVw;\n  }\n  .content{\n    transform-origin:0 0;\n    width: 626 * @toVw;\n    height: 1048 * @toVw;\n    background-size: 100% 100%;\n    position: absolute;\n    z-index: 2;\n    top:53 * @toVw;\n    left: 50%;\n    margin-left: -156 * @toVw;\n    .head{\n      border-radius: 1000px;\n      width: 64 * @toVw;\n      position: absolute;\n      top: 257 *2 * @toVw;\n      left: 40 *2  * @toVw;\n    }\n    #qrcode{\n      position: absolute;\n      bottom: 90 * @toVw;\n      right: 80 * @toVw;\n    }\n    .name{\n      width:140px;\n      height:40px;\n      font-size:28px;\n      font-family:PingFang-SC-Bold;\n      font-weight:bold;\n      color:rgba(51,51,51,1);\n      line-height:40px;\n      position: absolute;\n      top: 257 * 2 * @toVw;\n      left: 84 * 2 * @toVw;\n    }\n    .day{\n      font-size:40px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(51,51,51,1);\n      line-height:56px;\n      position: absolute;\n      top: 334*2 * @toVw;\n      right:243*2 * @toVw;\n    }\n    .num{\n      font-size:40px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(51,51,51,1);\n      line-height:56px;\n      position: absolute;\n      top: 334 * 2 * @toVw;\n      right: 167 * 2 * @toVw;\n    }\n    .time{\n      font-size:40px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(51,51,51,1);\n      line-height:56px;\n      position: absolute;\n      top: 334 * 2 * @toVw;\n      right: 63 * 2 * @toVw;\n    }\n  }\n}\n'],sourceRoot:""}])},"1kS7":function(n,t){t.f=Object.getOwnPropertySymbols},"3qTN":function(n,t,o){var e=o("9UBB");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("3cc33151",e,!1,{})},"4eOb":function(n,t,o){var e=o("T7wO");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("56340508",e,!1,{})},"5QVw":function(n,t,o){n.exports={default:o("BwfY"),__esModule:!0}},"6w3h":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-3e58d568] {\n  float: right;\n}\n.main-block[data-v-3e58d568] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-3e58d568]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-3e58d568]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-3e58d568]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-3e58d568]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.refueling1[data-v-3e58d568] {\n  background-size: 100% 100%;\n  padding-top: 2.66666667vw;\n}\n.refueling1 .audio-block-ref[data-v-3e58d568] {\n  width: 53.33333333vw;\n  position: absolute;\n  bottom: 8vw;\n  left: 6.66666667vw;\n  z-index: 2;\n  -webkit-transition: all 0.3s;\n  transition: all 0.3s;\n}\n.refueling1 .bg-block[data-v-3e58d568] {\n  width: 86.66666667vw;\n  background: white;\n  border-radius: 2.13333333vw;\n  padding: 2.66666667vw;\n  position: relative;\n  text-align: center;\n}\n.refueling1 .title[data-v-3e58d568] {\n  width: 74.66666667vw;\n}\n.refueling1 .bottom-block[data-v-3e58d568] {\n  margin-top: 2.66666667vw;\n  width: 100%;\n  text-align: center;\n}\n.refueling1 .bottom-block img[data-v-3e58d568] {\n  width: 33.86666667vw;\n}\n.refueling1 .bottom-block img[data-v-3e58d568]:first-child {\n  margin-right: 2.66666667vw;\n}\n.refueling1 .pageNo[data-v-3e58d568] {\n  position: absolute;\n  width: 100%;\n  color: #888888;\n  font-size: 12px;\n  left: 0;\n  display: inline-block;\n  text-align: center;\n  bottom: 0;\n}\n.refueling1 .bg[data-v-3e58d568] {\n  width: 100%;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/refueling1.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/refueling1.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACuBD;EACE,2BAAA;EACA,0BAAA;CDrBD;ACmBD;EAII,qBAAA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,WAAA;EACA,6BAAA;EAAA,qBAAA;CDpBH;ACWD;EAYI,qBAAA;EACA,kBAAA;EACA,4BAAA;EACA,sBAAA;EACA,mBAAA;EACA,mBAAA;CDpBH;ACGD;EAoBI,qBAAA;CDpBH;ACAD;EAuBI,yBAAA;EACA,YAAA;EACA,mBAAA;CDpBH;ACLD;EA2BM,qBAAA;CDnBL;ACoBK;EACE,2BAAA;CDlBP;ACXD;EAkCI,mBAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,QAAA;EACA,sBAAA;EACA,mBAAA;EACA,UAAA;CDpBH;ACrBD;EA4CM,YAAA;CDpBL",file:"refueling1.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.refueling1 {\n  background-size: 100% 100%;\n  padding-top: 2.66666667vw;\n}\n.refueling1 .audio-block-ref {\n  width: 53.33333333vw;\n  position: absolute;\n  bottom: 8vw;\n  left: 6.66666667vw;\n  z-index: 2;\n  transition: all 0.3s;\n}\n.refueling1 .bg-block {\n  width: 86.66666667vw;\n  background: white;\n  border-radius: 2.13333333vw;\n  padding: 2.66666667vw;\n  position: relative;\n  text-align: center;\n}\n.refueling1 .title {\n  width: 74.66666667vw;\n}\n.refueling1 .bottom-block {\n  margin-top: 2.66666667vw;\n  width: 100%;\n  text-align: center;\n}\n.refueling1 .bottom-block img {\n  width: 33.86666667vw;\n}\n.refueling1 .bottom-block img:first-child {\n  margin-right: 2.66666667vw;\n}\n.refueling1 .pageNo {\n  position: absolute;\n  width: 100%;\n  color: #888888;\n  font-size: 12px;\n  left: 0;\n  display: inline-block;\n  text-align: center;\n  bottom: 0;\n}\n.refueling1 .bg {\n  width: 100%;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.refueling1{\n  background-size: 100% 100%;\n  padding-top: 10 * @toVw;\n  .audio-block-ref{\n    width: 200 * @toVw;\n    position: absolute;\n    bottom: 30 * @toVw;\n    left: 25 * @toVw;\n    z-index: 2;\n    transition: all .3s;\n  }\n  .bg-block{\n    width: 325 * @toVw;\n    background: white;\n    border-radius: 8 * @toVw;\n    padding: 10 * @toVw;\n    position: relative;\n    text-align: center;\n  }\n  .title{\n    width: 280 * @toVw ;\n  }\n  .bottom-block{\n    margin-top: 10 * @toVw;\n    width: 100%;\n    text-align: center;\n    img{\n      width: 127 * @toVw;\n      &:first-child{\n        margin-right: 10*@toVw;\n      }\n    }\n  }\n  .pageNo{\n    position: absolute;\n    width: 100%;\n    color: #888888;\n    font-size: 12px;\n    left: 0;\n    display: inline-block;\n    text-align: center;\n    bottom:0;\n  }\n    .bg{\n      width: 100%;\n    }\n}\n'],sourceRoot:""}])},"7UMu":function(n,t,o){var e=o("R9M2");n.exports=Array.isArray||function(n){return"Array"==e(n)}},"9UBB":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.mint-indicator-wrapper{\n  z-index: 10 !important;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/components/mould/src/components/mould/show1.vue"],names:[],mappings:";AAueA;EACA,uBAAA;CACA",file:"show1.vue",sourcesContent:['<template>\n  <div>\n    <div class="show1" :style="{backgroundImage:`url(${imgUrl.bg})`}" v-if="!showType">\n      <img :src="imgUrl.riji" class="riji"/>\n      <img :src="imgUrl.yeziyou" class="yeziyou"/>\n      <img :src="imgUrl.yezizuo" class="yezizuo"/>\n      <img :src="imgUrl.zhaopianqiang" class="zhaopianqiang"/>\n      <div class="bg-block" :style="{backgroundImage:`url(${imgUrl.contentBg})`}">\n        <div class="title-block">\n          <img :src="imgUrl.title"/>\n        </div>\n        <div class="textarea">\n          <div :contenteditable="true" v-html="showData" class="text" id="text" ref="textareaDiv">\n\n          </div>\n          <div class="btn-block">\n            <input type="file" accept="image/*" @change="uploadImg" class="input"/>\n            <img :src="imgUrl.imgIcon" @click="chooseImage"/>\n          </div>\n        </div>\n        <div class="text-block">\n          解释说明：\n          <div class="text-content">\n            各位爸爸妈妈，记得在每日完成学习后记录宝宝一天的学习过程哦！养成良好的学习习惯也是很重要的一环，快来记录并分享宝宝的学习情况吧！\n          </div>\n        </div>\n        <img :src="imgUrl.shareIcon" class="share-icon" @click="toShare()"/>\n      </div>\n      <div class="bottom-block">\n        <img :src="imgUrl.backBtn" @click="goNext(nowLesson.content.lastIndex)"/>\n        <img :src="imgUrl.jiayoubao" @click="subLog(nowLesson.content.nextIndex)"/>\n      </div>\n    </div>\n    <div class="share" :style="{backgroundImage:`url(${imgUrl2.background})`}" v-show="showType">\n      <img :src="imgUrl.backShow" class="back-show" @click="showType = false"/>\n      <img :src="imgUrl2.tips" class="tips"/>\n      <img :src="dataURL" class="contentImg" v-if="dataURL">\n      <div class="text-tips">长按图片保存哦！</div>\n      <div class="content test-block" :style="{backgroundImage:`url(${imgUrl2.list[num]})`}" v-if="!dataURL && user" ref="imageWrapper">\n        <img :src="this.posterAvatar" class="head">\n        <div id="qrcode"></div>\n        <div class="name">{{user.nickname}}</div>\n        <div class="day">{{watchLog.total_day}}</div>\n        <div class="num">{{pNum}}</div>\n        <div class="time">{{watchLog.total_time}}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import {show1,share} from "../../util/imgUrl";\n  import  QRCode from \'qrcodejs2\'\n  import {uploadFileApi,getUserWatchApi,getUserDetailApi,getwechatParam,getNewApi} from "../../service/api";\n  import { Toast , Indicator } from \'mint-ui\';\n  import html2canvas from \'html2canvas\'\n  export default {\n    name: "show1",\n    props:[\n      \'nowLesson\',\n      \'showData\',\n      \'lessonTitle\',\n      \'isShare\'\n    ],\n    data(){\n      function randomNum(min,max){\n        switch(arguments.length){\n          case 1:\n            return Math.floor(Math.random()*minNum+1);\n            break;\n          case 2:\n            return Math.floor(Math.random()*(max-min+1)+min);\n            break;\n          default:\n            return 0;\n            break;\n        }\n      }\n      return{\n        imgUrl:show1,\n        imgUrl2:share,\n        showType:false,\n        dataURL: \'\',\n        posterAvatar:\'\',\n        hasToImg:false,\n        num:randomNum(0,4),\n        pNum:randomNum(80,95),\n        watchLog:null,\n        user:null,\n        newUrl:null\n      }\n    },\n    mounted(){\n      this.initPage();\n      window._hmt.push([\'_trackPageview\', \'/#/PV/show\']);\n    },\n    methods:{\n      toImage() {\n        html2canvas(this.$refs.imageWrapper,{\n          timeout: 300,\n          useCORS:true,\n          allowTaint: false,\n          logging:true,\n          letterRendering: true,\n          backgroundColor: null\n        }).then((canvas) => {\n          let dataURL = canvas.toDataURL("image/png");\n          Indicator.close();\n          this.dataURL = dataURL;\n        }).catch(res=>{alert(res);console.log()});\n      },\n      toDataURLBase64 (src, callback) {\n        let xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          let fileReader = new FileReader();\n          fileReader.onloadend = function () {\n            callback(fileReader.result)\n          };\n          fileReader.readAsDataURL(xhttp.response)\n        };\n        xhttp.responseType = \'blob\';\n        xhttp.open(\'GET\', src, true);\n        xhttp.send()\n      },\n      initPage(){\n        getUserWatchApi().then((res)=>{\n          res.total_time = (res.total_time/60).toFixed(0)*1+1;\n          this.watchLog = res\n        });\n        getwechatParam({\n          api_list:\'chooseImage,previewImage,uploadImage,downloadImage,getLocalImgData,onMenuShareAppMessage,onMenuShareTimeline\',\n          url:window.location.href.split(\'#\')[0]\n        }).then(res=>{\n          wx.config({\n            debug: false,\n            appId: res.appId,\n            timestamp: parseInt(res.timestamp),\n            nonceStr: res.nonceStr,\n            signature: res.signature,\n            jsApiList: res.jsApiList\n          });\n        });\n        getNewApi().then(res=>{\n          this.newUrl = res[0].desc\n          console.log(this.newUrl)\n        })\n      },\n      qrcode(){\n        let that = this;\n        new QRCode(\'qrcode\', {\n          width: 150,\n          height: 150, // 高度\n          text: that.newUrl, // 二维码内容\n          image: \'\'\n        });\n      },\n      toShare(){\n        this.showType = true;\n        if(!this.hasToImg){\n          this.hasToImg = true;\n          Indicator.open(\'生成图片中...\');\n          getUserDetailApi().then(res=>{\n            this.user = res;\n            let _this = this;\n            this.toDataURLBase64(this.user.avatar.replace(\'http://\',\'https://\'), function (avatarUrl) {\n              _this.posterAvatar = avatarUrl;\n            });\n            getUserWatchApi().then(res=>{\n              let that = this;\n              this.showObj = res;\n              this.showFinish = true;\n              this.qrcode();\n              that.$nextTick(()=>{\n                setTimeout(()=>{\n                  that.toImage()\n                },300)\n              });\n              wx.onMenuShareAppMessage({\n                title: \' 唱唱启蒙英语\', // 分享标题\n                desc: \'每天10分钟，英语开口唱【SingsingEnglish】\',// 分享描述\n                link: that.newUrl, // 分享链接\n                imgUrl:  \'https://cdn.singsingenglish.com/new-sing/20181018/ec3a7735c11388947c106b0b507e2aaae213ed561539843913993.jpg\', // 分享图标\n                success: function() {\n                  Toast(\'分享成功\');\n                  that.goNext(that.nowLesson.content.nextIndex,true);\n                  that.showFinish = false\n                },\n              });\n              wx.onMenuShareTimeline({\n                title: `我家宝宝正在【唱唱启蒙英语】学唱童谣，已累计学习 ${that.watchLog.total_time} 分钟`, // 分享标题\n                desc: `我家宝宝正在【唱唱启蒙英语】学唱童谣，已累计学习 ${that.watchLog.total_time} 分钟`,// 分享描述\n                link: that.newUrl, // 分享链接\n                imgUrl:  \'https://cdn.singsingenglish.com/new-sing/20181018/70bd676f32d9510529c83beb45976e705bfce19a1539843913384.jpg\', // 分享图标\n                success: function() {\n                  Toast(\'分享成功\');\n                  that.goNext(that.nowLesson.content.nextIndex,true);\n                  that.showFinish = false\n                },\n              });\n            })\n          });\n        }\n      },\n      subLog(){\n        this.$emit(\'subLog\',this.$refs.textareaDiv.innerHTML);\n        this.goNext(this.nowLesson.content.nextIndex,true);\n      },\n      uploadImg(e){\n        Indicator.open(\'图片上传中\');\n        uploadFileApi({file:e.target.files[0],type:\'local\'}).then(res=>{\n          this.$refs.textareaDiv.innerHTML += `<img src="${process.env.IMAGE_URL_HEAD}${res.url}" style="max-width: 200px">`;\n          Indicator.close();\n        })\n      },\n      goNext(i,next){\n        this.$emit(\'goNext\',{i:i,next:!!next})\n      },\n      // 选择图片\n      chooseImage(){\n        wx.chooseImage({\n          count: 1, // 默认9\n          sizeType: [\'original\', \'compressed\'], // 可以指定是原图还是压缩图，默认二者都有\n          sourceType: [\'album\', \'camera\'], // 可以指定来源是相册还是相机，默认二者都有\n          success: function (res) {\n            let localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片\n            console.log(res)\n\n          }\n        });\n      },\n      // 选择音频\n      chooseRadio(){\n        wx.chooseImage({\n          count: 1, // 默认9\n          sizeType: [\'original\', \'compressed\'], // 可以指定是原图还是压缩图，默认二者都有\n          sourceType: [\'album\', \'camera\'], // 可以指定来源是相册还是相机，默认二者都有\n          success: function (res) {\n            // var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片\n          }\n        });\n      },\n    }\n  }\n<\/script>\n\n<style scoped lang="less">\n  @import "../../util/public";\n  .show1{\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 100%;\n    overflow-x: hidden;\n    width: 100%;\n    background-size: 100% 100%;\n    &>img{\n      position: absolute;\n      z-index: 2;\n      &.haiou{\n        top: 390 * @toVw;\n        left: 70/ 2 * @toVw;\n        width: 81 * @toVw;\n      }\n      &.riji{\n        width:78*@toVw ;\n        top: 25 * @toVw;\n        left: 0;\n      }\n      &.yeziyou{\n        bottom: 0;\n        right: 0;\n        width: 258/2*@toVw;\n      }\n      &.yezizuo{\n        width: 238 / 2 *@toVw;\n        bottom: 0;\n        left: 0;\n      }\n      &.zhaopianqiang{\n        top: 400 * @toVw;\n        left: 80/ 2 * @toVw;\n        width: 234 / 2  * @toVw;\n      }\n    }\n    .bg-block{\n      position: relative;\n      width: 344 * @toVw;\n      background-size: 100%;\n      height: 552 * @toVw;\n      .zhuangshi{\n        bottom: 0;\n      }\n      .share-icon{\n        width: 90* @toVw;\n        position: absolute;\n        bottom: 30 * @toVw;\n        left: 100 * @toVw;\n      }\n    }\n    .title-block{\n      padding-top: 50 * @toVw;\n      text-align: center;\n      img{\n        width:  420 / 2 * @toVw;\n      }\n    }\n    .textarea{\n      background: #FDFDFD;\n      height: 352/ 2 * @toVw;\n      width: 626/ 2 * @toVw;\n      margin:10*@toVw auto 0 auto;\n      box-shadow: inset 1/ 2 * @toVw 1/ 2 * @toVw 3/ 2 * @toVw 1/ 2 * @toVw rgba(142,142,142,0.50);\n      border-radius: 8/ 2 * @toVw;\n      position: relative;\n      .text{\n        position: absolute;\n        top: 5px;\n        left: 5px;\n        overflow: auto;\n        outline: none;\n        bottom: 5px;\n        right: 5px;\n      }\n      .btn-block{\n        position: absolute;\n        bottom: 10/ 2 * @toVw;\n        right: 10/ 2 * @toVw;\n        .input{\n          opacity: 0;\n          width: 24 * @toVw;\n          position: absolute;\n        }\n        img{\n          width: 32 * @toVw;\n          margin-right: 10/ 2 * @toVw;\n        }\n      }\n    }\n    .text-block{\n      width: 600/ 2 * @toVw;\n      margin: auto;\n      padding-top: 20/ 2 * @toVw;\n      text-align: left;\n      font-family: PingFang-SC-Medium;\n      font-size: 28/ 2 * @toVw;\n      color: #666666;\n      line-height: 40/ 2 * @toVw;\n      .text-content{\n        font-family: PingFang-SC-Regular;\n        font-size: 24/ 2 * @toVw;\n        color: #999999;\n      }\n    }\n    .sub-block{\n      position: absolute;\n      width: 100%;\n      text-align: center;\n      bottom: 160/ 2 * @toVw;\n      img{\n        width: 88 * @toVw\n      }\n    }\n    .bottom-block{\n      width: 100%;\n      text-align: center;\n      position: fixed;\n      z-index: 5;\n      bottom: 10 * @toVw;\n      img{\n        width: 127 * @toVw;\n        &:first-child{\n          margin-right: 15 * @toVw;\n        }\n      }\n    }\n  }\n  .share{\n    background-size: 100% 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom:0;\n    right: 0;\n    .tips{\n      position: absolute;\n      top: 8 * @toVw;\n      height: 66 * @toVw;\n      z-index: 0;\n      right: 31 * @toVw;\n    }\n    .back-show{\n      width: 30 * @toVw;\n      position: absolute;\n      top: 15 * @toVw;\n      left: 30 * @toVw;\n    }\n    .text-tips{\n      position: absolute;\n      color: white;\n      top: 550 * @toVw;\n      font-size: 12px;\n      z-index: 5;\n      width: 100%;\n      text-align: center;\n    }\n    img.content{\n      z-index: 3;\n    }\n    .contentImg{\n      width: 313 * @toVw;\n      height: 524 * @toVw;\n      position: absolute;\n      top:53 * @toVw;\n      left: 50%;\n      z-index: 3;\n      margin-left: -156 * @toVw;\n    }\n    .content{\n      transform-origin:0 0;\n      width: 626 * @toVw;\n      height: 1048 * @toVw;\n      background-size: 100% 100%;\n      position: absolute;\n      z-index: 2;\n      top:53 * @toVw;\n      left: 50%;\n      margin-left: -156 * @toVw;\n      .head{\n        border-radius: 1000px;\n        width: 64 * @toVw;\n        position: absolute;\n        top: 257 *2 * @toVw;\n        left: 40 *2  * @toVw;\n      }\n      #qrcode{\n        position: absolute;\n        bottom: 90 * @toVw;\n        right: 80 * @toVw;\n      }\n      .name{\n        width:140px;\n        height:40px;\n        font-size:28px;\n        font-family:PingFang-SC-Bold;\n        font-weight:bold;\n        color:rgba(51,51,51,1);\n        line-height:40px;\n        position: absolute;\n        top: 257 * 2 * @toVw;\n        left: 84 * 2 * @toVw;\n      }\n      .day{\n        font-size:40px;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(51,51,51,1);\n        line-height:56px;\n        position: absolute;\n        top: 334*2 * @toVw;\n        right:243*2 * @toVw;\n      }\n      .num{\n        font-size:40px;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(51,51,51,1);\n        line-height:56px;\n        position: absolute;\n        top: 334 * 2 * @toVw;\n        right: 167 * 2 * @toVw;\n      }\n      .time{\n        font-size:40px;\n        font-family:PingFang-SC-Medium;\n        font-weight:500;\n        color:rgba(51,51,51,1);\n        line-height:56px;\n        position: absolute;\n        top: 334 * 2 * @toVw;\n        right: 63 * 2 * @toVw;\n      }\n    }\n  }\n</style>\n<style>\n  .mint-indicator-wrapper{\n    z-index: 10 !important;\n  }\n</style>\n'],sourceRoot:""}])},Aru5:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-2d523a14] {\n  float: right;\n}\n.main-block[data-v-2d523a14] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-2d523a14]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-2d523a14]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-2d523a14]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-2d523a14]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\ninput[type=range][data-v-2d523a14] {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-appearance: none;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  width: 90%;\n  padding: 0 1.33333333vw;\n  border-radius: 10px;\n  /*这个属性设置使填充进度条时的图形为圆角*/\n}\ninput[type=range][data-v-2d523a14]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n}\ninput[type=range][data-v-2d523a14]::-webkit-slider-runnable-track {\n  height: 0.53333333vw;\n  background: #999999;\n  border-radius: 0.26666667vw;\n}\ninput[type=range][data-v-2d523a14]:focus {\n  outline: none;\n}\ninput[type=range][data-v-2d523a14]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  border-radius: 50%;\n  /*外观设置为圆形*/\n  height: 4vw;\n  width: 4vw;\n  margin-top: -1.6vw;\n  /*使滑块超出轨道部分的偏移量相等*/\n  background: #ffffff;\n  border: solid 0.26666667vw rgba(205, 224, 230, 0.5);\n  /*设置边框*/\n  -webkit-box-shadow: 0 0 0.53333333vw #3b4547;\n          box-shadow: 0 0 0.53333333vw #3b4547;\n  /*添加底部阴影*/\n}\n.audioOff[data-v-2d523a14] {\n  padding: 1.33333333vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  border: 1px solid #888;\n  background: white;\n  border-radius: 500px;\n}\n.ofplayBox[data-v-2d523a14] {\n  width: 100%;\n  height: 8vw;\n  margin: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n.isPlayImg[data-v-2d523a14] {\n  width: 10.66666667vw;\n  height: 100%;\n}\n.isPlayImg img[data-v-2d523a14] {\n  width: 8vw;\n}\n.progress[data-v-2d523a14] {\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  position: relative;\n  font-size: 12px;\n}\n.duration[data-v-2d523a14] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  font-size: 12px;\n  margin-left: 1.33333333vw;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n.duration span[data-v-2d523a14]:first-child {\n  margin-left: 0;\n}\n.right-timer[data-v-2d523a14] {\n  margin-right: 0.27rem;\n}\n@media screen and (orientation: landscape) {\n.audioOff[data-v-2d523a14] {\n    padding: 0.53333333vw;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    border: 2px solid #888;\n    background: white;\n    border-radius: 500px;\n}\ninput[type=range][data-v-2d523a14] {\n    -webkit-appearance: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 90%;\n    padding: 0 1.33333333vw;\n    border-radius: 10px;\n    /*这个属性设置使填充进度条时的图形为圆角*/\n}\ninput[type=range][data-v-2d523a14]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n}\ninput[type=range][data-v-2d523a14]::-webkit-slider-runnable-track {\n    height: 0.53333333vw;\n    background: #999999;\n    border-radius: 0.26666667vw;\n}\ninput[type=range][data-v-2d523a14]:focus {\n    outline: none;\n}\ninput[type=range][data-v-2d523a14]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%;\n    /*外观设置为圆形*/\n    height: 2.66666667vw;\n    width: 2.66666667vw;\n    margin-top: -1.06666667vw;\n    /*使滑块超出轨道部分的偏移量相等*/\n    background: #ffffff;\n    border: solid 0.26666667vw rgba(205, 224, 230, 0.5);\n    /*设置边框*/\n    -webkit-box-shadow: 0 0.125em 0.125em #3b4547;\n            box-shadow: 0 0.125em 0.125em #3b4547;\n    /*添加底部阴影*/\n}\n.ofplayBox[data-v-2d523a14] {\n    width: 100%;\n    height: 5.33333333vw;\n    margin: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.isPlayImg[data-v-2d523a14] {\n    width: 6.4vw;\n    margin-right: 1.33333333vw;\n    height: 100%;\n}\n.isPlayImg img[data-v-2d523a14] {\n    width: 5.33333333vw;\n}\n.progress[data-v-2d523a14] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    position: relative;\n    font-size: 12px;\n}\n.duration[data-v-2d523a14] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    font-size: 12px;\n    margin-left: 1.33333333vw;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n}\n.duration span[data-v-2d523a14]:first-child {\n    margin-left: 0;\n}\n.right-timer[data-v-2d523a14] {\n    margin-right: 0.27rem;\n}\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/public/audioPlay.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/public/audioPlay.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACsMD;EACE,iCAAA;EACA,yBAAA;EACA,yBAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,WAAA;EACA,wBAAA;EACA,oBAAA;EDpMA,uBAAuB;CACxB;ACqMD;EACE,yBAAA;CDnMD;ACqMD;EACG,qBAAA;EACD,oBAAA;EACA,4BAAA;CDnMD;ACqMD;EACE,cAAA;CDnMD;ACqMD;EACE,yBAAA;EACA,mBAAA;EDnMA,WAAW;ECoMX,YAAA;EACA,WAAA;EACA,mBAAA;EDlMA,mBAAmB;ECmMnB,oBAAA;EACA,oDAAA;EDjMA,QAAQ;ECkMR,6CAAA;UAAA,qCAAA;EDhMA,UAAU;CACX;ACkMD;EACE,sBAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,wBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,uBAAA;EACA,kBAAA;EACA,qBAAA;CDhMD;ACmMD;EACE,YAAA;EACA,YAAA;EACA,UAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;CDjMD;ACoMD;EACE,qBAAA;EACA,aAAA;CDlMD;ACqMD;EACE,WAAA;CDnMD;ACsMD;EACE,oBAAA;MAAA,YAAA;UAAA,QAAA;EACA,mBAAA;EACA,gBAAA;CDpMD;ACuMD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,gBAAA;EACA,0BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,+BAAA;CDrMD;ACiMD;EAMI,eAAA;CDpMH;ACuMD;EACE,sBAAA;CDrMD;ACwMD;AACE;IACE,sBAAA;IACA,qBAAA;IAAA,qBAAA;IAAA,cAAA;IACA,yBAAA;QAAA,sBAAA;YAAA,wBAAA;IACA,0BAAA;QAAA,uBAAA;YAAA,oBAAA;IACA,uBAAA;IACA,kBAAA;IACA,qBAAA;CDtMD;ACwMD;IACE,yBAAA;IACA,qBAAA;IAAA,qBAAA;IAAA,cAAA;IACA,WAAA;IACA,wBAAA;IACA,oBAAA;IDtMA,uBAAuB;CACxB;ACuMD;IACE,yBAAA;CDrMD;ACuMD;IACE,qBAAA;IACA,oBAAA;IACA,4BAAA;CDrMD;ACuMD;IACE,cAAA;CDrMD;ACuMD;IACE,yBAAA;IACA,mBAAA;IDrMA,WAAW;ICsMX,qBAAA;IACA,oBAAA;IACA,0BAAA;IDpMA,mBAAmB;ICqMnB,oBAAA;IACA,oDAAA;IDnMA,QAAQ;ICoMR,8CAAA;YAAA,sCAAA;IDlMA,UAAU;CACX;ACoMD;IACE,YAAA;IACA,qBAAA;IACA,UAAA;IACA,qBAAA;IAAA,qBAAA;IAAA,cAAA;CDlMD;ACqMD;IACE,aAAA;IACA,2BAAA;IACA,aAAA;CDnMD;ACsMD;IACE,oBAAA;CDpMD;ACuMD;IACE,oBAAA;QAAA,YAAA;YAAA,QAAA;IACA,mBAAA;IACA,gBAAA;CDrMD;ACuMD;IACE,qBAAA;IAAA,qBAAA;IAAA,cAAA;IACA,gBAAA;IACA,0BAAA;IACA,0BAAA;QAAA,uBAAA;YAAA,+BAAA;CDrMD;ACiMD;IAMI,eAAA;CDpMH;ACuMD;IACE,sBAAA;CDrMD;CACF",file:"audioPlay.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\ninput[type=range] {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-appearance: none;\n  display: flex;\n  width: 90%;\n  padding: 0 1.33333333vw;\n  border-radius: 10px;\n  /*这个属性设置使填充进度条时的图形为圆角*/\n}\ninput[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n}\ninput[type=range]::-webkit-slider-runnable-track {\n  height: 0.53333333vw;\n  background: #999999;\n  border-radius: 0.26666667vw;\n}\ninput[type=range]:focus {\n  outline: none;\n}\ninput[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  border-radius: 50%;\n  /*外观设置为圆形*/\n  height: 4vw;\n  width: 4vw;\n  margin-top: -1.6vw;\n  /*使滑块超出轨道部分的偏移量相等*/\n  background: #ffffff;\n  border: solid 0.26666667vw rgba(205, 224, 230, 0.5);\n  /*设置边框*/\n  box-shadow: 0 0 0.53333333vw #3b4547;\n  /*添加底部阴影*/\n}\n.audioOff {\n  padding: 1.33333333vw;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid #888;\n  background: white;\n  border-radius: 500px;\n}\n.ofplayBox {\n  width: 100%;\n  height: 8vw;\n  margin: 0;\n  display: flex;\n}\n.isPlayImg {\n  width: 10.66666667vw;\n  height: 100%;\n}\n.isPlayImg img {\n  width: 8vw;\n}\n.progress {\n  flex: 1;\n  position: relative;\n  font-size: 12px;\n}\n.duration {\n  display: flex;\n  font-size: 12px;\n  margin-left: 1.33333333vw;\n  justify-content: space-between;\n}\n.duration span:first-child {\n  margin-left: 0;\n}\n.right-timer {\n  margin-right: 0.27rem;\n}\n@media screen and (orientation: landscape) {\n  .audioOff {\n    padding: 0.53333333vw;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 2px solid #888;\n    background: white;\n    border-radius: 500px;\n  }\n  input[type=range] {\n    -webkit-appearance: none;\n    display: flex;\n    width: 90%;\n    padding: 0 1.33333333vw;\n    border-radius: 10px;\n    /*这个属性设置使填充进度条时的图形为圆角*/\n  }\n  input[type=range]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n  }\n  input[type=range]::-webkit-slider-runnable-track {\n    height: 0.53333333vw;\n    background: #999999;\n    border-radius: 0.26666667vw;\n  }\n  input[type=range]:focus {\n    outline: none;\n  }\n  input[type=range]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%;\n    /*外观设置为圆形*/\n    height: 2.66666667vw;\n    width: 2.66666667vw;\n    margin-top: -1.06666667vw;\n    /*使滑块超出轨道部分的偏移量相等*/\n    background: #ffffff;\n    border: solid 0.26666667vw rgba(205, 224, 230, 0.5);\n    /*设置边框*/\n    box-shadow: 0 0.125em 0.125em #3b4547;\n    /*添加底部阴影*/\n  }\n  .ofplayBox {\n    width: 100%;\n    height: 5.33333333vw;\n    margin: 0;\n    display: flex;\n  }\n  .isPlayImg {\n    width: 6.4vw;\n    margin-right: 1.33333333vw;\n    height: 100%;\n  }\n  .isPlayImg img {\n    width: 5.33333333vw;\n  }\n  .progress {\n    flex: 1;\n    position: relative;\n    font-size: 12px;\n  }\n  .duration {\n    display: flex;\n    font-size: 12px;\n    margin-left: 1.33333333vw;\n    justify-content: space-between;\n  }\n  .duration span:first-child {\n    margin-left: 0;\n  }\n  .right-timer {\n    margin-right: 0.27rem;\n  }\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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";\ninput[type=range] {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-appearance: none;\n  display: flex;\n  width: 90%;\n  padding: 0 5 * @toVw;\n  border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/\n}\ninput[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n}\ninput[type=range]::-webkit-slider-runnable-track {\n   height: 2 * @toVw;\n  background: #999999;\n  border-radius: 1 * @toVw ;\n }\ninput[type=range]:focus {\n  outline: none;\n}\ninput[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  border-radius: 50%; /*外观设置为圆形*/\n  height: 15 * @toVw;\n  width:  15 * @toVw;\n  margin-top: -6 * @toVw; /*使滑块超出轨道部分的偏移量相等*/\n  background: #ffffff;\n  border: solid 1* @toVw rgba(205, 224, 230, 0.5); /*设置边框*/\n  box-shadow: 0 0 2 * @toVw #3b4547; /*添加底部阴影*/\n\n}\n.audioOff {\n  padding: 5 * @toVw;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid #888;\n  background: white;\n  border-radius: 500px;\n}\n\n.ofplayBox {\n  width: 100%;\n  height: 30 * @toVw;\n  margin: 0;\n  display: flex;\n}\n\n.isPlayImg {\n  width: 40 * @toVw;\n  height: 100%;\n}\n\n.isPlayImg img {\n  width: 30 * @toVw;\n}\n\n.progress {\n  flex: 1;\n  position: relative;\n  font-size: 12px;\n}\n\n.duration {\n  display: flex;\n  font-size: 12px;\n  margin-left: 5 * @toVw;\n  justify-content: space-between;\n  span:first-child{\n    margin-left: 0;\n  }\n}\n.right-timer{\n  margin-right: 0.27rem;\n}\n\n@media screen and (orientation: landscape) {\n  .audioOff {\n    padding: 2 * @toVw;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 2px solid #888;\n    background: white;\n    border-radius: 500px;\n  }\n  input[type=range] {\n    -webkit-appearance: none;\n    display: flex;\n    width: 90%;\n    padding: 0 5 * @toVw;\n    border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/\n  }\n  input[type=range]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n  }\n  input[type=range]::-webkit-slider-runnable-track {\n    height: 2 * @toVw;\n    background: #999999;\n    border-radius: 1 * @toVw ;\n  }\n  input[type=range]:focus {\n    outline: none;\n  }\n  input[type=range]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    border-radius: 50%; /*外观设置为圆形*/\n    height: 10 * @toVw;\n    width:  10 * @toVw;\n    margin-top: -4 * @toVw; /*使滑块超出轨道部分的偏移量相等*/\n    background: #ffffff;\n    border: solid 1* @toVw rgba(205, 224, 230, 0.5); /*设置边框*/\n    box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/\n\n  }\n  .ofplayBox {\n    width: 100%;\n    height: 20 * @toVw;\n    margin: 0;\n    display: flex;\n  }\n\n  .isPlayImg {\n    width: 24 * @toVw;\n    margin-right: 5 * @toVw;\n    height: 100%;\n  }\n\n  .isPlayImg img {\n    width: 20 * @toVw;\n  }\n\n  .progress {\n    flex: 1;\n    position: relative;\n    font-size: 12px;\n  }\n  .duration {\n    display: flex;\n    font-size: 12px;\n    margin-left: 5 * @toVw;\n    justify-content: space-between;\n    span:first-child{\n      margin-left: 0;\n    }\n  }\n  .right-timer{\n    margin-right: 0.27rem;\n  }\n\n}\n'],sourceRoot:""}])},B49R:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\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.mt-range-thumb {\n  background-color: #fff;\n  position: absolute;\n  left: 0;\n  width: 5.33333333vw !important;\n  height: 5.33333333vw !important;\n  top: -2.66666667vw !important;\n  cursor: move;\n  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n  z-index: 999;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/audio1.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/audio1.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACoSD;EACE,uBAAA;EACA,mBAAA;EACA,QAAA;EACA,+BAAA;EACA,gCAAA;EACA,8BAAA;EACA,aAAA;EACA,iDAAA;EACA,yCAAA;EACA,aAAA;CDlSD",file:"audio1.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.mt-range-thumb {\n  background-color: #fff;\n  position: absolute;\n  left: 0;\n  width: 5.33333333vw !important;\n  height: 5.33333333vw !important;\n  top: -2.66666667vw !important;\n  cursor: move;\n  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n  z-index: 999;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.mt-range-thumb {\n  background-color: #fff;\n  position: absolute;\n  left: 0;\n  width: 20 * @toVw !important;\n  height: 20 * @toVw !important;\n  top: -10 * @toVw !important;\n  cursor: move;\n  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);\n  z-index: 999;\n}\n'],sourceRoot:""}])},BwfY:function(n,t,o){o("fWfb"),o("M6a0"),o("OYls"),o("QWe/"),n.exports=o("FeBl").Symbol},CamZ:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-38a2ed64] {\n  float: right;\n}\n.main-block[data-v-38a2ed64] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-38a2ed64]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-38a2ed64]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-38a2ed64]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-38a2ed64]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.look1[data-v-38a2ed64] {\n  height: 100%;\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-size: 100% 100%;\n}\n.look1 .bottom-block[data-v-38a2ed64] {\n  position: fixed;\n  width: 100%;\n  text-align: center;\n  bottom: 1.33333333vw;\n  z-index: 5;\n  margin-top: 4vw;\n}\n.look1 .bottom-block .timeout-block[data-v-38a2ed64] {\n  display: inline-block;\n  position: relative;\n}\n.look1 .bottom-block .timeout-block .time-check[data-v-38a2ed64] {\n  color: white;\n  position: absolute;\n  top: 1.86666667vw;\n  width: 2em;\n  text-align: right;\n  left: 19.46666667vw;\n}\n.look1 .bottom-block img[data-v-38a2ed64] {\n  width: 33.86666667vw;\n}\n.look1 .bottom-block img[data-v-38a2ed64]:first-child {\n  margin-right: 6.66666667vw;\n}\n.look1 .reqiqiu[data-v-38a2ed64] {\n  position: absolute;\n  left: -4vw;\n  width: 14.93333333vw;\n  z-index: 1;\n}\n.look1 .qiqiu[data-v-38a2ed64] {\n  position: absolute;\n  z-index: 1;\n  width: 11.2vw;\n  left: -4vw;\n  top: 93.33333333vw;\n}\n.look1 .feiji[data-v-38a2ed64] {\n  position: absolute;\n  z-index: 1;\n  width: 22.4vw;\n  right: -2.66666667vw;\n  top: 32vw;\n}\n.look1 .content[data-v-38a2ed64] {\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  top: 4vw;\n  bottom: 12vw;\n  overflow: auto;\n  position: fixed;\n  background: white;\n  border-radius: 5px;\n  padding: 2.66666667vw;\n}\n.look1 .content .title img[data-v-38a2ed64] {\n  width: 100%;\n}\n.look1 .content .radio[data-v-38a2ed64] {\n  text-align: center;\n  position: relative;\n  height: 14.66666667vw;\n}\n.look1 .content .radio .r1[data-v-38a2ed64] {\n  position: absolute;\n  bottom: 2.66666667vw;\n  width: 60.13333333vw;\n  right: 2.66666667vw;\n}\n.look1 .content .radio .audio-block[data-v-38a2ed64] {\n  position: absolute;\n  left: 24vw;\n  right: 2.66666667vw;\n}\n.look1 .content .radio .r2[data-v-38a2ed64] {\n  position: absolute;\n  right: 12vw;\n  width: 31.46666667vw;\n  bottom: 3.46666667vw;\n  color: #666;\n}\n.look1 .content .radio .r2.text[data-v-38a2ed64] {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n}\n.look1 .content .radio .r2.text span[data-v-38a2ed64] {\n  font-size: 20px;\n  -webkit-animation: load-data-v-38a2ed64 1s ease infinite;\n}\n.look1 .content .radio .r2.text span[data-v-38a2ed64]:nth-child(1) {\n  -webkit-animation-delay: 1.2s;\n}\n.look1 .content .radio .r2.text span[data-v-38a2ed64]:nth-child(2) {\n  -webkit-animation-delay: 1.4s;\n}\n.look1 .content .radio .r2.text span[data-v-38a2ed64]:nth-child(3) {\n  -webkit-animation-delay: 1.6s;\n}\n.look1 .content .radio .r3[data-v-38a2ed64] {\n  position: absolute;\n  left: 4vw;\n  bottom: 2.66666667vw;\n  width: 19.46666667vw;\n}\n.look1 .content .radio .rs[data-v-38a2ed64] {\n  position: absolute;\n  right: 50.66666667vw;\n  bottom: 4vw;\n  width: 5.86666667vw;\n}\n.look1 .content .radio .rp[data-v-38a2ed64] {\n  position: absolute;\n  right: 50.66666667vw;\n  bottom: 4vw;\n  width: 5.86666667vw;\n}\n.look1 .content .today-block[data-v-38a2ed64] {\n  position: relative;\n}\n.look1 .content .today-block img[data-v-38a2ed64] {\n  width: 100%;\n}\n.look1 .content .today-block .today-text[data-v-38a2ed64] {\n  position: absolute;\n  top: 9.33333333vw;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  font-size: 3.73333333vw;\n  line-height: 9.33333333vw;\n  text-align: left;\n  padding-left: 5.33333333vw;\n  padding-right: 4vw;\n  z-index: 3;\n  overflow: hidden;\n}\n.look1 .content .today-block .today-text .zhanwei1[data-v-38a2ed64] {\n  float: left;\n  clear: left;\n  width: 4vw;\n  height: 9.33333333vw;\n}\n.look1 .content .today-block .today-text .zhanwei2[data-v-38a2ed64] {\n  float: left;\n  clear: left;\n  width: 16vw;\n  height: 9.33333333vw;\n}\n.look1 .content .today-block .today-text .zhanwei3[data-v-38a2ed64] {\n  float: left;\n  clear: left;\n  width: 18.66666667vw;\n  height: 9.33333333vw;\n}\n.look1 .content .title2-block[data-v-38a2ed64] {\n  background: #FFFFFF;\n  border: 1px solid #2E2E2E;\n  border-radius: 4px;\n  position: relative;\n  margin-top: 2.66666667vw;\n  min-height: 48.8vw;\n}\n.look1 .content .title2-block .directory-text[data-v-38a2ed64] {\n  margin-top: 5.33333333vw;\n  font-size: 3.73333333vw;\n  line-height: 6.66666667vw;\n  text-align: left;\n  padding-left: 5.33333333vw;\n  padding-right: 4vw;\n}\n.look1 .content .title2-block .title2[data-v-38a2ed64] {\n  position: absolute;\n  width: 51.2vw;\n  top: -5.33333333vw;\n  left: 2.66666667vw;\n}\n.look1 .content .title2-block .redM[data-v-38a2ed64] {\n  position: absolute;\n  width: 25.6vw;\n  top: -0.53333333vw;\n  right: -0.53333333vw;\n}\n.look1 .content .title2-block .flour[data-v-38a2ed64] {\n  position: absolute;\n  bottom: 0;\n  width: 45.06666667vw;\n  right: 0;\n}\n@-webkit-keyframes load-data-v-38a2ed64 {\n0% {\n    opacity: 1;\n}\n100% {\n    opacity: 0;\n}\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/look1.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/look1.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC0ID;EACE,aAAA;EACA,iBAAA;EACA,mBAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,2BAAA;CDxID;ACgID;EAUI,gBAAA;EACA,YAAA;EACA,mBAAA;EACA,qBAAA;EACA,WAAA;EACA,gBAAA;CDvIH;ACwHD;EAiBM,sBAAA;EACA,mBAAA;CDtIL;ACoHD;EAoBQ,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,kBAAA;EACA,oBAAA;CDrIP;AC4GD;EA6BM,qBAAA;CDtIL;ACyGD;EAgCM,2BAAA;CDtIL;ACsGD;EAqCI,mBAAA;EACA,WAAA;EACA,qBAAA;EACA,WAAA;CDxIH;ACgGD;EA2CI,mBAAA;EACA,WAAA;EACA,cAAA;EACA,WAAA;EACA,mBAAA;CDxIH;ACyFD;EAkDI,mBAAA;EACA,WAAA;EACA,cAAA;EACA,qBAAA;EACA,UAAA;CDxIH;ACkFD;EAyDI,mBAAA;EACA,oBAAA;EACA,SAAA;EACA,aAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,mBAAA;EACA,sBAAA;CDxIH;ACuED;EAqEQ,YAAA;CDzIP;ACoED;EAyEM,mBAAA;EACA,mBAAA;EACA,sBAAA;CD1IL;AC+DD;EA6EQ,mBAAA;EACA,qBAAA;EACA,qBAAA;EACA,oBAAA;CDzIP;ACyDD;EAmFQ,mBAAA;EACA,WAAA;EACA,oBAAA;CDzIP;ACoDD;EAwFQ,mBAAA;EACA,YAAA;EACA,qBAAA;EACA,qBAAA;EACA,YAAA;CDzIP;AC0IO;EACE,qBAAA;EACA,0BAAA;CDxIT;ACsIO;EAII,gBAAA;EACA,yDAAA;CDvIX;ACwIW;EACE,8BAAA;CDtIb;ACwIW;EACE,8BAAA;CDtIb;ACwIW;EACE,8BAAA;CDtIb;AC4BD;EAgHQ,mBAAA;EACA,UAAA;EACA,qBAAA;EACA,qBAAA;CDzIP;ACsBD;EAsHQ,mBAAA;EACA,qBAAA;EACA,YAAA;EACA,oBAAA;CDzIP;ACgBD;EA4HQ,mBAAA;EACA,qBAAA;EACA,YAAA;EACA,oBAAA;CDzIP;ACUD;EAmIM,mBAAA;CD1IL;ACOD;EAqIQ,YAAA;CDzIP;ACID;EAwIQ,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,wBAAA;EACA,0BAAA;EACA,iBAAA;EACA,2BAAA;EACA,mBAAA;EACA,WAAA;EACA,iBAAA;CDzIP;ACVD;EAqJU,YAAA;EACA,YAAA;EACA,WAAA;EACA,qBAAA;CDxIT;AChBD;EA2JU,YAAA;EACA,YAAA;EACA,YAAA;EACA,qBAAA;CDxIT;ACtBD;EAiKU,YAAA;EACA,YAAA;EACA,qBAAA;EACA,qBAAA;CDxIT;AC5BD;EAyKM,oBAAA;EACA,0BAAA;EACA,mBAAA;EACA,mBAAA;EACA,yBAAA;EACA,mBAAA;CD1IL;ACpCD;EAgLQ,yBAAA;EACA,wBAAA;EACA,0BAAA;EACA,iBAAA;EACA,2BAAA;EACA,mBAAA;CDzIP;AC5CD;EAwLQ,mBAAA;EACA,cAAA;EACA,mBAAA;EACA,mBAAA;CDzIP;AClDD;EA8LQ,mBAAA;EACA,cAAA;EACA,mBAAA;EACA,qBAAA;CDzIP;ACxDD;EAoMQ,mBAAA;EACA,UAAA;EACA,qBAAA;EACA,SAAA;CDzIP;AC8ID;AACE;IACE,WAAA;CD5ID;AC8ID;IACE,WAAA;CD5ID;CACF",file:"look1.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.look1 {\n  height: 100%;\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-size: 100% 100%;\n}\n.look1 .bottom-block {\n  position: fixed;\n  width: 100%;\n  text-align: center;\n  bottom: 1.33333333vw;\n  z-index: 5;\n  margin-top: 4vw;\n}\n.look1 .bottom-block .timeout-block {\n  display: inline-block;\n  position: relative;\n}\n.look1 .bottom-block .timeout-block .time-check {\n  color: white;\n  position: absolute;\n  top: 1.86666667vw;\n  width: 2em;\n  text-align: right;\n  left: 19.46666667vw;\n}\n.look1 .bottom-block img {\n  width: 33.86666667vw;\n}\n.look1 .bottom-block img:first-child {\n  margin-right: 6.66666667vw;\n}\n.look1 .reqiqiu {\n  position: absolute;\n  left: -4vw;\n  width: 14.93333333vw;\n  z-index: 1;\n}\n.look1 .qiqiu {\n  position: absolute;\n  z-index: 1;\n  width: 11.2vw;\n  left: -4vw;\n  top: 93.33333333vw;\n}\n.look1 .feiji {\n  position: absolute;\n  z-index: 1;\n  width: 22.4vw;\n  right: -2.66666667vw;\n  top: 32vw;\n}\n.look1 .content {\n  left: 5.33333333vw;\n  right: 5.33333333vw;\n  top: 4vw;\n  bottom: 12vw;\n  overflow: auto;\n  position: fixed;\n  background: white;\n  border-radius: 5px;\n  padding: 2.66666667vw;\n}\n.look1 .content .title img {\n  width: 100%;\n}\n.look1 .content .radio {\n  text-align: center;\n  position: relative;\n  height: 14.66666667vw;\n}\n.look1 .content .radio .r1 {\n  position: absolute;\n  bottom: 2.66666667vw;\n  width: 60.13333333vw;\n  right: 2.66666667vw;\n}\n.look1 .content .radio .audio-block {\n  position: absolute;\n  left: 24vw;\n  right: 2.66666667vw;\n}\n.look1 .content .radio .r2 {\n  position: absolute;\n  right: 12vw;\n  width: 31.46666667vw;\n  bottom: 3.46666667vw;\n  color: #666;\n}\n.look1 .content .radio .r2.text {\n  height: 7.46666667vw;\n  line-height: 7.46666667vw;\n}\n.look1 .content .radio .r2.text span {\n  font-size: 20px;\n  -webkit-animation: load 1s ease infinite;\n}\n.look1 .content .radio .r2.text span:nth-child(1) {\n  -webkit-animation-delay: 1.2s;\n}\n.look1 .content .radio .r2.text span:nth-child(2) {\n  -webkit-animation-delay: 1.4s;\n}\n.look1 .content .radio .r2.text span:nth-child(3) {\n  -webkit-animation-delay: 1.6s;\n}\n.look1 .content .radio .r3 {\n  position: absolute;\n  left: 4vw;\n  bottom: 2.66666667vw;\n  width: 19.46666667vw;\n}\n.look1 .content .radio .rs {\n  position: absolute;\n  right: 50.66666667vw;\n  bottom: 4vw;\n  width: 5.86666667vw;\n}\n.look1 .content .radio .rp {\n  position: absolute;\n  right: 50.66666667vw;\n  bottom: 4vw;\n  width: 5.86666667vw;\n}\n.look1 .content .today-block {\n  position: relative;\n}\n.look1 .content .today-block img {\n  width: 100%;\n}\n.look1 .content .today-block .today-text {\n  position: absolute;\n  top: 9.33333333vw;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  font-size: 3.73333333vw;\n  line-height: 9.33333333vw;\n  text-align: left;\n  padding-left: 5.33333333vw;\n  padding-right: 4vw;\n  z-index: 3;\n  overflow: hidden;\n}\n.look1 .content .today-block .today-text .zhanwei1 {\n  float: left;\n  clear: left;\n  width: 4vw;\n  height: 9.33333333vw;\n}\n.look1 .content .today-block .today-text .zhanwei2 {\n  float: left;\n  clear: left;\n  width: 16vw;\n  height: 9.33333333vw;\n}\n.look1 .content .today-block .today-text .zhanwei3 {\n  float: left;\n  clear: left;\n  width: 18.66666667vw;\n  height: 9.33333333vw;\n}\n.look1 .content .title2-block {\n  background: #FFFFFF;\n  border: 1px solid #2E2E2E;\n  border-radius: 4px;\n  position: relative;\n  margin-top: 2.66666667vw;\n  min-height: 48.8vw;\n}\n.look1 .content .title2-block .directory-text {\n  margin-top: 5.33333333vw;\n  font-size: 3.73333333vw;\n  line-height: 6.66666667vw;\n  text-align: left;\n  padding-left: 5.33333333vw;\n  padding-right: 4vw;\n}\n.look1 .content .title2-block .title2 {\n  position: absolute;\n  width: 51.2vw;\n  top: -5.33333333vw;\n  left: 2.66666667vw;\n}\n.look1 .content .title2-block .redM {\n  position: absolute;\n  width: 25.6vw;\n  top: -0.53333333vw;\n  right: -0.53333333vw;\n}\n.look1 .content .title2-block .flour {\n  position: absolute;\n  bottom: 0;\n  width: 45.06666667vw;\n  right: 0;\n}\n@-webkit-keyframes load {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.look1{\n  height: 100%;\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-size: 100% 100%;\n  .bottom-block{\n    position: fixed;\n    width: 100%;\n    text-align: center;\n    bottom: 5 * @toVw;\n    z-index: 5;\n    margin-top: 15 * @toVw;\n    .timeout-block{\n      display: inline-block;\n      position: relative;\n      .time-check{\n        color: white;\n        position: absolute;\n        top: 7 * @toVw;\n        width: 2em;\n        text-align: right;\n        left: 73 * @toVw;\n      }\n    }\n    img{\n      width: 127 * @toVw;\n    }\n    img:first-child{\n      margin-right: 25 * @toVw;\n    }\n\n  }\n  .reqiqiu{\n    position: absolute;\n    left: -30/ 2 * @toVw;\n    width: 56 * @toVw;\n    z-index: 1;\n  }\n  .qiqiu{\n    position: absolute;\n    z-index: 1;\n    width: 42 *@toVw;\n    left: -30/ 2 * @toVw;\n    top: 700/ 2 * @toVw;\n  }\n  .feiji{\n    position: absolute;\n    z-index: 1;\n    width: 84 * @toVw;\n    right: -10 * @toVw;\n    top: 120 * @toVw;\n  }\n  .content{\n    left: 20 * @toVw;\n    right: 20 * @toVw;\n    top:15 * @toVw;\n    bottom: 45 * @toVw;\n    overflow: auto;\n    position: fixed;\n    background: white;\n    border-radius: 5px;\n    padding: 10 * @toVw;\n\n    .title{\n      img{\n        width: 100%;\n      }\n    }\n    .radio{\n      text-align: center;\n      position: relative;\n      height: 55 * @toVw;\n      .r1{\n        position: absolute;\n        bottom: 10 * @toVw;\n        width: 225.5 * @toVw;\n        right: 10 * @toVw;\n      }\n      .audio-block{\n        position: absolute;\n        left: 90 * @toVw;\n        right: 10 * @toVw;\n      }\n      .r2{\n        position: absolute;\n        right: 45 * @toVw;\n        width: 118*@toVw;\n        bottom: 13 * @toVw;\n        color: #666;\n        &.text{\n          height: 28 * @toVw;\n          line-height: 28 * @toVw;\n          span{\n            font-size: 20px;\n            -webkit-animation: load 1s ease infinite;\n            &:nth-child(1){\n              -webkit-animation-delay:1.2s;\n            }\n            &:nth-child(2){\n              -webkit-animation-delay:1.4s;\n            }\n            &:nth-child(3){\n              -webkit-animation-delay:1.6s;\n            }\n          }\n        }\n      }\n      .r3{\n        position: absolute;\n        left: 15 * @toVw;\n        bottom: 10 * @toVw;\n        width: 73 * @toVw;\n      }\n      .rs{\n        position: absolute;\n        right: 190 * @toVw;\n        bottom: 15 * @toVw;\n        width: 22 * @toVw;\n      }\n      .rp{\n        position: absolute;\n        right: 190 * @toVw;\n        bottom: 15 * @toVw;\n        width: 22 * @toVw;\n      }\n    }\n    .today-block{\n      position: relative;\n      img{\n        width: 100%;\n      }\n      .today-text{\n        position: absolute;\n        top: 35* @toVw;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        font-size: 14* @toVw;\n        line-height: 35* @toVw;\n        text-align: left;\n        padding-left: 20* @toVw;\n        padding-right: 15* @toVw;\n        z-index: 3;\n        overflow: hidden;\n        .zhanwei1{\n          float: left;\n          clear: left;\n          width: 15* @toVw;\n          height: 35* @toVw;\n        }\n        .zhanwei2{\n          float: left;\n          clear: left;\n          width: 60* @toVw;\n          height: 35* @toVw;\n        }\n        .zhanwei3{\n          float: left;\n          clear: left;\n          width: 70* @toVw;\n          height: 35* @toVw;\n        }\n      }\n    }\n    .title2-block{\n      background: #FFFFFF;\n      border: 1px solid #2E2E2E;\n      border-radius: 4px;\n      position: relative;\n      margin-top: 10 * @toVw;\n      min-height: 183 * @toVw;\n      .directory-text{\n        margin-top: 20 * @toVw;\n        font-size: 28/ 2 * @toVw;\n        line-height: 50/ 2 * @toVw;\n        text-align: left;\n        padding-left: 40/ 2 * @toVw;\n        padding-right: 30/ 2 * @toVw;\n      }\n      .title2{\n        position: absolute;\n        width: 192 * @toVw;\n        top: -20 * @toVw;\n        left: 10 * @toVw;\n      }\n      .redM{\n        position: absolute;\n        width: 96 * @toVw;\n        top: -2 * @toVw;\n        right: -2 * @toVw;\n      }\n      .flour{\n        position: absolute;\n        bottom: 0;\n        width: 169 * @toVw;\n        right: 0;\n      }\n    }\n  }\n}\n@-webkit-keyframes load{\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n}\n\n'],sourceRoot:""}])},Et6F:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-3e3ca666] {\n  float: right;\n}\n.main-block[data-v-3e3ca666] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-3e3ca666]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-3e3ca666]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-3e3ca666]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-3e3ca666]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.audio-block-ref[data-v-3e3ca666] {\n  width: 48vw;\n  position: absolute;\n  top: 74.66666667vw;\n  left: 21.33333333vw;\n  z-index: -1;\n  opacity: 0;\n}\n.audio-block-ref.active[data-v-3e3ca666] {\n  z-index: 3;\n  opacity: 0.8;\n}\n.refueling2[data-v-3e3ca666] {\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n  width: 100%;\n  background-size: 100% 100%;\n}\n.refueling2 .bg-block[data-v-3e3ca666] {\n  width: 140.53333333vw;\n  height: 92vw;\n  -webkit-transform-origin: 47.33333333vw 49.33333333vw;\n          transform-origin: 47.33333333vw 49.33333333vw;\n  -webkit-transform: rotate(90deg);\n          transform: rotate(90deg);\n  background: white;\n  text-align: center;\n}\n.refueling2 .bg-block .title[data-v-3e3ca666] {\n  position: relative;\n  width: 74.66666667vw;\n}\n.refueling2 .bg-block .content-img[data-v-3e3ca666] {\n  width: 133.33333333vw;\n  height: 66.66666667vw;\n  position: relative;\n  border-radius: 1.06666667vw;\n  background-size: 100% 100%;\n}\n.refueling2 .bg-block .content-img .img[data-v-3e3ca666] {\n  width: 100%;\n  border-radius: 1.06666667vw;\n}\n.refueling2 .bg-block .content-img .left-icon[data-v-3e3ca666] {\n  position: absolute;\n  left: 2.66666667vw;\n  top: 50%;\n  width: 10.66666667vw;\n  margin-top: -5.33333333vw;\n}\n.refueling2 .bg-block .content-img .right-icon[data-v-3e3ca666] {\n  position: absolute;\n  right: 2.66666667vw;\n  top: 50%;\n  width: 10.66666667vw;\n  margin-top: -5.33333333vw;\n}\n.refueling2 .bg-block .content-img .pageNo[data-v-3e3ca666] {\n  color: white;\n  position: absolute;\n  bottom: 0;\n  right: 5.33333333vw;\n}\n.refueling2 .bg-block .content-img .radio-icon[data-v-3e3ca666] {\n  width: 10.66666667vw;\n  position: absolute;\n  bottom: 2.66666667vw;\n  left: 2.66666667vw;\n}\n@media screen and (orientation: landscape) {\n.audio-block-ref[data-v-3e3ca666] {\n    width: 40vw;\n    position: absolute;\n    top: 31.46666667vw;\n    left: 12vw;\n    z-index: -1;\n    opacity: 0;\n}\n.audio-block-ref.active[data-v-3e3ca666] {\n    z-index: 3;\n    opacity: 0.8;\n}\n.refueling2[data-v-3e3ca666] {\n    height: 100%;\n    overflow: hidden;\n    width: 100%;\n    background-size: 100% 100%;\n}\n.refueling2 .bg-block[data-v-3e3ca666] {\n    width: 80vw;\n    height: 42.66666667vw;\n    -webkit-transform: rotate(0);\n            transform: rotate(0);\n    background: white;\n    text-align: center;\n    border-radius: 2.13333333vw;\n    margin-top: 2.66666667vw;\n}\n.refueling2 .bg-block .title[data-v-3e3ca666] {\n    position: relative;\n    top: -2.66666667vw;\n    width: 32vw;\n}\n.refueling2 .bg-block .content-img[data-v-3e3ca666] {\n    width: 72vw;\n    height: 35.73333333vw;\n    margin: 0vw auto 0 auto;\n    position: relative;\n    top: -5.86666667vw;\n    border-radius: 2.13333333vw;\n    background-size: 100% 100%;\n}\n.refueling2 .bg-block .content-img .img[data-v-3e3ca666] {\n    width: 100%;\n}\n.refueling2 .bg-block .content-img .left-icon[data-v-3e3ca666] {\n    position: absolute;\n    left: 1.33333333vw;\n    top: 50%;\n    width: 5.33333333vw;\n    margin-top: -2.66666667vw;\n}\n.refueling2 .bg-block .content-img .right-icon[data-v-3e3ca666] {\n    position: absolute;\n    right: 1.33333333vw;\n    top: 50%;\n    width: 5.33333333vw;\n    margin-top: -2.66666667vw;\n}\n.refueling2 .bg-block .content-img .pageNo[data-v-3e3ca666] {\n    color: white;\n    position: absolute;\n    bottom: 0;\n    right: 2.66666667vw;\n}\n.refueling2 .bg-block .content-img .radio-icon[data-v-3e3ca666] {\n    width: 5.86666667vw;\n    position: absolute;\n    bottom: 1.33333333vw;\n    left: 1.33333333vw;\n}\n.refueling2 .bg-block .content-img .changPage-block[data-v-3e3ca666] {\n    position: absolute;\n    left: 50%;\n    bottom: 0;\n    text-align: center;\n}\n.refueling2 .bg-block .content-img .changPage-block img[data-v-3e3ca666] {\n    width: 4.8vw;\n}\n.refueling2 .bg-block .content-img .changPage-block img[data-v-3e3ca666]:first-child {\n    margin-right: 4vw;\n}\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/refueling2.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/refueling2.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC6BD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,YAAA;EACA,WAAA;CD3BD;AC4BC;EACE,WAAA;EACA,aAAA;CD1BH;AC6BD;EACE,aAAA;EACA,iBAAA;EACA,mBAAA;EACA,YAAA;EACA,2BAAA;CD3BD;ACsBD;EAOI,sBAAA;EACA,aAAA;EACA,sDAAA;UAAA,8CAAA;EACA,iCAAA;UAAA,yBAAA;EACA,kBAAA;EACA,mBAAA;CD1BH;ACcD;EAcM,mBAAA;EACA,qBAAA;CDzBL;ACUD;EAkBM,sBAAA;EACA,sBAAA;EACA,mBAAA;EACA,4BAAA;EACA,2BAAA;CDzBL;ACGD;EAwBQ,YAAA;EACA,4BAAA;CDxBP;ACDD;EA4BQ,mBAAA;EACA,mBAAA;EACA,SAAA;EACA,qBAAA;EACA,0BAAA;CDxBP;ACRD;EAmCQ,mBAAA;EACA,oBAAA;EACA,SAAA;EACA,qBAAA;EACA,0BAAA;CDxBP;ACfD;EA0CQ,aAAA;EACA,mBAAA;EACA,UAAA;EACA,oBAAA;CDxBP;ACrBD;EAgDQ,qBAAA;EACA,mBAAA;EACA,qBAAA;EACA,mBAAA;CDxBP;AC+BD;AACE;IACE,YAAA;IACA,mBAAA;IACA,mBAAA;IACA,WAAA;IACA,YAAA;IACA,WAAA;CD7BD;AC8BC;IACE,WAAA;IACA,aAAA;CD5BH;AC+BD;IACE,aAAA;IACA,iBAAA;IACA,YAAA;IACA,2BAAA;CD7BD;ACyBD;IAMI,YAAA;IACA,sBAAA;IACA,6BAAA;YAAA,qBAAA;IACA,kBAAA;IACA,mBAAA;IACA,4BAAA;IACA,yBAAA;CD5BH;ACgBD;IAcM,mBAAA;IACA,mBAAA;IACA,YAAA;CD3BL;ACWD;IAmBM,YAAA;IACA,sBAAA;IACA,wBAAA;IACA,mBAAA;IACA,mBAAA;IACA,4BAAA;IACA,2BAAA;CD3BL;ACED;IA2BQ,YAAA;CD1BP;ACDD;IA+BQ,mBAAA;IACA,mBAAA;IACA,SAAA;IACA,oBAAA;IACA,0BAAA;CD3BP;ACRD;IAsCQ,mBAAA;IACA,oBAAA;IACA,SAAA;IACA,oBAAA;IACA,0BAAA;CD3BP;ACfD;IA6CQ,aAAA;IACA,mBAAA;IACA,UAAA;IACA,oBAAA;CD3BP;ACrBD;IAmDQ,oBAAA;IACA,mBAAA;IACA,qBAAA;IACA,mBAAA;CD3BP;AC3BD;IAyDQ,mBAAA;IACA,UAAA;IACA,UAAA;IACA,mBAAA;CD3BP;ACjCD;IA8DU,aAAA;CD1BT;AC2BS;IACE,kBAAA;CDzBX;CACF",file:"refueling2.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.audio-block-ref {\n  width: 48vw;\n  position: absolute;\n  top: 74.66666667vw;\n  left: 21.33333333vw;\n  z-index: -1;\n  opacity: 0;\n}\n.audio-block-ref.active {\n  z-index: 3;\n  opacity: 0.8;\n}\n.refueling2 {\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n  width: 100%;\n  background-size: 100% 100%;\n}\n.refueling2 .bg-block {\n  width: 140.53333333vw;\n  height: 92vw;\n  transform-origin: 47.33333333vw 49.33333333vw;\n  transform: rotate(90deg);\n  background: white;\n  text-align: center;\n}\n.refueling2 .bg-block .title {\n  position: relative;\n  width: 74.66666667vw;\n}\n.refueling2 .bg-block .content-img {\n  width: 133.33333333vw;\n  height: 66.66666667vw;\n  position: relative;\n  border-radius: 1.06666667vw;\n  background-size: 100% 100%;\n}\n.refueling2 .bg-block .content-img .img {\n  width: 100%;\n  border-radius: 1.06666667vw;\n}\n.refueling2 .bg-block .content-img .left-icon {\n  position: absolute;\n  left: 2.66666667vw;\n  top: 50%;\n  width: 10.66666667vw;\n  margin-top: -5.33333333vw;\n}\n.refueling2 .bg-block .content-img .right-icon {\n  position: absolute;\n  right: 2.66666667vw;\n  top: 50%;\n  width: 10.66666667vw;\n  margin-top: -5.33333333vw;\n}\n.refueling2 .bg-block .content-img .pageNo {\n  color: white;\n  position: absolute;\n  bottom: 0;\n  right: 5.33333333vw;\n}\n.refueling2 .bg-block .content-img .radio-icon {\n  width: 10.66666667vw;\n  position: absolute;\n  bottom: 2.66666667vw;\n  left: 2.66666667vw;\n}\n@media screen and (orientation: landscape) {\n  .audio-block-ref {\n    width: 40vw;\n    position: absolute;\n    top: 31.46666667vw;\n    left: 12vw;\n    z-index: -1;\n    opacity: 0;\n  }\n  .audio-block-ref.active {\n    z-index: 3;\n    opacity: 0.8;\n  }\n  .refueling2 {\n    height: 100%;\n    overflow: hidden;\n    width: 100%;\n    background-size: 100% 100%;\n  }\n  .refueling2 .bg-block {\n    width: 80vw;\n    height: 42.66666667vw;\n    transform: rotate(0);\n    background: white;\n    text-align: center;\n    border-radius: 2.13333333vw;\n    margin-top: 2.66666667vw;\n  }\n  .refueling2 .bg-block .title {\n    position: relative;\n    top: -2.66666667vw;\n    width: 32vw;\n  }\n  .refueling2 .bg-block .content-img {\n    width: 72vw;\n    height: 35.73333333vw;\n    margin: 0vw auto 0 auto;\n    position: relative;\n    top: -5.86666667vw;\n    border-radius: 2.13333333vw;\n    background-size: 100% 100%;\n  }\n  .refueling2 .bg-block .content-img .img {\n    width: 100%;\n  }\n  .refueling2 .bg-block .content-img .left-icon {\n    position: absolute;\n    left: 1.33333333vw;\n    top: 50%;\n    width: 5.33333333vw;\n    margin-top: -2.66666667vw;\n  }\n  .refueling2 .bg-block .content-img .right-icon {\n    position: absolute;\n    right: 1.33333333vw;\n    top: 50%;\n    width: 5.33333333vw;\n    margin-top: -2.66666667vw;\n  }\n  .refueling2 .bg-block .content-img .pageNo {\n    color: white;\n    position: absolute;\n    bottom: 0;\n    right: 2.66666667vw;\n  }\n  .refueling2 .bg-block .content-img .radio-icon {\n    width: 5.86666667vw;\n    position: absolute;\n    bottom: 1.33333333vw;\n    left: 1.33333333vw;\n  }\n  .refueling2 .bg-block .content-img .changPage-block {\n    position: absolute;\n    left: 50%;\n    bottom: 0;\n    text-align: center;\n  }\n  .refueling2 .bg-block .content-img .changPage-block img {\n    width: 4.8vw;\n  }\n  .refueling2 .bg-block .content-img .changPage-block img:first-child {\n    margin-right: 4vw;\n  }\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.audio-block-ref{\n  width: 180 * @toVw;\n  position: absolute;\n  top: 280 * @toVw;\n  left: 80 * @toVw;\n  z-index: -1;\n  opacity: 0;\n  &.active{\n    z-index: 3;\n    opacity: 0.8;\n  }\n}\n.refueling2{\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n  width: 100%;\n  background-size: 100% 100%;\n  .bg-block{\n    width: 1054/2 * @toVw;\n    height: 690/2 * @toVw;\n    transform-origin: 355/2 * @toVw 370/2 * @toVw;\n    transform: rotate(90deg);\n    background: white;\n    text-align: center;\n    .title{\n      position: relative;\n      width: 560 / 2 * @toVw;\n    }\n    .content-img{\n      width: 1000/2 * @toVw;\n      height: 500/2 * @toVw;\n      position: relative;\n      border-radius: 8/2 * @toVw;\n      background-size: 100% 100%;\n      .img{\n        width: 100%;\n        border-radius: 4 * @toVw;\n      }\n      .left-icon{\n        position: absolute;\n        left: 10 * @toVw;\n        top:50%;\n        width: 40 * @toVw;\n        margin-top: -20 * @toVw;\n      }\n      .right-icon{\n        position: absolute;\n        right: 10 * @toVw;\n        top:50%;\n        width: 40 * @toVw;\n        margin-top: -20 * @toVw;\n      }\n      .pageNo{\n        color: white;\n        position: absolute;\n        bottom: 0;\n        right: 20 * @toVw;\n      }\n      .radio-icon{\n        width: 40 * @toVw;\n        position: absolute;\n        bottom: 20/2 * @toVw;\n        left: 20/2 * @toVw;\n      }\n\n    }\n  }\n}\n\n@media screen and (orientation: landscape) {\n  .audio-block-ref{\n    width: 150 * @toVw;\n    position: absolute;\n    top: 118 * @toVw;\n    left: 45 * @toVw;\n    z-index: -1;\n    opacity: 0;\n    &.active{\n      z-index: 3;\n      opacity: 0.8;\n    }\n  }\n  .refueling2{\n    height: 100%;\n    overflow: hidden;\n    width: 100%;\n    background-size: 100% 100%;\n    .bg-block{\n      width: 300 * @toVw;\n      height: 160 * @toVw;\n      transform: rotate(0);\n      background: white;\n      text-align: center;\n      border-radius: 8 * @toVw;\n      margin-top: 10 * @toVw ;\n      .title{\n        position: relative;\n        top: -10 * @toVw;\n        width: 120* @toVw;\n      }\n      .content-img{\n        width: 270 * @toVw;\n        height: 134 * @toVw;\n        margin: 0 * @toVw auto 0 auto;\n        position: relative;\n        top: -22 *@toVw;\n        border-radius: 8 * @toVw;\n        background-size: 100% 100%;\n        .img{\n          width: 100%;\n        }\n\n        .left-icon{\n          position: absolute;\n          left: 5 * @toVw;\n          top:50%;\n          width: 20 * @toVw;\n          margin-top: -10 * @toVw;\n        }\n        .right-icon{\n          position: absolute;\n          right: 5 * @toVw;\n          top:50%;\n          width: 20 * @toVw;\n          margin-top: -10 * @toVw;\n        }\n        .pageNo{\n          color: white;\n          position: absolute;\n          bottom: 0;\n          right: 10 * @toVw;\n        }\n        .radio-icon{\n          width: 22 * @toVw;\n          position: absolute;\n          bottom: 5 * @toVw;\n          left: 5 * @toVw;\n        }\n        .changPage-block{\n          position: absolute;\n          left: 50%;\n          bottom: 0;\n          text-align: center;\n          img{\n            width: 18 * @toVw;\n            &:first-child{\n              margin-right: 15 * @toVw;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n'],sourceRoot:""}])},HKbn:function(n,t,o){var e=o("cQTS");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("49dc86de",e,!1,{})},"Kb/c":function(n,t,o){var e=o("B49R");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("b0ec3fbc",e,!1,{})},Kh4W:function(n,t,o){t.f=o("dSzd")},LKZe:function(n,t,o){var e=o("NpIQ"),i=o("X8DO"),a=o("TcQ7"),A=o("MmMw"),r=o("D2L2"),s=o("SfB7"),l=Object.getOwnPropertyDescriptor;t.f=o("+E39")?l:function(n,t){if(n=a(n),t=A(t,!0),s)try{return l(n,t)}catch(n){}if(r(n,t))return i(!e.f.call(n,t),n[t])}},NpIQ:function(n,t){t.f={}.propertyIsEnumerable},OYls:function(n,t,o){o("crlp")("asyncIterator")},PwHj:function(n,t,o){var e=o("6w3h");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("e68b6430",e,!1,{})},"QWe/":function(n,t,o){o("crlp")("observable")},Rrel:function(n,t,o){var e=o("TcQ7"),i=o("n0T6").f,a={}.toString,A="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];n.exports.f=function(n){return A&&"[object Window]"==a.call(n)?function(n){try{return i(n)}catch(n){return A.slice()}}(n):i(e(n))}},Smnw:function(n,t,o){var e=o("0Ldw");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("50955cf2",e,!1,{})},T7wO:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-15f2026f] {\n  float: right;\n}\n.main-block[data-v-15f2026f] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-15f2026f]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-15f2026f]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-15f2026f]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-15f2026f]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.radio1[data-v-15f2026f] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  background-size: 100% 100%;\n}\n.radio1 .bg-block[data-v-15f2026f] {\n  background-color: transparent;\n  border: none;\n  width: 92vw;\n  top: 2.66666667vw;\n  height: 144vw;\n  padding: 2.66666667vw;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  position: relative;\n}\n.radio1 .bg-block .tab-video-img[data-v-15f2026f] {\n  position: absolute;\n  top: 22.66666667vw;\n  width: 10.66666667vw;\n  right: 4vw;\n}\n.radio1 .bg-block .title[data-v-15f2026f] {\n  text-align: center;\n}\n.radio1 .bg-block .title img[data-v-15f2026f] {\n  width: 80%;\n}\n.radio1 .bg-block .cd[data-v-15f2026f] {\n  text-align: center;\n}\n.radio1 .bg-block .cd img[data-v-15f2026f] {\n  width: 51.73333333vw;\n}\n.radio1 .bg-block .name-block[data-v-15f2026f] {\n  text-align: center;\n  margin-top: 5.33333333vw;\n  font-family: PingFang-SC-Regular;\n  color: #333333;\n}\n.radio1 .bg-block .name-block .name[data-v-15f2026f] {\n  height: 6.66666667vw;\n  line-height: 6.66666667vw;\n  font-size: 4.26666667vw;\n}\n.radio1 .bg-block .name-block .ahtor[data-v-15f2026f] {\n  font-size: 3.2vw;\n}\n.radio1 .bg-block .play-block[data-v-15f2026f] {\n  width: 72.53333333vw;\n  margin: 5.33333333vw auto auto auto;\n  position: relative;\n}\n.radio1 .bg-block .play-block img[data-v-15f2026f] {\n  width: 72.53333333vw;\n}\n.radio1 .bg-block .play-block .time-span[data-v-15f2026f] {\n  font-size: 12px;\n  color: #888888;\n  position: absolute;\n  bottom: -4vw;\n}\n.radio1 .bg-block .play-block .time-span.right[data-v-15f2026f] {\n  right: 0;\n}\n.radio1 .bg-block .play-block .radius-icon[data-v-15f2026f] {\n  position: absolute;\n  width: 3.46666667vw;\n  top: 1.33333333vw;\n  left: 0;\n  height: 3.46666667vw;\n  background: #80952B;\n  border-radius: 13.33333333vw;\n}\n.radio1 .bg-block .btn-block[data-v-15f2026f] {\n  line-height: 26.66666667vw;\n  text-align: center;\n}\n.radio1 .bg-block .btn-block img[data-v-15f2026f] {\n  vertical-align: middle;\n  margin-right: 2.66666667vw;\n  width: 6.4vw;\n}\n.radio1 .bg-block .btn-block img.play[data-v-15f2026f] {\n  width: 9.6vw;\n}\n.radio1 .bg-block .btn-block img[data-v-15f2026f]:last-child {\n  margin-right: 0;\n}\n.radio1 .bottom-block[data-v-15f2026f] {\n  position: fixed;\n  width: 100%;\n  bottom: 2.66666667vw;\n  text-align: center;\n}\n.radio1 .bottom-block img[data-v-15f2026f] {\n  width: 33.86666667vw;\n}\n.radio1 .bottom-block img[data-v-15f2026f]:first-child {\n  margin-right: 6.66666667vw;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/audio1.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/audio1.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACuLD;EACE,mBAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,aAAA;EACA,2BAAA;CDrLD;AC8KD;EASI,8BAAA;EACA,aAAA;EACA,YAAA;EACA,kBAAA;EACA,cAAA;EACA,sBAAA;EACA,yBAAA;UAAA,iBAAA;EACA,6BAAA;EACA,2BAAA;EACA,mBAAA;CDpLH;ACkKD;EAoBM,mBAAA;EACA,mBAAA;EACA,qBAAA;EACA,WAAA;CDnLL;AC4JD;EA0BM,mBAAA;CDnLL;ACyJD;EA4BQ,WAAA;CDlLP;ACsJD;EAgCM,mBAAA;CDnLL;ACmJD;EAkCQ,qBAAA;CDlLP;ACgJD;EAsCM,mBAAA;EACA,yBAAA;EACA,iCAAA;EACA,eAAA;CDnLL;AC0ID;EA2CQ,qBAAA;EACA,0BAAA;EACA,wBAAA;CDlLP;ACqID;EAgDQ,iBAAA;CDlLP;ACkID;EAoDM,qBAAA;EACA,oCAAA;EACA,mBAAA;CDnLL;AC6HD;EAwDQ,qBAAA;CDlLP;AC0HD;EA2DQ,gBAAA;EACA,eAAA;EACA,mBAAA;EACA,aAAA;CDlLP;ACmLO;EACE,SAAA;CDjLT;ACiHD;EAoEQ,mBAAA;EACA,oBAAA;EACA,kBAAA;EACA,QAAA;EACA,qBAAA;EACA,oBAAA;EACA,6BAAA;CDlLP;ACwGD;EA8EM,2BAAA;EACA,mBAAA;CDnLL;ACoGD;EAiFQ,uBAAA;EACA,2BAAA;EACA,aAAA;CDlLP;ACmLO;EACE,aAAA;CDjLT;ACmLO;EACE,gBAAA;CDjLT;ACyFD;EA8FI,gBAAA;EACA,YAAA;EACA,qBAAA;EACA,mBAAA;CDpLH;ACmFD;EAmGM,qBAAA;CDnLL;ACgFD;EAsGM,2BAAA;CDnLL",file:"audio1.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.radio1 {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  background-size: 100% 100%;\n}\n.radio1 .bg-block {\n  background-color: transparent;\n  border: none;\n  width: 92vw;\n  top: 2.66666667vw;\n  height: 144vw;\n  padding: 2.66666667vw;\n  box-shadow: none;\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  position: relative;\n}\n.radio1 .bg-block .tab-video-img {\n  position: absolute;\n  top: 22.66666667vw;\n  width: 10.66666667vw;\n  right: 4vw;\n}\n.radio1 .bg-block .title {\n  text-align: center;\n}\n.radio1 .bg-block .title img {\n  width: 80%;\n}\n.radio1 .bg-block .cd {\n  text-align: center;\n}\n.radio1 .bg-block .cd img {\n  width: 51.73333333vw;\n}\n.radio1 .bg-block .name-block {\n  text-align: center;\n  margin-top: 5.33333333vw;\n  font-family: PingFang-SC-Regular;\n  color: #333333;\n}\n.radio1 .bg-block .name-block .name {\n  height: 6.66666667vw;\n  line-height: 6.66666667vw;\n  font-size: 4.26666667vw;\n}\n.radio1 .bg-block .name-block .ahtor {\n  font-size: 3.2vw;\n}\n.radio1 .bg-block .play-block {\n  width: 72.53333333vw;\n  margin: 5.33333333vw auto auto auto;\n  position: relative;\n}\n.radio1 .bg-block .play-block img {\n  width: 72.53333333vw;\n}\n.radio1 .bg-block .play-block .time-span {\n  font-size: 12px;\n  color: #888888;\n  position: absolute;\n  bottom: -4vw;\n}\n.radio1 .bg-block .play-block .time-span.right {\n  right: 0;\n}\n.radio1 .bg-block .play-block .radius-icon {\n  position: absolute;\n  width: 3.46666667vw;\n  top: 1.33333333vw;\n  left: 0;\n  height: 3.46666667vw;\n  background: #80952B;\n  border-radius: 13.33333333vw;\n}\n.radio1 .bg-block .btn-block {\n  line-height: 26.66666667vw;\n  text-align: center;\n}\n.radio1 .bg-block .btn-block img {\n  vertical-align: middle;\n  margin-right: 2.66666667vw;\n  width: 6.4vw;\n}\n.radio1 .bg-block .btn-block img.play {\n  width: 9.6vw;\n}\n.radio1 .bg-block .btn-block img:last-child {\n  margin-right: 0;\n}\n.radio1 .bottom-block {\n  position: fixed;\n  width: 100%;\n  bottom: 2.66666667vw;\n  text-align: center;\n}\n.radio1 .bottom-block img {\n  width: 33.86666667vw;\n}\n.radio1 .bottom-block img:first-child {\n  margin-right: 6.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@import "../../util/public";\n.radio1{\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  background-size: 100% 100%;\n  .bg-block{\n    background-color: transparent;\n    border: none;\n    width: 345 * @toVw;\n    top: 10 *@toVw;\n    height: 540 * @toVw;\n    padding: 10*@toVw;\n    box-shadow: none;\n    background-repeat: no-repeat;\n    background-size: 100% 100%;\n    position: relative;\n    .tab-video-img{\n      position: absolute;\n      top: 85 * @toVw;\n      width: 40* @toVw;\n      right: 15 * @toVw;\n    }\n    .title{\n      text-align: center;\n      img{\n        width: 80%;\n      }\n    }\n    .cd{\n      text-align: center;\n      img{\n        width: 194 * @toVw;\n      }\n    }\n    .name-block{\n      text-align: center;\n      margin-top: 20 * @toVw;\n      font-family: PingFang-SC-Regular;\n      color: #333333;\n      .name{\n        height: 25 * @toVw;\n        line-height: 25 * @toVw;\n        font-size: 16 * @toVw;\n      }\n      .ahtor{\n        font-size: 12 * @toVw;\n      }\n    }\n    .play-block{\n      width: 272 * @toVw;\n      margin: 20 * @toVw auto auto auto;\n      position: relative;\n      img{\n        width: 272 * @toVw;\n      }\n      .time-span{\n        font-size: 12px;\n        color: #888888;\n        position: absolute;\n        bottom: -15*@toVw;\n        &.right{\n          right: 0;\n        }\n      }\n      .radius-icon{\n        position: absolute;\n        width: 13 * @toVw;\n        top: 5*@toVw;\n        left: 0;\n        height: 13 * @toVw;\n        background: #80952B ;\n        border-radius: 50 * @toVw;\n      }\n    }\n    .btn-block{\n      line-height: 100 * @toVw;\n      text-align: center;\n      img{\n        vertical-align: middle;;\n        margin-right: 10 * @toVw;\n        width: 24 *@toVw;\n        &.play{\n          width: 36 *@toVw;\n        }\n        &:last-child{\n          margin-right: 0;\n        }\n      }\n    }\n  }\n  .bottom-block{\n    position: fixed;\n    width: 100%;\n    bottom: 10*@toVw;\n    text-align: center;\n    img{\n      width: 127 * @toVw;\n    }\n    img:first-child{\n      margin-right: 25 * @toVw;\n    }\n  }\n}\n'],sourceRoot:""}])},Xc4G:function(n,t,o){var e=o("lktj"),i=o("1kS7"),a=o("NpIQ");n.exports=function(n){var t=e(n),o=i.f;if(o)for(var A,r=o(n),s=a.f,l=0;r.length>l;)s.call(n,A=r[l++])&&t.push(A);return t}},XvrO:function(n,t,o){var e=o("Ynwl");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("f98d9164",e,!1,{})},Ynwl:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-345c1b48] {\n  float: right;\n}\n.main-block[data-v-345c1b48] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-345c1b48]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-345c1b48]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-345c1b48]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-345c1b48]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.star-img[data-v-345c1b48] {\n  position: absolute;\n  z-index: 10;\n  bottom: 0;\n  width: 1px;\n  right: 0;\n  -webkit-animation: myfirst-data-v-345c1b48 2s 1;\n          animation: myfirst-data-v-345c1b48 2s 1;\n  -webkit-animation-direction: normal;\n          animation-direction: normal;\n}\n@-webkit-keyframes myfirst-data-v-345c1b48 {\n0% {\n    -webkit-transform: translate(0, 0) rotate(30deg) scale(0, 0);\n            transform: translate(0, 0) rotate(30deg) scale(0, 0);\n}\n50% {\n    -webkit-transform: translate(-48vw, -80vw) rotate(340deg) scale(40, 40);\n            transform: translate(-48vw, -80vw) rotate(340deg) scale(40, 40);\n}\nto {\n    -webkit-transform: translate(0vw, -213.33333333vw) rotate(720deg) scale(0, 0);\n            transform: translate(0vw, -213.33333333vw) rotate(720deg) scale(0, 0);\n}\n}\n@keyframes myfirst-data-v-345c1b48 {\n0% {\n    -webkit-transform: translate(0, 0) rotate(30deg) scale(0, 0);\n            transform: translate(0, 0) rotate(30deg) scale(0, 0);\n}\n50% {\n    -webkit-transform: translate(-48vw, -80vw) rotate(340deg) scale(40, 40);\n            transform: translate(-48vw, -80vw) rotate(340deg) scale(40, 40);\n}\nto {\n    -webkit-transform: translate(0vw, -213.33333333vw) rotate(720deg) scale(0, 0);\n            transform: translate(0vw, -213.33333333vw) rotate(720deg) scale(0, 0);\n}\n}\n.popup-block[data-v-345c1b48] {\n  background-color: transparent;\n}\n.popup-block .tip[data-v-345c1b48] {\n  position: fixed;\n  top: 0;\n  width: 80vw;\n  z-index: 100;\n  right: 0;\n}\n.popup-block .showFinish-block[data-v-345c1b48] {\n  background-size: 100% 100%;\n  position: relative;\n  top: 21.33333333vw;\n  width: 83.46666667vw;\n  height: 117.06666667vw;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n.popup-block .showFinish-block .header[data-v-345c1b48] {\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  top: 29.33333333vw;\n}\n.popup-block .showFinish-block .header img[data-v-345c1b48] {\n  width: 12.8vw;\n  border-radius: 1000px;\n}\n.popup-block .showFinish-block .text1[data-v-345c1b48] {\n  position: absolute;\n  right: 33.33333333vw;\n  width: 3em;\n  text-align: center;\n  top: 48.26666667vw;\n  font-size: 12px;\n  font-family: PingFang-SC-Regular;\n  font-weight: 400;\n  color: #333333;\n  line-height: 17px;\n}\n.popup-block .showFinish-block .text2[data-v-345c1b48] {\n  position: absolute;\n  right: 33.33333333vw;\n  width: 3em;\n  text-align: center;\n  top: 60vw;\n  font-size: 12px;\n  font-family: PingFang-SC-Regular;\n  font-weight: 400;\n  color: #333333;\n  line-height: 17px;\n}\n.popup-block .showFinish-block .text3[data-v-345c1b48] {\n  position: absolute;\n  right: 33.33333333vw;\n  width: 3em;\n  text-align: center;\n  top: 72.8vw;\n  font-size: 12px;\n  font-family: PingFang-SC-Regular;\n  font-weight: 400;\n  color: #333333;\n  line-height: 17px;\n}\n.lesson .finishBtn[data-v-345c1b48] {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  top: 100vw;\n}\n.lesson .finishBtn img[data-v-345c1b48] {\n  width: 57.33333333vw;\n}\n.fade-enter-active[data-v-345c1b48],\n.fade-leave-active[data-v-345c1b48] {\n  -webkit-transition: opacity 0.5s;\n  transition: opacity 0.5s;\n}\n.fade-enter[data-v-345c1b48],\n.fade-leave-to[data-v-345c1b48] {\n  opacity: 0;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/lesson.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/lesson.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACqMD;EACE,mBAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;EACA,gDAAA;UAAA,wCAAA;EACA,oCAAA;UAAA,4BAAA;CDnMD;ACqMD;AAEE;IACE,6DAAA;YAAA,qDAAA;CDpMD;ACuMD;IACE,wEAAA;YAAA,gEAAA;CDrMD;ACuMD;IACE,8EAAA;YAAA,sEAAA;CDrMD;CACF;AC0LD;AAEE;IACE,6DAAA;YAAA,qDAAA;CDpMD;ACuMD;IACE,wEAAA;YAAA,gEAAA;CDrMD;ACuMD;IACE,8EAAA;YAAA,sEAAA;CDrMD;CACF;ACwMD;EACE,8BAAA;CDtMD;ACqMD;EAGI,gBAAA;EACA,OAAA;EACA,YAAA;EACA,aAAA;EACA,SAAA;CDrMH;AC8LD;EAUI,2BAAA;EACA,mBAAA;EACA,mBAAA;EACA,qBAAA;EACA,uBAAA;EACA,qCAAA;CDrMH;ACsLD;EAiBM,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;CDpML;ACgLD;EAsBQ,cAAA;EACA,sBAAA;CDnMP;AC4KD;EA2BM,mBAAA;EACA,qBAAA;EACA,WAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;CDpML;ACgKD;EAuCM,mBAAA;EACA,qBAAA;EACA,WAAA;EACA,mBAAA;EACA,UAAA;EACA,gBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;CDpML;ACoJD;EAmDM,mBAAA;EACA,qBAAA;EACA,WAAA;EACA,mBAAA;EACA,YAAA;EACA,gBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;CDpML;ACwMD;EAEI,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;CDvMH;ACkMD;EAOM,qBAAA;CDtML;AC0MD;;EACE,iCAAA;EAAA,yBAAA;CDvMD;ACyMD;;EACE,WAAA;CDtMD",file:"lesson.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.star-img {\n  position: absolute;\n  z-index: 10;\n  bottom: 0;\n  width: 1px;\n  right: 0;\n  animation: myfirst 2s 1;\n  animation-direction: normal;\n}\n@keyframes myfirst {\n  0% {\n    transform: translate(0, 0) rotate(30deg) scale(0, 0);\n  }\n  50% {\n    transform: translate(-48vw, -80vw) rotate(340deg) scale(40, 40);\n  }\n  to {\n    transform: translate(0vw, -213.33333333vw) rotate(720deg) scale(0, 0);\n  }\n}\n.popup-block {\n  background-color: transparent;\n}\n.popup-block .tip {\n  position: fixed;\n  top: 0;\n  width: 80vw;\n  z-index: 100;\n  right: 0;\n}\n.popup-block .showFinish-block {\n  background-size: 100% 100%;\n  position: relative;\n  top: 21.33333333vw;\n  width: 83.46666667vw;\n  height: 117.06666667vw;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n.popup-block .showFinish-block .header {\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  top: 29.33333333vw;\n}\n.popup-block .showFinish-block .header img {\n  width: 12.8vw;\n  border-radius: 1000px;\n}\n.popup-block .showFinish-block .text1 {\n  position: absolute;\n  right: 33.33333333vw;\n  width: 3em;\n  text-align: center;\n  top: 48.26666667vw;\n  font-size: 12px;\n  font-family: PingFang-SC-Regular;\n  font-weight: 400;\n  color: #333333;\n  line-height: 17px;\n}\n.popup-block .showFinish-block .text2 {\n  position: absolute;\n  right: 33.33333333vw;\n  width: 3em;\n  text-align: center;\n  top: 60vw;\n  font-size: 12px;\n  font-family: PingFang-SC-Regular;\n  font-weight: 400;\n  color: #333333;\n  line-height: 17px;\n}\n.popup-block .showFinish-block .text3 {\n  position: absolute;\n  right: 33.33333333vw;\n  width: 3em;\n  text-align: center;\n  top: 72.8vw;\n  font-size: 12px;\n  font-family: PingFang-SC-Regular;\n  font-weight: 400;\n  color: #333333;\n  line-height: 17px;\n}\n.lesson .finishBtn {\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  top: 100vw;\n}\n.lesson .finishBtn img {\n  width: 57.33333333vw;\n}\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter,\n.fade-leave-to {\n  opacity: 0;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../util/public";\n.star-img{\n  position: absolute;\n  z-index: 10;\n  bottom: 0;\n  width: 1px;\n  right: 0;\n  animation:myfirst 2s 1;\n  animation-direction: normal\n}\n@keyframes myfirst\n{\n  0% {\n    transform:translate(0,0) rotate(30deg) scale(0,0);\n\n  }\n  50%{\n    transform:translate(-180 * @toVw,-300 * @toVw)  rotate(340deg) scale(40,40)\n  }\n  to {\n    transform:translate(0 * @toVw,-800 * @toVw) rotate(720deg) scale(0,0)\n  }\n}\n\n.popup-block{\n  background-color: transparent;\n  .tip{\n    position: fixed;\n    top: 0;\n    width: 300 * @toVw;\n    z-index: 100;\n    right: 0;\n  }\n  .showFinish-block{\n    background-size: 100% 100%;\n    position: relative;\n    top: 80 * @toVw;\n    width: 313 * @toVw;\n    height: 439 * @toVw;\n    background-color: rgba(0,0,0,0.5);\n    .header{\n      position: absolute;\n      width: 100%;\n      text-align: center;\n      top: 110 * @toVw;\n      img{\n        width: 48 * @toVw;\n        border-radius: 1000px;\n      }\n    }\n    .text1{\n      position: absolute;\n      right: 125 * @toVw;\n      width: 3em;\n      text-align: center;\n      top: 181 * @toVw;\n      font-size:12px;\n      font-family:PingFang-SC-Regular;\n      font-weight:400;\n      color:rgba(51,51,51,1);\n      line-height:17px;\n    }\n    .text2{\n      position: absolute;\n      right: 125 * @toVw;\n      width: 3em;\n      text-align: center;\n      top: 225 * @toVw;\n      font-size:12px;\n      font-family:PingFang-SC-Regular;\n      font-weight:400;\n      color:rgba(51,51,51,1);\n      line-height:17px;\n    }\n    .text3{\n      position: absolute;\n      right: 125 * @toVw;\n      width: 3em;\n      text-align: center;\n      top: 273 * @toVw;\n      font-size:12px;\n      font-family:PingFang-SC-Regular;\n      font-weight:400;\n      color:rgba(51,51,51,1);\n      line-height:17px;\n    }\n  }\n}\n.lesson{\n  .finishBtn{\n    width: 100%;\n    text-align: center;\n    position: absolute;\n    top: 375 * @toVw;\n    img{\n      width: 215 * @toVw;\n    }\n  }\n}\n.fade-enter-active, .fade-leave-active {\n  transition: opacity .5s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\n}\n\n\n'],sourceRoot:""}])},Zzip:function(n,t,o){n.exports={default:o("/n6Q"),__esModule:!0}},cQTS:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-592a28ea] {\n  float: right;\n}\n.main-block[data-v-592a28ea] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-592a28ea]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-592a28ea]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-592a28ea]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-592a28ea]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.play1[data-v-592a28ea] {\n  display: none;\n}\n.video-block[data-v-592a28ea] {\n  margin: 0;\n  background: black;\n  border-radius: 2.13333333vw;\n  height: 46.66666667vw;\n  width: 83.46666667vw;\n  z-index: 2;\n  top: 25.86666667vw;\n  left: 8.26666667vw;\n  position: absolute;\n}\n.video-block .icon-class[data-v-592a28ea] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.3);\n}\n.video-block img[data-v-592a28ea] {\n  position: absolute;\n  top: 50%;\n  z-index: 2;\n  left: 50%;\n  width: 15.46666667vw;\n  margin-top: -7.73333333vw;\n  margin-left: -7.73333333vw;\n}\n.video-block video[data-v-592a28ea] {\n  width: 100%;\n}\n.play-l[data-v-592a28ea] {\n  height: 100%;\n  background-size: 100% 100%;\n  text-align: center;\n}\n.play-l .content[data-v-592a28ea] {\n  width: 92vw;\n  height: 144vw;\n  background-size: 100% 100%;\n  position: relative;\n  top: 2.66666667vw;\n}\n.play-l .content .b-img[data-v-592a28ea] {\n  width: 16.26666667vw;\n  position: absolute;\n  left: -2.66666667vw;\n  top: 8vw;\n}\n.play-l .content .audio[data-v-592a28ea] {\n  width: 11.2vw;\n  position: absolute;\n  right: 4.26666667vw;\n  bottom: 4.8vw;\n}\n.play-l .content .tips-block[data-v-592a28ea] {\n  position: absolute;\n  width: 100%;\n  text-align: left;\n  left: 0;\n  bottom: 33.6vw;\n}\n.play-l .content .tips-block span[data-v-592a28ea] {\n  display: block;\n  padding: 0 5.33333333vw;\n  font-size: 3.73333333vw;\n  color: #333333;\n}\n.play-l .content .title[data-v-592a28ea] {\n  width: 72.8vw;\n}\n.play-l .btn-block[data-v-592a28ea] {\n  margin-top: 5.33333333vw;\n  position: relative;\n  z-index: 4;\n}\n.play-l .btn-block img[data-v-592a28ea] {\n  width: 33.86666667vw;\n}\n.play-l .btn-block img[data-v-592a28ea]:first-child {\n  margin-right: 5.33333333vw;\n}\n@media screen and (orientation: landscape) {\n.play-l[data-v-592a28ea] {\n    display: none;\n}\n.play1[data-v-592a28ea] {\n    display: block;\n    height: 100%;\n    background-size: 100% 100%;\n    padding: 1.33333333vw;\n}\n.play1 .bg-block[data-v-592a28ea] {\n    margin-top: 1.33333333vw;\n    background: white;\n    text-align: left;\n    border-radius: 1.06666667vw;\n    width: 65.33333333vw;\n    height: 32vw;\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n    padding: 2.66666667vw;\n}\n.play1 .bg-block .radio-img[data-v-592a28ea] {\n    position: absolute;\n    right: 1.33333333vw;\n    top: 1.33333333vw;\n    width: 5.33333333vw;\n}\n.play1 .bg-block .btn[data-v-592a28ea] {\n    position: absolute;\n    width: 5.33333333vw;\n    right: 1.33333333vw;\n    bottom: 1.33333333vw;\n}\n.play1 .bg-block .btn.back[data-v-592a28ea] {\n    bottom: 8vw;\n}\n.video-block[data-v-592a28ea] {\n    margin: 0;\n    background: black;\n    border-radius: 1.06666667vw;\n    height: 32.8vw;\n    width: 58.66666667vw;\n    z-index: 2;\n    top: 4.8vw;\n    left: 16.8vw;\n    position: absolute;\n}\n.video-block .icon-class[data-v-592a28ea] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.3);\n}\n.video-block img[data-v-592a28ea] {\n    position: absolute;\n    top: 50%;\n    z-index: 2;\n    left: 50%;\n    width: 8vw;\n    margin-top: -4vw;\n    margin-left: -4vw;\n}\n.video-block video[data-v-592a28ea] {\n    width: 100%;\n}\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/video1.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/mould/video1.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC+CD;EACE,cAAA;CD7CD;AC+CD;EACE,UAAA;EACA,kBAAA;EACA,4BAAA;EACA,sBAAA;EACA,qBAAA;EACA,WAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;CD7CD;ACoCD;EAWI,mBAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,+BAAA;CD5CH;AC4BD;EAmBI,mBAAA;EACA,SAAA;EACA,WAAA;EACA,UAAA;EACA,qBAAA;EACA,0BAAA;EACA,2BAAA;CD5CH;ACmBD;EA4BI,YAAA;CD5CH;AC+CD;EACE,aAAA;EACA,2BAAA;EACA,mBAAA;CD7CD;AC0CD;EAKI,YAAA;EACA,cAAA;EACA,2BAAA;EACA,mBAAA;EACA,kBAAA;CD5CH;ACmCD;EAWM,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,SAAA;CD3CL;AC6BD;EAiBM,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,cAAA;CD3CL;ACuBD;EAuBM,mBAAA;EACA,YAAA;EACA,iBAAA;EACA,QAAA;EACA,eAAA;CD3CL;ACgBD;EA6BQ,eAAA;EACA,wBAAA;EACA,wBAAA;EACA,eAAA;CD1CP;ACUD;EAoCM,cAAA;CD3CL;ACOD;EAwCI,yBAAA;EACA,mBAAA;EACA,WAAA;CD5CH;ACED;EA4CM,qBAAA;CD3CL;AC4CK;EACE,2BAAA;CD1CP;AC+CD;AACE;IAAQ,cAAA;CD5CP;AC6CC;IACE,eAAA;IACA,aAAA;IACA,2BAAA;IACA,sBAAA;CD3CH;ACuCC;IAMI,yBAAA;IACA,kBAAA;IACA,iBAAA;IACA,4BAAA;IACA,qBAAA;IACA,aAAA;IACA,gCAAA;YAAA,wBAAA;IACA,sBAAA;CD1CL;AC6BC;IAeM,mBAAA;IACA,oBAAA;IACA,kBAAA;IACA,oBAAA;CDzCP;ACuBC;IAqBM,mBAAA;IACA,oBAAA;IACA,oBAAA;IACA,qBAAA;CDzCP;AC0CO;IACE,YAAA;CDxCT;AC8CD;IACE,UAAA;IACA,kBAAA;IACA,4BAAA;IACA,eAAA;IACA,qBAAA;IACA,WAAA;IACA,WAAA;IACA,aAAA;IACA,mBAAA;CD5CD;ACmCD;IAWI,mBAAA;IACA,OAAA;IACA,UAAA;IACA,QAAA;IACA,SAAA;IACA,+BAAA;CD3CH;AC2BD;IAmBI,mBAAA;IACA,SAAA;IACA,WAAA;IACA,UAAA;IACA,WAAA;IACA,iBAAA;IACA,kBAAA;CD3CH;ACkBD;IA4BI,YAAA;CD3CH;CACF",file:"video1.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.play1 {\n  display: none;\n}\n.video-block {\n  margin: 0;\n  background: black;\n  border-radius: 2.13333333vw;\n  height: 46.66666667vw;\n  width: 83.46666667vw;\n  z-index: 2;\n  top: 25.86666667vw;\n  left: 8.26666667vw;\n  position: absolute;\n}\n.video-block .icon-class {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.3);\n}\n.video-block img {\n  position: absolute;\n  top: 50%;\n  z-index: 2;\n  left: 50%;\n  width: 15.46666667vw;\n  margin-top: -7.73333333vw;\n  margin-left: -7.73333333vw;\n}\n.video-block video {\n  width: 100%;\n}\n.play-l {\n  height: 100%;\n  background-size: 100% 100%;\n  text-align: center;\n}\n.play-l .content {\n  width: 92vw;\n  height: 144vw;\n  background-size: 100% 100%;\n  position: relative;\n  top: 2.66666667vw;\n}\n.play-l .content .b-img {\n  width: 16.26666667vw;\n  position: absolute;\n  left: -2.66666667vw;\n  top: 8vw;\n}\n.play-l .content .audio {\n  width: 11.2vw;\n  position: absolute;\n  right: 4.26666667vw;\n  bottom: 4.8vw;\n}\n.play-l .content .tips-block {\n  position: absolute;\n  width: 100%;\n  text-align: left;\n  left: 0;\n  bottom: 33.6vw;\n}\n.play-l .content .tips-block span {\n  display: block;\n  padding: 0 5.33333333vw;\n  font-size: 3.73333333vw;\n  color: #333333;\n}\n.play-l .content .title {\n  width: 72.8vw;\n}\n.play-l .btn-block {\n  margin-top: 5.33333333vw;\n  position: relative;\n  z-index: 4;\n}\n.play-l .btn-block img {\n  width: 33.86666667vw;\n}\n.play-l .btn-block img:first-child {\n  margin-right: 5.33333333vw;\n}\n@media screen and (orientation: landscape) {\n  .play-l {\n    display: none;\n  }\n  .play1 {\n    display: block;\n    height: 100%;\n    background-size: 100% 100%;\n    padding: 1.33333333vw;\n  }\n  .play1 .bg-block {\n    margin-top: 1.33333333vw;\n    background: white;\n    text-align: left;\n    border-radius: 1.06666667vw;\n    width: 65.33333333vw;\n    height: 32vw;\n    transform: rotate(0deg);\n    padding: 2.66666667vw;\n  }\n  .play1 .bg-block .radio-img {\n    position: absolute;\n    right: 1.33333333vw;\n    top: 1.33333333vw;\n    width: 5.33333333vw;\n  }\n  .play1 .bg-block .btn {\n    position: absolute;\n    width: 5.33333333vw;\n    right: 1.33333333vw;\n    bottom: 1.33333333vw;\n  }\n  .play1 .bg-block .btn.back {\n    bottom: 8vw;\n  }\n  .video-block {\n    margin: 0;\n    background: black;\n    border-radius: 1.06666667vw;\n    height: 32.8vw;\n    width: 58.66666667vw;\n    z-index: 2;\n    top: 4.8vw;\n    left: 16.8vw;\n    position: absolute;\n  }\n  .video-block .icon-class {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.3);\n  }\n  .video-block img {\n    position: absolute;\n    top: 50%;\n    z-index: 2;\n    left: 50%;\n    width: 8vw;\n    margin-top: -4vw;\n    margin-left: -4vw;\n  }\n  .video-block video {\n    width: 100%;\n  }\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.play1{\n  display: none;\n}\n.video-block {\n  margin: 0;\n  background: black;\n  border-radius: 8 * @toVw;\n  height: 175 * @toVw;\n  width: 313 * @toVw;\n  z-index: 2;\n  top: 97 * @toVw;\n  left: 31 * @toVw;\n  position: absolute;\n  .icon-class {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.3);\n  }\n  img {\n    position: absolute;\n    top: 50%;\n    z-index: 2;\n    left: 50%;\n    width: 58 * @toVw;\n    margin-top: -58/ 2 * @toVw;\n    margin-left: -58/ 2 * @toVw;\n  }\n  video {\n    width: 100%;\n  }\n}\n.play-l{\n  height: 100%;\n  background-size: 100% 100%;\n  text-align: center;\n  .content{\n    width: 345 * @toVw;\n    height: 540 * @toVw;\n    background-size: 100% 100%;\n    position: relative;\n    top: 10 * @toVw;\n    .b-img{\n      width: 61 * @toVw;\n      position: absolute;\n      left: -10 * @toVw;\n      top: 30 * @toVw;\n    }\n    .audio{\n      width: 42 * @toVw;\n      position: absolute;\n      right: 16 * @toVw;\n      bottom: 18 * @toVw;\n    }\n    .tips-block{\n      position: absolute;\n      width: 100%;\n      text-align: left;\n      left: 0;\n      bottom: 126 * @toVw;\n      span{\n        display: block;\n        padding: 0 20 * @toVw;\n        font-size: 14 * @toVw;\n        color:#333333;\n      }\n    }\n    .title{\n      width: 273 * @toVw;\n    }\n  }\n  .btn-block{\n    margin-top: 20 * @toVw;\n    position: relative;\n    z-index: 4;\n    img{\n      width: 127 * @toVw;\n      &:first-child{\n        margin-right: 20 * @toVw;\n      }\n    }\n  }\n}\n@media screen and (orientation: landscape) {\n  .play-l{display: none}\n    .play1 {\n      display: block;\n      height: 100%;\n      background-size: 100% 100%;\n      padding: 5 * @toVw;\n      .bg-block {\n        margin-top: 5 * @toVw;\n        background: white;\n        text-align: left;\n        border-radius: 4 * @toVw;\n        width: 245 * @toVw;\n        height: 120 * @toVw;\n        transform: rotate(0deg);\n        padding: 10* @toVw;\n        .radio-img {\n          position: absolute;\n          right: 5 * @toVw;\n          top: 5 * @toVw;\n          width: 20 * @toVw;\n        }\n        .btn {\n          position: absolute;\n          width: 20 * @toVw;\n          right: 5 * @toVw;\n          bottom: 5 * @toVw;\n          &.back {\n            bottom: 30 * @toVw\n          }\n        }\n      }\n\n    }\n  .video-block {\n    margin: 0;\n    background: black;\n    border-radius: 8/ 2 * @toVw;\n    height: 123 * @toVw;\n    width: 220 * @toVw;\n    z-index: 2;\n    top: 18 * @toVw;\n    left: 63 * @toVw;\n    position: absolute;\n    .icon-class {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background: rgba(0, 0, 0, 0.3);\n    }\n    img {\n      position: absolute;\n      top: 50%;\n      z-index: 2;\n      left: 50%;\n      width: 30 * @toVw;\n      margin-top: -30/ 2 * @toVw;\n      margin-left: -30/ 2 * @toVw;\n    }\n    video {\n      width: 100%;\n    }\n  }\n}\n'],sourceRoot:""}])},crlp:function(n,t,o){var e=o("7KvD"),i=o("FeBl"),a=o("O4g8"),A=o("Kh4W"),r=o("evD5").f;n.exports=function(n){var t=i.Symbol||(i.Symbol=a?{}:e.Symbol||{});"_"==n.charAt(0)||n in t||r(t,n,{value:A.f(n)})}},eD3Q:function(n,t,o){var e=o("Aru5");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("5ffd82fa",e,!1,{})},fWfb:function(n,t,o){"use strict";var e=o("7KvD"),i=o("D2L2"),a=o("+E39"),A=o("kM2E"),r=o("880/"),s=o("06OY").KEY,l=o("S82l"),c=o("e8AB"),d=o("e6n0"),g=o("3Eo+"),w=o("dSzd"),h=o("Kh4W"),p=o("crlp"),b=o("Xc4G"),u=o("7UMu"),m=o("77Pl"),f=o("EqjI"),v=o("TcQ7"),C=o("MmMw"),k=o("X8DO"),x=o("Yobk"),E=o("Rrel"),B=o("LKZe"),y=o("evD5"),D=o("lktj"),I=B.f,V=y.f,_=E.f,L=e.Symbol,z=e.JSON,U=z&&z.stringify,M=w("_hidden"),q=w("toPrimitive"),S={}.propertyIsEnumerable,P=c("symbol-registry"),F=c("symbols"),T=c("op-symbols"),j=Object.prototype,N="function"==typeof L,Y=e.QObject,W=!Y||!Y.prototype||!Y.prototype.findChild,O=a&&l(function(){return 7!=x(V({},"a",{get:function(){return V(this,"a",{value:7}).a}})).a})?function(n,t,o){var e=I(j,t);e&&delete j[t],V(n,t,o),e&&n!==j&&V(j,t,e)}:V,R=function(n){var t=F[n]=x(L.prototype);return t._k=n,t},Q=N&&"symbol"==typeof L.iterator?function(n){return"symbol"==typeof n}:function(n){return n instanceof L},H=function(n,t,o){return n===j&&H(T,t,o),m(n),t=C(t,!0),m(o),i(F,t)?(o.enumerable?(i(n,M)&&n[M][t]&&(n[M][t]=!1),o=x(o,{enumerable:k(0,!1)})):(i(n,M)||V(n,M,k(1,{})),n[M][t]=!0),O(n,t,o)):V(n,t,o)},$=function(n,t){m(n);for(var o,e=b(t=v(t)),i=0,a=e.length;a>i;)H(n,o=e[i++],t[o]);return n},K=function(n){var t=S.call(this,n=C(n,!0));return!(this===j&&i(F,n)&&!i(T,n))&&(!(t||!i(this,n)||!i(F,n)||i(this,M)&&this[M][n])||t)},G=function(n,t){if(n=v(n),t=C(t,!0),n!==j||!i(F,t)||i(T,t)){var o=I(n,t);return!o||!i(F,t)||i(n,M)&&n[M][t]||(o.enumerable=!0),o}},J=function(n){for(var t,o=_(v(n)),e=[],a=0;o.length>a;)i(F,t=o[a++])||t==M||t==s||e.push(t);return e},Z=function(n){for(var t,o=n===j,e=_(o?T:v(n)),a=[],A=0;e.length>A;)!i(F,t=e[A++])||o&&!i(j,t)||a.push(F[t]);return a};N||(r((L=function(){if(this instanceof L)throw TypeError("Symbol is not a constructor!");var n=g(arguments.length>0?arguments[0]:void 0),t=function(o){this===j&&t.call(T,o),i(this,M)&&i(this[M],n)&&(this[M][n]=!1),O(this,n,k(1,o))};return a&&W&&O(j,n,{configurable:!0,set:t}),R(n)}).prototype,"toString",function(){return this._k}),B.f=G,y.f=H,o("n0T6").f=E.f=J,o("NpIQ").f=K,o("1kS7").f=Z,a&&!o("O4g8")&&r(j,"propertyIsEnumerable",K,!0),h.f=function(n){return R(w(n))}),A(A.G+A.W+A.F*!N,{Symbol:L});for(var X="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),nn=0;X.length>nn;)w(X[nn++]);for(var tn=D(w.store),on=0;tn.length>on;)p(tn[on++]);A(A.S+A.F*!N,"Symbol",{for:function(n){return i(P,n+="")?P[n]:P[n]=L(n)},keyFor:function(n){if(!Q(n))throw TypeError(n+" is not a symbol!");for(var t in P)if(P[t]===n)return t},useSetter:function(){W=!0},useSimple:function(){W=!1}}),A(A.S+A.F*!N,"Object",{create:function(n,t){return void 0===t?x(n):$(x(n),t)},defineProperty:H,defineProperties:$,getOwnPropertyDescriptor:G,getOwnPropertyNames:J,getOwnPropertySymbols:Z}),z&&A(A.S+A.F*(!N||l(function(){var n=L();return"[null]"!=U([n])||"{}"!=U({a:n})||"{}"!=U(Object(n))})),"JSON",{stringify:function(n){for(var t,o,e=[n],i=1;arguments.length>i;)e.push(arguments[i++]);if(o=t=e[1],(f(t)||void 0!==n)&&!Q(n))return u(t)||(t=function(n,t){if("function"==typeof o&&(t=o.call(this,n,t)),!Q(t))return t}),e[1]=t,U.apply(z,e)}}),L.prototype[q]||o("hJx8")(L.prototype,q,L.prototype.valueOf),d(L,"Symbol"),d(Math,"Math",!0),d(e.JSON,"JSON",!0)},fzE5:function(n,t,o){var e=o("Et6F");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("746d91b9",e,!1,{})},n0T6:function(n,t,o){var e=o("Ibhu"),i=o("xnc9").concat("length","prototype");t.f=Object.getOwnPropertyNames||function(n){return e(n,i)}},pFYg:function(n,t,o){"use strict";t.__esModule=!0;var e=A(o("Zzip")),i=A(o("5QVw")),a="function"==typeof i.default&&"symbol"==typeof e.default?function(n){return typeof n}:function(n){return n&&"function"==typeof i.default&&n.constructor===i.default&&n!==i.default.prototype?"symbol":typeof n};function A(n){return n&&n.__esModule?n:{default:n}}t.default="function"==typeof i.default&&"symbol"===a(e.default)?function(n){return void 0===n?"undefined":a(n)}:function(n){return n&&"function"==typeof i.default&&n.constructor===i.default&&n!==i.default.prototype?"symbol":void 0===n?"undefined":a(n)}},v9XT:function(n,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=o("CCn6"),i=o("pFYg"),a=o.n(i),A=o("cuAJ"),r=o.n(A),s=o("Fkme"),l=o.n(s),c={name:"audioMsg",props:["src","autoPlay"],data:function(){return{stopUrl:r.a,playUrl:l.a,playflg:!1,rangeValue:0,starttime:"00:00",duration:"00:00",offset:0,timer:null,first:!0}},mounted:function(){var n=this;if(console.log("触发"),this.play(),this.autoPlay){var t=this;document.addEventListener("DOMContentLoaded",function(){if(t.first){document.getElementById("audio").play()}}),document.addEventListener("touchstart",function(){if(t.first){document.getElementById("audio").play()}}),this.autoPlayAudio(),this.play(),Object(e.t)({api_list:"onMenuShareAppMessage",url:window.location.href.split("#")[0]}).then(function(t){wx.config({debug:!1,appId:t.appId,timestamp:parseInt(t.timestamp),nonceStr:t.nonceStr,signature:t.signature,jsApiList:t.jsApiList}),n.autoPlayAudio(),n.play()}),this.$nextTick(function(){n.first=!1})}},methods:{stopTime:function(){clearInterval(this.timer)},autoPlayAudio:function(){var n=this,t=document.querySelector("#audio");document.addEventListener("WeixinJSBridgeReady",function(){n.play()},!1),wx.ready(function(){n.$nextTick(function(){wx.ready(function(){n.$nextTick(function(){"object"===("undefined"==typeof WeixinJSBridge?"undefined":a()(WeixinJSBridge))&&"function"==typeof WeixinJSBridge.invoke?t.play():document.addEventListener?document.addEventListener("WeixinJSBridgeReady",function(){t.play()},!1):document.attachEvent&&(document.attachEvent("WeixinJSBridgeReady",function(){t.play()}),document.attachEvent("onWeixinJSBridgeReady",function(){t.play()})),wx.ready(function(){t.play()})})})})})},getDuration:function(){var n=null;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.duration=n+":"+t},onplay:function(){var n=this,t=document.querySelector("#audio");this.offset=Math.ceil(parseInt(t.duration)),this.$nextTick(function(){n.getDuration()})},playOn:function(){var n=this,t=document.querySelector("#audio");this.playflg=!0,this.timer=setInterval(function(){var o=null;o=parseInt(t.currentTime/60)<10?"0"+parseInt(t.currentTime/60):parseInt(t.currentTime/60);var e=parseInt(t.currentTime%60);e<10&&(e="0"+e),n.starttime=o+":"+e,n.rangeValue=parseInt(t.currentTime),n.rangeValue===n.offset&&(n.rangeValue=0,n.starttime="00:00",n.stop(),clearInterval(n.timer))},1e3)},play:function(){document.querySelector("#audio").play()},stop:function(){document.querySelector("#audio").pause(),this.playflg=!1}},watch:{rangeValue:function(n,t){var o=this,e=document.querySelector("#audio");Math.abs(n-t)>2&&(this.timer=setInterval(function(){var n=null;n=parseInt(e.currentTime/60)<10?"0"+parseInt(e.currentTime/60):parseInt(e.currentTime/60);var t=parseInt(e.currentTime%60);t<10&&(t="0"+t),o.starttime=n+":"+t,o.rangeValue=parseInt(e.currentTime),o.rangeValue==o.offset&&(o.rangeValue=0,o.starttime="00:00",o.stop(),clearInterval(o.timer))},1e3),e.currentTime=n)}}},d=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"audioOff"},[o("div",{staticClass:"ofplayBox"},[o("audio",{attrs:{id:"audio",src:n.src},on:{canplay:n.onplay,play:n.playOn}}),n._v(" "),o("div",{staticClass:"isPlayImg"},[n.playflg?n._e():o("img",{attrs:{src:n.playUrl},on:{click:function(t){n.play()}}}),n._v(" "),n.playflg?o("img",{attrs:{src:n.stopUrl},on:{click:function(t){n.stop()}}}):n._e()]),n._v(" "),o("div",{staticClass:"progress",on:{mousedown:function(t){n.stopTime()}}},[o("input",{directives:[{name:"model",rawName:"v-model",value:n.rangeValue,expression:"rangeValue"}],attrs:{type:"range",min:"0",max:n.offset},domProps:{value:n.rangeValue},on:{__r:function(t){n.rangeValue=t.target.value}}})]),n._v(" "),o("div",{staticClass:"duration"},[o("span",[n._v(n._s(n.starttime))]),n._v("/"),o("span",{staticClass:"right-timer"},[n._v(n._s(n.duration))])]),n._v(" "),o("div",{staticClass:"cover"})])])};d._withStripped=!0;var g={render:d,staticRenderFns:[]},w=g;var h=!1;var p=o("VU/8")(c,w,!1,function(n){h||o("eD3Q")},"data-v-2d523a14",null);p.options.__file="src/components/public/audioPlay.vue";var b=p.exports,u=o("Jmy5"),m={name:"look1",props:["nowLesson"],components:{audioDiv:b},data:function(){return{imgUrl:u.b,lookAudioType:0,timeCheck:0}},mounted:function(){this.initPage(),window._hmt.push(["_trackPageview","/#/PV/look"])},methods:{timeS:function(){var n=this;this.timeCheck>0&&(this.timeCheck--,setTimeout(function(){n.timeS()},1e3))},initPage:function(){this.timeCheck=this.nowLesson.content.timeLang,this.timeS(),Object(e.t)({api_list:"onMenuShareAppMessage",url:window.location.href.split("#")[0]}).then(function(n){wx.config({debug:!1,appId:n.appId,timestamp:parseInt(n.timestamp),nonceStr:n.nonceStr,signature:n.signature,jsApiList:n.jsApiList})})},goNext:function(n,t){this.$emit("goNext",{i:n,next:!!t})},formatBr:function(n){return n=(n=(n=n.replace(/\r\n/g,"<br/>")).replace(/\n/g,"<br/>")).replace(/\r/g,"<br/>")}},watch:{nowLesson:function(){}}},f=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"look1",style:{backgroundImage:"url("+n.imgUrl.bg+")"}},[o("img",{staticClass:"reqiqiu",attrs:{src:n.imgUrl.reqiqiu}}),n._v(" "),o("img",{staticClass:"qiqiu",attrs:{src:n.imgUrl.qiqiu}}),n._v(" "),o("img",{staticClass:"feiji",attrs:{src:n.imgUrl.feiji}}),n._v(" "),o("div",{staticClass:"content"},[o("div",{staticClass:"title"},[o("img",{attrs:{src:n.imgUrl.title1}})]),n._v(" "),o("div",{staticClass:"radio"},[o("img",{staticClass:"r3",attrs:{src:n.imgUrl.r3}}),n._v(" "),o("div",{staticClass:"audio-block"},[o("audio-div",{attrs:{src:n.nowLesson.content.radio[0].url,autoPlay:!0}})],1)]),n._v(" "),o("div",{staticClass:"today-block"},[o("img",{attrs:{src:n.imgUrl.tadayBg}}),n._v(" "),o("div",{staticClass:"today-text"},[o("div",{domProps:{innerHTML:n._s(n.formatBr(n.nowLesson.content.today))}})])]),n._v(" "),o("div",{staticClass:"title2-block"},[o("img",{staticClass:"title2",attrs:{src:n.imgUrl.title2}}),n._v(" "),o("div",{staticClass:"directory-text"},[o("div",{domProps:{innerHTML:n._s(n.formatBr(n.nowLesson.content.directory))}})])])]),n._v(" "),o("div",{staticClass:"bottom-block"},[o("img",{attrs:{src:n.imgUrl.bank},on:{click:function(t){n.goNext("")}}}),n._v(" "),-1!==n.nowLesson.content.nextIndex?o("img",{attrs:{src:n.imgUrl.go},on:{click:function(t){n.goNext(n.nowLesson.content.nextIndex,!0)}}}):n._e()])])};f._withStripped=!0;var v={render:f,staticRenderFns:[]},C=v;var k=!1;var x=o("VU/8")(m,C,!1,function(n){k||o("+4oC")},"data-v-38a2ed64",null);x.options.__file="src/components/mould/look1.vue";var E=x.exports,B={name:"video1",props:["nowLesson"],data:function(){return{imgUrl:u.h,playVideoType:!0}},mounted:function(){window._hmt.push(["_trackPageview","/#/PV/video"])},methods:{goNext:function(n,t){this.$emit("goNext",{i:n,next:!!t})},playVideo:function(){this.playVideoType=!1,this.$refs.video.play()}}},y=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticStyle:{height:"100%"}},[o("div",{staticClass:"play-l",style:{backgroundImage:"url("+n.imgUrl.bgL+")"}},[o("div",{staticClass:"content",style:{backgroundImage:"url("+n.imgUrl.bgC+")"}},[2===n.nowLesson.name?o("img",{staticClass:"title",attrs:{src:n.imgUrl.title}}):n._e(),n._v(" "),4===n.nowLesson.name?o("img",{staticClass:"title",attrs:{src:n.imgUrl.title2}}):n._e(),n._v(" "),n._m(0),n._v(" "),n.nowLesson.content.tabRadio.type?o("img",{staticClass:"audio",attrs:{src:n.imgUrl.audio},on:{click:function(t){n.goNext(n.nowLesson.content.tabRadio.index)}}}):n._e(),n._v(" "),o("img",{staticClass:"b-img",attrs:{src:n.imgUrl.b}})]),n._v(" "),o("div",{staticClass:"btn-block"},[o("img",{staticClass:"btn back",attrs:{src:n.imgUrl.backL},on:{click:function(t){n.goNext(n.nowLesson.content.lastIndex)}}}),n._v(" "),o("img",{staticClass:"btn next",attrs:{src:n.imgUrl.nextL},on:{click:function(t){n.goNext(n.nowLesson.content.nextIndex,!0)}}})])]),n._v(" "),o("div",{staticClass:"video-block"},[n.playVideoType?o("div",{staticClass:"icon-class"},[o("img",{attrs:{src:n.imgUrl.play},on:{click:function(t){n.playVideo()}}})]):n._e(),n._v(" "),n.nowLesson.content.videoUrl.length>0?o("video",{ref:"video",attrs:{id:"test_video",controls:!n.playVideoType,controlsList:"nodownload",poster:n.nowLesson.content.banner[0]?n.nowLesson.content.banner[0].url:n.nowLesson.content.videoUrl[0].url+"?vframe/jpg/offset/0",src:n.nowLesson.content.videoUrl[0].url}}):n._e()]),n._v(" "),o("div",{staticClass:"play1",style:{backgroundImage:"url("+n.imgUrl.bg+")"}},[o("div",{staticClass:"bg-block"},[n.nowLesson.content.tabRadio.type?o("img",{staticClass:"radio-img",attrs:{src:n.imgUrl.radio},on:{click:function(t){n.goNext(n.nowLesson.content.tabRadio.index)}}}):n._e(),n._v(" "),n.nowLesson.content.mouldIndex?o("span",{staticClass:"pageNo"},[n._v("-"+n._s(n.nowLesson.content.mouldIndex)+"-")]):n._e(),n._v(" "),o("img",{staticClass:"btn back",attrs:{src:n.imgUrl.backBtn},on:{click:function(t){n.goNext(n.nowLesson.content.lastIndex)}}}),n._v(" "),o("img",{staticClass:"btn next",attrs:{src:n.imgUrl.next},on:{click:function(t){n.goNext(n.nowLesson.content.nextIndex,!0)}}})])])])};y._withStripped=!0;var D={render:y,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"tips-block"},[t("span",[this._v("温馨提示：为了获得更好的学习观看体验，请您将手机横竖屏锁定打开，并将手机横放。")])])}]},I=D;var V=!1;var _=o("VU/8")(B,I,!1,function(n){V||o("HKbn")},"data-v-592a28ea",null);_.options.__file="src/components/mould/video1.vue";var L=_.exports,z=o("Au9i"),U={name:"audio1",props:["nowLesson"],data:function(){return{imgUrl:u.i,audioLeft:0,offset:0,radioLenth:0,starttime:"00:00",duration:"00:00",rangeValue:0,timer:null,changeB:!1,playAudioType:!1}},mounted:function(){window._hmt.push(["_trackPageview","/#/PV/audio"])},methods:{goNext:function(n,t){this.stopAudio(),this.$emit("goNext",{i:n,next:!!t})},aRadio:function(){this.radioLenth<this.nowLesson.content.radio.length-1?(this.radioLenth++,this.playAudioType=!1,this.audioLeft=0):Object(z.Toast)("已是最后一个")},getDuration:function(){var n=null;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.duration=n+":"+t},onPlay:function(){var n=this,t=document.querySelector("#audio");this.offset=Math.ceil(parseInt(t.duration)),console.log("开始播放-时长="+t.duration),console.log(Math.ceil(this.offset)),this.$nextTick(function(){n.getDuration()})},playOn:function(){var n=this,t=document.querySelector("#audio");this.playflg=!0,this.timer=setInterval(function(){var o=null;o=parseInt(t.currentTime/60)<10?"0"+parseInt(t.currentTime/60):parseInt(t.currentTime/60);var e=parseInt(t.currentTime%60);e<10&&(e="0"+e),n.starttime=o+":"+e,n.rangeValue=parseInt(t.currentTime),n.rangeValue===n.offset&&(n.rangeValue=0,n.starttime="00:00",clearInterval(n.timer))},1e3)},updateTime:function(n){var t=n.target.currentTime/n.target.duration*1e3;this.audioLeft=t,n.target.currentTime===n.target.duration&&(this.playAudioType=!1)},stopAudio:function(){this.$refs.audio.pause(),this.playAudioType=!1},dRadio:function(){this.radioLenth>0?(this.radioLenth--,this.playAudioType=!1,this.audioLeft=0):Object(z.Toast)("已是第一个")},playAudio:function(){this.$refs.audio.play(),this.playAudioType=!0}},watch:{rangeValue:function(n,t){var o=this,e=document.querySelector("#audio");Math.abs(n-t)>2&&(this.timer=setInterval(function(){var n=null;n=parseInt(e.currentTime/60)<10?"0"+parseInt(e.currentTime/60):parseInt(e.currentTime/60);var t=parseInt(e.currentTime%60);t<10&&(t="0"+t),o.starttime=n+":"+t,o.rangeValue=parseInt(e.currentTime),o.rangeValue==o.offset&&(o.rangeValue=0,o.starttime="00:00",clearInterval(o.timer))},1e3),e.currentTime=n)}}},M=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"radio1",style:{backgroundImage:"url("+(0===n.nowLesson.content.titleType?n.imgUrl.bg:n.imgUrl.moerduoBg)+")"}},[o("div",{staticClass:"bg-block",style:{backgroundImage:"url('"+n.imgUrl.contentBg+"')"}},[n.nowLesson.content.tabVideo.type?o("img",{staticClass:"tab-video-img",attrs:{src:n.imgUrl.tabVideo},on:{click:function(t){n.goNext(n.nowLesson.content.tabVideo.index)}}}):n._e(),n._v(" "),o("div",{staticClass:"title"},[0===n.nowLesson.content.titleType?o("img",{attrs:{src:n.imgUrl.title}}):n._e(),n._v(" "),1===n.nowLesson.content.titleType?o("img",{attrs:{src:n.imgUrl.moerduo}}):n._e()]),n._v(" "),o("div",{staticClass:"cd"},[o("img",{attrs:{src:n.imgUrl.CD}})]),n._v(" "),o("audio",{ref:"audio",attrs:{id:"audio",src:n.nowLesson.content.radio[n.radioLenth].url},on:{canplay:n.onPlay,play:n.playOn,timeupdate:n.updateTime}}),n._v(" "),o("div",{staticClass:"name-block"},[o("div",{staticClass:"name"},[n.nowLesson.content.radio[n.radioLenth]?o("span",[n._v(n._s(n.nowLesson.content.radio[n.radioLenth].title))]):n._e()]),n._v(" "),o("div",{staticClass:"ahtor"},[n.nowLesson.content.radio[n.radioLenth]?o("span",[n._v(n._s(n.nowLesson.content.radio[n.radioLenth].lable))]):n._e()])]),n._v(" "),o("div",{staticClass:"play-block",on:{mousedown:function(t){n.changeB=!0}}},[o("mt-range",{attrs:{value:n.rangeValue,max:n.offset,"bar-height":2},model:{value:n.rangeValue,callback:function(t){n.rangeValue=t},expression:"rangeValue"}}),n._v(" "),o("span",{staticClass:"time-span left"},[n._v(n._s(n.starttime))]),n._v(" "),o("span",{staticClass:"time-span right"},[n._v(n._s(n.duration))])],1),n._v(" "),o("div",{staticClass:"btn-block"},[n.nowLesson.content.radio&&n.nowLesson.content.radio.length>0?o("img",{attrs:{src:n.imgUrl.near},on:{click:function(t){n.dRadio()}}}):n._e(),n._v(" "),n.playAudioType?n._e():o("img",{staticClass:"play",attrs:{src:n.imgUrl.play},on:{click:function(t){n.playAudio()}}}),n._v(" "),n.playAudioType?o("img",{staticClass:"play",attrs:{src:n.imgUrl.stop},on:{click:function(t){n.stopAudio()}}}):n._e(),n._v(" "),n.nowLesson.content.radio&&n.nowLesson.content.radio.length>0?o("img",{attrs:{src:n.imgUrl.next},on:{click:function(t){n.aRadio()}}}):n._e()])]),n._v(" "),0===n.nowLesson.content.buttonType?o("div",{staticClass:"bottom-block"},[o("img",{attrs:{src:n.imgUrl.backLookBtn},on:{click:function(t){n.goNext(n.nowLesson.content.lastIndex)}}}),n._v(" "),o("img",{attrs:{src:n.imgUrl.showBtn},on:{click:function(t){n.goNext(n.nowLesson.content.nextIndex,!0)}}})]):n._e(),n._v(" "),1===n.nowLesson.content.buttonType?o("div",{staticClass:"bottom-block"},[o("img",{attrs:{src:n.imgUrl.backPlayBtn},on:{click:function(t){n.goNext(n.nowLesson.content.lastIndex)}}}),n._v(" "),o("img",{attrs:{src:n.imgUrl.finishBtn},on:{click:function(t){n.goNext(n.nowLesson.content.nextIndex,!0)}}})]):n._e(),n._v(" "),2===n.nowLesson.content.buttonType?o("div",{staticClass:"bottom-block"},[o("img",{attrs:{src:n.imgUrl.backLookBtn},on:{click:function(t){n.goNext(n.nowLesson.content.lastIndex)}}}),n._v(" "),o("img",{attrs:{src:n.imgUrl.finishBtn},on:{click:function(t){n.goNext(n.nowLesson.content.nextIndex,!0)}}})]):n._e(),n._v(" "),3===n.nowLesson.content.buttonType?o("div",{staticClass:"bottom-block"},[o("img",{attrs:{src:n.imgUrl.backPlayBtn},on:{click:function(t){n.goNext(n.nowLesson.content.lastIndex)}}}),n._v(" "),o("img",{attrs:{src:n.imgUrl.nextBtn},on:{click:function(t){n.goNext(n.nowLesson.content.nextIndex,!0)}}})]):n._e()])};M._withStripped=!0;var q={render:M,staticRenderFns:[]},S=q;var P=!1;var F=o("VU/8")(U,S,!1,function(n){P||(o("4eOb"),o("Kb/c"))},"data-v-15f2026f",null);F.options.__file="src/components/mould/audio1.vue";var T=F.exports,j=o("MJLE"),N=o.n(j),Y=o("2Pnh"),W=o.n(Y),O={name:"show1",props:["nowLesson","showData","lessonTitle","isShare"],data:function(){function n(n,t){switch(arguments.length){case 1:return Math.floor(Math.random()*minNum+1);case 2:return Math.floor(Math.random()*(t-n+1)+n);default:return 0}}return{imgUrl:u.n,imgUrl2:u.l,showType:!1,dataURL:"",posterAvatar:"",hasToImg:!1,num:n(0,4),pNum:n(80,95),watchLog:null,user:null,newUrl:null}},mounted:function(){this.initPage(),window._hmt.push(["_trackPageview","/#/PV/show"])},methods:{toImage:function(){var n=this;W()(this.$refs.imageWrapper,{timeout:300,useCORS:!0,allowTaint:!1,logging:!0,letterRendering:!0,backgroundColor:null}).then(function(t){var o=t.toDataURL("image/png");z.Indicator.close(),n.dataURL=o}).catch(function(n){alert(n),console.log()})},toDataURLBase64:function(n,t){var o=new XMLHttpRequest;o.onload=function(){var n=new FileReader;n.onloadend=function(){t(n.result)},n.readAsDataURL(o.response)},o.responseType="blob",o.open("GET",n,!0),o.send()},initPage:function(){var n=this;Object(e.s)().then(function(t){t.total_time=1*(t.total_time/60).toFixed(0)+1,n.watchLog=t}),Object(e.t)({api_list:"chooseImage,previewImage,uploadImage,downloadImage,getLocalImgData,onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(n){wx.config({debug:!1,appId:n.appId,timestamp:parseInt(n.timestamp),nonceStr:n.nonceStr,signature:n.signature,jsApiList:n.jsApiList})}),Object(e.k)().then(function(t){n.newUrl=t[0].desc,console.log(n.newUrl)})},qrcode:function(){new N.a("qrcode",{width:150,height:150,text:this.newUrl,image:""})},toShare:function(){var n=this;this.showType=!0,this.hasToImg||(this.hasToImg=!0,z.Indicator.open("生成图片中..."),Object(e.q)().then(function(t){n.user=t;var o=n;n.toDataURLBase64(n.user.avatar.replace("http://","https://"),function(n){o.posterAvatar=n}),Object(e.s)().then(function(t){var o=n;n.showObj=t,n.showFinish=!0,n.qrcode(),o.$nextTick(function(){setTimeout(function(){o.toImage()},300)}),wx.onMenuShareAppMessage({title:" 唱唱启蒙英语",desc:"每天10分钟，英语开口唱【SingsingEnglish】",link:o.newUrl,imgUrl:"https://cdn.singsingenglish.com/new-sing/20181018/ec3a7735c11388947c106b0b507e2aaae213ed561539843913993.jpg",success:function(){Object(z.Toast)("分享成功"),o.goNext(o.nowLesson.content.nextIndex,!0),o.showFinish=!1}}),wx.onMenuShareTimeline({title:"我家宝宝正在【唱唱启蒙英语】学唱童谣，已累计学习 "+o.watchLog.total_time+" 分钟",desc:"我家宝宝正在【唱唱启蒙英语】学唱童谣，已累计学习 "+o.watchLog.total_time+" 分钟",link:o.newUrl,imgUrl:"https://cdn.singsingenglish.com/new-sing/20181018/70bd676f32d9510529c83beb45976e705bfce19a1539843913384.jpg",success:function(){Object(z.Toast)("分享成功"),o.goNext(o.nowLesson.content.nextIndex,!0),o.showFinish=!1}})})}))},subLog:function(){this.$emit("subLog",this.$refs.textareaDiv.innerHTML),this.goNext(this.nowLesson.content.nextIndex,!0)},uploadImg:function(n){var t=this;z.Indicator.open("图片上传中"),Object(e.x)({file:n.target.files[0],type:"local"}).then(function(n){t.$refs.textareaDiv.innerHTML+='<img src="http://cdn.singsingenglish.com/'+n.url+'" style="max-width: 200px">',z.Indicator.close()})},goNext:function(n,t){this.$emit("goNext",{i:n,next:!!t})},chooseImage:function(){wx.chooseImage({count:1,sizeType:["original","compressed"],sourceType:["album","camera"],success:function(n){n.localIds;console.log(n)}})},chooseRadio:function(){wx.chooseImage({count:1,sizeType:["original","compressed"],sourceType:["album","camera"],success:function(n){}})}}},R=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.showType?n._e():o("div",{staticClass:"show1",style:{backgroundImage:"url("+n.imgUrl.bg+")"}},[o("img",{staticClass:"riji",attrs:{src:n.imgUrl.riji}}),n._v(" "),o("img",{staticClass:"yeziyou",attrs:{src:n.imgUrl.yeziyou}}),n._v(" "),o("img",{staticClass:"yezizuo",attrs:{src:n.imgUrl.yezizuo}}),n._v(" "),o("img",{staticClass:"zhaopianqiang",attrs:{src:n.imgUrl.zhaopianqiang}}),n._v(" "),o("div",{staticClass:"bg-block",style:{backgroundImage:"url("+n.imgUrl.contentBg+")"}},[o("div",{staticClass:"title-block"},[o("img",{attrs:{src:n.imgUrl.title}})]),n._v(" "),o("div",{staticClass:"textarea"},[o("div",{ref:"textareaDiv",staticClass:"text",attrs:{contenteditable:!0,id:"text"},domProps:{innerHTML:n._s(n.showData)}}),n._v(" "),o("div",{staticClass:"btn-block"},[o("input",{staticClass:"input",attrs:{type:"file",accept:"image/*"},on:{change:n.uploadImg}}),n._v(" "),o("img",{attrs:{src:n.imgUrl.imgIcon},on:{click:n.chooseImage}})])]),n._v(" "),n._m(0),n._v(" "),o("img",{staticClass:"share-icon",attrs:{src:n.imgUrl.shareIcon},on:{click:function(t){n.toShare()}}})]),n._v(" "),o("div",{staticClass:"bottom-block"},[o("img",{attrs:{src:n.imgUrl.backBtn},on:{click:function(t){n.goNext(n.nowLesson.content.lastIndex)}}}),n._v(" "),o("img",{attrs:{src:n.imgUrl.jiayoubao},on:{click:function(t){n.subLog(n.nowLesson.content.nextIndex)}}})])]),n._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:n.showType,expression:"showType"}],staticClass:"share",style:{backgroundImage:"url("+n.imgUrl2.background+")"}},[o("img",{staticClass:"back-show",attrs:{src:n.imgUrl.backShow},on:{click:function(t){n.showType=!1}}}),n._v(" "),o("img",{staticClass:"tips",attrs:{src:n.imgUrl2.tips}}),n._v(" "),n.dataURL?o("img",{staticClass:"contentImg",attrs:{src:n.dataURL}}):n._e(),n._v(" "),o("div",{staticClass:"text-tips"},[n._v("长按图片保存哦！")]),n._v(" "),!n.dataURL&&n.user?o("div",{ref:"imageWrapper",staticClass:"content test-block",style:{backgroundImage:"url("+n.imgUrl2.list[n.num]+")"}},[o("img",{staticClass:"head",attrs:{src:this.posterAvatar}}),n._v(" "),o("div",{attrs:{id:"qrcode"}}),n._v(" "),o("div",{staticClass:"name"},[n._v(n._s(n.user.nickname))]),n._v(" "),o("div",{staticClass:"day"},[n._v(n._s(n.watchLog.total_day))]),n._v(" "),o("div",{staticClass:"num"},[n._v(n._s(n.pNum))]),n._v(" "),o("div",{staticClass:"time"},[n._v(n._s(n.watchLog.total_time))])]):n._e()])])};R._withStripped=!0;var Q={render:R,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"text-block"},[this._v("\n        解释说明：\n        "),t("div",{staticClass:"text-content"},[this._v("\n          各位爸爸妈妈，记得在每日完成学习后记录宝宝一天的学习过程哦！养成良好的学习习惯也是很重要的一环，快来记录并分享宝宝的学习情况吧！\n        ")])])}]},H=Q;var $=!1;var K=o("VU/8")(O,H,!1,function(n){$||(o("Smnw"),o("3qTN"))},"data-v-2edf7fb0",null);K.options.__file="src/components/mould/show1.vue";var G=K.exports,J={name:"refueling1",props:["nowLesson"],data:function(){return{imgUrl:u.j,audioActive:!1}},components:{audioDiv:b},mounted:function(){window._hmt.push(["_trackPageview","/#/PV/card"])},methods:{goNext:function(n,t){this.$emit("goNext",{i:n,next:!!t})}}},Z=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"refueling1",style:{backgroundImage:"url("+n.imgUrl.bg+")"}},[o("div",[o("div",{staticClass:"bg-block"},[o("img",{staticClass:"title",attrs:{src:n.imgUrl.title}}),n._v(" "),n.nowLesson.content.banner[0]?o("img",{staticClass:"bg",attrs:{src:n.nowLesson.content.banner[0].url}}):n._e(),n._v(" "),n.nowLesson.content.radio[0]?o("div",{class:{"audio-block-ref":!0}},[o("audio-div",{attrs:{src:n.nowLesson.content.radio[0].url,autoPlay:!0}})],1):n._e()]),n._v(" "),o("div",{staticClass:"bottom-block"},[o("img",{attrs:{src:n.imgUrl.backBtn},on:{click:function(t){n.goNext(n.nowLesson.content.lastIndex)}}}),n._v(" "),o("img",{attrs:{src:n.imgUrl.next},on:{click:function(t){n.goNext(n.nowLesson.content.nextIndex,!0)}}})])])])};Z._withStripped=!0;var X={render:Z,staticRenderFns:[]},nn=X;var tn=!1;var on=o("VU/8")(J,nn,!1,function(n){tn||o("PwHj")},"data-v-3e58d568",null);on.options.__file="src/components/mould/refueling1.vue";var en=on.exports,an={name:"refueling2",props:["nowLesson"],components:{audioDiv:b},data:function(){return{imgUrl:{refueling1:u.j,refueling2:u.k},audioActive:!1}},mounted:function(){window._hmt.push(["_trackPageview","/#/PV/card"])},methods:{goNext:function(n,t){this.$emit("goNext",{i:n,next:!!t})}}},An=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"refueling2",style:{backgroundImage:"url("+n.imgUrl.refueling1.bg+")"}},[o("div",{staticClass:"bg-block"},[0===n.nowLesson.content.title?o("img",{staticClass:"title",attrs:{src:n.imgUrl.refueling1.title}}):n._e(),n._v(" "),1===n.nowLesson.content.title?o("img",{staticClass:"title",attrs:{src:n.imgUrl.refueling2.title2}}):n._e(),n._v(" "),o("div",{class:{"audio-block-ref":!0,active:!!n.audioActive}},[o("audio-div",{attrs:{src:n.nowLesson.content.radio[0].url,autoPlay:!0}})],1),n._v(" "),o("div",{staticClass:"content-img"},[n.nowLesson.content.banner[0]?o("img",{staticClass:"img",attrs:{src:n.nowLesson.content.banner[0].url}}):n._e(),n._v(" "),o("img",{staticClass:"radio-icon",attrs:{src:n.imgUrl.refueling2.radio},on:{click:function(t){n.audioActive=!n.audioActive}}}),n._v(" "),o("img",{staticClass:"left-icon",attrs:{src:n.imgUrl.refueling2.back},on:{click:function(t){n.goNext(n.nowLesson.content.lastIndex)}}}),n._v(" "),o("img",{staticClass:"right-icon",attrs:{src:n.imgUrl.refueling2.next},on:{click:function(t){n.goNext(n.nowLesson.content.nextIndex,!0)}}}),n._v(" "),o("span",{staticClass:"pageNo"},[n._v("-"+n._s(n.nowLesson.content.mouldIndex)+"-")])])]),n._v(" "),o("div",{staticClass:"bottom-block"})])};An._withStripped=!0;var rn={render:An,staticRenderFns:[]},sn=rn;var ln=!1;var cn=o("VU/8")(an,sn,!1,function(n){ln||o("fzE5")},"data-v-3e3ca666",null);cn.options.__file="src/components/mould/refueling2.vue";var dn=cn.exports,gn=o("VlHa"),wn=o.n(gn),hn={name:"lesson",components:{look1Div:E,video1Div:L,audio1Div:T,show1Div:G,refueling1Div:en,refueling2Div:dn},data:function(){var n=this.$route.query,t=Date.parse(new Date);return{periods_id:n.periods_id,isShare:!1,starUrl:wn.a,category_id:n.category_id,parent_category_id:n.parent_category_id,element_id:n.element_id,type:Number(n.type),watch_list:[],lessonList:null,starShow:!1,id:0,nowLesson:null,lessonTitle:null,showData:null,DocumentTitle:"唱唱启蒙英语",timeLong:t}},mounted:function(){this.initPage()},methods:{initPage:function(){var n=this;Object(e.i)(this.periods_id,this.category_id,this.element_id).then(function(t){n.lessonList=JSON.parse(t.content),n.lessonTitle=t.title,n.id=t.id,n.watch_list=t.watch_list,n.watch_list.find(function(n){return 1===n.page_id})&&(n.lessonList.find(function(n){return 1===n.name||"看一看-1"===n.name}).content.timeLang=0),n.watch_list.find(function(n){return 1===n.page_type})&&(n.showData=n.watch_list.find(function(n){return 1===n.page_type}).learn_report),n.watch_list.find(function(n){return 4===n.page_type})&&(n.isShare=!0),n.nowLesson=n.lessonList.find(function(t){return 1===n.type?t.name===n.type:2===n.type?t.name===n.type:3===n.type?t.name===n.type:4===n.type?t.name===n.type:void 0});var o=n.lessonList.filter(function(t){return t.name===n.nowLesson.name&&t.key===n.nowLesson.key});n.nowLesson.content.mouldIndex=""+(1*o.indexOf(n.nowLesson)+1),1===n.nowLesson.name?(n.DocumentTitle="爸妈看一看",window._hmt.push(["_trackEvent","看课","切换到爸妈看一看","periods_id="+n.periods_id+"&category_id="+n.category_id+"&element_id="+n.element_id])):2===n.nowLesson.name?(n.DocumentTitle="宝贝玩一玩",window._hmt.push(["_trackEvent","看课","切换到宝贝玩一玩","periods_id="+n.periods_id+"&category_id="+n.category_id+"&element_id="+n.element_id])):3===n.nowLesson.name?(n.DocumentTitle="爸妈秀宝贝",window._hmt.push(["_trackEvent","看课","切换到爸妈秀宝贝","periods_id="+n.periods_id+"&category_id="+n.category_id+"&element_id="+n.element_id])):4===n.nowLesson.name&&(n.DocumentTitle="多元趣味课",window._hmt.push(["_trackEvent","看课","切换到多元趣味课","periods_id="+n.periods_id+"&category_id="+n.category_id+"&element_id="+n.element_id]))})},subLog:function(n){var t={page_type:1,page_id:3,stay_time:1,learn_report:n},o=n.replace(/(^\s*)|(\s*$)/g,"");o&&""!==o?window._hmt.push(["_trackEvent","成长秀记录","有内容记录"]):window._hmt.push(["_trackEvent","成长秀记录","无内容记录"]),Object(e.w)(this.id,this.category_id,this.periods_id,t).then(function(){})},backToList:function(){var n={periods_id:this.$route.query.periods_id,parent_category_id:this.$route.query.parent_category_id,course_type:this.$route.query.course_type};this.$router.push({name:"map",query:n})},goNext:function(n){var t=this;this.starShow=!1;var o=Date.parse(new Date)-this.timeLong;if(!n.i&&0!==n.i||""===n.i||-1===n.i)if(-1===n.i){this.watch_list.find(function(n){return 5===n.page_id})||this.$nextTick(function(){t.starShow=!0});var i={page_type:0,page_id:5,stay_time:o/1e3};Object(e.w)(this.id,this.category_id,this.periods_id,i).then(function(n){t.backToList()})}else this.backToList();else{var a=0;if(n.next){1===this.nowLesson.name?a=1:2===this.nowLesson.name?(this.watch_list.find(function(n){return 2===n.page_id})||(this.starShow=!1,this.$nextTick(function(){t.starShow=!0})),a=2):3===this.nowLesson.name&&(this.watch_list.find(function(n){return 3===n.page_id})||(this.starShow=!1,this.$nextTick(function(){t.starShow=!0})),a=3);var A={page_type:0,page_id:a,stay_time:o/1e3};Object(e.w)(this.id,this.category_id,this.periods_id,A).then(function(n){t.timeLong+=o,Object(e.i)(t.periods_id,t.category_id,t.element_id).then(function(n){t.watch_list=n.watch_list,t.watch_list.find(function(n){return 1===n.page_id})&&(t.lessonList.find(function(n){return 1===n.name||"看一看-1"===n.name}).content.timeLang=0)})})}this.nowLesson="",this.$nextTick(function(){t.nowLesson=t.lessonList[n.i];var o=t.lessonList.filter(function(n){return n.name===t.nowLesson.name&&n.key===t.nowLesson.key});t.nowLesson.content.mouldIndex=""+(1*o.indexOf(t.nowLesson)+1),1===t.nowLesson.name?(t.DocumentTitle="爸妈看一看",window._hmt.push(["_trackEvent","看课","切换到爸妈看一看"])):2===t.nowLesson.name?(t.DocumentTitle="宝贝玩一玩",window._hmt.push(["_trackEvent","看课","切换到宝贝玩一玩"])):3===t.nowLesson.name?(t.DocumentTitle="爸妈秀宝贝",window._hmt.push(["_trackEvent","看课","切换到爸妈秀宝贝"])):4===t.nowLesson.name&&(t.DocumentTitle="多元趣味课",window._hmt.push(["_trackEvent","看课","切换到多元趣味课"]))})}}},watch:{DocumentTitle:function(n){document.title=n}}},pn=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"lesson"},[n.nowLesson&&"look1"===n.nowLesson.key?o("look1-div",{attrs:{nowLesson:n.nowLesson},on:{goNext:n.goNext}}):n._e(),n._v(" "),n.nowLesson&&"play1"===n.nowLesson.key?o("video1-div",{attrs:{nowLesson:n.nowLesson},on:{goNext:n.goNext}}):n._e(),n._v(" "),n.nowLesson&&"radio1"===n.nowLesson.key?o("audio1-div",{attrs:{nowLesson:n.nowLesson},on:{goNext:n.goNext}}):n._e(),n._v(" "),n.nowLesson&&"show1"===n.nowLesson.key?o("show1-div",{attrs:{nowLesson:n.nowLesson,showData:n.showData,lessonTitle:n.lessonTitle,isShare:n.isShare},on:{goNext:n.goNext,subLog:n.subLog}}):n._e(),n._v(" "),n.nowLesson&&"refueling1"===n.nowLesson.key?o("refueling1-div",{attrs:{nowLesson:n.nowLesson},on:{goNext:n.goNext}}):n._e(),n._v(" "),n.nowLesson&&"refueling2"===n.nowLesson.key?o("refueling2-div",{attrs:{nowLesson:n.nowLesson},on:{goNext:n.goNext}}):n._e(),n._v(" "),o("img",{directives:[{name:"show",rawName:"v-show",value:n.starShow,expression:"starShow"}],staticClass:"star-img",attrs:{src:n.starUrl}})],1)};pn._withStripped=!0;var bn={render:pn,staticRenderFns:[]},un=bn;var mn=!1;var fn=o("VU/8")(hn,un,!1,function(n){mn||o("XvrO")},"data-v-345c1b48",null);fn.options.__file="src/components/lesson.vue";t.default=fn.exports}});
//# sourceMappingURL=1.c566fdcd14b51c49e2f9.js.map