19.9活动

src/main/java/com/ssj/weixin/activity/controller/ActivityController.java

@@ -59,6 +59,11 @@ public class ActivityController extends BaseController {
             if(tokenManager.exists(codeKey)){
                 return responseEntity.failure("请于上次发送成功后60秒后再重新尝试！");
             }
+            //验证码验证成功，检查是否已经超过检查次数
+            int times = libOrderDetailsService.getOrderTimesBySpeciesAndUserId("S009",req.getPhoneNum());
+            if(times >0){
+                return  responseEntity.failure("一个电话号码只能参加一次活动！");
+            }
             responseEntity = parentService.sendSmsV2(req.getPhoneNum().trim());
             responseEntity.success(data,"验证码发送成功");
         }catch (Exception e){
@@ -79,14 +84,6 @@ public class ActivityController extends BaseController {
         }
         responseEntity = parentService.confirmSmsV2(req.getPhoneNum().trim(),req.getMsgCode());
 
-        if(responseEntity.getCode().equals(ResponseConstant.CODE_999)){
-            //验证码验证成功，检查是否已经超过检查次数
-            int times = libOrderDetailsService.getOrderTimesBySpeciesAndUserId("S009",req.getPhoneNum());
-            if(times >0){
-                return  responseEntity.failure("一个电话号码只能参加一次活动！");
-            }
-        }
-
         return   responseEntity;
     }
 }

src/main/resources/static/extension/css/style.css

@@ -44,78 +44,79 @@ html.no-scroll {
 }
 
 #container{position: absolute;top: 0;width: 100%;height: 100%;overflow: hidden;}
-.wrap_inner{width: 100%;height: 100%;overflow: auto;}
-.wrap_index{width: 100%;height: auto;display: flex;flex-direction: column;align-items: flex-start;}
+.wrap_header{position: fixed;top:0;left:50%;transform:translate(-50%,0);width: 100%;height: calc(100% - 2rem);overflow: auto;}
+.wrap_index{width: 100%;height: auto;font-size:0;vertical-align:top;display: flex;flex-direction: column;align-items: flex-start;}
 .index_pic{width: 7.5rem;}
