|
|
@@ -87,7 +87,7 @@
|
|
|
background-image: url("@/static/images/login/login-logo.png");display: block;
|
|
|
}
|
|
|
.login-body-box{
|
|
|
- display: flex;flex-direction: column;align-items: center;margin: 160rpx auto 0;
|
|
|
+ display: flex;flex-direction: column;align-items: center;margin: 160rpx auto 0;
|
|
|
}
|
|
|
/***** 输入手机号页面*****/
|
|
|
.phone-input-box{
|
|
|
@@ -142,7 +142,7 @@
|
|
|
.yk-btn icon{background-image: url("@/static/images/login/login-yk-btn.jpg");}
|
|
|
.apple-btn icon{background-image: url("@/static/images/login/login-apple-btn.jpg");}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
|
|
|
/***** 输入验证码页面*****/
|
|
|
@@ -177,14 +177,14 @@
|
|
|
}
|
|
|
@media (max-height: 550px) {
|
|
|
min-height: 1100rpx;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
// 快捷登录
|
|
|
.go-login-page{
|
|
|
/* .mt24{margin-top: 24rpx;}
|
|
|
.yzm-text-btn{color: #035493;font-size: 34rpx;margin-right: 24rpx;} */
|
|
|
-
|
|
|
+
|
|
|
.yzm-row{
|
|
|
width: 662rpx;margin: 36rpx 0 0;display: flex;align-items: center;
|
|
|
.phone-input-box{flex:1;width: auto;border-radius: 28rpx;}
|
|
|
@@ -194,7 +194,7 @@
|
|
|
flex-shrink: 0;margin-left: 16rpx;color: #fff;font-size: 34rpx;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
/* .tel-input{
|
|
|
width: 662rpx;height: 100rpx;border: 1rpx solid #dfdfdf;border-radius: 16rpx;
|
|
|
display: flex;align-items: center;
|
|
|
@@ -203,7 +203,7 @@
|
|
|
font-weight: normal;display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;
|
|
|
}
|
|
|
.phone-prefix::after{content: '';width: 1rpx;height: 40rpx;display: inline-block;background-color: #ccc;}
|
|
|
-
|
|
|
+
|
|
|
.phone-input {font-size: 38rpx;padding: 0 30rpx;box-sizing: border-box;color: #555;flex: 1;overflow: hidden;}
|
|
|
.uni-input-placeholder {font-size: 34rpx;color: #acacae;
|
|
|
}
|
|
|
@@ -241,7 +241,7 @@
|
|
|
flex-shrink: 0;margin-left: 16rpx;color: #fff;font-size: 34rpx;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
|
|
|
// 用户协议弹窗
|
|
|
@@ -263,7 +263,7 @@
|
|
|
padding: 36rpx 0;box-sizing: border-box;margin: 20rpx auto 0;
|
|
|
position: relative;text-align: justify;border-radius: 16rpx 16rpx 0 0;
|
|
|
background-color: #fff;box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
.agree-title{font-size: 42rpx;text-align: center;margin-bottom: 42rpx;flex-shrink: 0;}
|
|
|
.agree-close-btn{width: 62rpx;height: 62rpx;@include ezy-no-repeat-cover;
|
|
|
@@ -274,7 +274,7 @@
|
|
|
|
|
|
// 选课
|
|
|
.ezy-xuanke-page{
|
|
|
- width: 100%;height: 100vh;display: flex;flex-direction: column;padding-bottom: 100rpx;overflow: hidden;
|
|
|
+ width: 100%;height: 100vh;display: flex;flex-direction: column;padding-bottom: 100rpx;overflow: hidden;
|
|
|
.sx-card-list{overflow-y: auto;flex: 1;padding: 24rpx 0 0;}
|
|
|
.sx-card-box{
|
|
|
border-radius: 16rpx;margin: 0 24rpx 32rpx;padding: 32rpx;
|
|
|
@@ -317,7 +317,7 @@
|
|
|
width: 731rpx;height:273rpx;@include ezy-no-repeat-cover;
|
|
|
background-image: url("@/static/images/xuanke/xbb-item-bj.png");
|
|
|
position: relative;z-index: 1;box-sizing: border-box;padding: 26rpx 36rpx;
|
|
|
- display: flex;align-items: center;margin:0 auto 16rpx;
|
|
|
+ display: flex;align-items: center;margin:0 auto 16rpx;flex-shrink: 0;
|
|
|
}
|
|
|
.item-img-box{width: 180rpx;height: 220rpx;border-radius: 12rpx;margin-right: 32rpx;flex-shrink: 0;}
|
|
|
.item-content-box{
|
|
|
@@ -329,7 +329,7 @@
|
|
|
width: 100rpx;height: 100rpx;z-index: 2;
|
|
|
display: flex;align-items: center;justify-content: center;
|
|
|
position: absolute;bottom: 12rpx;right: 12rpx;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
.item-play-btn::before{
|
|
|
content: '';width: 46rpx;height: 48rpx;display: block;
|
|
|
@@ -357,7 +357,7 @@
|
|
|
background-image: url("@/static/images/common/close-icon.png");
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 您将学会
|
|
|
.dagang-xh-box{
|
|
|
width: 690rpx;margin: 64rpx auto 0;
|
|
|
@@ -366,7 +366,7 @@
|
|
|
width: 100%;border-radius: 16rpx;margin-top: 32rpx;
|
|
|
box-sizing: border-box;padding: 24rpx;
|
|
|
box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
.text-row{
|
|
|
display: flex;font-size: 32rpx;color: #333;margin: 12rpx 0;line-height: 1.6;
|
|
|
@@ -375,7 +375,7 @@
|
|
|
background-color: #2c7bf4;margin: 22rpx 12rpx 0 0;}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
//学习大纲
|
|
|
.dagang-content-box{
|
|
|
background-color: #e3f7fe;margin-top: 200rpx;position: relative;
|
|
|
@@ -411,7 +411,7 @@
|
|
|
.xuexi-page-body{padding:0 0 100rpx;overflow-y: auto;border-radius: 0;position: relative;}
|
|
|
.xxjl-card-box-padding{padding-top: 64rpx;}
|
|
|
.xx-scroll-view{position: relative;}
|
|
|
-
|
|
|
+
|
|
|
.item-dy-box{
|
|
|
display: flex;align-items: center;justify-content: center;
|
|
|
color: #fff;margin-bottom: 24rpx;
|
|
|
@@ -438,7 +438,7 @@
|
|
|
position:sticky;position:-webkit-sticky;margin-bottom: 0;
|
|
|
top: 0;z-index: 10;background-color: #fff;border-radius: 16rpx 16rpx 0 0;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 学习记录
|
|
|
.xxjl-card-box{
|
|
|
width: 692rpx;margin: 0 auto 24rpx;padding: 72rpx 24rpx 24rpx 24rpx;box-sizing: border-box;
|
|
|
@@ -467,7 +467,7 @@
|
|
|
background-image: url("@/static/images/xuexi/xx-jl-bj.png");display: block;
|
|
|
position: absolute;top: -28rpx;text-align: center;color: #fff;font-size: 34rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 学习进度
|
|
|
.xx-jd-box{
|
|
|
border-radius: 16rpx;margin: 0 24rpx 32rpx;padding: 32rpx;
|
|
|
@@ -484,7 +484,7 @@
|
|
|
width: 217rpx;height: 85rpx;display: block;@include ezy-no-repeat-cover;
|
|
|
background-image: url("@/static/images/xuexi/jxxx-icon.png");flex-shrink: 0;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
//学习进度按钮
|
|
|
.jd-item-box{
|
|
|
display: flex;border-top: 1rpx dashed #97dbf8;margin-top: 32rpx;padding-top: 32rpx;
|
|
|
@@ -501,9 +501,9 @@
|
|
|
box-sizing: border-box;padding: 24rpx;display: flex;align-items: center;}
|
|
|
.jd-item-btn:first-child{margin-right: 24rpx;}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 学习目录
|
|
|
.xx-item-list{
|
|
|
padding-bottom: 24rpx;
|
|
|
@@ -512,7 +512,7 @@
|
|
|
width: 630rpx;height: 89rpx;@include ezy-no-repeat-cover;margin: 0 auto 32rpx;
|
|
|
background-image: url("@/static/images/xuexi/more-btn.png");
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
/* 动画类 */
|
|
|
/* .item-dy-box.item-active {
|
|
|
animation: scalePulse 1s ease-in-out;
|
|
|
@@ -532,7 +532,7 @@
|
|
|
transform: scale(1);
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
/* 定义显隐动画 */
|
|
|
@keyframes opacityPulse {
|
|
|
0% {
|
|
|
@@ -567,7 +567,7 @@
|
|
|
background-image: url("@/static/images/xuexi/xx-ml-disabled-bj.png");
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.xx-next-btn{
|
|
|
width: 655rpx;height: 92rpx;line-height: 92rpx;margin: 32rpx auto;
|
|
|
font-size: 32rpx;color: #fff;text-align: center;@include ezy-no-repeat-cover;
|
|
|
@@ -601,7 +601,7 @@
|
|
|
background-image: url("@/static/images/common/close-icon.png");
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.dyml-item-box{
|
|
|
width: 670rpx;height: 97rpx;line-height: 97rpx;font-size: 32rpx;color: #333;
|
|
|
@include ezy-no-repeat-cover;margin: 24rpx auto;position: relative;
|
|
|
@@ -687,7 +687,7 @@
|
|
|
color: #444;font-size: 32rpx;background-color: #fff;
|
|
|
img{max-width: 100%;margin: 10rpx auto 0;display: block;}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.ksp-item-box{
|
|
|
width: 670rpx;height: 150rpx;
|
|
|
display: flex;align-items: center;position: relative;
|
|
|
@@ -699,8 +699,8 @@
|
|
|
.ksp-title{color: #444;font-size: 32rpx;margin-right: auto;
|
|
|
margin-left: 10rpx;height: 50rpx;@include single-line-ellipsis;}
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
|
|
|
// 考试页
|
|
|
@@ -843,7 +843,7 @@
|
|
|
width: 90rpx;height: 90rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/xuexi/video-play-btn.png");
|
|
|
top: 52%;left: 50%!important;transform: translate(-50%, -50%);z-index: 20;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -856,7 +856,7 @@
|
|
|
.head-img-box{width: 126rpx;height: 126rpx;margin: 0 24rpx 0 12rpx;@include ezy-no-repeat-cover;border-radius: 50%;}
|
|
|
.head-content-box{font-size: 30rpx;}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.my-banner-img{
|
|
|
width: 730rpx;height: 413rpx;@include ezy-no-repeat-cover;margin: 0 auto;
|
|
|
background-image: url("@/static/images/my/my-banner.png");border-radius: 16rpx;
|
|
|
@@ -876,7 +876,7 @@
|
|
|
.dhm-icon{background-image: url("@/static/images/my/dhm-icon.png");}
|
|
|
.bdsjh-icon{background-image: url("@/static/images/my/sjbd-icon.png");}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.kefu-dialog{
|
|
|
.not-confirm-btn{display: none;}
|
|
|
.confirm-btn{margin: 24rpx auto;}
|
|
|
@@ -911,7 +911,7 @@
|
|
|
padding: 36rpx 0;box-sizing: border-box;margin: 20rpx auto 0;
|
|
|
position: relative;text-align: justify;border-radius: 16rpx 16rpx 0 0;
|
|
|
background-color: #fff;box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
.about-body-box{
|
|
|
content: "";display: block;background-color: rgba(255, 255, 255, 0.6);border-radius: 0 0 10rpx 10rpx;
|
|
|
@@ -971,7 +971,7 @@
|
|
|
position: absolute;left: 50%;transform: translateX(-50%);top: -28rpx;z-index: 3;
|
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/ziliao/select-dj-img.png");
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.jstx-tab-box{
|
|
|
width: 100%;height: 64rpx;white-space: nowrap;padding: 0;
|
|
|
text-align:center;margin: 90rpx 0 0;overflow-x: auto;
|
|
|
@@ -984,7 +984,7 @@
|
|
|
position: absolute;bottom: 0;left: 0;border-radius: 4rpx;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.jstx-card-list{
|
|
|
padding: 24rpx 0 0;overflow-y: auto;flex: 1;
|
|
|
.ziliao-card-box{
|
|
|
@@ -1001,7 +1001,7 @@
|
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/ziliao/jstx-pdf.png");
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -1115,7 +1115,7 @@
|
|
|
.item-xianjia{color: #ff0000;font-size: 34rpx;font-weight: bolder;}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// border-box
|
|
|
.qrdd-border-box{
|
|
|
width: 713rpx;margin:0 auto;border-radius: 20rpx;
|
|
|
@@ -1146,7 +1146,7 @@
|
|
|
.border-row:last-child{border: 0;}
|
|
|
.sum-row{justify-content: flex-end;}
|
|
|
.sum-text{margin-right: 32rpx;}
|
|
|
-
|
|
|
+
|
|
|
// 支付方式
|
|
|
.zzfs-name-box{
|
|
|
display: flex;align-items: center;
|
|
|
@@ -1155,8 +1155,8 @@
|
|
|
.alipay-icon{background-image: url("@/static/images/shop/zfb-icon.png");}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
.qrdd-footer-box{
|
|
|
flex-shrink: 0;display: flex;align-items: center;justify-content: space-between;padding: 24rpx;
|
|
|
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.4);box-sizing: border-box;background-color: #f9f9f9;
|
|
|
@@ -1193,7 +1193,7 @@
|
|
|
display: flex;align-items: center;color: #333;line-height: 1.6;
|
|
|
.head-img-box{width: 126rpx;height: 126rpx;margin: 0 24rpx 0 12rpx;@include ezy-no-repeat-cover;border-radius: 50%;}
|
|
|
.head-content-box{font-size: 32rpx;}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
.duihuan-input-box{
|
|
|
width: 100%;height: 100rpx;border: 1rpx solid #dfdfdf;border-radius: 16rpx;
|
|
|
@@ -1209,7 +1209,7 @@
|
|
|
position: absolute;bottom: 0;right: -16rpx;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.duihuan-confirm-btn{
|
|
|
width: 100%;height: 92rpx;line-height: 92rpx;text-align: center;font-size:32rpx;
|
|
|
margin-top: 42rpx;@include ezy-no-repeat-contain;font-weight: bold;
|