28.7179996c34a003f4ecd0.js 39.2 KB
webpackJsonp([28],{"4plS":function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});e("eqfM");var a=e("/QYm"),i=e("mvHQ"),A=e.n(i),o=(e("v2ns"),e("7QTg")),s=e("hU5a"),r=e.n(s),l=e("t4cQ"),c=e.n(l),d=e("Jmy5"),C=e("CCn6"),B={name:"starResultV2",data:function(){var n=this;return{img_pass:c.a,height:0,pullup:!0,rankBg:r.a,starNum:"",userDetail:{},loading:!0,finished:!1,starPage:d.i,starList:[],page:1,offset:30,tabIndex:2,starInfo:{code:""},swiperOption:{on:{slideChangeTransitionEnd:function(){console.log(this.activeIndex),n.tabIndex=this.activeIndex+1}}}}},components:{swiper:o.swiper,swiperSlide:o.swiperSlide},computed:{swiper:function(){return this.$refs.mySwiper.swiper}},methods:{goResult:function(){this.$router.push({name:"starResultV2",query:{starInfo:encodeURIComponent(A()(this.starInfo))}})},goDetail:function(n){var t={};t.start_at=this.starInfo.start_at,t.over_at=this.starInfo.over_at,t.user_category_integral=this.starInfo.user_category_integral,t.periods_id=this.starInfo.periods_id,this.$router.push({name:"starDetail",query:{starInfo:encodeURIComponent(A()(t))}})},onReachBottom:function(){var n=this;if(!this.finished&&this.loading){this.loading=!1,a.a.loading({mask:!0,message:""}),this.page++;var t={page:this.page,limit:"20"};Object(C.Q)(t).then(function(t){n.loading=!0,t.list.length>0&&(t.list.forEach(function(t){n.starList.push(t)}),t.total==n.starList.length&&(n.finished=!0)),a.a.clear()})}},initPage:function(){var n=this;a.a.loading({mask:!0,message:""}),this.userDetail=JSON.parse(localStorage.getItem("userDesc")),Object(C.P)().then(function(t){n.starNum=t.last_value});var t={page:this.page,limit:"20"};Object(C.Q)(t).then(function(t){n.starList=t.list,n.finished=!(t.total>20)}),Object(C.K)().then(function(t){n.starInfo=t,500!==n.starInfo.code&&(n.tabIndex=1),a.a.clear(),setTimeout(function(){console.log(Number(getComputedStyle(n.$refs.floatBox).height.replace("px","")));var t=(document.documentElement.clientHeight-Number(getComputedStyle(n.$refs.floatBox).height.replace("px","")))/2;n.$refs.unStar&&(n.$refs.unStart.style.top=Number(getComputedStyle(n.$refs.floatBox).height.replace("px",""))+t+"px")},200)})},tabChange:function(n){this.tabIndex=n,1==n?this.swiper.slidePrev():2==n&&this.swiper.slideNext(),console.log(document.querySelector(".scrollItem"))}},mounted:function(){this.height=screen.height-Number(getComputedStyle(this.$refs.floatBox).height.replace("px","")),this.initPage()}},v=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",[e("div",{ref:"floatBox",staticClass:"floatBox"},[e("div",{staticClass:"head"},[e("img",{staticClass:"bg",attrs:{src:n.rankBg,alt:""}}),n._v(" "),e("div",{staticClass:"content"},[e("div",{staticClass:"avatar"},[e("img",{staticClass:"header-icon",attrs:{src:n.userDetail.avatar}}),n._v(" "),e("span",{staticClass:"name"},[n._v(n._s(n.userDetail.nickname))])]),n._v(" "),e("div",{staticClass:"text"},[e("div",{staticClass:"count"},[n._v(n._s(n.starNum))]),n._v(" "),e("div",[n._v("星星总数")])])])]),n._v(" "),0==n.starNum?e("div",{staticClass:"secTitle anActivity"},[e("span",{staticClass:"line"}),n._v("      还没有星星记录哦~      \n      "),e("span",{staticClass:"line"})]):n._e(),n._v(" "),0!=n.starNum&&500!=n.starInfo.code?e("div",{staticClass:"secTitle"},[e("div",{class:{item:!0},on:{click:function(t){n.tabChange(1)}}},[1==n.tabIndex?e("span",{staticClass:"activity"},[e("img",{attrs:{src:n.starPage.star_img_title,alt:""}}),n._v(" 星星活动\n        ")]):n._e(),n._v(" "),2==n.tabIndex?e("span",[n._v("星星活动")]):n._e()]),n._v(" "),e("div",{class:{item:!0},on:{click:function(t){n.tabChange(2)}}},[2==n.tabIndex?e("span",{staticClass:"activity"},[e("img",{attrs:{src:n.starPage.star_img_title,alt:""}}),n._v("星星记录\n        ")]):n._e(),n._v(" "),1==n.tabIndex?e("span",[n._v("星星记录")]):n._e()])]):n._e(),n._v(" "),0!=n.starNum&&500==n.starInfo.code?e("div",{staticClass:"secTitle anActivity"},[e("span",{staticClass:"line"}),n._v("      星星记录      \n      "),e("span",{staticClass:"line"})]):n._e()]),n._v(" "),e("swiper",{ref:"mySwiper",staticClass:"scroll",attrs:{options:n.swiperOption}},[0!=n.starNum&&500!=n.starInfo.code?e("swiperSlide",[e("scroll",{ref:"scrollItem",staticClass:"scrollItem",attrs:{data:n.starList,bounce:!1}},[e("div",{staticClass:"container"},[3001!=n.starInfo.code?e("div",{staticClass:"stageBox"},[3003!=n.starInfo.code&&3004!=n.starInfo.code&&n.starInfo.activity_result&&21==n.starInfo.activity_result.result?e("div",{staticClass:"result"},[e("div",{staticClass:"float"},[n._v("结果公示")]),n._v(" "),e("div",[e("h2",[n._v("恭喜全勤活动审核通过")]),n._v(" "),e("p",[n._v("您将获得唱唱启蒙英语“全勤奖学金”")])])]):n._e(),n._v(" "),3003!=n.starInfo.code&&n.starInfo.activity_result&&n.starInfo.activity_result&&22==n.starInfo.activity_result.result?e("div",{staticClass:"result fal"},[e("div",{staticClass:"float"},[n._v("结果公示")]),n._v(" "),e("div",[e("div",{staticClass:"fal_title"},[n._v("很抱歉全勤活动挑战失败")]),n._v(" "),e("div",{staticClass:"fal_tip"},[n._v("学习没有终点,任何时候都是一个起点")])])]):n._e(),n._v(" "),e("div",{staticClass:"stageitem"},[e("img",{staticClass:"left",attrs:{src:n.starPage.star_img_xingxing,alt:""}}),n._v(" "),e("div",{staticClass:"right"},[e("div",{staticClass:"title"},[n._v("全勤活动星星")]),n._v(" "),e("div",{staticClass:"date"},[n._v(n._s(n.starInfo.start_at)+"~"+n._s(n.starInfo.over_at))]),n._v(" "),e("div",{staticClass:"count"},[e("span",{staticClass:"add"},[n._v(n._s(n.starInfo.user_category_integral)+"/40")]),n._v(" "),e("img",{attrs:{src:n.starPage.star_inner,alt:""}})]),n._v(" "),e("div",{staticClass:"tip",on:{click:function(t){n.goDetail(1,t)}}},[n._v("\n                  查看明细\n                  "),e("i",{staticClass:"iconfont icon-youjiantou"})])])]),n._v(" "),e("div",{staticClass:"rule"},[e("p",[n._v("活动说明:")]),n._v(" "),e("p",[n._v("1.活动期限为您开课的第1天至第20天;")]),n._v(" "),e("p",[n._v("2.全勤星星达到目标即可获得奖学金;")]),n._v(" "),e("p",[n._v("3.活动仅统计“学习奖励”星星,由分享学习成绩获得“分享奖励”星星不记做统计;")]),n._v(" "),e("p",[n._v("4.开课日起第21天起为奖励公示期,此页面将开放阶段任务是否达成;")]),n._v(" "),e("p",[n._v("5.奖励公示期起7个工作日内,奖学金会发放至您上课的微信账号中,还请耐心等待。")])]),n._v(" "),3003==n.starInfo.code?e("div",{staticClass:"showRs",on:{click:n.goResult}},[n._v("\n              查看活动结果\n              "),e("i",{staticClass:"iconfont icon-youjiantou"})]):n._e()]):n._e(),n._v(" "),3001==n.starInfo.code?e("div",{ref:"unStart",staticClass:"unStart"},[e("img",{attrs:{src:n.starPage.star_img_0,alt:""}}),n._v(" "),e("p",[n._v("活动时间"+n._s(n.starInfo.start_at)+"~"+n._s(n.starInfo.over_at))])]):n._e()])])],1):n._e(),n._v(" "),e("swiperSlide",[0!=n.starNum?e("scroll",{ref:"scrollItem",staticClass:"scrollItem",attrs:{data:n.starList,pullup:n.pullup,bounce:!1},on:{pullup:n.onReachBottom}},[e("div",{staticClass:"itemBox"},[n._l(n.starList,function(t,a){return e("div",{key:a,staticClass:"item"},[e("div",{staticClass:"left"},[e("p",[n._v(n._s(t.desc))]),n._v(" "),e("p",{staticClass:"date"},[n._v(n._s(t.created_at))])]),n._v(" "),e("div",{staticClass:"right"},[1==t.is_add?e("span",{staticClass:"add"},[n._v("+"+n._s(t.value))]):n._e(),n._v(" "),0==t.is_add?e("span",{staticClass:"reduce"},[n._v("-"+n._s(t.value))]):n._e(),n._v(" "),e("img",{attrs:{src:n.starPage.star_inner,alt:""}})])])}),n._v(" "),n.finished?e("div",{staticClass:"none"},[n._v("没有更多了~")]):n._e()],2)]):n._e()],1)],1)],1)};v._withStripped=!0;var g={render:v,staticRenderFns:[]},b=g;var f=!1;var w=e("VU/8")(B,b,!1,function(n){f||(e("M8hI"),e("FRL1"))},"data-v-2887cb37",null);w.options.__file="src/components/star/starRankV2.vue";t.default=w.exports},FRL1:function(n,t,e){var a=e("JDzr");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);e("rjj0")("00ea9647",a,!1,{})},JDzr:function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","",{version:3,sources:[],names:[],mappings:"",file:"starRankV2.vue",sourceRoot:""}])},M8hI:function(n,t,e){var a=e("uLs1");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);e("rjj0")("ed59b574",a,!1,{})},t4cQ:function(n,t,e){n.exports=e.p+"static/img/img_pass@2x.96468a6.png"},uLs1:function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,'\n.fl-r[data-v-2887cb37] {\n  float: right;\n}\n.fr[data-v-2887cb37] {\n  float: right;\n}\n.fl[data-v-2887cb37] {\n  float: left;\n}\n.main-block[data-v-2887cb37] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-2887cb37]:after {\n  content: \'\';\n  display: block;\n  clear: both;\n}\n[data-v-2887cb37]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-2887cb37]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-2887cb37]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-2887cb37 {\n0% {\n    -webkit-transform: scale(1);\n}\n50% {\n    -webkit-transform: scale(1.1);\n}\n100% {\n    -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-2887cb37] {\n  background: #40A9FF;\n  border: 1px solid #40A9FF;\n}\n.van-popup[data-v-2887cb37] {\n  background: transparent;\n}\n.ellipsisCss[data-v-2887cb37] {\n  overflow: hidden;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.transparentBtn[data-v-2887cb37] {\n  width: 32vw;\n  height: 10.13333333vw;\n  border: 1px solid white;\n  color: white;\n  text-align: center;\n  line-height: 10.13333333vw;\n  font-size: 4vw;\n  border-radius: 5.33333333vw;\n}\nvideo[data-v-2887cb37]::-webkit-media-controls-enclosure {\n  overflow: hidden;\n}\n.star-activity-page[data-v-2887cb37] {\n  border-top: 1px solid transparent;\n}\n.floatBox[data-v-2887cb37] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  background: white;\n  z-index: 100;\n}\n.scrollItem[data-v-2887cb37] {\n  height: 100vh;\n}\n.head[data-v-2887cb37] {\n  height: 39.2vw;\n}\n.head .bg[data-v-2887cb37] {\n  width: 100%;\n  position: absolute;\n}\n.head .content[data-v-2887cb37] {\n  position: relative;\n  z-index: 1;\n}\n.head .content .text[data-v-2887cb37] {\n  text-align: center;\n  color: #f27321;\n  padding-top: 13.86666667vw;\n}\n.head .content .text .count[data-v-2887cb37] {\n  font-size: 10.93333333vw;\n  line-height: 11.2vw;\n  margin-bottom: 2.66666667vw;\n}\n.head .content .avatar[data-v-2887cb37] {\n  position: absolute;\n  top: 5.33333333vw;\n  left: 5.86666667vw;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  height: 11.2vw;\n}\n.head .content .avatar img[data-v-2887cb37] {\n  width: 10.66666667vw;\n  border-radius: 10.66666667vw;\n  border: 2px solid white;\n}\n.head .content .avatar span[data-v-2887cb37] {\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  width: 26.13333333vw;\n  display: inline-block;\n  margin-left: 2.13333333vw;\n  font-size: 3.73333333vw;\n  color: #999999;\n}\n.secTitle[data-v-2887cb37] {\n  text-align: center;\n  color: #999999;\n  font-size: 3.46666667vw;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.secTitle .line[data-v-2887cb37] {\n  display: inline-block;\n  width: 32vw;\n  border-bottom: 1px solid #e2e2e2;\n  position: relative;\n  top: -0.8vw;\n}\n.secTitle .item[data-v-2887cb37] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  height: 17.06666667vw;\n  line-height: 19.73333333vw;\n}\n.secTitle .item .activity[data-v-2887cb37] {\n  display: inline-block;\n  width: 22.93333333vw;\n  height: 9.33333333vw;\n  line-height: 9.33333333vw;\n  position: relative;\n  text-shadow: 0px 1px 1px #bb5200;\n  color: white;\n  font-size: 4vw;\n  -webkit-animation: slideOut-data-v-2887cb37 1s linear;\n          animation: slideOut-data-v-2887cb37 1s linear;\n}\n.secTitle .item .activity img[data-v-2887cb37] {\n  width: 22.93333333vw;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n}\n@-webkit-keyframes slideOut-data-v-2887cb37 {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n@keyframes slideOut-data-v-2887cb37 {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n@-webkit-keyframes slideIn-data-v-2887cb37 {\n0% {\n    opacity: 1;\n}\n100% {\n    opacity: 0;\n}\n}\n@keyframes slideIn-data-v-2887cb37 {\n0% {\n    opacity: 1;\n}\n100% {\n    opacity: 0;\n}\n}\n.anActivity[data-v-2887cb37] {\n  margin-top: 6.4vw;\n}\n.scroll[data-v-2887cb37] {\n  padding: 0;\n  height: 100%;\n  overflow: hidden;\n  position: fixed;\n  width: 100%;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  background: white;\n}\n.scroll .itemBox[data-v-2887cb37] {\n  padding-top: 56vw;\n  width: 86%;\n  margin: 0 auto;\n}\n.scroll .itemBox .none[data-v-2887cb37] {\n  height: 14.13333333vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #999999;\n  font-size: 12px;\n}\n.scroll .container[data-v-2887cb37] {\n  padding-top: 56vw;\n}\n.scroll .container .unStart[data-v-2887cb37] {\n  color: #f27321;\n  font-size: 3.46666667vw;\n  top: 50%;\n  -webkit-transform: translateY(-10%);\n      -ms-transform: translateY(-10%);\n          transform: translateY(-10%);\n  position: absolute;\n  width: 96%;\n  text-align: center;\n}\n.scroll .container .unStart p[data-v-2887cb37] {\n  margin-top: 2.66666667vw;\n}\n.scroll .container .unStart img[data-v-2887cb37] {\n  width: 29.33333333vw;\n}\n.scroll .container .stageBox[data-v-2887cb37] {\n  width: 92%;\n  margin: 0 auto;\n  margin-top: 1.6vw;\n  padding-bottom: 5.33333333vw;\n}\n.scroll .container .stageBox .stageitem[data-v-2887cb37] {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-shadow: 0px 1px 8px 0px rgba(175, 175, 175, 0.53);\n          box-shadow: 0px 1px 8px 0px rgba(175, 175, 175, 0.53);\n  height: 30.4vw;\n  margin-bottom: 5.33333333vw;\n  border-radius: 2.13333333vw;\n}\n.scroll .container .stageBox .stageitem .left[data-v-2887cb37] {\n  width: 27.46666667vw;\n  margin-bottom: 0;\n  margin-right: 5.33333333vw;\n}\n.scroll .container .stageBox .stageitem .right[data-v-2887cb37] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  position: relative;\n  margin-top: 0;\n}\n.scroll .container .stageBox .stageitem .right .title[data-v-2887cb37] {\n  font-size: 4vw;\n  font-weight: bold;\n  margin: 4vw 0 2.66666667vw;\n}\n.scroll .container .stageBox .stageitem .right .date[data-v-2887cb37] {\n  color: #999999;\n  font-size: 3.46666667vw;\n}\n.scroll .container .stageBox .stageitem .right .count[data-v-2887cb37] {\n  color: #f27321;\n  font-size: 4.8vw;\n  font-weight: 800;\n  margin-top: 5.33333333vw;\n}\n.scroll .container .stageBox .stageitem .right .count img[data-v-2887cb37] {\n  width: 5.33333333vw;\n  position: relative;\n  top: 0.53333333vw;\n}\n.scroll .container .stageBox .stageitem .right .tip[data-v-2887cb37] {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 21.33333333vw;\n  height: 7.2vw;\n  line-height: 7.2vw;\n  text-align: center;\n  background: -webkit-gradient(linear, right top, left top, from(#ffe37e), to(#ffa572));\n  background: -webkit-linear-gradient(right, #ffe37e 0%, #ffa572 100%);\n  background: -o-linear-gradient(right, #ffe37e 0%, #ffa572 100%);\n  background: linear-gradient(270deg, #ffe37e 0%, #ffa572 100%);\n  border-radius: 0px 2.13333333vw 0px 2.13333333vw;\n  color: white;\n  font-size: 3.46666667vw;\n}\n.scroll .container .stageBox .rule[data-v-2887cb37] {\n  color: #999999;\n  font-size: 3.46666667vw;\n  line-height: 5.33333333vw;\n}\n.scroll .container .stageBox .result[data-v-2887cb37] {\n  position: relative;\n  text-align: center;\n  background: url("https://cdn.singsingenglish.com/new-sing/957ce24c07da96d9fa1ef156e700109266494dd3.png");\n  background-size: 100% 100%;\n  padding: 13.33333333vw 3.46666667vw 40vw;\n  -webkit-box-shadow: 0px 0.26666667vw 2.13333333vw 0vw rgba(175, 175, 175, 0.53);\n          box-shadow: 0px 0.26666667vw 2.13333333vw 0vw rgba(175, 175, 175, 0.53);\n  border-radius: 2.13333333vw;\n  margin-bottom: 2.66666667vw;\n  background-color: #fff9f2;\n}\n.scroll .container .stageBox .result .float[data-v-2887cb37] {\n  width: 19.73333333vw;\n  height: 7.2vw;\n  background: -webkit-gradient(linear, right top, left top, from(#ffe37e), to(#ffa772));\n  background: -webkit-linear-gradient(right, #ffe37e 0%, #ffa772 100%);\n  background: -o-linear-gradient(right, #ffe37e 0%, #ffa772 100%);\n  background: linear-gradient(270deg, #ffe37e 0%, #ffa772 100%);\n  border-radius: 0 2.13333333vw 0 2.13333333vw;\n  color: white;\n  line-height: 7.2vw;\n  position: absolute;\n  top: 0;\n  right: 0;\n  font-size: 3.46666667vw;\n}\n.scroll .container .stageBox .result .imgbox[data-v-2887cb37] {\n  margin-top: 2.13333333vw;\n}\n.scroll .container .stageBox .result .imgbox img[data-v-2887cb37] {\n  width: 29.6vw;\n  margin: 0 3.2vw;\n}\n.scroll .container .stageBox .result .addr[data-v-2887cb37] {\n  background: -webkit-gradient(linear, right top, left top, from(#fcab45), to(#f77321));\n  background: -webkit-linear-gradient(right, #fcab45 0%, #f77321 100%);\n  background: -o-linear-gradient(right, #fcab45 0%, #f77321 100%);\n  background: linear-gradient(270deg, #fcab45 0%, #f77321 100%);\n  border-radius: 3.2vw;\n  height: 6.4vw;\n  line-height: 6.4vw;\n  text-indent: 2.66666667vw;\n  color: white;\n  font-size: 3.46666667vw;\n  margin: 4vw 0;\n  text-align: left;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.scroll .container .stageBox .result .addr span[data-v-2887cb37] {\n  max-width: 78.93333333vw;\n  display: inline-block;\n  overflow: hidden;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.scroll .container .stageBox .result .addr i[data-v-2887cb37] {\n  margin-left: -1.6vw;\n  width: 5.33333333vw;\n  font-size: 3.2vw;\n}\n.scroll .container .stageBox .result .tip[data-v-2887cb37] {\n  color: #937148;\n  font-size: 3.2vw;\n  text-align: left;\n}\n.scroll .container .stageBox .result h2[data-v-2887cb37] {\n  color: #d33500;\n  margin: 0 0 2.13333333vw;\n}\n.scroll .container .stageBox .result p[data-v-2887cb37] {\n  color: #f65c28;\n  font-size: 3.46666667vw;\n}\n.scroll .container .stageBox .fal[data-v-2887cb37] {\n  padding: 10.4vw 0 3.2vw;\n  height: 50.4vw;\n  background: url("https://cdn.singsingenglish.com/new-sing/number_img_bg_lose@2x.png");\n  background-size: 100% 100%;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.scroll .container .stageBox .fal .fal_title[data-v-2887cb37] {\n  color: #2a455a;\n  font-size: 6.4vw;\n  font-weight: bold;\n}\n.scroll .container .stageBox .fal .fal_tip[data-v-2887cb37] {\n  color: #f65c28;\n  font-size: 3.46666667vw;\n  margin-top: 2.66666667vw;\n}\n.scroll .container .stageBox .showRs[data-v-2887cb37] {\n  width: 35.73333333vw;\n  height: 9.6vw;\n  background: -webkit-gradient(linear, right top, left top, from(#ffe47f), to(#ffa673));\n  background: -webkit-linear-gradient(right, #ffe47f 0%, #ffa673 100%);\n  background: -o-linear-gradient(right, #ffe47f 0%, #ffa673 100%);\n  background: linear-gradient(270deg, #ffe47f 0%, #ffa673 100%);\n  -webkit-box-shadow: 0px 1px 8px 0px rgba(255, 203, 157, 0.58);\n          box-shadow: 0px 1px 8px 0px rgba(255, 203, 157, 0.58);\n  border-radius: 4.8vw;\n  color: white;\n  text-align: center;\n  line-height: 9.6vw;\n  margin-top: 5.33333333vw;\n}\n.scroll .item[data-v-2887cb37] {\n  display: -webkit-flex;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  border-bottom: 1px solid #e2e2e2;\n  padding: 2.4vw 0.53333333vw;\n}\n.scroll .item div[data-v-2887cb37] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\n.scroll .item .left[data-v-2887cb37] {\n  font-size: 4vw;\n}\n.scroll .item .left .date[data-v-2887cb37] {\n  color: #999999;\n  font-size: 3.46666667vw;\n  margin-top: 1.06666667vw;\n}\n.scroll .item .right[data-v-2887cb37] {\n  text-align: right;\n  font-size: 4.8vw;\n  color: #f27321;\n  font-weight: 800;\n}\n.scroll .item .right img[data-v-2887cb37] {\n  width: 5.33333333vw;\n  position: relative;\n  top: 0.8vw;\n  margin-left: 0.8vw;\n}\n.scroll .item .right .reduce[data-v-2887cb37] {\n  color: #9bc912;\n}\n@media screen and (orientation: landscape) {\n.floatBox[data-v-2887cb37] {\n    position: relative;\n    top: 0;\n    left: 0;\n    width: 100%;\n    background: white;\n    z-index: 100;\n    padding-bottom: 2.66666667vw;\n}\n.scroll[data-v-2887cb37] {\n    position: relative;\n    height: 50vh;\n}\n.scroll .itemBox[data-v-2887cb37] {\n    padding-top: 0vw;\n    padding-bottom: 10vh;\n}\n}\n',"",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/star/starRankV2.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,aAAa;CACd;AACD;EACE,YAAY;CACb;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,4BAA4B;CAC/B;AACD;IACI,8BAA8B;CACjC;AACD;IACI,4BAA4B;CAC/B;CACA;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,wBAAwB;CACzB;AACD;EACE,iBAAiB;EACjB,2BAA2B;KACxB,wBAAwB;EAC3B,oBAAoB;CACrB;AACD;EACE,YAAY;EACZ,sBAAsB;EACtB,wBAAwB;EACxB,aAAa;EACb,mBAAmB;EACnB,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;CAC7B;AACD;EACE,iBAAiB;CAClB;AACD;EACE,kCAAkC;CACnC;AACD;EACE,gBAAgB;EAChB,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,cAAc;CACf;AACD;EACE,eAAe;CAChB;AACD;EACE,YAAY;EACZ,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,WAAW;CACZ;AACD;EACE,mBAAmB;EACnB,eAAe;EACf,2BAA2B;CAC5B;AACD;EACE,yBAAyB;EACzB,oBAAoB;EACpB,4BAA4B;CAC7B;AACD;EACE,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EACnB,qBAAqB;EACrB,sBAAsB;EACtB,qBAAqB;EACrB,cAAc;EACd,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,6BAA6B;EAC7B,wBAAwB;CACzB;AACD;EACE,2BAA2B;KACxB,wBAAwB;EAC3B,oBAAoB;EACpB,iBAAiB;EACjB,qBAAqB;EACrB,sBAAsB;EACtB,0BAA0B;EAC1B,wBAAwB;EACxB,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,eAAe;EACf,wBAAwB;EACxB,qBAAqB;EACrB,sBAAsB;EACtB,qBAAqB;EACrB,cAAc;CACf;AACD;EACE,sBAAsB;EACtB,YAAY;EACZ,iCAAiC;EACjC,mBAAmB;EACnB,YAAY;CACb;AACD;EACE,oBAAoB;EACpB,gBAAgB;MACZ,YAAY;UACR,QAAQ;EAChB,sBAAsB;EACtB,2BAA2B;CAC5B;AACD;EACE,sBAAsB;EACtB,qBAAqB;EACrB,qBAAqB;EACrB,0BAA0B;EAC1B,mBAAmB;EACnB,iCAAiC;EACjC,aAAa;EACb,eAAe;EACf,sDAAsD;UAC9C,8CAA8C;CACvD;AACD;EACE,qBAAqB;EACrB,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,YAAY;CACb;AACD;AACA;IACI,WAAW;CACd;AACD;IACI,WAAW;CACd;CACA;AACD;AACA;IACI,WAAW;CACd;AACD;IACI,WAAW;CACd;CACA;AACD;AACA;IACI,WAAW;CACd;AACD;IACI,WAAW;CACd;CACA;AACD;AACA;IACI,WAAW;CACd;AACD;IACI,WAAW;CACd;CACA;AACD;EACE,kBAAkB;CACnB;AACD;EACE,WAAW;EACX,aAAa;EACb,iBAAiB;EACjB,gBAAgB;EAChB,YAAY;EACZ,+BAA+B;UACvB,uBAAuB;EAC/B,kBAAkB;CACnB;AACD;EACE,kBAAkB;EAClB,WAAW;EACX,eAAe;CAChB;AACD;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,mBAAmB;EACnB,eAAe;EACf,gBAAgB;CACjB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,eAAe;EACf,wBAAwB;EACxB,SAAS;EACT,oCAAoC;MAChC,gCAAgC;UAC5B,4BAA4B;EACpC,mBAAmB;EACnB,WAAW;EACX,mBAAmB;CACpB;AACD;EACE,yBAAyB;CAC1B;AACD;EACE,qBAAqB;CACtB;AACD;EACE,WAAW;EACX,eAAe;EACf,kBAAkB;EAClB,6BAA6B;CAC9B;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,qBAAqB;EACrB,cAAc;EACd,8DAA8D;UACtD,sDAAsD;EAC9D,eAAe;EACf,4BAA4B;EAC5B,4BAA4B;CAC7B;AACD;EACE,qBAAqB;EACrB,iBAAiB;EACjB,2BAA2B;CAC5B;AACD;EACE,oBAAoB;EACpB,gBAAgB;MACZ,YAAY;UACR,QAAQ;EAChB,mBAAmB;EACnB,cAAc;CACf;AACD;EACE,eAAe;EACf,kBAAkB;EAClB,2BAA2B;CAC5B;AACD;EACE,eAAe;EACf,wBAAwB;CACzB;AACD;EACE,eAAe;EACf,iBAAiB;EACjB,iBAAiB;EACjB,yBAAyB;CAC1B;AACD;EACE,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB;CACnB;AACD;EACE,mBAAmB;EACnB,OAAO;EACP,SAAS;EACT,qBAAqB;EACrB,cAAc;EACd,mBAAmB;EACnB,mBAAmB;EACnB,sFAAsF;EACtF,qEAAqE;EACrE,gEAAgE;EAChE,8DAA8D;EAC9D,iDAAiD;EACjD,aAAa;EACb,wBAAwB;CACzB;AACD;EACE,eAAe;EACf,wBAAwB;EACxB,0BAA0B;CAC3B;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,yGAAyG;EACzG,2BAA2B;EAC3B,yCAAyC;EACzC,gFAAgF;UACxE,wEAAwE;EAChF,4BAA4B;EAC5B,4BAA4B;EAC5B,0BAA0B;CAC3B;AACD;EACE,qBAAqB;EACrB,cAAc;EACd,sFAAsF;EACtF,qEAAqE;EACrE,gEAAgE;EAChE,8DAA8D;EAC9D,6CAA6C;EAC7C,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,OAAO;EACP,SAAS;EACT,wBAAwB;CACzB;AACD;EACE,yBAAyB;CAC1B;AACD;EACE,cAAc;EACd,gBAAgB;CACjB;AACD;EACE,sFAAsF;EACtF,qEAAqE;EACrE,gEAAgE;EAChE,8DAA8D;EAC9D,qBAAqB;EACrB,cAAc;EACd,mBAAmB;EACnB,0BAA0B;EAC1B,aAAa;EACb,wBAAwB;EACxB,cAAc;EACd,iBAAiB;EACjB,qBAAqB;EACrB,sBAAsB;EACtB,qBAAqB;EACrB,cAAc;CACf;AACD;EACE,yBAAyB;EACzB,sBAAsB;EACtB,iBAAiB;EACjB,2BAA2B;KACxB,wBAAwB;EAC3B,oBAAoB;CACrB;AACD;EACE,oBAAoB;EACpB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,eAAe;EACf,iBAAiB;EACjB,iBAAiB;CAClB;AACD;EACE,eAAe;EACf,yBAAyB;CAC1B;AACD;EACE,eAAe;EACf,wBAAwB;CACzB;AACD;EACE,wBAAwB;EACxB,eAAe;EACf,sFAAsF;EACtF,2BAA2B;EAC3B,+BAA+B;UACvB,uBAAuB;CAChC;AACD;EACE,eAAe;EACf,iBAAiB;EACjB,kBAAkB;CACnB;AACD;EACE,eAAe;EACf,wBAAwB;EACxB,yBAAyB;CAC1B;AACD;EACE,qBAAqB;EACrB,cAAc;EACd,sFAAsF;EACtF,qEAAqE;EACrE,gEAAgE;EAChE,8DAA8D;EAC9D,8DAA8D;UACtD,sDAAsD;EAC9D,qBAAqB;EACrB,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,yBAAyB;CAC1B;AACD;EACE,sBAAsB;EACtB,0BAA0B;EAC1B,uCAAuC;MACnC,uBAAuB;UACnB,+BAA+B;EACvC,iCAAiC;EACjC,4BAA4B;CAC7B;AACD;EACE,oBAAoB;EACpB,gBAAgB;MACZ,YAAY;UACR,QAAQ;CACjB;AACD;EACE,eAAe;CAChB;AACD;EACE,eAAe;EACf,wBAAwB;EACxB,yBAAyB;CAC1B;AACD;EACE,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,iBAAiB;CAClB;AACD;EACE,oBAAoB;EACpB,mBAAmB;EACnB,WAAW;EACX,mBAAmB;CACpB;AACD;EACE,eAAe;CAChB;AACD;AACA;IACI,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,YAAY;IACZ,kBAAkB;IAClB,aAAa;IACb,6BAA6B;CAChC;AACD;IACI,mBAAmB;IACnB,aAAa;CAChB;AACD;IACI,iBAAiB;IACjB,qBAAqB;CACxB;CACA",file:"starRankV2.vue",sourcesContent:['\n.fl-r[data-v-2887cb37] {\n  float: right;\n}\n.fr[data-v-2887cb37] {\n  float: right;\n}\n.fl[data-v-2887cb37] {\n  float: left;\n}\n.main-block[data-v-2887cb37] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-2887cb37]:after {\n  content: \'\';\n  display: block;\n  clear: both;\n}\n[data-v-2887cb37]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-2887cb37]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-2887cb37]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-2887cb37 {\n0% {\n    -webkit-transform: scale(1);\n}\n50% {\n    -webkit-transform: scale(1.1);\n}\n100% {\n    -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-2887cb37] {\n  background: #40A9FF;\n  border: 1px solid #40A9FF;\n}\n.van-popup[data-v-2887cb37] {\n  background: transparent;\n}\n.ellipsisCss[data-v-2887cb37] {\n  overflow: hidden;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.transparentBtn[data-v-2887cb37] {\n  width: 32vw;\n  height: 10.13333333vw;\n  border: 1px solid white;\n  color: white;\n  text-align: center;\n  line-height: 10.13333333vw;\n  font-size: 4vw;\n  border-radius: 5.33333333vw;\n}\nvideo[data-v-2887cb37]::-webkit-media-controls-enclosure {\n  overflow: hidden;\n}\n.star-activity-page[data-v-2887cb37] {\n  border-top: 1px solid transparent;\n}\n.floatBox[data-v-2887cb37] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  background: white;\n  z-index: 100;\n}\n.scrollItem[data-v-2887cb37] {\n  height: 100vh;\n}\n.head[data-v-2887cb37] {\n  height: 39.2vw;\n}\n.head .bg[data-v-2887cb37] {\n  width: 100%;\n  position: absolute;\n}\n.head .content[data-v-2887cb37] {\n  position: relative;\n  z-index: 1;\n}\n.head .content .text[data-v-2887cb37] {\n  text-align: center;\n  color: #f27321;\n  padding-top: 13.86666667vw;\n}\n.head .content .text .count[data-v-2887cb37] {\n  font-size: 10.93333333vw;\n  line-height: 11.2vw;\n  margin-bottom: 2.66666667vw;\n}\n.head .content .avatar[data-v-2887cb37] {\n  position: absolute;\n  top: 5.33333333vw;\n  left: 5.86666667vw;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  height: 11.2vw;\n}\n.head .content .avatar img[data-v-2887cb37] {\n  width: 10.66666667vw;\n  border-radius: 10.66666667vw;\n  border: 2px solid white;\n}\n.head .content .avatar span[data-v-2887cb37] {\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  width: 26.13333333vw;\n  display: inline-block;\n  margin-left: 2.13333333vw;\n  font-size: 3.73333333vw;\n  color: #999999;\n}\n.secTitle[data-v-2887cb37] {\n  text-align: center;\n  color: #999999;\n  font-size: 3.46666667vw;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.secTitle .line[data-v-2887cb37] {\n  display: inline-block;\n  width: 32vw;\n  border-bottom: 1px solid #e2e2e2;\n  position: relative;\n  top: -0.8vw;\n}\n.secTitle .item[data-v-2887cb37] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  height: 17.06666667vw;\n  line-height: 19.73333333vw;\n}\n.secTitle .item .activity[data-v-2887cb37] {\n  display: inline-block;\n  width: 22.93333333vw;\n  height: 9.33333333vw;\n  line-height: 9.33333333vw;\n  position: relative;\n  text-shadow: 0px 1px 1px #bb5200;\n  color: white;\n  font-size: 4vw;\n  -webkit-animation: slideOut-data-v-2887cb37 1s linear;\n          animation: slideOut-data-v-2887cb37 1s linear;\n}\n.secTitle .item .activity img[data-v-2887cb37] {\n  width: 22.93333333vw;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n}\n@-webkit-keyframes slideOut-data-v-2887cb37 {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n@keyframes slideOut-data-v-2887cb37 {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n@-webkit-keyframes slideIn-data-v-2887cb37 {\n0% {\n    opacity: 1;\n}\n100% {\n    opacity: 0;\n}\n}\n@keyframes slideIn-data-v-2887cb37 {\n0% {\n    opacity: 1;\n}\n100% {\n    opacity: 0;\n}\n}\n.anActivity[data-v-2887cb37] {\n  margin-top: 6.4vw;\n}\n.scroll[data-v-2887cb37] {\n  padding: 0;\n  height: 100%;\n  overflow: hidden;\n  position: fixed;\n  width: 100%;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  background: white;\n}\n.scroll .itemBox[data-v-2887cb37] {\n  padding-top: 56vw;\n  width: 86%;\n  margin: 0 auto;\n}\n.scroll .itemBox .none[data-v-2887cb37] {\n  height: 14.13333333vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #999999;\n  font-size: 12px;\n}\n.scroll .container[data-v-2887cb37] {\n  padding-top: 56vw;\n}\n.scroll .container .unStart[data-v-2887cb37] {\n  color: #f27321;\n  font-size: 3.46666667vw;\n  top: 50%;\n  -webkit-transform: translateY(-10%);\n      -ms-transform: translateY(-10%);\n          transform: translateY(-10%);\n  position: absolute;\n  width: 96%;\n  text-align: center;\n}\n.scroll .container .unStart p[data-v-2887cb37] {\n  margin-top: 2.66666667vw;\n}\n.scroll .container .unStart img[data-v-2887cb37] {\n  width: 29.33333333vw;\n}\n.scroll .container .stageBox[data-v-2887cb37] {\n  width: 92%;\n  margin: 0 auto;\n  margin-top: 1.6vw;\n  padding-bottom: 5.33333333vw;\n}\n.scroll .container .stageBox .stageitem[data-v-2887cb37] {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-shadow: 0px 1px 8px 0px rgba(175, 175, 175, 0.53);\n          box-shadow: 0px 1px 8px 0px rgba(175, 175, 175, 0.53);\n  height: 30.4vw;\n  margin-bottom: 5.33333333vw;\n  border-radius: 2.13333333vw;\n}\n.scroll .container .stageBox .stageitem .left[data-v-2887cb37] {\n  width: 27.46666667vw;\n  margin-bottom: 0;\n  margin-right: 5.33333333vw;\n}\n.scroll .container .stageBox .stageitem .right[data-v-2887cb37] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  position: relative;\n  margin-top: 0;\n}\n.scroll .container .stageBox .stageitem .right .title[data-v-2887cb37] {\n  font-size: 4vw;\n  font-weight: bold;\n  margin: 4vw 0 2.66666667vw;\n}\n.scroll .container .stageBox .stageitem .right .date[data-v-2887cb37] {\n  color: #999999;\n  font-size: 3.46666667vw;\n}\n.scroll .container .stageBox .stageitem .right .count[data-v-2887cb37] {\n  color: #f27321;\n  font-size: 4.8vw;\n  font-weight: 800;\n  margin-top: 5.33333333vw;\n}\n.scroll .container .stageBox .stageitem .right .count img[data-v-2887cb37] {\n  width: 5.33333333vw;\n  position: relative;\n  top: 0.53333333vw;\n}\n.scroll .container .stageBox .stageitem .right .tip[data-v-2887cb37] {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 21.33333333vw;\n  height: 7.2vw;\n  line-height: 7.2vw;\n  text-align: center;\n  background: -webkit-gradient(linear, right top, left top, from(#ffe37e), to(#ffa572));\n  background: -webkit-linear-gradient(right, #ffe37e 0%, #ffa572 100%);\n  background: -o-linear-gradient(right, #ffe37e 0%, #ffa572 100%);\n  background: linear-gradient(270deg, #ffe37e 0%, #ffa572 100%);\n  border-radius: 0px 2.13333333vw 0px 2.13333333vw;\n  color: white;\n  font-size: 3.46666667vw;\n}\n.scroll .container .stageBox .rule[data-v-2887cb37] {\n  color: #999999;\n  font-size: 3.46666667vw;\n  line-height: 5.33333333vw;\n}\n.scroll .container .stageBox .result[data-v-2887cb37] {\n  position: relative;\n  text-align: center;\n  background: url("https://cdn.singsingenglish.com/new-sing/957ce24c07da96d9fa1ef156e700109266494dd3.png");\n  background-size: 100% 100%;\n  padding: 13.33333333vw 3.46666667vw 40vw;\n  -webkit-box-shadow: 0px 0.26666667vw 2.13333333vw 0vw rgba(175, 175, 175, 0.53);\n          box-shadow: 0px 0.26666667vw 2.13333333vw 0vw rgba(175, 175, 175, 0.53);\n  border-radius: 2.13333333vw;\n  margin-bottom: 2.66666667vw;\n  background-color: #fff9f2;\n}\n.scroll .container .stageBox .result .float[data-v-2887cb37] {\n  width: 19.73333333vw;\n  height: 7.2vw;\n  background: -webkit-gradient(linear, right top, left top, from(#ffe37e), to(#ffa772));\n  background: -webkit-linear-gradient(right, #ffe37e 0%, #ffa772 100%);\n  background: -o-linear-gradient(right, #ffe37e 0%, #ffa772 100%);\n  background: linear-gradient(270deg, #ffe37e 0%, #ffa772 100%);\n  border-radius: 0 2.13333333vw 0 2.13333333vw;\n  color: white;\n  line-height: 7.2vw;\n  position: absolute;\n  top: 0;\n  right: 0;\n  font-size: 3.46666667vw;\n}\n.scroll .container .stageBox .result .imgbox[data-v-2887cb37] {\n  margin-top: 2.13333333vw;\n}\n.scroll .container .stageBox .result .imgbox img[data-v-2887cb37] {\n  width: 29.6vw;\n  margin: 0 3.2vw;\n}\n.scroll .container .stageBox .result .addr[data-v-2887cb37] {\n  background: -webkit-gradient(linear, right top, left top, from(#fcab45), to(#f77321));\n  background: -webkit-linear-gradient(right, #fcab45 0%, #f77321 100%);\n  background: -o-linear-gradient(right, #fcab45 0%, #f77321 100%);\n  background: linear-gradient(270deg, #fcab45 0%, #f77321 100%);\n  border-radius: 3.2vw;\n  height: 6.4vw;\n  line-height: 6.4vw;\n  text-indent: 2.66666667vw;\n  color: white;\n  font-size: 3.46666667vw;\n  margin: 4vw 0;\n  text-align: left;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.scroll .container .stageBox .result .addr span[data-v-2887cb37] {\n  max-width: 78.93333333vw;\n  display: inline-block;\n  overflow: hidden;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.scroll .container .stageBox .result .addr i[data-v-2887cb37] {\n  margin-left: -1.6vw;\n  width: 5.33333333vw;\n  font-size: 3.2vw;\n}\n.scroll .container .stageBox .result .tip[data-v-2887cb37] {\n  color: #937148;\n  font-size: 3.2vw;\n  text-align: left;\n}\n.scroll .container .stageBox .result h2[data-v-2887cb37] {\n  color: #d33500;\n  margin: 0 0 2.13333333vw;\n}\n.scroll .container .stageBox .result p[data-v-2887cb37] {\n  color: #f65c28;\n  font-size: 3.46666667vw;\n}\n.scroll .container .stageBox .fal[data-v-2887cb37] {\n  padding: 10.4vw 0 3.2vw;\n  height: 50.4vw;\n  background: url("https://cdn.singsingenglish.com/new-sing/number_img_bg_lose@2x.png");\n  background-size: 100% 100%;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.scroll .container .stageBox .fal .fal_title[data-v-2887cb37] {\n  color: #2a455a;\n  font-size: 6.4vw;\n  font-weight: bold;\n}\n.scroll .container .stageBox .fal .fal_tip[data-v-2887cb37] {\n  color: #f65c28;\n  font-size: 3.46666667vw;\n  margin-top: 2.66666667vw;\n}\n.scroll .container .stageBox .showRs[data-v-2887cb37] {\n  width: 35.73333333vw;\n  height: 9.6vw;\n  background: -webkit-gradient(linear, right top, left top, from(#ffe47f), to(#ffa673));\n  background: -webkit-linear-gradient(right, #ffe47f 0%, #ffa673 100%);\n  background: -o-linear-gradient(right, #ffe47f 0%, #ffa673 100%);\n  background: linear-gradient(270deg, #ffe47f 0%, #ffa673 100%);\n  -webkit-box-shadow: 0px 1px 8px 0px rgba(255, 203, 157, 0.58);\n          box-shadow: 0px 1px 8px 0px rgba(255, 203, 157, 0.58);\n  border-radius: 4.8vw;\n  color: white;\n  text-align: center;\n  line-height: 9.6vw;\n  margin-top: 5.33333333vw;\n}\n.scroll .item[data-v-2887cb37] {\n  display: -webkit-flex;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  border-bottom: 1px solid #e2e2e2;\n  padding: 2.4vw 0.53333333vw;\n}\n.scroll .item div[data-v-2887cb37] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\n.scroll .item .left[data-v-2887cb37] {\n  font-size: 4vw;\n}\n.scroll .item .left .date[data-v-2887cb37] {\n  color: #999999;\n  font-size: 3.46666667vw;\n  margin-top: 1.06666667vw;\n}\n.scroll .item .right[data-v-2887cb37] {\n  text-align: right;\n  font-size: 4.8vw;\n  color: #f27321;\n  font-weight: 800;\n}\n.scroll .item .right img[data-v-2887cb37] {\n  width: 5.33333333vw;\n  position: relative;\n  top: 0.8vw;\n  margin-left: 0.8vw;\n}\n.scroll .item .right .reduce[data-v-2887cb37] {\n  color: #9bc912;\n}\n@media screen and (orientation: landscape) {\n.floatBox[data-v-2887cb37] {\n    position: relative;\n    top: 0;\n    left: 0;\n    width: 100%;\n    background: white;\n    z-index: 100;\n    padding-bottom: 2.66666667vw;\n}\n.scroll[data-v-2887cb37] {\n    position: relative;\n    height: 50vh;\n}\n.scroll .itemBox[data-v-2887cb37] {\n    padding-top: 0vw;\n    padding-bottom: 10vh;\n}\n}\n'],sourceRoot:""}])}});