-.index_pic1{height:11.32rem;background:url(https://img.sharingschool.com/activity/images/index_a1.png?v=1) no-repeat center/ 100% 100%;}
-.index_pic2{height:4.85rem;margin-top:0.02rem;background:url(https://img.sharingschool.com/activity/images/index_a2.png?v=1) no-repeat center/ 100% 100%;}
-.index_pic3{height:5.98rem;margin-top:0.11rem;background:url(https://img.sharingschool.com/activity/images/index_a3.png?v=1) no-repeat center/ 100% 100%;}
+.index_pic1{height:11.32rem;background:url(https://img.sharingschool.com/activity/images/index_a1.png?v=2) no-repeat center/ 100% 100%;}
+.index_pic2{height:4.85rem;margin-top:0.02rem;background:url(https://img.sharingschool.com/activity/images/index_a2.png?v=2) no-repeat center/ 100% 100%;}
+.index_pic3{height:5.98rem;margin-top:0.11rem;background:url(https://img.sharingschool.com/activity/images/index_a3.png?v=2) no-repeat center/ 100% 100%;}
 
-.index_pic4{height:36.52rem;margin-top:0.38rem;background:url(https://img.sharingschool.com/activity/images/index_long.png?v=1) no-repeat center/ 100% 100%,#e12d39;}
-/* .index_pic4{height:5.12rem;margin-top:0.38rem;background:url(https://img.sharingschool.com/activity/images/index_a4.png?v=1) no-repeat center/ 100% 100%,#e12d39;}
-.index_pic5{height:16.9rem;background:url(https://img.sharingschool.com/activity/images/index_a5.png?v=1) no-repeat center/ 100% 100%,#e12d39;}
-.index_pic6{height:14.55rem;background:url(https://img.sharingschool.com/activity/images/index_a6.png?v=1) no-repeat center/ 100% 100%;} */
+.index_pic4{height:36.52rem;margin-top:0.38rem;background:url(https://img.sharingschool.com/activity/images/index_long.png?v=2) no-repeat center/ 100% 100%,#e12d39;}
+/* .index_pic4{height:5.12rem;margin-top:0.38rem;background:url(https://img.sharingschool.com/activity/images/index_a4.png?v=2) no-repeat center/ 100% 100%,#e12d39;}
+.index_pic5{height:16.9rem;background:url(https://img.sharingschool.com/activity/images/index_a5.png?v=2) no-repeat center/ 100% 100%,#e12d39;}
+.index_pic6{height:14.55rem;background:url(https://img.sharingschool.com/activity/images/index_a6.png?v=2) no-repeat center/ 100% 100%;} */
 
-.index_pic5{height:6.05rem;background:url(https://img.sharingschool.com/activity/images/index_a7.png?v=1) no-repeat center/ 100% 100%,#fff;}
-.index_pic6{height:7.8rem;margin-top:0.31rem;background:url(https://img.sharingschool.com/activity/images/index_a8.png?v=1) no-repeat center/ 100% 100%,#fff;}
-.index_pic7{height:10.5rem;margin-top:0.27rem;background:url(https://img.sharingschool.com/activity/images/index_a9.png?v=1) no-repeat center/ 100% 100%;}
+.index_pic5{margin-top: -0.02rem;height:6.05rem;background:url(https://img.sharingschool.com/activity/images/index_a7.png?v=2) no-repeat center/ 100% 100%,#fff;}
+.index_pic6{height:7.8rem;margin-top:0.31rem;background:url(https://img.sharingschool.com/activity/images/index_a8.png?v=2) no-repeat center/ 100% 100%,#fff;}
+.index_pic7{height:10.5rem;margin-top:0.27rem;background:url(https://img.sharingschool.com/activity/images/index_a9.png?v=2) no-repeat center/ 100% 100%;}
 .index_pic0{height:1.94rem;background: #FFF;}
 
 /*跑马灯*/
-.index_pic1_marquee{width: 4.12rem;height: .46rem;top:.33rem;right:.2rem;background: rgba(62,3,19,.35);border-radius: .23rem;font-size: .24rem;line-height:.46rem;font-family: PingFang SC;font-weight: 400;color: #FFFFFF;text-align: center;overflow: hidden;}
+.index_pic1_marquee{width: 4.12rem;height: .46rem;top:.33rem;right:.2rem;background: rgba(62,3,19,.35);border-radius: .23rem;font-size: .24rem;line-height:.46rem;font-weight: 400;color: #FFFFFF;text-align: center;overflow: hidden;}
 .index_pic1_marquee ul{}
 .index_pic1_marquee ul li{width: 100%;height: .46rem;line-height:.46rem;}
 
 
 /*底部免费报名*/
 .wrap_footer{position: fixed;width: 7.5rem;height: 1.94rem;bottom:0;left:50%;transform:translate(-50%,0);background: #FFF;box-shadow: 0 0 .16rem 0 rgba(113, 53, 9, 0.4);}
-.wrap_footer_text{width: 100%;height: 0.3rem;top:.29rem;left:50%;transform:translate(-45%,0);font-size: 0.3rem;font-family: Source Han Sans CN;font-weight: bold;color: #E22331;line-height: 0.3rem;text-align: center;letter-spacing: 0.02rem;
+.wrap_footer_text{width: 100%;height: 0.3rem;top:.29rem;left:50%;transform:translate(-45%,0);font-size: 0.3rem;font-weight: bold;color: #E22331;line-height: 0.3rem;text-align: center;letter-spacing: 0.02rem;
 }
 .wrap_footer_icon{width: .62rem;height: .62rem;bottom: .71rem;left:.51rem;}
 .wrap_footer_icon img{width: 100%;line-height: .62rem;vertical-align: top;}
 #wrap_footer_btn{width: 5.02rem;height: .88rem;bottom: .6rem;left:50%;transform:translate(-45%,0);background: linear-gradient(187deg, #E12331, #E22331);border-radius: .44rem;text-align: center;letter-spacing: 0.02rem;cursor: pointer;}
 #wrap_footer_btn.disabled{background: #BFBFBF;opacity: .9;}
-.wrap_footer_btn h3{font-size: .32rem;font-family: Source Han Sans CN;font-weight: 400;color: #FFF;}
-.wrap_footer_btn h3 span{font-size: .42rem;font-family: Source Han Sans CN;font-weight: bold;color: #FFF;}
-.wrap_footer_btn p{font-size: .2rem;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;}
-.wrap_footer_btn_tip{width: 1.84rem;height: .4rem;background: #FFB500;border-radius: .21rem .2rem .2rem 0;top:-.08rem;right:-.6rem;font-size: .24rem;font-family: Source Han Sans CN;font-weight: bold;color: #FFFFFF;line-height: .4rem;text-align: center;}
+.wrap_footer_btn h3{font-size: .32rem;font-weight: 400;color: #FFF;}
+.wrap_footer_btn h3 span{font-size: .42rem;font-weight: bold;color: #FFF;}
+.wrap_footer_btn p{font-size: .2rem;font-weight: 400;color: #FFFFFF;}
+.wrap_footer_btn_tip{width: 1.84rem;height: .4rem;background: #FFB500;border-radius: .21rem .2rem .2rem 0;top:-.08rem;right:-.6rem;font-size: .24rem;font-weight: bold;color: #FFFFFF;line-height: .4rem;text-align: center;}
 
 /* 选择练习册 */
 .wrap_select{width: 100%;height: 100%;background: #F2F5F8;left: 0;top: 0;display: none;}
+.wrap_select_top{position: fixed;top:0;left:50%;transform:translate(-50%,0);width: 100%;height: calc(100% - 1.4rem);overflow: auto;}
 .wrap_select_register{width: 6.22rem;height: auto;padding:.3rem;background: #fff;margin:0 auto;margin-top: .3rem;box-shadow: 0 0 .18rem 0 rgba(199, 216, 232, 0.15);border-radius: .2rem;overflow: hidden;}
-.wrap_select_workbook{width: 6.22rem;height: auto;padding:.3rem;background: #FFF;margin:0 auto;margin-top: .2rem;box-shadow: 0 0 .18rem 0 rgba(199, 216, 232, 0.15);border-radius: .2rem;overflow: hidden;}
-.wrap_select_payment{width: 100%;height: 1.38rem;background: #FFF;box-shadow: 0 -0.02rem 0.24rem 0 rgba(199, 216, 232, 0.54);position: fixed;bottom: 0;left:50%;transform:translate(-50%,0);}
+.wrap_select_workbook{width: 6.22rem;height: auto;padding:.3rem;background: #FFF;margin:0 auto;margin-top: .2rem;box-shadow: 0 0 .18rem 0 rgba(199, 216, 232, 0.15);border-radius: .2rem;overflow: auto;}
+.wrap_select_payment{width: 100%;height: 1.38rem;background: #FFF;box-shadow: 0 -0.02rem 0.24rem 0 rgba(199, 216, 232, 0.54);position: fixed;bottom: 0;left:50%;transform:translate(-50%,0);z-index: 99;}
 .select_register_tel{width: 100%;height: 1.4rem;border-bottom: 0.01rem solid #E6E6E6;position: relative;}
 .select_register_yzm{width: 100%;height: 1rem;margin-top:.2rem;position: relative;}
-.select_register_tel span, .select_register_yzm span{float:left;display:inline-block;height:1rem;margin-right:.15rem;font-size: .36rem;font-family: Source Han Sans CN;font-weight: 500;color: #333;line-height: 1rem;}
-.select_register_tel input, .select_register_yzm input{float:left;height:.6rem;padding:.2rem 0;background: transparent;border: 0;outline: none;text-align: left;font-size: .3rem;font-family: NotoSansHans;font-weight: 400;color: #1A1A1A;line-height: .6rem;cursor: pointer;}
+.select_register_tel span, .select_register_yzm span{float:left;display:inline-block;height:1rem;margin-right:.15rem;font-size: .36rem;font-weight: 500;color: #333;line-height: 1rem;}
+.select_register_tel input, .select_register_yzm input{float:left;height:.6rem;padding:.2rem 0;background: transparent;border: 0;outline: none;text-align: left;font-size: .3rem;font-weight: 400;color: #1A1A1A;line-height: .6rem;cursor: pointer;}
 .select_register_tel input:focus, .select_register_yzm input:focus{background: none;}
 .select_register_tel input{width:3.3rem;}
 .select_register_yzm input{width:2.5rem;}
-.select_register_yzm_tip1{width: 1.6rem;height: .3rem;font-size: .24rem;font-family: Source Han Sans CN;font-weight: 400;color: #3DBA40;line-height: .3rem;position: absolute;right: 0;top:36%;transform: translateY(-50%);display: none;}
-.select_register_yzm_tip2{width: 100%;height: .3rem;font-size: .24rem;font-family: Source Han Sans CN;font-weight: 400;color: #3DBA40;line-height: .3rem;position: absolute;left: 0;bottom: 0.05rem;}
-.select_register_yzm_tip1 i,.select_register_yzm_tip2 i{float:left;display: inline-block;width: .26rem;height: .26rem;margin:0.02rem 0;background:url(https://img.sharingschool.com/activity/images/tel_icon.png?v=1) no-repeat center/ 100% 100%;}
-.select_register_yzm_btn{width: 2.3rem;height: .78rem;background: #FFF;position:absolute;right:0;top:.1rem;border: 0.02rem solid #EA3844;border-radius: .39rem;text-align: center;font-size: .28rem;font-family: Source Han Sans CN;font-weight: 400;color: #EA3844;line-height: .78rem;cursor: pointer;}
+.select_register_yzm_tip1{width: 1.6rem;height: .3rem;font-size: .24rem;font-weight: 400;color: #3DBA40;line-height: .3rem;position: absolute;right: 0;top:36%;transform: translateY(-50%);display: none;}
+.select_register_yzm_tip2{width: 100%;height: .3rem;font-size: .24rem;font-weight: 400;color: #3DBA40;line-height: .3rem;position: absolute;left: 0;bottom: 0.05rem;}
+.select_register_yzm_tip1 i,.select_register_yzm_tip2 i{float:left;display: inline-block;width: .26rem;height: .26rem;margin:0.02rem 0;background:url(https://img.sharingschool.com/activity/images/tel_icon.png?v=2) no-repeat center/ 100% 100%;}
+.select_register_yzm_btn{width: 2.3rem;height: .78rem;background: #FFF;position:absolute;right:0;top:.1rem;border: 0.02rem solid #EA3844;border-radius: .39rem;text-align: center;font-size: .28rem;font-weight: 400;color: #EA3844;line-height: .78rem;cursor: pointer;}
 
 .wrap_select_payment p{float:left;width:30%;height:1.38rem;line-height:1.38rem;font-size: .58rem;font-weight: bold;color: #EA3844;text-align: center;}
 .wrap_select_payment p span{font-size: .36rem;}
 
-.select_payment_btn{float:right;width: 3rem;height: .88rem;line-height:.88rem;background: #EA3844;border-radius: .44rem;margin:.25rem .3rem .25rem 0;text-align: center;font-size: .38rem;font-family: Source Han Sans CN;font-weight: 500;color: #FFF;cursor: pointer;border:0;outline: none;}
+.select_payment_btn{float:right;width: 3rem;height: .88rem;line-height:.88rem;background: #EA3844;border-radius: .44rem;margin:.25rem .3rem .25rem 0;text-align: center;font-size: .38rem;font-weight: 500;color: #FFF;cursor: pointer;border:0;outline: none;}
 .select_payment_btn:disabled{background: #F5A4A9;}
 
 .select_wrokbook_title{width: 100%;height: .5rem;line-height: .5rem;}
-.select_wrokbook_title p{font-size: .36rem;font-family: Source Han Sans CN;font-weight: 500;color: #333;}
-.select_wrokbook_title p span{font-size: .28rem;font-family: Source Han Sans CN;font-weight: 400;color: #CCC;}
-.select_wrokbook_content{width: 100%;height: auto;margin:.4rem auto;overflow: hidden;}
-.select_wrokbook_content_tit{width: calc(100% - 0.04rem);height: .78rem;background: #FFF;margin-bottom:.5rem;border: .02rem solid #EA3844;border-radius: .4rem;}
-.select_wrokbook_content_tit ul li{float: left;width: 30%;height: .78rem;line-height:.78rem;font-size: .32rem;font-family: Source Han Sans CN;font-weight: 400;color: #EA3844;text-align: center;border-radius: .39rem;}
+.select_wrokbook_title p{font-size: .36rem;font-weight: 500;color: #333;}
+.select_wrokbook_title p span{font-size: .28rem;font-weight: 400;color: #CCC;}
+.select_wrokbook_content{width: 100%;height: auto;margin:.3rem auto 0 auto;overflow: hidden;}
+.select_wrokbook_content_tit{width: calc(100% - 0.04rem);height: .78rem;background: #FFF;margin-bottom:.25rem;border: .02rem solid #EA3844;border-radius: .4rem;}
+.select_wrokbook_content_tit ul li{float: left;width: 30%;height: .78rem;line-height:.78rem;font-size: .32rem;font-weight: 400;color: #EA3844;text-align: center;border-radius: .39rem;}
 .select_wrokbook_content_tit ul li+li{margin-left: 5%;}
 .select_wrokbook_content_tit ul li.ton{background: #EA3844;color: #fff;position: relative;}
 .select_wrokbook_content_tit ul li.ton::before{content: '';width: 0;height: 0;border-left: .2rem solid transparent;border-right: .2rem solid transparent;border-top: .2rem solid #EA3844;position: absolute;bottom: -.14rem;left: 50%;transform: translateX(-50%);}
 
 .select_dlist_box{width: 100%;padding-top: 0.16rem;height: auto;overflow: hidden;}
 .select_dlist_box2,.select_dlist_box3{display: none;}
-.select_dlist_box ul li{float: left;width: auto;height: .68rem;padding: 0 .34rem;margin-right: .14rem;margin-bottom:.16rem;background: #FFFFFF;box-sizing:border-box;border: .02rem solid #EA3844;border-radius: .34rem;text-align: center;font-size: .28rem;font-family: NotoSansHans;font-weight: 400;color: #EA3844;line-height: .68rem;position: relative;}
+.select_dlist_box ul li{float: left;width: auto;height: .68rem;padding: 0 .24rem;margin-right: .14rem;margin-bottom:.16rem;background: #FFFFFF;box-sizing:border-box;border: .02rem solid #EA3844;border-radius: .34rem;text-align: center;font-size: .28rem;font-weight: 400;color: #EA3844;line-height: .68rem;position: relative;}
 .select_dlist_box ul li input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
 
 /* 选中的元素添加一个 √ 的箭头 */
@@ -128,21 +129,21 @@ html.no-scroll {
   height: .28rem;
   bottom: 0.04rem;
   right: 0.04rem;
-  background: url(https://img.sharingschool.com/activity/images/select_tick.png?v=1) no-repeat center/ 100% 100%;
+  background: url(https://img.sharingschool.com/activity/images/select_tick.png?v=2) no-repeat center/ 100% 100%;
   z-index: 2;
 }
 
 /* 支付成功页面 */
 .wrap_success{width: 100%;height: 100%;background: #EA3844;left: 0;top: 0;display: none;}
-.success_toppic{width:5.98rem;height:3.75rem;margin:0 auto;background:url(https://img.sharingschool.com/activity/images/success_top.png?v=1) no-repeat center/ 100% 100%;position: relative;}
-.success_toppic_tick{width: .77rem;height: .67rem;background:url(https://img.sharingschool.com/activity/images/success_tick.png?v=1) no-repeat center/ 100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
-.success_toppic p{width: 100%;height: .4rem;line-height:.4rem;font-size: .33rem;font-family: Source Han Sans CN;font-weight: 500;color: #FFF;text-align: center;position: absolute;left: 50%;top: 66%;transform: translate(-50%, -50%);}
+.success_toppic{width:5.98rem;height:3.75rem;margin:0 auto;background:url(https://img.sharingschool.com/activity/images/success_top.png?v=2) no-repeat center/ 100% 100%;position: relative;}
+.success_toppic_tick{width: .77rem;height: .67rem;background:url(https://img.sharingschool.com/activity/images/success_tick.png?v=2) no-repeat center/ 100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
+.success_toppic p{width: 100%;height: .4rem;line-height:.4rem;font-size: .33rem;font-weight: 500;color: #FFF;text-align: center;position: absolute;left: 50%;top: 66%;transform: translate(-50%, -50%);}
 .success_baibox{width: 6.63rem;height: 6.17rem;padding-top:.5rem;margin:0 auto;background: #FFF;border-radius: .2rem;}
-.success_next_text1{width: 100%;height: .5rem;font-size: .4rem;font-family: Source Han Sans CN;font-weight: 500;color: #313131;line-height: .5rem;text-align: center;}
-.success_next_text2{width: 100%;height: .5rem;margin-top:.17rem;font-size: .4rem;font-family: Source Han Sans CN;font-weight: bold;color: #313131;line-height: .5rem;text-align: center;}
+.success_next_text1{width: 100%;height: .5rem;font-size: .4rem;font-weight: 500;color: #313131;line-height: .5rem;text-align: center;}
+.success_next_text2{width: 100%;height: .5rem;margin-top:.17rem;font-size: .4rem;font-weight: bold;color: #313131;line-height: .5rem;text-align: center;}
 .success_next_ercode{width: 2.6rem;height: 2.6rem;margin:0 auto;margin-top:.51rem;text-align:center;line-height:2.68rem;overflow:hidden;}
 .success_next_ercode img{width: 100%;-webkit-touch-callout: none;}
-.success_next_text3{width: 100%;height: .5rem;margin-top:.5rem;font-size: .38rem;font-family: Source Han Sans CN;font-weight: bold;color: #EA3844;line-height: .5rem;text-align: center;}
+.success_next_text3{width: 100%;height: .5rem;margin-top:.5rem;font-size: .38rem;font-weight: bold;color: #EA3844;line-height: .5rem;text-align: center;}
 
 @media screen and (max-width:320px){
     html{font-size:10px;}

src/main/resources/static/extension/js/activity.js

@@ -59,7 +59,7 @@ $(function () {
           },
           success:function(data) {
             if(data && data.code == 999){
-              layerNotify('验证码发送成功!')
+              layerNotify('验证码发送成功!',2)
               sendButton.prop('disabled', true)
               $('#sendyzm').html('重新发送(' + count + ')')
               timer = setInterval(function () {
@@ -72,7 +72,7 @@ $(function () {
                 }
               }, 1000)
             }else{
-              layerNotify(data.msg, 1.52)
+              layerNotify(data.msg, 3)
             }
           },
           error: function (error) {
@@ -134,11 +134,11 @@ $(function () {
             layerNotify('验证码正确!')
             codeCheck = true;
             const currentCheckedLength = $(CHECKBXOX_SELECTOR + ':checked').length
-            if(currentCheckedLength>1){
+            if(currentCheckedLength>0){
               $('.select_payment_btn').prop('disabled', false);
             }
           }else{
-            layerNotify(data.msg)
+            layerNotify(data.msg,3)
           }
           $("#verify").bind('input propertychange',function () {
             checkCode();

src/main/resources/templates/weixin/vip/extension/index.html

@@ -7,11 +7,11 @@
 		content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
 	<title>小塾学伴</title>
 	<link rel="icon" th:href="@{/static/extension/favicon.ico}" type="image/x-icon" />
-	<link href="activity/index.css" type="text/css" th:href="@{/static/extension/css/style.css?version=8}" rel="stylesheet"/>
+	<link href="activity/index.css" type="text/css" th:href="@{/static/extension/css/style.css?version=16}" rel="stylesheet"/>
 	<script src="./js/jquery.js" th:src="@{/static/extension/js/layer_mobile/layer.js?version=2}"></script>
 
 	<script src="js/jquery.form.min.js" th:src="@{/static/extension/js/jquery.min.js}"></script>
-	<script src="js/flexible.js" th:src="@{/static/extension/js/activity.js}"></script>
+	<script src="js/flexible.js" th:src="@{/static/extension/js/activity.js?version=3}"></script>
 	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
 
 	<script type="text/javascript">
@@ -23,25 +23,27 @@
 <body>
 	<div id="container" class="wrap">
 		<div class="pr wrap_inner">
-			<div class="wrap_index">
-				<div class="index_pic index_pic1">
-					<div class="pa index_pic1_marquee" id="index_pic1_marquee">
-						<ul class="mUl">
-<!--							<li><span class="index_pic1_marquee_tel">137****2317</span><span class="index_pic1_marquee_time">20分钟前</span>报名成功！</li>-->
-<!--							<li><span class="index_pic1_marquee_tel">139****0752</span><span class="index_pic1_marquee_time">10分钟前</span>报名成功！</li>-->
-<!--							<li><span class="index_pic1_marquee_tel">158****2317</span><span class="index_pic1_marquee_time">14分钟前</span>报名成功！</li>-->
-						</ul>
+			<div class="wrap_header">
+				<div class="wrap_index">
+					<div class="index_pic index_pic1">
+						<div class="pa index_pic1_marquee" id="index_pic1_marquee">
+							<ul class="mUl">
+	<!--							<li><span class="index_pic1_marquee_tel">137****2317</span><span class="index_pic1_marquee_time">20分钟前</span>报名成功！</li>-->
+	<!--							<li><span class="index_pic1_marquee_tel">139****0752</span><span class="index_pic1_marquee_time">10分钟前</span>报名成功！</li>-->
+	<!--							<li><span class="index_pic1_marquee_tel">158****2317</span><span class="index_pic1_marquee_time">14分钟前</span>报名成功！</li>-->
+							</ul>
+						</div>
 					</div>
+					<div class="index_pic index_pic2"></div>
+					<div class="index_pic index_pic3"></div>
+					<div class="index_pic index_pic4"></div>
+					<div class="index_pic index_pic5"></div>
+					<div class="index_pic index_pic6"></div>
+					<div class="index_pic index_pic7"></div>
+	<!--				<div class="index_pic index_pic8"></div>-->
+	<!--				<div class="index_pic index_pic9"></div>-->
+<!--					<div class="index_pic index_pic0"></div>-->
 				</div>
-				<div class="index_pic index_pic2"></div>
-				<div class="index_pic index_pic3"></div>
-				<div class="index_pic index_pic4"></div>
-				<div class="index_pic index_pic5"></div>
-				<div class="index_pic index_pic6"></div>
-				<div class="index_pic index_pic7"></div>
-<!--				<div class="index_pic index_pic8"></div>-->
-<!--				<div class="index_pic index_pic9"></div>-->
-				<div class="index_pic index_pic0"></div>
 			</div>
 			<div class="wrap_footer">
 				<div class="pa wrap_footer_icon"><a href="https://im.7x24cc.com/phone_webChat.html?accountId=N000000015632&chatId=e42d388a-85ae-4d6c-b1e3-4fbd149d2011">
@@ -56,6 +58,7 @@
 		</div>
 		<!-- 练习册 -->
 		<div class="pa wrap_select" id="wrap_select">
+			<div class="wrap_select_top">
 			<div class="wrap_select_register">
 				<div class="select_register_tel">
 					<span>手机号</span><input type="text" name="telphone" id="telphone" maxlength="11" autocomplete="off" placeholder="请输入手机号" />
@@ -83,54 +86,120 @@
 						<div class="select_dlist_box select_dlist_box1" data-subject="语文" id="select_dlist_box1">
 							<ul>
 								<li>
-									<input type="checkbox" name="ywlxc" value="黄冈小状元作业本" />
-									<span class="select_dlist_name">黄冈小状元作业本</span>
-								</li>
-								<li>
 									<input type="checkbox" name="ywlxc" value="补充习题">
 									<span class="select_dlist_name">补充习题</span>
 								</li>
 								<li>
-									<input type="checkbox" name="ywlxc" value="全易通">
-									<span class="select_dlist_name">全易通</span>
+									<input type="checkbox" name="ywlxc" value="53天天练">
+									<span class="select_dlist_name">53天天练</span>
+								</li>
+								<li>
+									<input type="checkbox" name="ywlxc" value="全品学练考">
+									<span class="select_dlist_name">全品学练考</span>
 								</li>
 								<li>
 									<input type="checkbox" name="ywlxc" value="阳光同学优化作业本">
 									<span class="select_dlist_name">阳光同学优化作业本</span>
 								</li>
 								<li>
+									<input type="checkbox" name="ywlxc" value="实验班提优训练">
+									<span class="select_dlist_name">实验班提优训练</span>
+								</li>
+								<li>
 									<input type="checkbox" name="ywlxc" value="练习与测试小学语文">
 									<span class="select_dlist_name">练习与测试小学语文</span>
 								</li>
+								<li>
+									<input type="checkbox" name="ywlxc" value="亮点给力大试卷">
+									<span class="select_dlist_name">亮点给力大试卷</span>
+								</li>
+								<li>
+									<input type="checkbox" name="ywlxc" value="课时作业本">
+									<span class="select_dlist_name">课时作业本</span>
+								</li>
+								<li>
+									<input type="checkbox" name="ywlxc" value="黄冈小状元作业本" />
+									<span class="select_dlist_name">黄冈小状元作业本</span>
+								</li>
+								<li>
+									<input type="checkbox" name="ywlxc" value="学霸">
+									<span class="select_dlist_name">学霸</span>
+								</li>
+								<li>
+									<input type="checkbox" name="ywlxc" value="全易通">
+									<span class="select_dlist_name">全易通</span>
+								</li>
 							</ul>
 						</div>
 						<div class="select_dlist_box select_dlist_box2" data-subject="数学" id="select_dlist_box2">
 							<ul>
 								<li>
+									<input type="checkbox" name="sxlxc" value="阳光同学优化作业">
+									<span class="select_dlist_name">阳光同学优化作业本</span>
+								</li>
+								<li>
+									<input type="checkbox" name="sxlxc" value="小学数学计算能手">
+									<span class="select_dlist_name">小学数学计算能手</span>
+								</li>
+								<li>
+									<input type="checkbox" name="sxlxc" value="练习与测试小学数">
+									<span class="select_dlist_name">练习与测试小学数学</span>
+								</li>
+								<li>
 									<input type="checkbox" name="sxlxc" value="黄冈小状元作业本">
 									<span class="select_dlist_name">黄冈小状元作业本</span>
 								</li>
 								<li>
-									<input type="checkbox" name="sxlxc" value="补充习题">
-									<span class="select_dlist_name">补充习题</span>
+									<input type="checkbox" name="sxlxc" value="金3练">
+									<span class="select_dlist_name">金3练</span>
+								</li>
+								<li>
+									<input type="checkbox" name="sxlxc" value="全品学练考">
+									<span class="select_dlist_name">全品学练考</span>
+								</li>
+
+								<li>
+									<input type="checkbox" name="sxlxc" value="亮点给力大试卷">
+									<span class="select_dlist_name">亮点给力大试卷</span>
 								</li>
 								<li>
 									<input type="checkbox" name="sxlxc" value="全易通">
 									<span class="select_dlist_name">全易通</span>
 								</li>
 								<li>
-									<input type="checkbox" name="sxlxc" value="阳光同学优化作业">
-									<span class="select_dlist_name">阳光同学优化作业本</span>
+									<input type="checkbox" name="sxlxc" value="课时作业本">
+									<span class="select_dlist_name">课时作业本</span>
 								</li>
 								<li>
-									<input type="checkbox" name="sxlxc" value="练习与测试小学数">
-									<span class="select_dlist_name">练习与测试小学数学</span>
+									<input type="checkbox" name="sxlxc" value="实验班提优训练">
+									<span class="select_dlist_name">实验班提优训练</span>
+								</li>
+								<li>
+									<input type="checkbox" name="sxlxc" value="学霸">
+									<span class="select_dlist_name">学霸</span>
+								</li>
+
+								<li>
+									<input type="checkbox" name="sxlxc" value="补充习题">
+									<span class="select_dlist_name">补充习题</span>
+								</li>
+								<li>
+									<input type="checkbox" name="sxlxc" value="53天天练">
+									<span class="select_dlist_name">53天天练</span>
 								</li>
 							</ul>
 						</div>
 						<div class="select_dlist_box select_dlist_box3" data-subject="英语" id="select_dlist_box3">
 							<ul>
 								<li>
+									<input type="checkbox" name="yylxc" value="学霸">
+									<span class="select_dlist_name">学霸</span>
+								</li>
+								<li>
+									<input type="checkbox" name="yylxc" value="课时作业本">
+									<span class="select_dlist_name">课时作业本</span>
+								</li>
+								<li>
 									<input type="checkbox" name="yylxc" value="黄冈小状元作业本">
 									<span class="select_dlist_name">黄冈小状元作业本</span>
 								</li>
@@ -139,6 +208,18 @@
 									<span class="select_dlist_name">课课练小学英语</span>
 								</li>
 								<li>
+									<input type="checkbox" name="yylxc" value="高分拔尖提优训练">
+									<span class="select_dlist_name">高分拔尖提优训练</span>
+								</li>
+								<li>
+									<input type="checkbox" name="yylxc" value="53天天练">
+									<span class="select_dlist_name">53天天练</span>
+								</li>
+								<li>
+									<input type="checkbox" name="yylxc" value="实验班提优训练">
+									<span class="select_dlist_name">实验班提优训练</span>
+								</li>
+								<li>
 									<input type="checkbox" name="yylxc" value="补充习题">
 									<span class="select_dlist_name">补充习题</span>
 								</li>
@@ -147,6 +228,7 @@
 					</div>
 				</div>
 			</div>
+			</div>
 			<div class="wrap_select_payment">
 				<p><span>￥</span>19.9</p>
 				<button class="select_payment_btn" disabled="disabled">确认支付</button>
@@ -161,7 +243,7 @@
 			<div class="success_baibox">
 				<p class="success_next_text1">长按识别二维码，加老师微信</p>
 				<p class="success_next_text2">开启5天打卡学习之旅</p>
-				<div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode3.png"  alt="小私塾二维码"/></div>
+				<div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode3.jpg"  alt="小私塾二维码"/></div>
 				<p class="success_next_text3">你离奖品只差最后一步啦！</p>
 			</div>
 		</div>
@@ -174,7 +256,7 @@
 			<div class="success_baibox">
 				<p class="success_next_text1">长按识别二维码，加老师微信</p>
 				<p class="success_next_text2">开启5天打卡学习之旅</p>
-				<div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode4.png"  alt="小私塾二维码"/></div>
+				<div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode4.jpg"  alt="小私塾二维码"/></div>
 				<p class="success_next_text3">你离奖品只差最后一步啦！</p>
 			</div>
 		</div>
@@ -187,7 +269,7 @@
 			<div class="success_baibox">
 				<p class="success_next_text1">长按识别二维码，加老师微信</p>
 				<p class="success_next_text2">开启5天打卡学习之旅</p>
-				<div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode5.png"  alt="小私塾二维码"/></div>
+				<div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode5.jpg"  alt="小私塾二维码"/></div>
 				<p class="success_next_text3">你离奖品只差最后一步啦！</p>
 			</div>
 		</div>
@@ -213,7 +295,7 @@
 			<div class="success_baibox">
 				<p class="success_next_text1">长按识别二维码，加老师微信</p>
 				<p class="success_next_text2">开启5天打卡学习之旅</p>
-				<div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode7.png"  alt="小私塾二维码"/></div>
+				<div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode7.jpg"  alt="小私塾二维码"/></div>
 				<p class="success_next_text3">你离奖品只差最后一步啦！</p>
 			</div>
 		</div>
@@ -226,7 +308,7 @@
 			<div class="success_baibox">
 				<p class="success_next_text1">长按识别二维码，加老师微信</p>
 				<p class="success_next_text2">开启5天打卡学习之旅</p>
-				<div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode8.png"  alt="小私塾二维码"/></div>
+				<div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode8.jpg"  alt="小私塾二维码"/></div>
 				<p class="success_next_text3">你离奖品只差最后一步啦！</p>
 			</div>
 		</div>