/***** 这里放页面样式 *****/ // 课程完成 .course-finish-dialog{ width: 750rpx;height: 1250rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/course/video-finish-bj.png"); margin-bottom: 20%;position: relative; .text-score{display: none;} .return-btn,.continue-btn{width: 115.38rpx;height: 135rpx;@include ezy-no-repeat-cover;margin: 0 36rpx;} .course-btn-box{position: absolute;bottom: 200rpx;display: flex;left: 50%;transform: translateX(-50%);} .return-btn{background-image: url("@/static/images/course/fh-btn.png");} .continue-btn{background-image: url("@/static/images/course/jx-btn.png");} @media (max-height: 600px) {margin-bottom: 40%;} } // 绑定手机号弹窗 .my-tel-dialog{ background-color: rgba(0,0,0, 0.76); position: fixed;display: flex;flex-direction: column;top: 0;left: 0;bottom:0;right: 0; justify-content: center;align-items: center;z-index: 3; .tel-close{width: 50rpx;height: 50rpx;@include ezy-no-repeat-cover;position: absolute;right: 30rpx;top: 30rpx; background-image: url("@/static/images/common/close-icon.png");} .my-tel-content{ width: 625rpx;height: 740rpx;box-sizing: border-box;padding: 100rpx 42rpx; background-image: url("@/static/images/my/my-tel-bj.png");@include ezy-no-repeat-cover;position: relative; } .my-tel-title{font-size: 40rpx;color: #333;text-align:center;margin-bottom: 32rpx;} .tel-row{border-bottom: 1px dashed #70cbf4;} .yzm-row{padding-top: 36rpx;} /***** 输入手机号页面*****/ .my-input-box{ width:540rpx;height: 88rpx;line-height: 88rpx;box-sizing: border-box; display: flex;align-items: center;border: 1rpx solid #ddd;border-radius: 16rpx; @include ezy-no-repeat-cover; .my-input {font-size: 32rpx;padding: 0 22rpx;box-sizing: border-box;color: #666;flex: 1;} .uni-input-placeholder {font-size: 32rpx;color: #ccc;} .close-btn{width: 36rpx;height: 36rpx;margin-right: 30rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/login/login-close-icon.png");flex-shrink: 0;} } .get-yzm-btn{color: #3b73bf;margin:46rpx 0 32rpx;font-size: 32rpx;} .get-yzm-disabled{color: #666;} .yzm-tip{color: #3b73bf;margin:0 0 24rpx;font-size: 25rpx;} .my-bind-btn{ width:540rpx;height: 92rpx;text-align: center;line-height: 92rpx;color: #fff;margin-top: 36rpx; background-image: url("@/static/images/my/my-tel-btn.png");@include ezy-no-repeat-cover; } } // 兑换码 .duihuan-dialog{ .tip-content-box{padding: 42rpx 42rpx;} .duihuan-input{ width:540rpx;height: 88rpx;line-height: 88rpx;box-sizing: border-box; display: flex;align-items: center;margin: 0 auto;color: #666; border: 1rpx solid #e3e3e3;border-radius: 16rpx;font-size: 32rpx; .uni-input-placeholder {font-size: 32rpx;color: #ccc;} } } // 订单 .ezy-order-page{ width: 100%;height: 100vh;background-color: #00c5fe;position: relative; padding-top:var(--status-bar-height);display: flex;flex-direction: column; @include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png"); .uni-list{background-color: transparent!important;} .uni-list--border-top,.uni-list--border-bottom{display: none;} .uni-list-item__header{display: none;} .uni-list-item__container{ flex-direction: column!important;position: relative; padding:16rpx 20rpx !important;overflow: unset;} .order-scroll-view{margin-top: 10rpx;overflow-y: auto;height: calc(100vh - 380rpx - var(--status-bar-height));} .order-list-item{ width: 94%;background-color: rgba(255, 255, 255, 0.6)!important; margin: 0 3% 12rpx;border-radius: 8rpx; .order-item-head{ display: flex;justify-content: space-between;align-items: center;font-size: 24rpx;color: #333; .order-name-box{ display: flex;align-items: center; icon{ width: 58rpx;height: 58rpx;margin-right: 10rpx; @include ezy-no-repeat-cover;background-image: url("@/static/images/pay/order-icon.png"); } } .pay-status{color:#fdae36;margin-left: 36rpx;} } .order-content-box{ display: flex;margin-top: 10rpx;box-sizing: border-box;margin-bottom: 24rpx; .content-img{width: 230rpx;height: 230rpx;margin-right: 20rpx; @include ezy-no-repeat-cover;flex-shrink: 0;border-radius: 8rpx;} .content-body-box{display: flex;flex-direction: column;flex: 1;} .content-name{font-size: 36rpx;color: #000;margin-bottom: 8rpx;@include single-line-ellipsis;max-width: 320rpx;} .content-text{font-size: 24rpx;height: 110rpx; color: #666;@include multi-line-ellipsis(3);line-height: 1.5;} .content-yuanjia{font-size: 42rpx;color: #ff0101;margin-top: auto;margin-left:auto;} .content-money-box{ display: flex;justify-content: space-between;align-items: center;margin-top: 8rpx; .bottom-data{font-size: 24rpx;color: #999;} .bottom-money{color: #333;} .order-kcb-btn{ width: 180rpx;height: 56rpx;line-height: 56rpx;text-align: center;font-size: 24rpx;color: #fff; @include ezy-no-repeat-cover;background-image: url("@/static/images/common/jf-bj.png"); icon{width: 18rpx;height: 18rpx;@include ezy-no-repeat-cover;margin-left: 4rpx; background-image: url("@/static/images/common/jt-up-white-icon.svg");transform: scale(180deg);} } } } .content-heji{text-align: right;margin: 0 0 24rpx;} .order-bottom-box{ box-sizing: border-box;padding: 16rpx 0 10rpx;border-top: 1px dashed #fff; display: flex;justify-content: space-between; .pay-status-box{ width: 200rpx;display: flex;align-items: center;line-height: 1; padding:2rpx 0 2rpx 16rpx;color: #666;margin-left: 4rpx; icon{width: 42rpx;height: 42rpx;@include ezy-no-repeat-cover;margin-right: 8rpx;} .wx-icon{background-image: url("@/static/images/pay/svip-wx-icon.png");} .zfb-icon{background-image: url("@/static/images/pay/svip-zfb-icon.png");} .apple-icon{background-image: url("@/static/images/common/apple-icon.png");} } .pay-status-box::after{ content:'';width: 24rpx;height: 24rpx;margin-left: 4rpx; @include ezy-no-repeat-cover;background-image: url("@/static/images/common/qiehuan-icon.svg"); } .apple-status-box::after{display: none;} .pay-btn{ width: 180rpx;height: 70rpx;font-size: 28rpx;line-height: 70rpx;text-align: center;color: #fff; @include ezy-no-repeat-cover;background-image: url("@/static/images/mall/mall-btn.png"); } } } } // 订单支付 .ezy-order-pay-page{ width: 100%;height: 100vh;background-color: #00c5fe;position: relative; padding-top:var(--status-bar-height);display: flex;flex-direction: column; @include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png"); .order-pay-border-box{ width: 740rpx;height: 1144rpx;margin: 0 auto;box-sizing: border-box;padding: 30rpx; @include ezy-no-repeat-cover(top);background-image: url("@/static/images/pay/order-pay-bj.png"); } .order-pay-img-box{ display: flex;background-color: rgba(255, 255, 255, 0.6); box-sizing: border-box;padding: 32rpx 24rpx;margin-bottom: 6rpx; icon{width: 212rpx;height: 202rpx;margin-right: 20rpx;@include ezy-no-repeat-cover;flex-shrink: 0;} .order-pay-img1{background-image: url("@/static/images/pay/svip1.png");} .order-pay-img2{background-image: url("@/static/images/pay/svip2.png");} .img-content-box{flex: 1;position: relative;} .content-name{font-size: 40rpx;color: #333;margin-bottom: 12rpx;} .content-tag{ width: 150rpx;height: 40rpx;line-height: 40rpx;display: inline-block; font-size: 24rpx;color: #01c6fe;background-color: rgba(255, 255, 255, 0.6); border-radius: 4rpx;text-align: center; } .content-tag + .content-tag{margin-left: 16rpx;} .content-yuanjia{font-size: 42rpx;color: #ff0101;position: absolute;right: 0;bottom: 0;} } .price-box{ margin-bottom: 6rpx;background-color: rgba(255, 255, 255, 0.6);box-sizing: border-box;padding: 32rpx 24rpx; .price-row{display: flex;justify-content: space-between;font-size: 30rpx;color: #333;box-sizing: border-box;padding-left: 10rpx;} .price-line-row{border-bottom: 1rpx dashed #fff;padding: 24rpx 0 36rpx 10rpx;margin-bottom: 24rpx;} .price-red{color: #ff0101;} } .pay-type-box{ background-color: rgba(255, 255, 255, 0.6);box-sizing: border-box;padding: 32rpx 24rpx;border-radius: 0 0 10rpx 10rpx; .pay-type-name{font-size: 36rpx;color: #333;margin-bottom: 12rpx;} .type-radio-box{display: flex;flex-direction: column;} .type-radio-row{ display: flex;justify-content: space-between;flex: 1;align-items: center;color: #87664d; padding: 24rpx 0;box-sizing: border-box; icon{width: 58rpx;height: 58rpx;@include ezy-no-repeat-cover;margin-right: 16rpx;flex-shrink: 0;} .uni-radio-input{ width: 48rpx;height: 48rpx;@include ezy-no-repeat-cover;margin-left: 16rpx; background-image: url("@/static/images/pay/svip-radio.png"); background-color:transparent;border:0; pointer-events: none; svg{display: none;} } .radio-checked .uni-radio-input{ width: 48rpx;height: 48rpx;@include ezy-no-repeat-cover;color:transparent;flex-shrink: 0; background-image: url("@/static/images/pay/svip-radio-checked.png"); } .radio-content-box{margin-right: auto;font-size: 0;} .radio-title{font-size: 30rpx;color: #333;} .radio-content{font-size: 24rpx;color: #666;} } .type-radio-row +.type-radio-row{border-top:1px dashed #fff;padding-bottom: 10rpx;} .wx-radio{background-image: url("@/static/images/pay/svip-wx-icon.png");} .zfb-radio{background-image: url("@/static/images/pay/svip-zfb-icon.png");} } .pay-sum-box{ display: flex;justify-content: space-between;align-items: center;font-size: 36rpx;color: #333;margin-top: 42rpx; icon{width: 35rpx;height: 35rpx;margin: 0 12rpx; @include ezy-no-repeat-cover;background-image: url("@/static/images/pay/order-date.png");} .sum-red{color: #ff0101;font-weight: bold;margin-left: 6rpx;} .sum-btn{ width: 333rpx;height: 88rpx;line-height: 88rpx;text-align:center;color: #fff;font-size: 32rpx; display: flex;justify-content: center;align-items: center; @include ezy-no-repeat-cover;background-image: url("@/static/images/pay/svip-btn-bj.png"); } } @media (max-height: 700px) { .order-pay-border-box{padding: 20rpx;} .order-pay-img-box{padding:24rpx;} .price-box{padding:24rpx;} .pay-type-box{ padding:24rpx; .pay-type-name{margin-bottom: 0;} .type-radio-row{padding: 16rpx 0;} } .pay-sum-box{margin-top: 32rpx;} } @media (max-height: 600px) { .order-pay-border-box{padding: 16rpx;} .order-pay-img-box{padding:16rpx;} .price-box{padding:16rpx;} .pay-type-box{ padding:16rpx; .pay-type-name{margin-bottom: 0;} .type-radio-row{padding: 12rpx 0;} } .pay-sum-box{margin-top: 24rpx;} } } .yxsm-popup-box{ width: 684rpx;height: 1308rpx;box-sizing: border-box;padding: 120rpx 56rpx 60rpx;overflow-y: auto; background-image: url("@/static/images/login/agree-content-bj.png");@include ezy-no-repeat-cover; position: relative;text-align: justify;display: flex;flex-direction: column;position: relative; .yxsm-close-btn{width: 62rpx;height: 62rpx;@include ezy-no-repeat-cover;position: absolute; top: 64rpx;right: 44rpx;background-image: url("@/static/images/common/close-icon.png");} .yxsm-item-box{overflow-y: auto;line-height: 1.8;font-size: 28rpx;} .yxsm-popup-title{font-size: 36rpx;color: #333;text-align: center;margin-bottom: 32rpx;} .item-title{color: #359ae2;} .item-content{color: #555;} @media (max-height: 480px){ padding: 120rpx 56rpx 120rpx; .yxsm-close-btn{top: 100rpx;} } } // 专题 .ezy-zhuanti-page{ width: 100%;height: 100vh;background-color: #23befb;position: relative; box-sizing: border-box;padding-top:var(--status-bar-height);display: flex;flex-direction: column; @include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/zhuanti/zhuanti-bj.png"); .zt-qipao-box{ width: 520rpx;height: 154rpx;color: #fff;font-size: 30rpx;text-align: center;box-sizing: border-box; padding-top: 20rpx;margin: calc(var(--status-bar-height) + 140rpx) auto 0; background-image: url("@/static/images/zhuanti/text-icon.png");@include ezy-no-repeat-cover; } .zt-biaoqing-box{ width: 673rpx;height: 442rpx;margin: 0 auto;margin-top: 20rpx; display: flex;flex-wrap: wrap; background-image: url("@/static/images/zhuanti/biaoqing-all.png");@include ezy-no-repeat-cover; .biaoqing-item-box{width: 25%;height: 220rpx;} } @media (max-height: 800px) { .zt-qipao-box{margin: calc(var(--status-bar-height) + 80rpx) auto 0;} } @media (max-height: 700px) { .zt-qipao-box{margin: calc(var(--status-bar-height) + 60rpx) auto 0;} } @media (max-height: 500px) { min-height: 1200rpx; .zt-qipao-box{margin: calc(var(--status-bar-height) + 10rpx) auto 0;} .zt-biaoqing-box{margin-top:-20rpx;} } } // 商城 .ezy-mall-page{ width: 100%;height: 100vh;background-color: #00c5fe;position: relative; padding-top:var(--status-bar-height);display: flex;flex-direction: column; @include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png"); .uni-list{background-color: transparent!important;} .uni-list--border-top,.uni-list--border-bottom{display: none;} .uni-list-item__header{display: none;} .uni-list-item__container{ flex-direction: column!important;position: relative; padding:16rpx 20rpx !important;overflow: unset;} .order-scroll-view{margin-top: 10rpx;overflow-y: auto;height: calc(100vh - 380rpx - var(--status-bar-height));} .mall-list-item{ width: 94%;background-color: rgba(255, 255, 255, 0.6)!important; margin: 0 3% 10rpx;border-radius: 8rpx;box-sizing: border-box;padding: 16rpx; .content-yuanjia{font-size: 36rpx;color: #ff0101;text-decoration: line-through;} .mall-content-box{ display: flex;margin-top: 10rpx;border-bottom: 1px dashed #fff; box-sizing: border-box;padding-bottom:16rpx;margin-bottom: 16rpx; .mall-image{width: 220rpx;height: 220rpx;margin-right: 16rpx;flex-shrink: 0;} .content-body-box{display: flex;flex-direction: column;justify-content: space-between;flex: 1;} .content-name{ font-size: 36rpx;color: #000;margin-bottom: 12rpx;display: flex;align-items: center; .name-text{@include single-line-ellipsis;max-width: 360rpx;margin-right: 10rpx;} } .content-text{font-size: 24rpx;color: #666;@include multi-line-ellipsis(3);line-height: 1.4;} .content-row{ display: flex;justify-content: space-between;align-items: center; .shop-car-box{ width: 70rpx;height: 70rpx;position: relative; @include ezy-no-repeat-cover;background-image: url("@/static/images/mall/shop-car-icon.png"); } .car-change{ width: 32rpx;height: 30rpx;position: absolute;right: -4rpx;top: -8rpx; @include ezy-no-repeat-cover;background-image: url("@/static/images/mall/change-icon.png"); } } } .mall-yigou-box{ position: relative; .content-row .shop-car-box{background-image: url("@/static/images/mall/shop-car-disabled-icon.png");} } .mall-yigou-box::after{content: '';width: 71rpx;height: 69rpx;position: absolute;left: 3rpx;top:2rpx; @include ezy-no-repeat-cover;background-image: url("@/static/images/mall/yigou-icon.png");} .mall-bottom-row{ display: flex;justify-content: space-between;align-items: center; box-sizing: border-box;padding-bottom: 16rpx; .kcb-btn{ width: 180rpx;height: 56rpx;line-height: 56rpx;text-align: center;font-size: 24rpx;color: #fff; @include ezy-no-repeat-cover;background-image: url("@/static/images/common/jf-bj.png"); icon{width: 18rpx;height: 18rpx;@include ezy-no-repeat-cover;margin-left: 4rpx; background-image: url("@/static/images/common/jt-up-white-icon.svg");transform: scale(180deg);} } .hdj-text{font-size: 32rpx;color: #333;margin-left: auto;} } } } // 数学题库 .ezy-sxtk-page{ width: 100%;height: 100vh;background-color: #00c5fe;position: relative; padding-top:var(--status-bar-height);display: flex;flex-direction: column; @include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png"); .sxtk-tab-border{height: calc(100vh - 254rpx - var(--status-bar-height));flex: unset;} .tab-img{width: 346rpx;height: 77rpx;margin: 24rpx auto 0; @include ezy-no-repeat-cover;background-image: url("@/static/images/my/tk-qxzjc.png");} .sxtk-line{width: 94%;height: 4rpx;border-top: 4rpx dashed #7cbeee;margin: 20rpx auto;} .sxtk-tab-box{ display: flex;box-sizing: border-box;padding: 0 16rpx;margin-top: 24rpx; .tab-item{width: 16.66%;font-size: 30rpx;} .tab-nianji-item{width: 106rpx;height: 73rpx;line-height: 73rpx;margin: 0 auto;text-align: center;} .tab-item.active .tab-nianji-item{@include ezy-no-repeat-cover;color: #fff; background-image: url("@/static/images/my/tk-tab-item.png");} } .sxtk-banben-body{ flex: 1;overflow-y: auto;padding:10rpx 0;box-sizing: border-box; display: flex;flex-wrap: wrap;align-content: flex-start;margin-bottom: 10rpx; .banben-item{width: 33.33%;font-size: 28rpx;margin-bottom: 24rpx;} .banben-text-item{width: 194rpx;height: 79rpx;line-height: 79rpx;text-align: center;margin: 0 auto; @include single-line-ellipsis;box-sizing: border-box;padding: 0 6rpx; background-image: url("@/static/images/my/tk-list-item.png");@include ezy-no-repeat-cover;color: #fff;} .banben-item.active .banben-text-item{background-image: url("@/static/images/my/tk-list-item-a.png");color: #6e0c02;} } .sxtk-confirm-btn{ width: 644rpx;height: 108rpx;background-color: transparent;margin-bottom: 36rpx; background-image: url("@/static/images/grade/confirm-btn.png");@include ezy-no-repeat-cover; } .sxtk-confirm-btn:after{display: none;} } /***************** 新数学 *********************/ // 登录页 padding-bottom: env(safe-area-inset-bottom); box-sizing: unset; .ezy-login-page { width:100%;height:100vh; background-color: #f9f9fb;position: relative; box-sizing: border-box;padding-top: 240rpx; .login-img{ width: 272rpx;height: 260rpx;@include ezy-no-repeat-cover;margin: 0 auto; 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; } .login-btn{width: 655rpx;height: 92rpx;line-height: 92rpx;text-align: center;font-size:32rpx; margin-top: 84rpx;@include ezy-no-repeat-cover;font-weight: bold;} /***** 输入手机号页面*****/ .phone-input-box{ width: 662rpx;height: 122rpx; display: flex;align-items: center;@include ezy-no-repeat-cover; background-image: url("@/static/images/login/login-tel-bj.png"); .phone-prefix { width: 90rpx;margin-left:18rpx;font-size: 38rpx;color: #ffffffd9; 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: #ffffffd9;} .phone-input {font-size: 38rpx;padding: 0 30rpx;box-sizing: border-box;color: #fff;flex: 1;overflow: hidden;} .uni-input-placeholder {font-size: 34rpx;color: #ffffffd9; } .close-btn{width: 42rpx;height: 42rpx;margin-right: 30rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/login/login-close-icon.png");flex-shrink: 0;} } .agreement-checkbox-box { display: flex;justify-content: center;margin-top: 32rpx;line-height: 1;margin-left: -42rpx; uni-checkbox-group{font-size: 0;} .agreement-checkbox-input{width: 80rpx;height: 80rpx;border: 0;font-size: 0;} .uni-checkbox-input{ width: 80rpx;height: 80rpx;border: 0;background-color: unset;position: relative; svg { width: 19rpx;height: 19rpx;top: 32rpx;left: 48rpx;display: block; background-color: #379af8;border-radius: 999rpx;transform: unset;position: absolute; path{display: none;} } } .uni-checkbox-input::before{ content: '';width: 31rpx;height: 31rpx;border: 1rpx solid #379af8;border-radius: 999rpx; box-sizing: border-box;position: absolute;top: 26rpx;left: 42rpx; } .agreement-text-box { color: #333;font-size: 28rpx;flex-direction: row;display: flex;align-items: center; .agreement-text{color: #379af8;display: contents;} } } .login-btn-disabled{background-image: url("@/static/images/login/login-btn-bj-disabled.png");color:#999b9a;} .login-btn-normal{background-image: url("@/static/images/login/login-btn-bj.png");color:#fff;} .bottom-btn-box{ position: absolute;bottom:8%;left: 50%;transform: translateX(-50%); .bottom-tip{color: #999;font-size: 28rpx;text-align: center;margin-bottom: 60rpx;} .btn-box{ display: flex; .wx-btn,.yk-btn,.apple-btn{ width: 170rpx;display: flex;align-items: center;flex-direction: column; color: #666;font-size: 26rpx; icon{width: 50rpx;height: 42rpx;@include ezy-no-repeat-cover;margin-bottom: 12rpx;} } .wx-btn icon{background-image: url("@/static/images/login/login-wx-btn.jpg");} .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");} } } /***** 输入验证码页面*****/ .yzm-nav-bar-icon{z-index: 99;} .yzm-show{width: 662rpx;font-size: 30rpx;color: #666;margin: 0 0 24rpx 12rpx;} .yzm-btn{margin-top: 42rpx;} .cxfs-btn{font-size: 30rpx;color: #3257b9;display: inline-block;margin: 60rpx auto 160rpx;} .cxfs-btn-disabled{color: #777;} .login-text{ font-size: 30rpx;color: #888;margin: 16rpx auto 0 56rpx; text{color: #64a8e3;} } /* 针对小屏幕设备 */ @media (max-height: 750px) { padding-top: 200rpx; .login-body-box{margin: 100rpx auto 0; } .login-btn{margin-top: 56rpx;} // 验证码 .yzm-btn{margin-top: 36rpx;} } @media (max-height: 650px) { padding-top: 180rpx; .login-body-box{margin: 60rpx auto 0; } .login-btn{margin-top: 32rpx;} .bottom-btn-box{ bottom: 5%; .bottom-tip{margin-bottom: 32rpx;} } // 验证码 .cxfs-btn{margin: 32rpx auto 52rpx;} } @media (max-height: 550px) { min-height: 1100rpx; } } // 用户协议弹窗 .agree-sections-dialog{ width: 700rpx;height: 490rpx;padding: 80rpx 0 42rpx;box-sizing: border-box;text-align: center;margin-bottom: 26%; background-image: url("@/static/images/login/agree-dialog-bg.png");@include ezy-no-repeat-cover; .agree-title{color:#111;font-size: 40rpx;} .agree-tip{color:#666;font-size: 30rpx;margin-top: 46rpx;} .confirm-btn{width: 588rpx;height: 92rpx;@include ezy-no-repeat-cover;margin: 42rpx auto 0; background-image: url("@/static/images/login/agree-dialog-btn.png");} .not-confirm-btn{color:#888;font-size: 32rpx;padding: 32rpx 0 0;display: inline-block;} } // 用户协议详情弹窗 .agree-content-dialog{ width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column; .agree-content-box{ width: 95%;display: flex;flex-direction: column;flex: 1;overflow-y: auto; 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; position: absolute;top: 64rpx;right: 44rpx; background-image: url("@/static/images/common/close-icon.png");} .agree-section-box{font-size: 30rpx;line-height: 1.8;overflow: auto;flex: 1;padding: 0 46rpx;word-break: break-all;} } // 选课 .ezy-xuanke-page{ width: 100%;height: 100vh;display: flex;flex-direction: column;padding-bottom: 100rpx;overflow: hidden; .xuanke-tab-box{display: flex;justify-content: center;margin-bottom: 24rpx;} .tab-item{ width: 242rpx;height: 90rpx;line-height: 90rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/xuanke/tab-item-bj.png"); text-align: center;color: #a6a6a6; } .tab-item.active{ color: #fff;background-image: url("@/static/images/xuanke/tab-item-a.png"); } .sx-card-list{overflow-y: auto;flex: 1;padding: 24rpx 0 0;} .sx-card-box{ border-radius: 16rpx;margin: 0 24rpx 32rpx;padding: 32rpx; box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3); .card-head-box{ display: flex; .head-img{width: 200rpx;height: 280rpx;flex-shrink: 0;} .head-right-box{ margin-left: 24rpx; .head-title{font-size: 34rpx;color: #333;font-weight: bold;margin-bottom: 32rpx;} .head-content{font-size: 26rpx;color: #666;text-align: justify;margin-bottom: 24rpx;} } } .card-body-box{ border-top: 3rpx dashed #eee;margin-top: 42rpx; .body-title{color: #7db0f4;margin: 24rpx 0 16rpx;font-size: 30rpx;} .dj-item-row{ display: flex;flex-wrap: wrap; } .dj-item{ width: 202rpx;height: 77rpx;line-height: 77rpx;color: #fff; text-align: center;@include ezy-no-repeat-cover;margin: 12rpx 16rpx 12rpx 0; background-image: url("@/static/images/xuanke/dj-item.png"); } .dj-item.active{background-image: url("@/static/images/xuanke/dj-item-a.png");} .dj-item:nth-child(3n) { margin-right: 0; } } } } // 选版本 .ezy-xbb-page{ width: 100%;height: 100vh;display: flex;flex-direction: column; .xbb-list-box{ background-color: #fff;flex: 1;overflow-y: auto;padding-bottom: 32rpx; .xbb-item-box{ 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; } .item-img-box{width: 180rpx;height: 220rpx;border-radius: 12rpx;margin-right: 32rpx;flex-shrink: 0;} .item-content-box{ line-height: 1.5; .item-name{color: #333;font-size: 34rpx;font-weight: bolder;margin-bottom: 16rpx;} .item-bb{color: #444;font-size: 30rpx;} } .item-play-btn{ 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; background-image: url("@/static/images/xuanke/xbb-item-jt.png");@include ezy-no-repeat-cover; } } } // 学习大纲 .xuexi-dagang-page{ width: 100%;height: 95vh;border-radius: 16rpx 16rpx 0 0; background-color: #fff;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2); display: flex;flex-direction: column; box-sizing: border-box;padding: 36rpx 0 0; .xuexi-dagang-body{overflow-y: auto;padding: 24rpx 0 0;} .dagang-title{ width: 80%;line-height: 1.5;margin: 24rpx auto 0; text-align: center;font-size: 36rpx;color: #000;position: relative; icon{ width: 100rpx;height: 100rpx;display: flex;align-items: center;justify-content: center; position: absolute;right: -13%;top: -60rpx; } icon::after{ content: '';width: 52rpx;height: 52rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/common/close-icon.png"); } } // 您将学会 .dagang-xh-box{ width: 690rpx;margin: 64rpx auto 0; .xh-title{font-size: 32rpx;font-weight: bold;text-align: left;color: #333;margin-left: 6rpx;} .xh-content-box{ 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; icon{ width: 13rpx;height: 13rpx;border-radius: 50%;flex-shrink: 0; background-color: #2c7bf4;margin: 22rpx 12rpx 0 0;} } } //学习大纲 .dagang-content-box{ background-color: #e3f7fe;margin-top: 200rpx;position: relative; .dagang-content-title{ font-size: 32rpx;font-weight: bold;text-align: left;color: #333; margin-left: 36rpx;position: relative;z-index: 1; } .dagang-item-list{padding: 56rpx 0 32rpx;} .dagang-content-item{ width: 690rpx;display: flex;align-items: center;border-radius: 12rpx;color: #4b4b4b;; margin: 0 auto 24rpx;box-sizing: border-box;padding: 20rpx;background-color: #fff; line-height: 1.5;font-size: 32rpx; img{width: 120rpx;height: 120rpx;border-radius: 12rpx;margin-right: 24rpx;} .content-title{margin-left: 32rpx;position: relative;} .content-title:nth-child(1)::before{ width: 13rpx;height: 13rpx;border-radius: 50%;display: block; background-color: #2c7bf4;content:''; position: absolute;left: -24rpx;top: 22rpx; } } .dagang-content-item:last-child{margin-bottom: 0;} } .dagang-content-box::before{ content: '';width: 750rpx;height: 193rpx;display: block;@include ezy-no-repeat-cover; background-image: url("@/static/images/xuexi/dagang-img.png"); position: absolute;top: -138rpx;left: 0;z-index: 1; } } // 学习 .ezy-xuexi-page{ width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column; .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; .dy-left-box{ width: 174rpx;height: 127rpx;@include ezy-no-repeat-cover;font-size: 64rpx; display: flex;align-items: center;box-sizing: border-box;padding:0 24rpx; background-image: url("@/static/images/xuexi/xx-ml-left.png"); } .dy-left-box::after{ content: '';width: 32rpx;height: 34rpx;@include ezy-no-repeat-cover;margin-left: auto; background-image: url("@/static/images/xuexi/xx-ml-jt.png");display: block; } .dy-right-box{ width: 518rpx;height: 127rpx;@include ezy-no-repeat-cover; display: flex;align-items: flex-start;flex-direction: column;justify-content: center; box-sizing: border-box;padding:0 24rpx;font-size: 28rpx; background-image: url("@/static/images/xuexi/xx-ml-right.png"); .right-content{width: 100%;height: 90rpx;overflow: hidden;} .dy-name{font-size: 34rpx;margin-bottom: 6rpx;} } } .item-fixed{ width: 100%;padding: 24rpx 0;transition: opacity 0.2s ease-in-out; 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; background-color: #5795f6;border-radius: 16rpx;position: relative; .card-body-box{ display: flex; img{width: 190rpx;height: 242rpx;border-radius: 16rpx;border: 1rpx solid #a8c3e9;} .body-right{ color: #c8e4f8;margin-left: 24rpx;font-size: 30rpx; view{margin: 8rpx 0;} .right-name{font-size: 34rpx;color: #fff;} } } .card-progress-box{ display: flex;align-items: center; .xx-progress-box{flex: 1;margin-right: 64rpx;color: #fff;font-size: 28rpx;} .xx-progress{border-radius: 40rpx;overflow: hidden;margin-top: 10rpx;} .jxxx-btn{ width: 177rpx;height: 89rpx;@include ezy-no-repeat-cover;margin-right: 24rpx; background-image: url("@/static/images/xuexi/jx-xx-btn.png"); } } } .xxjl-card-box::before{ content: '学习记录';width: 289rpx;height: 77rpx;line-height: 77rpx;@include ezy-no-repeat-cover; 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; box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3); .xx-progress-btn-box{ width: 100%; display: flex;align-items: center;justify-content: space-between; } .xx-progress-box{ flex: 1;font-size: 32rpx;color: #333;margin-right: 42rpx; .xx-progress{border-radius: 20rpx;overflow: hidden;margin-top: 16rpx;} } .jxxx-btn{ 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; icon{width:54rpx;height: 54rpx;@include ezy-no-repeat-cover; position: relative;margin-right: 52rpx;} icon::before{ content: '';width: 1rpx;height: 70rpx;background-color: #fff;display: block; position: absolute;right: -24rpx;top: -10rpx; } .dydg-icon{background-image: url("@/static/images/xuexi/dy-dg-icon.png");} .dyml-icon{background-image: url("@/static/images/xuexi/kc-ml-icon.png");} .jd-item-btn{ background-color: #ddf7ff;border-radius: 16rpx;flex: 1;text-align: center; 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; .xx-item-title{text-align: center;margin: 32rpx 0;font-size: 32rpx;color: #444;} .xx-more-btn{ 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; .right-content{ animation: opacityPulse 1s ease-in-out; } } */ /* 定义放大动画 */ @keyframes scalePulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } /* 定义显隐动画 */ @keyframes opacityPulse { 0% { opacity: 1; } 90% { opacity: 0.2; } 100% { opacity: 1; } } .xx-item-box{ width: 691rpx;height: 172rpx; display: flex;align-items: center;justify-content: space-between;color: #4b4b4b;; margin: 0 auto 24rpx;box-sizing: border-box;padding: 20rpx;border-radius: 12rpx; line-height: 1.5;font-size: 32rpx;position: relative;@include ezy-no-repeat-cover; background-image: url("@/static/images/xuexi/xx-ml-bj.png"); img{width: 120rpx;height: 120rpx;border-radius: 12rpx;margin-right: 24rpx;} .xx-item-status{ width: 89rpx;height: 87rpx;@include ezy-no-repeat-cover; position: absolute;top:2rpx;left: 0; } .completed-status{background-image: url("@/static/images/xuexi/xw-status.png");} .xx-text-box{flex: 1;} .xx-item-btn{ width: 77rpx;height: 77rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/xuexi/xx-ml-play-icon.png"); } } .xx-disabled-item-box{ 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; background-image: url("@/static/images/login/login-btn-bj.png"); } .xx-xw-text{text-align: center;font-size: 32rpx;color: #666;margin: 32rpx auto;} // 回到顶部 .go-top-btn{ width: 77rpx;height: 77rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/xuexi/go-top-btn.png"); position: fixed;z-index: 9;bottom: 300rpx;right:10rpx; } } // 单元目录 .xuexi-dyml-page{ width: 100%;height: 92vh;border-radius: 16rpx 16rpx 0 0; background-color: #fff;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2); display: flex;flex-direction: column; box-sizing: border-box;padding: 36rpx 0 0; .xuexi-dyml-body{overflow-y: auto;padding: 24rpx 0 0;} .dyml-title{ width: 80%;line-height: 1.5;margin: 24rpx auto 0; text-align: center;font-size: 36rpx;color: #000;position: relative; icon{ width: 100rpx;height: 100rpx;display: flex;align-items: center;justify-content: center; position: absolute;right: -13%;top: -60rpx; } icon::after{ content: '';width: 52rpx;height: 52rpx;@include ezy-no-repeat-cover; 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; display: flex; .dy-num{width: 180rpx;padding-left: 24rpx;box-sizing: border-box;flex-shrink: 0;} .dy-title{margin: 0 84rpx 0 16rpx;@include single-line-ellipsis;} icon{width: 100rpx;height: 97rpx;display: flex;align-items: center;justify-content: center; position: absolute;right: 0;z-index: 3;top: 0;} icon::after{ content: '';width: 37rpx;height: 39rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/xuexi/dyml-item-btn.png"); } } .dyml-item-box:nth-child(odd){background-image: url("@/static/images/xuexi/dy-item-bj1.png");} .dyml-item-box:nth-child(even){background-image: url("@/static/images/xuexi/dy-item-bj2.png");} } // 看视频 .ezy-ksp-page{ width: 100%;height: 100vh;display: flex;flex-direction: column; .ksp-tab-box{ flex-shrink:0;display: flex;justify-content: space-evenly;border-bottom: 1rpx solid #b7defd; .tab-item{color: #9a9a9a;font-size: 34rpx;padding: 16rpx 24rpx;} .active{color: #5895f7;border-bottom: 4rpx solid #1684fc;} } .ksp-scroll-view{overflow-y: auto;} .ksp-page-body{padding: 24rpx 0 0;} .ksp-video-box{ width: 95%;height: 423rpx;padding: 8px;box-sizing: border-box; border-radius: 16rpx;margin:32rpx auto;flex-shrink: 0; .prism-big-play-btn{ width: 100rpx;height: 100rpx;opacity: 0.8; background-image: url("@/static/images/xuexi/play-btn.png"); } } .ksp-item-list{ width: 95%;margin: 12rpx auto 24rpx;border-radius: 16rpx;position: relative; background-color: #5894f6;padding: 20rpx 0;box-sizing: border-box; box-shadow: 0 0rpx 12rpx rgba(100, 159, 241, 0.4); } .ksp-item-list::before{ content: '';width: 100%;height: 97rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/xuexi/ksp-item-top-bj.png"); position: absolute;left: 0;right: 0;top: 0;z-index: 1; } .list-head{ width: 95%;display: flex;align-items: center;justify-content: space-between; position: relative;z-index: 2;padding:0 0 24rpx;margin: 0 auto; .list-title{color: #fff;font-size: 36rpx;} .list-btn{ width: 210rpx;height: 72rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/xuexi/ksp-video-play.png"); } } .list-body{ width: 95%;position: relative;z-index: 2;border-radius: 16rpx; padding: 16rpx;box-sizing: border-box;margin: 0 auto; 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; @include ezy-no-repeat-cover;background-image: url("@/static/images/xuexi/ksp-item-bj.png"); .ksp-icon{ width: 104rpx;height: 104rpx;@include ezy-no-repeat-cover;flex-shrink: 0; @include ezy-no-repeat-cover;background-image: url("@/static/images/xuexi/xx-ksp-icon.png"); } .ksp-title{color: #444;font-size: 32rpx;margin-right: auto; margin-left: 10rpx;height: 50rpx;@include single-line-ellipsis;} } } // 考试页 .ezy-exam-page{ width: 100%;height: 100vh;background-color: #f9f9fb;position: relative; display: flex;flex-direction: column; .exam-body{ z-index: 1;position: relative;flex: 1;display: flex;flex-direction: column; } .xx-jd-box{ width: 95%;background-color: #fff;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2); border-radius: 16rpx;box-sizing: border-box;padding:36rpx 36rpx 42rpx;margin: 20rpx auto 0; .xx-row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24rpx;} .text-row{color: #5d5e61;} .dq-jd-text{color: #5693f5;font-size: 52rpx;} .dq-jd-line{margin: 0 6rpx;} } .exam-progress-box{border-radius: 20rpx;overflow: hidden;} .ezy-exam-swiper{ width: 100%;flex: 1;z-index: 2;margin: 0 auto; uni-swiper-item{overflow-y: auto;} .uni-swiper-slides{left: -2rpx;right: -2rpx;} } .exam-submit-btn{ width: 87rpx;height: 125rpx;@include ezy-no-repeat-cover;z-index: 2; background-image: url("@/static/images/exam/submit-btn.png");margin: 10rpx 42rpx 0 auto; } .tip-mask-box{ width: 100%;height: 100vh;position: relative;position: absolute;top: 0;left: 0;z-index: 3; } .swiper-tip-box{ font-size: 30rpx;color: #5989e2;justify-content: center;margin-top: 16rpx; display: flex;flex-direction: row;align-items: center; } .swiper-tip-box::before,.swiper-tip-box::after{ content: '';width: 12rpx;height: 26rpx;display: block; background-image: url("@/static/images/common/h-jt-icon.png");@include ezy-no-repeat-cover; } .swiper-tip-box::before{transform: rotate(180deg);margin-right: 32rpx;} .swiper-tip-box::after{margin-left: 32rpx;} .shiti-jj-btn{ width: 630rpx;height: 88rpx;@include ezy-no-repeat-cover;margin: 10rpx auto; background-image: url("@/static/images/exam/shiti-jj-btn.png"); } } // 单元测试 .dycs-dialog{ width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column; .dycs-body{overflow-y: auto;} .dycs-img{ width: 430rpx;height: 350rpx;margin: 92rpx auto 32rpx;flex-shrink: 0; background-image: url("@/static/images/exam/shiti-dialog-img.png");@include ezy-no-repeat-cover; } .dycs-tip{ text-align: center;color: #333;font-size: 35rpx; } .dycs-fenshu-box{ width: 560rpx;margin: 72rpx auto;padding: 42rpx 32rpx;box-shadow: 0 0rpx 8rpx rgba(100, 159, 241, 0.3); display: flex;justify-content: center;align-items: center;border-radius: 12rpx;font-size: 32rpx; .fenshu-item-box{width: 49%;text-align: center;font-size: 32rpx;color: #333;} .item-number{font-size: 56rpx;margin-bottom: 10rpx;} .red-number{color: #f60000;} .item-line{width: 1rpx;height: 120rpx;background: #f3f5f9;} } .dycs-btn-box{ display: flex;justify-content: center;margin-top: 64rpx; .cxcs-btn,.ckda-btn{ width: 275rpx;height: 88rpx;line-height: 88rpx;@include ezy-no-repeat-cover; text-align: center;color: #fff;font-size: 32rpx;margin: 0 10rpx; } .cxcs-btn{background-image: url("@/static/images/exam/shiti-btn-blue-bj.png");} .ckda-btn{background-image: url("@/static/images/exam/shiti-btn-orange-bj.png");} } @media (max-height: 700px) { .dycs-img{margin: 64rpx auto 16rpx;} .dycs-fenshu-box{margin: 46rpx auto;} .dycs-btn-box{margin-top: 36rpx;} } } // 成绩页 .ezy-result-page{ width: 100%;height: 100vh;background-color: #f9f9fb;position: relative; display: flex;flex-direction: column; .result-exam-swiper{ width: 100%;flex: 1;z-index: 2;margin: 0 auto; uni-swiper-item{overflow-y: auto;} .uni-swiper-slides{left: -2rpx;right: -2rpx;} } .answer-content-box{ margin-top: 24rpx; .answer-title{ width: 208rpx;height: 91rpx;line-height: 91rpx; font-size: 32rpx;text-align: center;margin-left: 10rpx;color: #fff; background-image: url("@/static/images/exam/shiti-anser-title.png");@include ezy-no-repeat-cover; } .answer-text-title{font-size: 32rpx;color: #f6aa1d;margin: 24rpx 0;} .answer-content-border{ width: 96%;box-shadow: 0 0rpx 8rpx rgba(100, 159, 241, 0.3); border-radius: 12rpx;font-size: 32rpx;margin: 42rpx auto 56rpx;} .tiankong-answer-content-box{background-color: rgba(255, 255, 255, 0.7);font-size: 32rpx;color: #499141; border-radius: 4px;box-sizing: border-box;padding: 24rpx;min-height: 80rpx; .tiankong-answer-title{color: #333;margin-bottom: 10rpx;} .answer-index-box{ font-size: 24rpx;border: 1rpx solid #499141;border-radius: 24rpx;margin-right: 10rpx; line-height: 1;text-align: center;padding: 2rpx 7rpx;display: inline-block; flex-shrink: 0;min-width: 16rpx; } .tiankong-answer-row{ word-break: break-all;margin-bottom: 10rpx;margin: 24rpx 0; display: flex;align-items: center;line-height: 1; } .tiankong-answer-row:last-child{margin-bottom: 0;} } .answer-btn-box{display: flex;height: 135rpx;} .answer-item-left,.answer-item-right{ width: 100%;flex: 1;align-items: center;justify-content: center; display: flex;flex-direction: column;background-color: rgba(255, 255, 255, 0.7); .answer-item-title{font-size: 30rpx;color: #333;margin-bottom: 10rpx;} .answer-item-error{font-size: 30rpx;color: #ef1417;min-height: 36rpx;} .answer-item-correct{font-size: 30rpx;color: #15ab2e;min-height: 36rpx;} } .answer-item-left{border-radius: 4px 0 4px 0;position: relative;} .answer-item-right{border-radius: 0 4px 4px 0;} .answer-line{width: 1px;position: absolute;top: 16rpx;right: 0;bottom: 16rpx;background: #d1e9f5;} } .answer-stjx-box{ width: 96%;margin: 0 auto; .answer-rich-text{ font-size: 32rpx;color: #333;line-height: 1.8; } } .answer-video-box{ position: relative;margin-bottom:24rpx; img{width: 100%;} } .answer-video-box::before{ content: '';display: block;position: absolute; 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; } } // 我的页面 .ezy-my-page{ width: 100%;height: 100vh;position: relative;overflow: auto;background: #f9f9fb; .my-page-box{position: relative;z-index: 1;margin: 0;} .my-head-box{ width: 100%;padding: 0 24rpx 42rpx;box-sizing: border-box;display: flex;align-items: center;color: #fff; .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; } // list .my-list-box{ width:710rpx;margin: 24rpx auto;display: flex;padding: 42rpx 6rpx; background-color: #fff;border-radius: 16rpx;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2); .list-item{color: #444;width: 25%;text-align: center;font-size: 28rpx;} .list-icon{width: 64rpx;height: 64rpx;display: block; margin: 0 auto 12rpx;@include ezy-no-repeat-cover;} .yysz-icon{background-image: url("@/static/images/my/list-icon1.png");} } .kefu-dialog{ .not-confirm-btn{display: none;} .confirm-btn{margin: 24rpx auto;} } } // 应用设置 .ezy-yysz-page{ width: 100%;height: 100vh;min-height: 1400rpx;background: #f9f9fb;position: relative;overflow: auto; display: flex;flex-direction: column; .yysz-page-box{position: relative;z-index: 1;} .yysz-row-box{width: 95%;background-color: #fff;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2); border-radius: 16rpx;margin: 16rpx auto 0;color: #333;font-size: 30rpx;} .yysz-item{display: flex;align-items: center;justify-content: space-between; padding: 32rpx 32rpx 32rpx 0;position: relative;margin: 0 32rpx 0 32rpx;} .border-item{border-bottom: 1rpx dashed #f2f2f2;} .img-item{padding: 32rpx 32rpx 0 0;} .item-text{color: #888;} .yysz-item::after{ content: '';width: 14rpx;height: 24rpx;@include ezy-no-repeat-cover; background-image: url("@/static/images/my/list-jt.png"); position: absolute;right: 0; } .yysz-img-box{width: 36px;height: 36px;border-radius: 50%;@include ezy-no-repeat-cover} } // 关于我们 .ezy-about-page{ width: 100%;height: 100vh;position: relative;display: flex;flex-direction: column; .about-body-border{ width: 95%;display: flex;flex-direction: column;flex: 1;overflow-y: auto; 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; position: absolute;top: 20rpx;left: 20rpx;right: 20rpx;bottom: 30rpx;z-index: 1; box-sizing: border-box;padding: 52rpx 24rpx 24rpx;overflow-y: auto; } .content-top-box{ display: flex;flex-shrink: 0;font-size: 24rpx;color: #333; box-sizing: border-box;padding-bottom: 42rpx;border-bottom: 1px dashed #ccc; .about-icon-box{ width: 192rpx;height: 188rpx;margin-right: 36rpx; @include ezy-no-repeat-cover;background-image: url("@/static/images/my/about-icon.png"); } .about-name{ font-size: 30rpx;margin: 20rpx 0 42rpx; } .about-text{margin: 16rpx 0;} } .content-box{ font-size: 30rpx;margin-top: 32rpx;line-height: 2;color: #333; text-align: justify;box-sizing: border-box;padding: 0 10rpx; } @media (max-height: 600px) { .about-body-border{margin: 12rpx auto 150rpx;} .about-body-box{padding: 32rpx 20rpx 20rpx;} .content-top-box{padding-bottom: 24rpx;} .content-box{margin-top: 20rpx;} } } // 资料 .ezy-ziliao-page{ width: 100%;height: 100vh;display: flex;flex-direction: column; }