调整

microserviceUserH5/static/css/doubleChristmasActivity.css

@@ -18,7 +18,14 @@ html, body, div, ul, li, p {
 ul, li {
   list-style: none;
 }
-
+.footer-cloud{
+  width: 7.5rem;
+  height: 1.4rem;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  z-index: 99;
+}
 .header-container{
   width: 7.5rem;
   height: 6.54rem;
@@ -30,6 +37,45 @@ ul, li {
   width: 101%;
   height: 6.54rem;
 }
+.activity-meal{
+  position: absolute;
+  top: 1.46rem;
+  left: 2.23rem;
+  font-size: 0.28rem;
+  font-weight: bold;
+  color: #FFFFFF;
+}
+.meal-price{
+  position: absolute;
+  bottom: 1.86rem;
+  left: 2.32rem;
+  font-size: 0.32rem;
+  font-weight: bold;
+  color: #FFFFFF;
+}
+.rest-time{
+  width: 3.44rem;
+  height: 0.5rem;
+  line-height: 0.5rem;
+  text-align: center;
+  position: absolute;
+  bottom: 1.12rem;
+  left: 2.04rem;
+  background: #000000;
+  border-radius: 0.29rem;
+  opacity: 0.49;
+  font-size: 0.22rem;
+        color: #FFFFFF;
+}
+.limit{
+  position: absolute;
+  bottom: 0.72rem;
+  left: 2.4rem;
+  font-size: 0.24rem;
+  font-weight: 600;
+        color: #FFFFFF;
+  opacity: 0.9;
+}
 .middle-container{
   width: 7.5rem;
   margin: 0 auto;
@@ -40,8 +86,8 @@ ul, li {
   padding-bottom: 0.5rem;
 }
 .tips{
-  width: 6.9rem;
-  height: 1.76rem;
+  width: 7.46rem;
+  height: 4.43rem;
   position: absolute;
   top: 1.82rem;
   left: 0;
@@ -49,21 +95,21 @@ ul, li {
 }
 .step-container{
   width: 6.9rem;
+  height: 4.43rem;
   position: relative;
-  padding-top: 2.82rem;
-  margin-left: 0.3rem;
+  padding-top: 2.68rem;
 }
 .main-step-content{
   width: 6.9rem;
   position: relative;
   z-index: 9;
   border-radius: 0.1rem;
-  background-color: #ffffff;
-  padding-bottom: 1.18rem;
+  margin-left: 0.3rem;
 }
 .top-step{
   display: flex;
   justify-content: space-between;
+  padding: 0 0.4rem;
 }
 .hongbao{
   width: 1.44rem;
@@ -80,54 +126,56 @@ ul, li {
   height: 1.5rem;
   margin-top: 0.4rem;
 }
-.red-packet{
-  margin: 0.3rem 0.3rem 0 0.3rem;
-}
-.red-packet-next{
-  margin: 0.3rem;
+.rest-tip{
+  margin-top: -0.38rem;
+  text-align: center;
+  font-size: 0.28rem;
+  color: #FFFFFF;
+  opacity: 0.8;
 }
-.packet{
+.tab-row{
+  width: 6.66rem;
+  height: 1rem;
+  background: linear-gradient(180deg, #EFEADD 0%, #EFDDB3 100%);
+  border-radius: 0.2rem;
+  display: flex;
+  align-items: center;
+  margin: 0 auto;
+  margin-top: 0.42rem;
+  padding: 0 0.12rem;
   position: relative;
-  width: 6.32rem;
-  height: 1.56rem;
-  margin-bottom: 0.3rem;
-}
-.fxhb{
-  width: 100%;
-  height: 100%;
 }
-.money{
-  width: 2rem;
-  position: absolute;
-  top: 0.34rem;
+.tab-item{
+  width: 3.45rem;
   text-align: center;
-  font-size: 0.14rem;
-  color: #AC6C23;
+  font-size: 0.32rem;
+  font-weight: 600;
+  color: #B8865A;
+  position: relative;
+  z-index: 99;
 }
-.money-mark{
-  font-size: 0.36rem;
+.middle-cloud{
+  width: 2.64rem;
+  height: 1.4rem;
+  position: absolute;
+  bottom: -0.42rem;
 }
-.money-val{
-  font-size: 0.64rem;
+.tab-active{
+  line-height: 0.76rem;
+  text-align: center;
+  color: rgba(255,255,255,0.9);
 }
-.packet-title{
+.tab-bg{
+  width: 3.2rem;
+  height: 0.76rem;
   position: absolute;
-  top: 0.36rem;
-  right: 0.82rem;
-  font-size: 0.36rem;
-  color: #FEF1C4;
+  top: 0.12rem;
 }
-.packet-time{
-  position: absolute;
-  bottom: 0.1rem;
-  right: 1.58rem;
-  font-size: 0.24rem;
-  color: #FEF1C4;
+.tab-left{
+  left: 0.12rem;
 }
-.account{
-  font-size: 0.28rem;
-  text-align: center;
-  padding-bottom: 0.2rem;
+.tab-right{
+  right: 0.12rem;
 }
 .step-item{
   display: flex;
@@ -142,8 +190,8 @@ ul, li {
   height: 1.8rem;
   line-height: 1.4rem;
   position: absolute;
-  bottom: -0.74rem;
-  left: 0.15rem;
+  bottom: 0.2rem;
+  left: 0.35rem;
   z-index: 99;
 }
 .join-activity{
@@ -151,10 +199,9 @@ ul, li {
   height: 100%;
 }
 .activity-btn-content{
-  width: 5.2rem;
   font-size: 0.44rem;
   position: absolute;
-  left: 1.06rem;
+  left: 2.1rem;
   top: 0;
 }
 .activity-btn-text{
@@ -172,271 +219,340 @@ ul, li {
   color: #ffffff;
   display: none;
 }
-.packet-container{
-  width: 6.9rem;
-  position: relative;
-  margin-top: 1.6rem;
-  margin-left: 0.3rem;
+.reward-container{
+  width: 6.5rem;
+  max-height: 12.36rem;
+  overflow-y: scroll;
+  background: #F9F8FB;
+  box-shadow: 0 0.12rem 0.28rem 0 rgba(253, 89, 136, 0.46);
+  border-radius: 0.2rem;
+  margin: 0 auto;
+  margin-top: 0.2rem;
+  padding: 0.2rem;
   display: none;
 }
-.rule-container{
-  width: 6.9rem;
-  position: relative;
-  margin-top: 1.6rem;
-  margin-left: 0.3rem;
-}
-.rule-tips{
-  width: 6.9rem;
-  height: 1.76rem;
-  position: absolute;
-  top: -1rem;
-  left: 0;
+.reward-time{
+  width: 6.5rem;
+  height: 0.72rem;
+  line-height: 0.72rem;
+  text-align: center;
+  background: #FE5140;
+  border-radius: 0.36rem;
+  font-size: 0.24rem;
+  color: rgba(255,255,255,0.9);
 }
-.rule-content{
-  width: 6.9rem;
-  height: 6.2rem;
-  padding: 0.2rem 0;
-  border-radius: 0.1rem;
-  background-color: #ffffff;
-  overflow-y: scroll;
-  position: relative;
-  z-index: 99;
+.time-num{
+  background: #F9F8FB;
+  border-radius: 0.08rem;
+  padding: 0.03rem;
+  color: #333333;
 }
-.rule-point{
-  margin: 0 0.2rem;
-  font-size: 0.24rem;
-  line-height: 0.48rem;
+.time-line{
+  width: 0.02rem;
+  height: 0.24rem;
+  color: #CF1300;
 }
-.packet-block{
-  width: 6.9rem;
-  min-height: 2.16rem;
-  max-height: 9.16rem;
-  border-radius: 0.1rem;
-  background-color: #ffffff;
-  overflow-y: scroll;
+.reward-tip-row{
   position: relative;
-  z-index: 99;
-    }
-.packet-titles{
-  position: absolute;
-  top: 0.14rem;
-  left: 2.32rem;
-  font-size: 0.36rem;
-  color: #FEF1C4;
+  padding-left: 0.2rem;
+  border-bottom: 0.01rem solid #ED4C55;
 }
-.packet-times{
+.reward-tip-img{
+  width: 6.1rem;
+  height: 0.5rem;
   position: absolute;
-  top: 0.64rem;
-  right: 1.68rem;
-  font-size: 0.24rem;
-  color: #FEF1C4;
+  top: 0.1rem;
 }
-.packet-info{
-  position: absolute;
-  bottom: 0.1rem;
-  right: 0.88rem;
+.reward-tip{
   font-size: 0.24rem;
-  color: #FEF1C4;
+  font-weight: 600;
+  color: #333333;
+  padding: 0.2rem;
+  margin-left: 0.1rem;
 }
-.share-btn{
-  width: 1.04rem;
-  height: 0.48rem;
-  position: absolute;
-  top: 0.24rem;
-  right: 0.34rem;
+.reward-list{
+  position: relative;
 }
-.share-num{
+.left-ear{
+  width: 0.16rem;
+  height: 0.24rem;
   position: absolute;
-  top: 0.08rem;
-  left: 0.12rem;
-  font-size: 0.24rem;
-  color: #FD1C15;
+  top: 40%;
+  left: -0.1rem;
+  transform: translate(-50%,-50%);
 }
-.share{
-  width: 100%;
-  height: 100%;
+.right-ear{
+  width: 0.16rem;
+  height: 0.24rem;
   position: absolute;
-  top: 0;
+  top: 40%;
+  right: -0.26rem;
+  transform: translate(-50%,-50%);
 }
-.icon{
-  width: 0.2rem;
-  height: 0.16rem;
-  position: absolute;
-  bottom: 0.2rem;
-  right: 0.34rem;
+.time-row{
+  display: flex;
+  align-items: center;
 }
-.user-list{
-  width: 5.72rem;
-  max-height: 5.68rem;
-  margin: 0 auto;
-  margin-bottom: 0.2rem;
-  background: #FFFFFF;
-  border-radius: 0.2rem;
-  border: 0.02rem solid #FFE4E3;
-  padding: 0.3rem 0.3rem 0 0.3rem;
-  overflow-y: scroll;
-  display: none;
+.time-icon{
+  width: 0.26rem;
+  height: 0.26rem;
+  margin-top: 0.05rem;
+  margin-right: 0.1rem;
 }
-.user-item{
+.compute-block{
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  margin-bottom: 0.28rem;
 }
-.user-left{
-  display: flex;
+.ipt{
+  width: 0.74rem;
+  height: 0.38rem;
+  margin: 0 0.1rem;
+  background: linear-gradient(180deg, #E8E6E6 0%, #FFFFFF 100%);
+  border-radius: 0.04rem;
+  text-align: center;
+  border: none;
 }
-.head-img{
-  width: 0.68rem;
-  height: 0.68rem;
-  padding-top: 0.06rem;
-  border-radius: 50%;
+.compute-icon{
+  width: 0.4rem;
+  height: 0.4rem;
 }
-.user-info{
-  margin-left: 0.14rem;
-  font-size: 0.24rem;
+input:focus{ 
+  outline:none; 
 }
-.user-name{
-  color: #272624;
+.icon_xingyao{
+  width: 0.68rem;
+  height: 0.68rem;
+  margin-left: 0.18rem;
 }
-.user-time{
-  color: #999999;
+.distribution-reward-btn{
+  width: 6.5rem;
+  height: 1.04rem;
+  margin-top: -0.1rem;
 }
-.meal{
-  font-size: 0.24rem;
-  color: #FD2B1B;
-  max-width: 1.72rem;
+.page-row{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0.1rem 0;
 }
-.receive{
-  width: 1.14rem;
-  height: 0.52rem;
-  line-height: 0.52rem;
-  font-size: 0.24rem;
-    color: #ffffff;
-  background-color: #3B7FFF;
+.schedule-line{
+  width: 0.72rem;
+  height: 0.12rem;
+  margin-top: 0.04rem;
+  background-color: rgba(251, 94, 104, 0.3);
   border-radius: 0.08rem;
-  text-align: center;
+  position: relative;
 }
-.pop {
-  width: 6.22rem;
-  height: 8.5rem;
+.schedule-child-line{
+  width: 0.2rem;
+  height: 0.12rem;
+  background-color: #FB5E68;
+  border-radius: 0.08rem;
   position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  top: -6.96rem;
-  z-index: 999;
-}
-.pop-bg{
-  width: 100%;
-  height: 100%;
-}
-.mask {
-  width: 100%;
-  height: 100vh;
-  position: fixed;
   top: 0;
   left: 0;
-  z-index: 9999;
-  background: rgba(0, 0, 0, 0.8);
-  display: none;
+  z-index: 99;
 }
-.top-title{
+.page{
+  font-size: 0.2rem;
+  color: #333333;
+  margin-left: 0.16rem;
+}
+.reward-btn-img{
+  width: 6.5rem;
+  height: 0.92rem;
+}
+.reward-row{
+  width: 6.5rem;
+  height: 1.22rem;
+  margin-top: 0.2rem;
+  position: relative;
+}
+.reward-row-bg{
+  width: 6.5rem;
+  height: 1.22rem;
   position: absolute;
-  top: 3.14rem;
-  left: 50%;
-  transform: translateX(-50%);
-  font-size: 0.32rem;
-  color: #ffffff;
+  top: 0;
 }
-.share-num-text{
+.reward-row-content{
+  width: 6.18rem;
+  height: 1.22rem;
+  display: flex;
+  align-items: center;
+  padding: 0 0.22rem 0 0.1rem;
   position: absolute;
-  top: 4.94rem;
-  left: 50%;
-  transform: translateX(-50%);
-  font-size: 0.4rem;
-  color: #F23200;
-  letter-spacing: 0.06rem;
+  top: 0;
+  z-index: 999;
+}
+.reward-img{
+  width: 1.06rem;
+  height: 1.02rem;
+}
+.reward-day-text{
+  margin-left: 0.16rem;
+  color: #FFFFFF;
+  flex: 1;
+}
+.reward-day{
+  font-size: 0.28rem;
   font-weight: 600;
-  line-height: 0.56rem;
-  text-align: center;
 }
-.bottom{
-  position: absolute;
-  bottom: 0.46rem;
-  left: 50%;
-  transform: translateX(-50%);
+.total-day{
+  margin-top: 0.08rem;
+  font-size: 0.24rem;
+  opacity: 0.9;
+}
+.reward-btn{
+  width: 1.34rem;
+  height: 0.78rem;
 }
-.bottom-title-row{
-  width: 5.16rem;
+.reward-last-tip{
+  text-align: center;
+  margin-top: 0.2rem;
+  font-size: 0.24rem;
+  color: #3B7FFF;
+}
+.distribution-container{
+  width: 6.5rem;
+  max-height: 12.36rem;
+  overflow-y: scroll;
+  background: #F9F8FB;
+  box-shadow: 0 0.12rem 0.28rem 0 rgba(253, 89, 136, 0.46);
+  border-radius: 0.2rem;
+  margin: 0 auto;
+  margin-top: 0.2rem;
+  padding: 0.2rem;
+}
+.distribution-time{
+  width: 5.48rem;
+  height: 0.72rem;
+  background: #FE5140;
+  border-radius: 0.36rem;
+  font-size: 0.24rem;
+  color: rgba(255,255,255,0.9);
   display: flex;
   justify-content: space-between;
   align-items: center;
+  padding: 0 0.54rem;
 }
-.line{
-  width: 1.5rem;
-  height: 0.02rem;
-  background-color: #ffffff;
+.distribution-line{
+  width: 0.02rem;
+  color: #CF1300;
 }
-.bottom-title{
-  font-size: 0.24rem;
-  color: #ffffff;
+.distribution-num{
+  background: #F9F8FB;
+  border-radius: 0.08rem;
+  padding: 0.03rem;
+  color: #333333;
 }
-.bottom-share-row{
+.time-title-row{
   display: flex;
   justify-content: center;
-  align-items: center;
-  padding-top: 0.18rem;
-  margin: 0 0.2rem;
+  position: relative;
+  margin-top: 0.2rem;
 }
-.left-friend_share,.right-wechat{
-  display: flex;
-  align-items: center;
+.time-title-bg{
+  width: 6.08rem;
+  height: 0.4rem;
+  position: absolute;
+  top: 0.1rem;
+  left: 0.2rem;
+}
+.time-title{
   font-size: 0.28rem;
-  color: #ffffff;
+  font-weight: 600;
+  color: #333333;
 }
-.friend_share,.wechat{
-  width: 0.68rem;
-  height: 0.68rem;
-  margin-right: 0.2rem;
+.title-row{
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.3rem;
+  padding: 0 0.36rem;
+  font-size: 0.24rem;
+  font-weight: 600;
+  color: #333333;
+  padding-bottom: 0.1rem;
+  border-bottom: 0.04rem solid #ED4C55;
 }
-.share-text{
-  opacity: 0.8;
+.time-container{
+  width: 6.5rem;
+  max-height: 5.1rem;
+  overflow-y: scroll;
 }
-.del{
-  width: 0.56rem;
-  height: 0.56rem;
-  position: absolute;
-  bottom: -0.8rem;
-  left: 50%;
-  transform: translateX(-50%);
+.time-content-row{
+  display: flex;
+  justify-content: space-between;
+  padding: 0.2rem 0.26rem;
+  font-size: 0.24rem;
+  font-weight: 600;
+  color: #333333;
+  border-bottom: 0.04rem solid rgba(253, 89, 136, 0.46);
 }
-.del-img{
-  width: 100%;
-  height: 100%;
+.rule-container{
+  width: 6.9rem;
+  position: relative;
+  margin-top: 1.3rem;
+  margin-left: 0.3rem;
+}
+.rule-tips{
+  width: 6.9rem;
+  height: 7.16rem;
   position: absolute;
-  top: 0;
+  top: -1rem;
+  left: 0;
+}
+.rule-content{
+  width: 6.9rem;
+  height: 6.2rem;
+  padding: 0.2rem 0;
+  border-radius: 0.1rem;
+  background-color: #ffffff;
+  overflow-y: scroll;
+  position: relative;
+  z-index: 99;
+}
+.rule-point{
+  margin: 0 0.2rem;
+  font-size: 0.24rem;
+  line-height: 0.48rem;
+}
+
+.blue{
+  color: #02A7F0;
 }
 
 #toast-container>.toast-error {
-  background-image: none !important;
+  background-image: none!important;
 }
 
 .toast-error {
-  background-color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.toast-message {
+  font-size: 0.24rem;
+  padding: 0 0.1rem;
+  line-height: 0.9rem;
+  text-align: center;
+  font-weight: 400;
+  color: #FFFFFF;
 }
 
 #toast-container>div {
-  font-size: 14px;
-  min-width: 80px !important;
-  padding: 12px !important;
+  width: 4rem;
+  height: 0.9rem;
+  opacity: 1;
+  padding: 0 !important;
+  border-radius: 0.2rem;
   box-shadow: none;
 }
 
 .toast-center-center {
-  min-width: 100px;
+  position: fixed;
   top: 50%;
   left: 50%;
-  text-align: center;
+  z-index: 99;
+  margin-top: -0.45rem;
   transform: translateX(-50%);
 }
 
@@ -447,15 +563,19 @@ ul, li {
   }
 }
 
-.no-user{
-  background-color: #F16902;
+.flex{
+  display: flex;
 }
-
-.usered{
-  background-color: #E3E7EE;
-  color: #AAADB3;
+.slider{
+  overflow: hidden;
+  flex:1;
 }
-
-.gray{
-  color: #F5E7E7;
+.slider-list{
+  transition:all .6s;
+}
+.schedule-child-line{
+  transition:all .6s;
+}
+.slider-item{
+  width: 100%;
 }

microserviceUserH5/static/js/vender/move.js

@@ -0,0 +1,100 @@
+var sliderData = (function(cb){
+  document.getElementById('slider').addEventListener('touchstart',touchstart, false);
+  document.getElementById('slider').addEventListener('touchmove',touchmove, false);
+  document.getElementById('slider').addEventListener('touchend',touchend, false);
+  var rightEarDom = document.getElementsByClassName('right-ear')[0];
+  var leftEarDom = document.getElementsByClassName('left-ear')[0];
+  var scheduleChildLine = document.getElementsByClassName('schedule-child-line')[0];
+  
+  var width = document.documentElement.clientWidth - 50;
+  var startX =0;
+  var index = 0;
+  var translateX = 0;
+  var startTime;
+  var newTranslateX;
+  var startTranslate;
+  var isSlide = false;
+  var sliderNumber = 4;//滑块是数量，控制溢出不能滑动
+  
+  function touchstart(e){
+    startX = e.touches[0].clientX;
+    startTime = new Date().getTime();
+    startTranslate = translateX;
+    isSlide = true;
+  }
+  
+  function touchmove(e){
+    if (!isSlide) return
+    var currentX = e.touches[0].clientX
+    //2端溢出不能滑动
+    if (startTranslate == 0 && currentX > startX) return;
+    if (Math.abs(startTranslate) == width * (sliderNumber - 1) && currentX < startX) return;
+  
+    // 向右滑动时， 没数据无法滑动
+    if (currentX < startX) {
+  
+    }
+  
+    distance = currentX - startX;
+    translateX = currentX - startX + startTranslate;
+  
+    document.getElementById("slider-list").style.transform = "translateX("+translateX+"px)"
+  }
+  function touchend(){
+    if (!isSlide) return
+  
+    var duration = +new Date() - startTime
+    if (translateX > startTranslate) {
+      // 向左划
+      if (distance > width / 3 || (distance > 40 && duration < 600)) {
+        newTranslateX = startTranslate + width;
+      } else {
+        newTranslateX = startTranslate
+      }
+      console.log(cb)
+    } else {
+      // 向右划
+      if (Math.abs(distance) > width / 3 || (Math.abs(distance) > 40 && duration < 600)) {
+        newTranslateX = startTranslate - width;
+      } else {
+        newTranslateX = startTranslate
+      }
+      console.log(cb)
+    }
+  
+    translateX = newTranslateX;
+    isSlide = false;
+    distance = 0;
+    index = Math.abs(newTranslateX / width)
+  
+    document.getElementById("slider-list").style.transform = "translateX("+translateX+"px)"
+    lineMove();
+  }
+  //点击左耳朵
+  leftEarDom.addEventListener('click',() => {
+    if (index == 0) return;
+    startTranslate = translateX;
+    newTranslateX = startTranslate + width;
+    translateX = newTranslateX;
+    document.getElementById("slider-list").style.transform = "translateX("+translateX+"px)"
+    lineMove();
+  })
+	//点击右耳朵
+  rightEarDom.addEventListener('click',() => {
+    if (index === sliderNumber - 1) return;
+    startTranslate = translateX;
+    newTranslateX = startTranslate - width;
+    translateX = newTranslateX;
+    document.getElementById("slider-list").style.transform = "translateX("+translateX+"px)";
+    lineMove();
+  })
+  //下方进度条移动
+  function lineMove(){
+    console.log(index)
+    index = Math.abs(newTranslateX / width);
+    let oneSlider = 36/sliderNumber,
+        transformSlider = oneSlider*index;
+    scheduleChildLine.style.width = `${oneSlider}px`;
+    scheduleChildLine.style.transform = `translateX(${transformSlider}px)`;
+  }
+})(stopManyClick)

microserviceUserH5/vcloud/doubleChristmasActivity.html

@@ -21,57 +21,421 @@
 		<div class="header-container">
 			<img class="top-banner" src="../static/img/doubleChristmasActivity/top-banner.png" />
 			<div class="activity-meal">活动参与套餐：星耀套餐</div>
+			<div class="meal-price">云机低至0.24元/天</div>
+			<div class="rest-time">距离活动结束：20天3时4分30秒</div>
+			<div class="limit">PC端用户不参与本次活动</div>
 		</div>
 		<div class="middle-container">
+	   	    <img class="footer-cloud" src="../static/img/doubleChristmasActivity/footer-cloud.png" />
 			<div class="step-container">
-			    <img class="tips" src="../static/img/doubleElevenActivity/tip.png" />
+			    <img class="tips" src="../static/img/doubleChristmasActivity/tip.png" />
 			    <div class="main-step-content">
 					<div class="top-step">
 						<div class="step-item">
 							<img class="buyphone" src="../static/img/doubleElevenActivity/buyphone.png" />
-							<span class="step-text">购买云机</span>
+							<span class="step-text">购买续费云机</span>
 						</div>
 						<img class="step" src="../static/img/doubleElevenActivity/step.png" />
 						<div class="step-item">
-							<img class="hongbao" src="../static/img/doubleElevenActivity/hongbao.png" />
-							<span class="step-text">分享好友红包</span>
-							<span class="step-text">并购买</span>
+							<img class="hongbao" src="../static/img/doubleChristmasActivity/hongbao.png" />
+							<span class="step-text">累计云机时长</span>
 						</div>
 						<img class="step" src="../static/img/doubleElevenActivity/step.png" />
 						<div class="step-item">
 							<img class="buyphone" src="../static/img/doubleElevenActivity/buyphone.png" />
-							<span class="step-text">获得云机</span>
+							<span class="step-text">获取额外奖励</span>
 						</div>
 					</div>
-					<div class="red-packet"></div>
 				</div>
 				<div class="join-activity-btn">
 					<img class="join-activity" src="../static/img/doubleElevenActivity/button-join-activity.png" />
 					<div class="activity-btn-content">
-						<span class="activity-btn-text">快来参加双十一活动</span>
+						<span class="activity-btn-text">立即参与</span>
 					    <img class="icon-left" src="../static/img/doubleElevenActivity/icon-left.png" />
 					</div>
 				</div>
+				<img class="middle-cloud" src="../static/img/doubleChristmasActivity/middle-cloud.png" />
 			</div>
-			<div class="invite-text">*邀请好友即得厚礼，红包购机买一赠一</div>
-			<div class="packet-container">
-			    <img class="rule-tips" src="../static/img/doubleElevenActivity/packet-tip.png" />
-				<div class="packet-block">
-					<div class="red-packet-next"></div>
+			<div class="rest-tip">使用激活码，优惠券和星币支付不参与活动</div>
+			<div class="tab-row">
+				<div class="tab-item tab-active" data-index="0">充值奖励</div>
+				<div class="tab-item" data-index="1">分配奖励（0000）</div>
+				<img class="tab-bg" src="../static/img/doubleChristmasActivity/tab-bg.png" />
+			</div>
+			<div class="reward-container">
+				<div class="reward-time">
+					<span class="reward-text">购买套餐累计时长</span>
+					<span class="time-num">2222</span>
+					<span class="reward-text">天</span>
+					<span class="time-line">|</span>
+					<span class="reward-text">距离下一个奖励还差</span>
+					<span class="time-num">2222</span>
+					<span class="reward-text">天</span>
+				</div>
+				<div class="reward-tip-row">
+				    <img class="reward-tip-img" src="../static/img/doubleChristmasActivity/reward-tip-img.png" />
+				    <div class="reward-tip">精彩不停的充值福利专场已经来临充值越多折扣越大</div>
+				</div>
+				<div class="reward-list">
+					<div class="reward-row">
+						<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+						<div class="reward-row-content">
+							<img class="reward-img" src="../static/img/doubleChristmasActivity/reward.png" />
+							<div class="reward-day-text">
+								<div class="reward-day">奖励天数10天</div>
+								<div class="total-day">购买套餐累计时长达30天</div>
+							</div>
+							<img class="reward-btn" src="../static/img/doubleChristmasActivity/finish-btn.png" />
+						</div>
+					</div>
+					<div class="reward-last-tip">已获得奖励请在分配奖励栏中进行时长分配</div>
+				</div>
+			</div>
+			<div class="distribution-container">
+				<div class="distribution-time">
+					<div>
+						<span class="distribution-text">奖励总时长</span>
+						<span class="distribution-num">2222</span>
+						<span class="distribution-text">天</span>
+					</div>
+					<span class="distribution-line">|</span>
+					<div>
+						<span class="distribution-text">未分配时长</span>
+						<span class="distribution-num">2222</span>
+						<span class="distribution-text">天</span>
+					</div>
+				</div>
+				<div class="reward-list">
+					<img class="left-ear" src="../static/img/doubleChristmasActivity/left-ear.png" />
+					<img class="right-ear" src="../static/img/doubleChristmasActivity/right-ear.png" />
+					<div class="slider" id="slider">
+						<div class="slider-list flex" id="slider-list">
+							<div class="slider-item">
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+							</div>
+							<div class="slider-item">
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+							</div>
+							<div class="slider-item">
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+							</div>
+							<div class="slider-item">
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+								<div class="reward-row">
+									<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
+									<div class="reward-row-content">
+										<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
+										<div class="reward-day-text">
+											<div class="reward-day">Y2-12567</div>
+											<div class="total-day time-row">
+												<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
+												<span>剩99999天24小时</span>
+											</div>
+										</div>
+										<div class="compute-block">
+											<img class="compute-icon cut" src="../static/img/doubleChristmasActivity/cut.png" />
+											<input class="ipt" value="0" maxlength="5" />
+											<img class="compute-icon add" src="../static/img/doubleChristmasActivity/add.png" />
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					  </div>
+					<div class="page-row">
+						<div class="schedule-line">
+							<div class="schedule-child-line"></div>
+						</div>
+						<div class="page">1/5页</div>
+					</div>
+					<div class="distribution-reward-btn">
+					    <img class="reward-btn-img" src="../static/img/doubleChristmasActivity/distribution-reward-btn.png" />
+					</div>
+				</div>
+			</div>
+			<div class="distribution-container time-container">
+				<div class="time-title-row">
+					<img class="time-title-bg" src="../static/img/doubleChristmasActivity/time-title-bg.png" />
+					<div class="time-title">分配时长记录（已分配时长999天）</div>
+				</div>
+				<div class="time-list">
+					<div class="title-row">
+						<div>云机名称</div>
+						<div>时间</div>
+						<div>时长</div>
+					</div>
+					<div class="time-content-row">
+						<div>lo试玩撒了</div>
+						<div>2021年11月24日15:48:44</div>
+						<div>1000天</div>
+					</div>
+					<div class="time-content-row">
+						<div>lo试玩撒了</div>
+						<div>2021年11月24日15:48:44</div>
+						<div>1000天</div>
+					</div>
+					<div class="time-content-row">
+						<div>lo试玩撒了</div>
+						<div>2021年11月24日15:48:44</div>
+						<div>1000天</div>
+					</div>
+					<div class="time-content-row">
+						<div>lo试玩撒了</div>
+						<div>2021年11月24日15:48:44</div>
+						<div>1000天</div>
+					</div>
 				</div>
 			</div>
 			<div class="rule-container">
-			    <img class="rule-tips" src="../static/img/doubleElevenActivity/rule.png" />
+			    <img class="rule-tips" src="../static/img/doubleChristmasActivity/rule.png" />
 				<div class="rule-content">
-					<div class="rule-point">红包规则：</div>
-					<div class="rule-point">1.红包可以自用或者分享给好友（好友可以是双子星新/老用户）</div>
-					<div class="rule-point">2.同一个红包一人限领一次，共计6个红包</div>
-					<div class="rule-point">3.红包可以无门槛抵押任何套餐，但是一个订单只能使用一个</div>
-					<div class="rule-point">4. 分享者分享的红包被领取后，如果领取红包的人使用红包购买了任意套餐，分享者都可领取一份相同的套餐</div>
-					<div class="rule-point">5. 若分享者自己领取自己的红包后使用红包购买套餐，自己可获得两份相同的套餐</div>
-					<div class="rule-point">6.本次活动仅限人民币购买套餐，星币支付不参与本次活动</div>
+					<div class="rule-point">一、活动时间：2021年12月18日-2022年1月3日。</div>
+					<div class="rule-point">二、任务奖励与获取说明</div>
+					<div class="rule-point">1.活动期间购买星曜云机达累计天数，可获得相应奖励，同一个账号同一进度的奖励只能领取一次。</div>
+					<div class="rule-point">任务奖励一览：</div>
+					<div class="rule-point">1.1.累积购买天数小于等于2022天时 ，获得对应任务奖励。</div>
+					<div class="rule-point">1.2.累积购买天数大于2022天时，超过2022天的部分按买一送二发放奖励。</div>
+					<div class="rule-point">2.使用星币支付、激活码兑换、优惠劵购买和购买非星耀套餐不计入任务进度。</div>
+					<div class="rule-point">3.奖励获取的云机时长仅可用于续费账号中现有的星曜云机设备。</div>
+					<div class="rule-point blue">4.奖励领取日期为：2021年12月18日-2022年1月6日，超过领取时间未领取奖励则视为放弃任务奖励。</div>
+					<div class="rule-point">5.授权的云手机不能获取累计奖励时长。</div>
+					<div class="rule-point">三、其他说明</div>
+					<div class="rule-point">1.本次活动不与其他活动优惠叠加。</div>
+					<div class="rule-point">2.本次活动期间购买的云手机套餐不支持退款。</div>
+					<div class="rule-point">3.双子星官方对活动具有最终解释权。</div>
 				</div>
 			</div>
+			
 		</div>
 	</div>
 	<script>
@@ -98,46 +462,69 @@
 			let key = arr[0];
 			obj[key] = arr[1];
 		})
-		// 双十一活动
-		function receiveRedEnvelope(){
-			$.ajax({
-				url: baseUrl + `/api/user/v1/activity/receiveRedEnvelope`,
-				type: 'post',
-				headers: {
-					'Authorization': obj.token //id
-				},
-				data:JSON.stringify({
-					couponRandomId: obj.couponRandomId,
-					goodId: obj.goodId,
-					originalOrder: obj.originalOrder,
-					shareUser: obj.shareUser
-				}),
-				contentType:"application/json",
-				dataType: 'json',
-				cache: false,
-				success: function (res) {
-					if (res.status == 0 || res.status == 4106) {
-						operate('dt_双11_mp_领取红包');
-						phoneNumber = res.data;
-						let node = `<div class="packet">
-							<img class="fxhb" src="../static/img/doubleElevenActivity/fxhb.png" />
-							<div class="money"><span class="money-mark">¥</span><span class="money-val">${parseInt(obj.money)}</span></div>
-							<div class="packet-title">云手机无门槛抵扣券</div>
-							<div class="packet-time">${obj.startTime.substring(5,7)}月${obj.startTime.substring(8,10)}-${obj.endTime.substring(5,7)}月${obj.endTime.substring(8,10)}日有效</div>
-						</div>
-						<div class="account">优惠券已放入您的账户${getPhoneNumber(phoneNumber)}</div>`
-						$('.red-packet').eq(0).append(node);
-						$('.activity-btn-text').eq(0).text('在双子星APP使用红包');
-						$('.icon-left').eq(0).hide();
-					} else {
-						stopManyClick(() => {
-							toastr.error(res.msg);
-						})
-					}
-					
-				},
-			})
-		}
+		//点击立即参与按钮
+		$('.join-activity-btn')[0].addEventListener('click',() => {
+			if(isAndroid){ // 安卓
+				window.native.startPurchase(1,365);
+			}else{
+				window.webkit.messageHandlers.getPackageName.postMessage('noToken');
+			}
+		})
+		//点击去完成
+		$('.reward-btn')[0].addEventListener('click',() => {
+			if(isAndroid){ // 安卓
+				window.native.startPurchase(1,365);
+			}else{
+				window.webkit.messageHandlers.getPackageName.postMessage('noToken');
+			}
+		})
+		//点击tab选项卡
+		$('.tab-row')[0].addEventListener('click',(e) => {
+			const index = e.target.dataset.index;
+			if(!index){
+				return
+			}
+			if(index == 0){
+			    $('.tab-item')[1].className = 'tab-item';
+				$('.tab-bg')[0].className = 'tab-bg tab-left';
+				$('.reward-container').eq(0).css('display','block');
+				$('.distribution-container').eq(0).css('display','none');
+				$('.distribution-container').eq(1).css('display','none');
+			}else{
+			    $('.tab-item')[0].className = 'tab-item';
+				$('.tab-bg')[0].className = 'tab-bg tab-right';
+				$('.reward-container').eq(0).css('display','none');
+				$('.distribution-container').eq(0).css('display','block');
+				$('.distribution-container').eq(1).css('display','block');
+			}
+			$('.tab-item')[index].className = 'tab-item tab-active';
+		})
+		//点击加号
+		$('.add')[0].addEventListener('click',(e) => {
+			let number = $('.ipt').eq(0).val();
+			number++;
+			if(number < 30){
+				$('.ipt').eq(0).val(number);
+			}else{
+				stopManyClick(() => {
+				    console.log(toastr.error)
+					toastr.error('分配时常不能大于未分配时常');
+				})
+			}
+		})
+		//点击减号
+		$('.cut')[0].addEventListener('click',(e) => {
+			let number = $('.ipt').eq(0).val();
+			if(number > 0){
+			    number--;
+				$('.ipt').eq(0).val(number);
+			}else{
+				stopManyClick(() => {
+				    console.log(toastr.error)
+					toastr.error('分配的时常不能小于0！');
+				})
+			}
+		})
 		//调用获取数据列表接口
 		function getList(){
 			$.ajax({
@@ -251,53 +638,6 @@
 				},
 			})
 		}
-		//点击红包
-		$('.red-packet-next')[0].addEventListener('click',(e) => {
-			if(['fxhb','packet-titles','money','packet-times'].includes(e.target.className)){
-				let index = e.target.dataset.index;
-				$('.list').eq(index).toggle();
-				const flag = $('.user-list').eq(index).attr('flag');
-				if(flag === '1'){
-					$('.icon').eq(index).attr('src','../static/img/doubleElevenActivity/icon_up.png');
-					$('.user-list').eq(index).attr('flag','2');
-				}else{
-					$('.icon').eq(index).attr('src','../static/img/doubleElevenActivity/icon_down.png');
-					$('.user-list').eq(index).attr('flag','1');
-				}
-			}
-		})
-		//点击参加按钮
-		$('.join-activity-btn')[0].addEventListener('click',()=>{
-			if(obj.money){ // 小程序
-				window.location.href = `${baseUrl}/h5/microserviceUserH5/vcloud/downApp.html`
-			}else{
-				if (isAndroid) {
-					window.native.startPurchase();
-					operate('dt_双11_h5_快来参加双11');
-				}
-			}
-		});
-		//点击领取
-		$('.red-packet-next')[0].addEventListener('click',(e)=>{
-			var state = e.target.dataset.state;
-			let id = e.target.dataset.id;
-			let type = e.target.dataset.type;
-			if(state == 0){
-				if(obj.money){
-					return
-				}
-				stopManyClick(() => {
-					toastr.error('赶紧让你的好友使用红包购买云机吧！');
-				})
-			}else if(state == 1){
-				if(e.target.className === 'receive'){
-					e.stopPropagation();
-					if (isAndroid) {
-						window.native.activatePhone(id, type);
-					}
-				}
-			}
-		});
 		//防止提示一秒内重复显示
 		function stopManyClick(fn) {
 		if (flag) {
@@ -306,15 +646,9 @@
 			flag = false;
 			if(timer){clearTimeout(timer);}
 			timer = setTimeout(() => {flag = true}, 1500);
-		}
-		// 获取一个随机数
-		function getRandom(){
-			return Math.floor(Math.random()*10);
-		}
-		function getPhoneNumber(phoneNumber){
-			return `${phoneNumber.substring(0,3)}****${phoneNumber.substring(7,11)}`
-		}
+		}		
 	</script>
+	<script src="../static/js/vender/move.js"></script>
 </body>
 
 </html>