|
@@ -50,38 +50,41 @@ html.no-scroll {
|
|
|
.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_pic4{height:5.1rem;margin-top:0.38rem;background:url(https://img.sharingschool.com/activity/images/index_a4.png?v=1) no-repeat center/ 100% 100%;}
|
|
|
-.index_pic5{height:16.86rem;background:url(https://img.sharingschool.com/activity/images/index_a5.png?v=1) no-repeat center/ 100% 100%;}
|
|
|
-.index_pic6{height:14.55rem;background:url(https://img.sharingschool.com/activity/images/index_a6.png?v=1) no-repeat center/ 100% 100%;}
|
|
|
-.index_pic7{height:6.05rem;background:url(https://img.sharingschool.com/activity/images/index_a7.png?v=1) no-repeat center/ 100% 100%;}
|
|
|
-.index_pic8{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%;}
|
|
|
-.index_pic9{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_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_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_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: 23px;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-family: PingFang SC;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: 0px 0px 16px 0px rgba(113, 53, 9, 0.4);}
|
|
|
+.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_icon{width: .62rem;height: .62rem;bottom: .66rem;left:.51rem;}
|
|
|
+.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: .5rem;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{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: .36rem;font-family: Source Han Sans CN;font-weight: 400;color: #FFF;}
|
|
|
-.wrap_footer_btn h3 span{font-size: .48rem;font-family: Source Han Sans CN;font-weight: bold;color: #FFF;}
|
|
|
-.wrap_footer_btn p{font-size: .24rem;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;}
|
|
|
+.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_select{width: 100%;height: 100%;background: #F2F5F8;left: 0;top: 0;display: none;}
|
|
|
-.wrap_select_register{width: 6.22rem;height: auto;padding:.3rem;background: #fff;margin:0 auto;margin-top: .3rem;box-shadow: 0px 0px 18px 0px 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: 0px 0px 18px 0px rgba(199, 216, 232, 0.15);border-radius: .2rem;overflow: hidden;}
|
|
|
-.wrap_select_payment{width: 100%;height: 1.38rem;background: #FFF;box-shadow: 0px -2px 24px 0px rgba(199, 216, 232, 0.54);position: fixed;bottom: 0;left:50%;transform:translate(-50%,0);}
|
|
|
+.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);}
|
|
|
.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;}
|
|
@@ -91,8 +94,8 @@ html.no-scroll {
|
|
|
.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(../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.01px 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 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;}
|
|
|
|
|
|
.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;}
|
|
@@ -104,15 +107,15 @@ html.no-scroll {
|
|
|
.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: .01rem solid #EA3844;border-radius: .39rem;}
|
|
|
-.select_wrokbook_content_tit ul li{float: left;width: 30%;height: .78rem;line-height:.8rem;font-size: .32rem;font-family: Source Han Sans CN;font-weight: 400;color: #EA3844;text-align: center;border-radius: .39rem;}
|
|
|
+.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_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%;height: auto;overflow: hidden;}
|
|
|
+.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: .01rem 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 .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 input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
|
|
|
|
|
|
/* 选中的元素添加一个 √ 的箭头 */
|
|
@@ -125,7 +128,7 @@ html.no-scroll {
|
|
|
height: .28rem;
|
|
|
bottom: 0.04rem;
|
|
|
right: 0.04rem;
|
|
|
- background: url(../images/select_tick.png?v=1) no-repeat center/ 100% 100%;
|
|
|
+ background: url(https://img.sharingschool.com/activity/images/select_tick.png?v=1) no-repeat center/ 100% 100%;
|
|
|
z-index: 2;
|
|
|
}
|
|
|
|
|
@@ -138,7 +141,7 @@ html.no-scroll {
|
|
|
.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_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%;}
|
|
|
+.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;}
|
|
|
|
|
|
@media screen and (max-width:320px){
|