uniProject/common/styles/global/pages.scss

/***** 这里放页面样式 *****/
// 课程完成
.course-finish-dialog{
	width: 750rpx;height: 1250rpx;@include ezy-no-repeat-cover;
	background-image: url("@/static/images/phone/common/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/common/exam/fh-btn.png");}
	.continue-btn{background-image: url("@/static/images/common/exam/jx-btn.png");}
	@media (max-height: 600px) {margin-bottom: 40%;}
	@include mediaSmall() {
		width: 749rpx;height: 1078rpx;margin:0 auto 20%;
		background-image: url("@/static/images/pad/common/video-finish-bj.png");
		.return-btn,.continue-btn{width: 95rpx;height: 108rpx;margin: 0 23rpx;}
		.course-btn-box{bottom: 200rpx;}
	}

	@include mediaBig() {
		width: 1870rpx;height: 2496rpx;margin-bottom: 20%;
		.return-btn,.continue-btn{width: 240rpx;height: 276rpx;margin: 0 58rpx;}
		.course-btn-box{bottom: 480rpx;}
	}
}

// 绑定手机号弹窗
.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/common/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/common/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/common/my/my-tel-btn.png");@include ezy-no-repeat-cover;
	}

	@include mediaSmall() {
			.tel-close{width: 33rpx;height: 33rpx;right: 20rpx;top: 20rpx;}
			.my-tel-content{width: 406rpx;height: 481rpx;padding: 65rpx 27rpx;}
			.my-tel-title{font-size: 22rpx;margin-bottom: 21rpx;}
			.yzm-row{padding-top: 23rpx;}
			.my-input-box{
				width: 351rpx;height: 57rpx;line-height: 57rpx;border-radius: 10rpx;
				.my-input {font-size: 20rpx;padding: 0 14rpx;}
				.uni-input-placeholder {font-size: 20rpx;}
				.close-btn{width: 23rpx;height: 23rpx;margin-right: 20rpx;}
			}
			.get-yzm-btn{margin: 30rpx 0 21rpx;font-size: 20rpx;}
			.yzm-tip{margin: 0 0 16rpx;font-size: 20rpx;}
			.my-bind-btn{width: 351rpx;height: 60rpx;line-height: 60rpx;margin-top: 23rpx;font-size: 20rpx;}
		}

		@include mediaBig() {
			.tel-close{width: 80rpx;height: 80rpx;right: 48rpx;top: 48rpx;}
			.my-tel-content{width: 1000rpx;height: 1184rpx;padding: 160rpx 67rpx;}
			.my-tel-title{font-size: 54rpx;margin-bottom: 51rpx;}
			.yzm-row{padding-top: 58rpx;}
			.my-input-box{
				width: 864rpx;height: 141rpx;line-height: 141rpx;border-radius: 26rpx;
				.my-input {font-size: 46rpx;padding: 0 35rpx;}
				.uni-input-placeholder {font-size: 46rpx;}
				.close-btn{width: 58rpx;height: 58rpx;margin-right: 48rpx;}
			}

			.get-yzm-btn{margin: 74rpx 0 51rpx;font-size: 46rpx;}

			.yzm-tip{margin: 0 0 38rpx;font-size: 46rpx;}
			.my-bind-btn{width: 864rpx;height: 147rpx;line-height: 147rpx;margin-top: 58rpx;font-size: 46rpx;}
		}
}


/***************** 新数学 *********************/
// 登录页  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/common/login/login-logo.png");display: block;
	}
	.login-body-box{
		display: flex;flex-direction: column;align-items: center;margin: 160rpx auto 0;
	}
	/***** 输入手机号页面*****/
	.phone-input-box{
		width: 662rpx;height: 122rpx;
		display: flex;align-items: center;@include ezy-no-repeat-cover;
		background-image: url("@/static/images/common/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/common/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;}
		  }
	}

	.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/common/login/login-wx-btn.jpg");}
			.yk-btn icon{background-image: url("@/static/images/common/login/login-yk-btn.jpg");}
			.apple-btn icon{background-image: url("@/static/images/common/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;
	}
	@include mediaSmall() {
		padding-top: 156rpx;
		.login-img{width: 177rpx;height: 169rpx;}
		.login-body-box{margin: 104rpx auto 0;}
		.phone-input-box{
			width: 430rpx;height: 79rpx;
			.phone-prefix {
			  width: 59rpx;margin-left:12rpx;font-size: 25rpx;
			  &::after{height: 26rpx;}
			}
			.phone-input {font-size: 25rpx;padding: 0 20rpx;}
			.uni-input-placeholder {font-size: 22rpx;}
			.close-btn{width: 27rpx;height: 27rpx;margin-right: 20rpx;}
		}

		.agreement-checkbox-box {
			  margin-top: 21rpx;margin-left: -27rpx;
			  .agreement-checkbox-input{width: 52rpx;height: 52rpx;}
			  .uni-checkbox-input{
				  width: 52rpx;height: 52rpx;
			  	svg {width: 12rpx;height: 12rpx;top: 21rpx;left: 31rpx;}
			  }
			  .uni-checkbox-input::before{width: 20rpx;height: 20rpx;top: 17rpx;left: 27rpx;}
			  .agreement-text-box {font-size: 18rpx;}
		}

		.bottom-btn-box{
			.bottom-tip{font-size: 18rpx;margin-bottom: 39rpx;}
			.btn-box{
				.wx-btn,.yk-btn,.apple-btn{
					width: 111rpx;font-size: 17rpx;
					icon{width: 33rpx;height: 27rpx;margin-bottom: 8rpx;}
				}
			}
		}

		/***** 输入验证码页面*****/
		.yzm-show{width: 430rpx;font-size: 20rpx;margin: 0 0 16rpx 8rpx;}
		.yzm-btn{margin-top: 27rpx;}
		.cxfs-btn{font-size: 20rpx;margin: 39rpx auto 104rpx;}
		.login-text{
			width: 430rpx;font-size: 20rpx;margin: 10rpx auto 0;
		}
	}
	@include mediaBig() {
		padding-top: 384rpx;
		.login-img{width: 435rpx;height: 416rpx;}
		.login-body-box{margin: 256rpx auto 0;}
		.phone-input-box{
			width: 1059rpx;height: 195rpx;
			.phone-prefix {
			  width: 144rpx;margin-left:29rpx;font-size: 61rpx;
			  &::after{height: 64rpx;}
			}
			.phone-input {font-size: 61rpx;padding: 0 48rpx;}
			.uni-input-placeholder {font-size: 54rpx;}
			.close-btn{width: 67rpx;height: 67rpx;margin-right: 48rpx;}
		}

		.agreement-checkbox-box {
			  margin-top: 51rpx;margin-left: -67rpx;
			  .agreement-checkbox-input{width: 128rpx;height: 128rpx;}
			  .uni-checkbox-input{
				  width: 128rpx;height: 128rpx;
			  	svg {width: 30rpx;height: 30rpx;top: 51rpx;left: 77rpx;}
			  }
			  .uni-checkbox-input::before{width: 50rpx;height: 50rpx;top: 42rpx;left: 67rpx;}
			  .agreement-text-box {font-size: 45rpx;}
		}

		.bottom-btn-box{
			.bottom-tip{font-size: 45rpx;margin-bottom: 96rpx;}
			.btn-box{
				.wx-btn,.yk-btn,.apple-btn{
					width: 272rpx;font-size: 42rpx;
					icon{width: 80rpx;height: 67rpx;margin-bottom: 19rpx;}
				}
			}
		}

		/***** 输入验证码页面*****/
		.yzm-show{width: 1059rpx;font-size: 48rpx;margin: 0 0 38rpx 19rpx;}
		.yzm-btn{margin-top: 67rpx;}
		.cxfs-btn{font-size: 48rpx;margin: 96rpx auto 256rpx;}
		.login-text{width: 1059rpx;font-size: 48rpx;margin: 26rpx auto 0;}
	}
}
// 快捷登录
.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;}
		.yzm-text-btn{
			width:250rpx;height: 120rpx;line-height: 120rpx;text-align: center;@include ezy-no-repeat-cover;
			background-image: url("@/static/images/common/tip-confirm-btn.png");border-radius: 28rpx;
			flex-shrink: 0;margin-left: 16rpx;color: #fff;font-size: 34rpx;
		}
	}
	@include mediaSmall() {
		.yzm-row{
			width: 430rpx;margin: 23rpx 0 0;
				.phone-input-box{border-radius: 18rpx;}
				.yzm-text-btn{
					width: 163rpx;height: 76rpx;line-height: 76rpx;
					border-radius: 18rpx;margin-left: 10rpx;font-size: 22rpx;
				}
		}
	}
	@include mediaBig() {
		.yzm-row{
			width: 1059rpx;
			margin: 58rpx 0 0;
				.phone-input-box{border-radius: 45rpx;}
				.yzm-text-btn{
					width: 400rpx;height: 192rpx;line-height: 192rpx;
					border-radius: 45rpx;margin-left: 26rpx;font-size: 54rpx;
				}
			}
	}

	/* .tel-input{
		width: 662rpx;height: 100rpx;border: 1rpx solid #dfdfdf;border-radius: 16rpx;
		display: flex;align-items: center;
		.phone-prefix {
		  width: 90rpx;margin-left:18rpx;font-size: 38rpx;color: #acacae;
		  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;
		}
		.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;}
	}
	.yzm-row{
		width: 662rpx;margin: 36rpx 0 0;display: flex;align-items: center;
		.tel-input{width: auto;}
		.yzm-btn{
			width:270rpx;height: 100rpx;line-height: 100rpx;text-align: center;@include ezy-no-repeat-cover;
			background-image: url("@/static/images/common/tip-confirm-btn.png");
			flex-shrink: 0;margin-left: 16rpx;color: #fff;font-size: 34rpx;margin-top: 0;
		}
	} */
}

// 绑定手机号
.bind-tel-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;
	.bind-tel-body{width: 95%;margin: 20rpx auto 0;box-sizing: border-box;padding: 36rpx;}
	.tel-input{
		width: 100%;height: 100rpx;border: 1rpx solid #dfdfdf;border-radius: 16rpx;
		display: flex;align-items: center;
		.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;}
		.close-btn{width: 42rpx;height: 42rpx;margin-right: 30rpx;@include ezy-no-repeat-cover;
		background-image: url("@/static/images/common/login/login-close-icon.png");flex-shrink: 0;}
	}
	.yzm-row{
		width: 100%;margin: 36rpx 0 0;display: flex;align-items: center;
		.yzm-btn{
			width:270rpx;height: 100rpx;line-height: 100rpx;text-align: center;@include ezy-no-repeat-cover;
			background-image: url("@/static/images/common/tip-confirm-btn.png");
			flex-shrink: 0;margin-left: 16rpx;color: #fff;font-size: 34rpx;
		}
	}

	@include mediaSmall() {
			.bind-tel-body{padding: 23rpx;}
			.tel-input{
				width: 671rpx;height: 65rpx;border-radius: 10rpx;margin: 0 auto;
				.phone-input {font-size: 22rpx;padding: 0 20rpx;}
				.uni-input-placeholder {font-size: 22rpx;}
				.close-btn{width: 27rpx;height: 27rpx;margin-right: 20rpx;}
			}
			.yzm-row{
				width: 671rpx;margin: 23rpx auto 0;
				.yzm-btn{
					width: 176rpx;height: 65rpx;line-height: 65rpx;
					margin-left: 16rpx;font-size: 22rpx;
				}
			}
			.bd-btn{width: 672rpx;height: 53rpx;line-height: 53rpx;font-size: 22rpx;font-weight: normal;
			margin: 55rpx auto 0;@include ezy-no-repeat-contain();}
			.login-btn-normal.bd-btn{background-image: url("@/static/images/pad/common/btn-bj.png");}
			.login-btn-disabled.bd-btn{background-image: url("@/static/images/pad/common/btn-bj-disabled.png");}
		}

	@include mediaBig() {
		.bind-tel-body{padding: 58rpx;}
		.tel-input{
			width: 1800rpx;height: 160rpx;border-radius: 26rpx;
			.phone-input {font-size: 54rpx;padding: 0 48rpx;}
			.uni-input-placeholder {font-size: 54rpx;}
			.close-btn{width: 67rpx;height: 67rpx;margin-right: 48rpx;}
		}
		.yzm-row{
			width: 1800rpx;margin: 58rpx auto 0;
			.yzm-btn{
				width: 432rpx;height: 160rpx;line-height: 160rpx;
				margin-left: 32rpx;font-size: 54rpx;
			}
		}
		.bd-btn{
			width: 1800rpx;height: 142rpx;line-height: 142rpx;font-size: 54rpx;margin: 134rpx auto 0;
		}
	}

}

// 用户协议弹窗
.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/common/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/common/login/agree-dialog-btn.png");}
	.not-confirm-btn{color:#888;font-size: 32rpx;padding: 32rpx 0 0;display: inline-block;}
	@include mediaSmall() {
		width: 455rpx;height: 319rpx;padding: 52rpx 0 27rpx;
		.agree-title{font-size: 24rpx;}
		.agree-tip{font-size: 20rpx;margin-top: 30rpx;}
		.confirm-btn{width: 382rpx;height: 60rpx;margin: 27rpx auto 0;}
		.not-confirm-btn{font-size: 20rpx;padding: 21rpx 0 0;}
	}

	@include mediaBig() {
		width: 1120rpx;height: 784rpx;padding: 128rpx 0 67rpx;
		.agree-title{font-size: 54rpx;}
		.agree-tip{font-size: 46rpx;margin-top: 74rpx;}
		.confirm-btn{width: 941rpx;height: 147rpx;margin: 67rpx auto 0;}
		.not-confirm-btn{font-size: 56rpx;padding: 46rpx 0 0;}
	}
}

// 用户协议详情弹窗
.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;}
	@include mediaSmall() {
		.agree-content-box{margin: 10rpx auto 0;padding: 24rpx 0;}
		.agree-title{font-size: 22rpx;}
		.agree-section-box{font-size: 20rpx;padding: 0 24rpx;}
	}
	@include mediaBig() {
		.agree-content-box{margin: 24rpx auto 0;padding: 56rpx 0;}
		.agree-title{font-size: 54rpx;}
		.agree-section-box{font-size: 46rpx;padding: 0 56rpx;}
	}

}

//  选课
.ezy-xuanke-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;padding-bottom: 100rpx;overflow: hidden;
		.sx-card-list{overflow-y: auto;flex: 1;padding: 12rpx 0 0;}
		.sx-card-box{
			border-radius: 16rpx;margin: 0 24rpx 32rpx;padding: 32rpx;overflow: hidden;
			box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);position: relative;
			.card-head-box{
				display: flex;position: relative;z-index: 4;
				.head-img{width: 200rpx;height: 280rpx;flex-shrink: 0;border-radius: 12rpx;}
				.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;@include multi-line-ellipsis(4);}
				}
			}
			.card-body-box{
				border-top: 3rpx dashed #eee;margin-top: 42rpx;position: relative;z-index: 4;
				.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;font-size: 30rpx;
					text-align: center;@include ezy-no-repeat-cover;margin: 12rpx 16rpx 12rpx 0;
					background-image: url("@/static/images/phone/xuanke/dj-item.png");
				}
				.dj-item.active{background-image: url("@/static/images/phone/xuanke/dj-item-a.png");}
				.dj-item:nth-child(3n) {
					margin-right: 0;
				}
			}
		}
		.sx-card-box::before,.sx-card-box::after{
			content: '';@include ezy-no-repeat-cover;
			position: absolute;z-index: 3;opacity: 0.7;
			}
		.sx-card-box::before{width: 500rpx;height: 473rpx;background-image: url("@/static/images/common/xk-mask-img1.png");top: -120rpx;left:-140rpx;}
		.sx-card-box::after{background-image: url("@/static/images/common/xk-mask-img2.png");width: 280rpx;height: 265rpx;bottom: -40rpx;right:-60rpx;}
	@include mediaSmall() {
		padding-bottom: 80rpx;
		.sx-card-list{padding: 4rpx 0 0;}
		.sx-card-box{
			border-radius: 6rpx;margin: 0 24rpx 20rpx;padding: 20rpx 20rpx 24rpx;
			box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.3);
			.card-head-box{
				.head-img{width: 110rpx;height: 154rpx;border-radius: 8rpx;}
				.head-right-box{
					margin-left: 16rpx;
					.head-title{font-size: 22rpx;margin-bottom: 12rpx;}
					.head-content{font-size: 20rpx;margin-bottom: 6rpx;line-height: 1.8;@include multi-line-ellipsis(2);}
				}
			}
			.card-body-box{
				border-top: 1rpx dashed #ddd;margin-top: 6rpx;
				.body-title{margin: 12rpx 0 6rpx;font-size: 20rpx;}
				.dj-item{
					width: 100rpx;height: 46rpx;line-height: 46rpx;font-size: 22rpx;margin: 8rpx 12rpx 8rpx 0;
					background-image: url("@/static/images/pad/xuanke/dj-item.png");@include ezy-no-repeat-contain;
				}
				.dj-item.active{background-image: url("@/static/images/pad/xuanke/dj-item-a.png");}
				.dj-item:nth-child(3n) {margin-right: 12rpx;}
				.dj-item:nth-child(6n) {margin-right: 0;}
			}
		}
		.sx-card-box::before{width: 325rpx;height: 307rpx;top: -78rpx;left: -91rpx;}
		.sx-card-box::after{width: 182rpx;height: 172rpx;bottom: -42rpx;right: -42rpx;}
	}
	@include mediaBig() {
		padding-bottom: 180rpx;
		.sx-card-list{padding: 42rpx 0 0;}
		.sx-card-box{
			border-radius: 16rpx;margin: 0 56rpx 52rpx;padding: 46rpx 46rpx 48rpx;
			box-shadow: 0 0rpx 12rpx rgba(100, 159, 241, 0.3);
			.card-head-box{
				.head-img{width: 240rpx;height: 336rpx;border-radius: 16rpx;}
				.head-right-box{
					margin-left: 42rpx;
					.head-title{font-size: 54rpx;margin-bottom: 12rpx;}
					.head-content{font-size: 46rpx;margin-bottom: 6rpx;line-height: 1.8;@include multi-line-ellipsis(2);}
				}
			}
			.card-body-box{
				border-top: 4rpx dashed #ddd;margin-top: 36rpx;
				.body-title{margin: 32rpx 0 24rpx;font-size: 46rpx;}
				.dj-item{
					width: 280rpx;height: 128rpx;line-height: 128rpx;font-size: 52rpx;margin: 16rpx 32rpx 16rpx 0;
				}
				.dj-item:nth-child(3n) {margin-right: 32rpx;}
				.dj-item:nth-child(6n) {margin-right: 0;}
			}
		}
		.sx-card-box::before{width: 800rpx;height: 757rpx;top: -192rpx;left: -224rpx;}
		.sx-card-box::after{width: 448rpx;height: 424rpx;bottom: -64rpx;right: -96rpx;}
	}
}

// 选版本
.ezy-xbb-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;
	.xbb-list-box{
		display: flex;flex-direction: column;
		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/phone/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;flex-shrink: 0;
		}
		.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;
		&::before{
				content: '';width: 46rpx;height: 48rpx;display: block;
				background-image: url("@/static/images/common/xbb-item-jt.png");@include ezy-no-repeat-cover;
			}
		}
	}

	@include mediaSmall() {
			.xbb-list-box{
				padding-bottom: 21rpx;
				.xbb-item-box{width: 717rpx;height: 178rpx;padding: 17rpx 23rpx;margin: 0 auto 10rpx;
				background-image: url("@/static/images/pad/xuanke/xbb-item-bj.png");}
				.item-img-box{width: 117rpx;height: 143rpx;border-radius: 8rpx;margin-right: 21rpx;}
				.item-content-box{
					.item-name{font-size: 22rpx;margin-bottom: 10rpx;}
					.item-bb{font-size: 20rpx;}
				}
				.item-play-btn{
					width: 65rpx;height: 65rpx;bottom: 20rpx;right: 24rpx;
					&::before{width: 30rpx;height: 31rpx;@include ezy-no-repeat-contain;}
				}
			}
		}

		@include mediaBig() {
			.xbb-list-box{
				padding-bottom: 51rpx;
				.xbb-item-box{width: 1964rpx;height: 488rpx;padding: 42rpx 58rpx;margin: 0 42rpx 26rpx;}
				.item-img-box{width: 288rpx;height: 352rpx;border-radius: 19rpx;margin-right: 51rpx;}
				.item-content-box{
					.item-name{font-size: 54rpx;margin-bottom: 26rpx;}
					.item-bb{font-size: 46rpx;}
				}
				.item-play-btn{
					width: 160rpx;height: 160rpx;bottom: 40rpx;right: 60rpx;
					&::before{width: 74rpx;height: 77rpx;}
				}
			}
		}
}
.ezy-cjdc-xbb-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;
	.xbb-list-box{
		display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;
		padding: 32rpx 24rpx;box-sizing: border-box;flex: 1;overflow-y: auto;
		    
		.xbb-item-box{
			width: 48%;font-size: 28rpx;overflow: hidden;
			background-color: #e4f5fd;border-radius: 16rpx;
			display: flex;margin: 10rpx 1%;color: #333;
			.xbb-item-text{flex: 1;text-align: center;padding: 24rpx 0;}
			.arrow-icon{width: 50rpx;background-color: #ccecfb;position: relative;}
			.arrow-icon::after{
				content: '';width: 34rpx;height: 34rpx;@include ezy-no-repeat-cover;display: block;
				background-image: url("@/static/images/common/jt-up-white-icon.svg");
				position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);
			}
		}
		.xbb-item-box:active{
			background-color: #97dbfe;
			.arrow-icon{background-color: #43bffd;}
		}
	}
	.xbb-list-no-more{width: 100%;margin-top: 10rpx;}
	@include mediaSmall() {
			.xbb-list-box{
				padding: 21rpx 16rpx;
				.xbb-item-box{
					font-size: 20rpx;border-radius: 10rpx;margin: 8rpx 1.16%;width: 31%;
					.xbb-item-text{padding: 16rpx 0;}
					.arrow-icon{width: 33rpx;}
					.arrow-icon::after{width: 22rpx;height: 22rpx;}
				}
			}
			.xbb-list-no-more{margin-top: 6rpx;}
		}
	
		@include mediaBig() {
			.xbb-list-box{
				padding: 51rpx 38rpx;
				.xbb-item-box{
					font-size: 46rpx;border-radius: 26rpx;margin: 24rpx 1.16%;
					.xbb-item-text{padding: 38rpx 0;}
					.arrow-icon{width: 80rpx;}
					.arrow-icon::after{width: 54rpx;height: 54rpx;}
				}
			}
			.xbb-list-no-more{margin-top: 16rpx;}
		}
}

// 学习大纲
.xuexi-dagang-page{
	width: 100%;height: calc(95vh - var(--status-bar-height));border-radius: 16rpx 16rpx 0 0;z-index: 10;position: relative;
	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 120rpx;
	position: fixed;bottom: 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/phone/xuexi/dagang-img.png");
		position: absolute;top: -138rpx;left: 0;z-index: 1;
	}

	@include mediaSmall() {
			border-radius: 10rpx 10rpx 0 0;
			padding: 23rpx 0 78rpx;

			.xuexi-dagang-body{padding: 16rpx 0 0;}
			.dagang-title{
				font-size: 22rpx;margin: 16rpx auto 0;
				icon{width: 65rpx;height: 65rpx;top: -39rpx;right: -13%;}
				icon::after{width: 34rpx;height: 34rpx;}
			}

			.dagang-xh-box{
				width: 690rpx;margin: 42rpx auto 0;
				.xh-title{font-size: 22rpx;margin-left: 4rpx;}
				.xh-content-box{
					border-radius: 10rpx;margin-top: 21rpx;padding: 16rpx;
					box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.3);
				}
				.text-row{
					font-size: 20rpx;margin: 16rpx 0;
					icon{width: 8rpx;height: 8rpx;margin: 14rpx 8rpx 0 0;}
				}
			}

			.dagang-content-box{
				margin-top: 180rpx;
				.dagang-content-title{font-size: 22rpx;margin-left: 23rpx;}
				.dagang-item-list{padding: 36rpx 0 21rpx;}
				.dagang-content-item{
					width: 690rpx;border-radius: 8rpx;margin: 0 auto 16rpx;
					padding: 13rpx;font-size: 20rpx;
					img{width: 78rpx;height: 78rpx;border-radius: 8rpx;margin-right: 16rpx;}
					.content-title{margin-left: 21rpx;}
					.content-title:nth-child(1)::before{
						width: 8rpx;height: 8rpx;left: -16rpx;top: 14rpx;
						}
				}
			}
			.dagang-content-box::before{width: 747rpx;height: 183rpx;top: -140rpx;
			background-image: url("@/static/images/pad/xuexi/dagang-img.png");}
		}

		@include mediaBig() {
			border-radius: 26rpx 26rpx 0 0;padding: 58rpx 0 192rpx;

			.xuexi-dagang-body{padding: 38rpx 0 0;}
			.dagang-title{
				font-size: 54rpx;margin: 38rpx auto 0;
				icon{width: 160rpx;height: 160rpx;top: -96rpx;right: -13%;}
				icon::after{width: 83rpx;height: 83rpx;}
			}

			.dagang-xh-box{
				width: 1940rpx;margin: 102rpx auto 0;
				.xh-title{font-size: 54rpx;margin-left: 10rpx;}
				.xh-content-box{
					border-radius: 26rpx;margin-top: 51rpx;padding: 38rpx;
					box-shadow: 0 0rpx 10rpx rgba(100, 159, 241, 0.3);
				}
				.text-row{
					font-size: 46rpx;margin: 19rpx 0;
					icon{width: 21rpx;height: 21rpx;margin: 35rpx 19rpx 0 0;}
				}
			}

			.dagang-content-box{
				margin-top: 320rpx;
				.dagang-content-title{font-size: 54rpx;margin-left: 58rpx;}
				.dagang-item-list{padding: 90rpx 0 51rpx;}
				.dagang-content-item{
					width: 1940rpx;border-radius: 19rpx;margin: 0 auto 38rpx;padding: 32rpx;font-size: 51rpx;
					img{width: 192rpx;height: 192rpx;border-radius: 19rpx;margin-right: 38rpx;}
					.content-title{margin-left: 51rpx;}
					.content-title:nth-child(1)::before{width: 21rpx;height: 21rpx;left: -38rpx;top: 35rpx;}
				}
			}
			.dagang-content-box::before{width: 1200rpx;height: 309rpx;top: -221rpx;}
		}
}

// 学习
.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/phone/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/common/xuexi/xx-ml-jt.png");display: block;
		}
		// 没有黄色箭头
		.left-no-after{justify-content: center;}
		.left-no-after::after{display: none;}
		.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/phone/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;}
			.body-right{
				width: 100%;color: #c8e4f8;margin-left: 24rpx;font-size: 30rpx;
				display: flex;flex-direction: column;justify-content: space-between;
				.right-name{font-size: 34rpx;color: #fff;margin-top: 2rpx;}
				}
		}
		.card-progress-box{
			display: flex;align-items: center;margin-top: 10rpx;
			.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/common/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/common/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/common/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/common/xuexi/dy-dg-icon.png");}
			.dyml-icon{background-image: url("@/static/images/common/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/phone/xuexi/more-btn.png");
		}

		.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/phone/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/common/xuexi/xw-status.png");}
			.xx-text-box{flex: 1;}
			.three-text-box{@include multi-line-ellipsis(3);line-height: 1.4;}
			.xx-item-btn,.xx-item-lock-btn{width: 77rpx;height: 77rpx;@include ezy-no-repeat-cover;}
			.xx-item-btn{background-image: url("@/static/images/common/xuexi/xx-ml-play-icon.png");}
			.xx-item-lock-btn{background-image: url("@/static/images/common/xuexi/xx-ml-lock-icon.png");}
		}
		.xx-disabled-item-box{
			background-image: url("@/static/images/phone/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/common/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/common/xuexi/go-top-btn.png");
		position: fixed;z-index: 9;bottom: 300rpx;right:10rpx;
	}


	@include mediaSmall() {
		.xuexi-page-body{padding:0 0 65rpx;}
		.xxjl-card-box-padding{padding-top: 42rpx;}
		.item-dy-box{margin-bottom: 16rpx;
			.dy-left-box{width: 135rpx;height: 71rpx;font-size: 42rpx;padding:0 24rpx;
			background-image: url("@/static/images/pad/xuexi/xx-ml-left.png");}
			.dy-left-box::after{width: 21rpx;height: 22rpx;}
			.dy-right-box{
				width: 580rpx;height: 71rpx;padding:0 16rpx;font-size: 18rpx;
				background-image: url("@/static/images/pad/xuexi/xx-ml-right.png");
				.right-content{height: 59rpx;}
				.dy-name{font-size: 22rpx;margin-bottom: 4rpx;}
			}
		}
		.item-fixed{padding: 16rpx 0;border-radius: 10rpx 10rpx 0 0;}
		.xxjl-card-box{
			width: 715rpx;margin: 0 auto 16rpx;padding: 47rpx 16rpx 16rpx 16rpx;
			border-radius: 10rpx;position: relative;
			.card-body-box{
				img{width: 124rpx;height: 157rpx;border-radius: 10rpx;flex-shrink: 0;margin-right: 16rpx;}
				.body-right{
					width: calc(100% - 140rpx);margin-left: 0;font-size: 20rpx;display: block;
					.right-name{font-size: 22rpx;margin: 5rpx 0;@include single-line-ellipsis;}
					.right-item{width: 49%;display: inline-block;vertical-align: middle;
					margin: 5rpx 0;@include single-line-ellipsis;}
					.right-item-all{width: 100%;margin: 5rpx 0;@include single-line-ellipsis;}
				}
			}
			.card-progress-box{
				position: absolute;bottom: 16rpx;left:156rpx;right: 10rpx;margin-top: 0;
				.xx-progress-box{margin-right: 24rpx;font-size: 18rpx;}
				.xx-progress{margin-top: 0;}
				.progress-title{display: none;}
				.jxxx-btn{width: 100rpx;height: 46rpx;margin-right: 16rpx;}
			}
		}
		.xxjl-card-box::before{width: 188rpx;height: 50rpx;line-height: 50rpx;top: -18rpx;font-size: 22rpx;}
		.xx-jd-box{border-radius: 10rpx;margin: 0 16rpx 21rpx;padding: 21rpx;
			.xx-progress-box{font-size: 21rpx;margin-right: 27rpx;
			.xx-progress{margin-top: 10rpx;}}
			.jxxx-btn{width: 141rpx;height: 55rpx;}
			.jd-item-box{margin-top: 21rpx;padding-top: 21rpx;
				icon{width: 35rpx;height: 35rpx;margin-right: 34rpx;}
				icon::before{height: 46rpx;right: -16rpx;top: -7rpx;}
				.jd-item-btn{border-radius: 10rpx;padding: 16rpx;}
				.jd-item-btn:first-child{margin-right: 16rpx;}
			}
		}
		.xx-item-list{
			padding-bottom: 16rpx;
			.xx-item-title{margin: 20rpx 0;font-size: 20rpx;}
			.xx-more-btn{width: 676rpx;height: 65rpx;margin: 0 auto 21rpx;
			background-image: url("@/static/images/pad/xuexi/more-btn.png");}
			.xx-item-box{
				width: 718rpx;height: 92rpx;margin: 0 auto 16rpx;padding: 10rpx;border-radius: 12rpx;font-size: 21rpx;
				background-image: url("@/static/images/pad/xuexi/xx-ml-bj.png");
				img{width: 72rpx;height: 72rpx;border-radius: 8rpx;margin-right: 16rpx;}
				.xx-item-status{width: 58rpx;height: 57rpx;top:1rpx;}
				.xx-item-btn,.xx-item-lock-btn{width: 50rpx;height: 50rpx;margin-right: 12rpx;}
			}
			.xx-disabled-item-box{
				background-image: url("@/static/images/pad/xuexi/xx-ml-disabled-bj.png");
			}
		}
		.xx-next-btn{width: 426rpx;height: 60rpx;line-height: 60rpx;margin: 21rpx auto;font-size: 21rpx;}
		.xx-xw-text{font-size: 21rpx;margin: 21rpx auto;}
		.go-top-btn{width: 50rpx;height: 50rpx;bottom: 195rpx;right:7rpx;}
	}

	@include mediaBig() {
		.xuexi-page-body{padding:0 0 160rpx;}
		.xxjl-card-box-padding{padding-top: 102rpx;}
		.item-dy-box{
			margin-bottom: 38rpx;
			.dy-left-box{width: 363rpx;height: 194rpx;font-size: 102rpx;padding:0 64rpx;}
			.dy-left-box::after{width: 51rpx;height: 54rpx;}
			.dy-right-box{
				width: 1577rpx;height: 194rpx;padding:0 38rpx;font-size: 46rpx;
				.right-content{height: 144rpx;}
				.dy-name{font-size: 54rpx;margin-bottom: 10rpx;}
			}
		}
		.item-fixed{padding: 38rpx 0;border-radius: 26rpx 26rpx 0 0;}
		.xxjl-card-box{
			width: 1940rpx;margin: 0 auto 38rpx;padding: 115rpx 38rpx 38rpx 38rpx;
			border-radius: 26rpx;position: relative;
			.card-body-box{
				img{width: 304rpx;height: 387rpx;border-radius: 26rpx;margin-right: 42rpx;}
				.body-right{
					width: calc(100% - 330rpx);font-size: 46rpx;
					.right-name{font-size: 54rpx;margin: 16rpx 0;}
					.right-item{width: 50%;display: inline-block;vertical-align: middle;margin: 16rpx 0;}
					view{margin: 16rpx 0;}
					.right-item-all{margin: 16rpx 0;}
				}
			}
			.card-progress-box{
				position: absolute;bottom: 40rpx;left:380rpx;right: 16rpx;
				.xx-progress-box{margin-right: 64rpx;font-size: 45rpx;}
				.xx-progress{margin-top: 0;}
				.progress-title{display: none;}
				.jxxx-btn{width: 254rpx;height: 110rpx;margin-right: 38rpx;}
			}
		}
		.xxjl-card-box::before{width: 462rpx;height: 123rpx;line-height: 123rpx;top: -45rpx;font-size: 54rpx;}
		.xx-jd-box{
			border-radius: 26rpx;margin: 0 38rpx 51rpx;padding: 51rpx;
			.xx-progress-box{
				margin-right: 67rpx;
				.xx-progress{margin-top: 26rpx;}
			}
			.jxxx-btn{width: 347rpx;height: 136rpx;}
			.jd-item-box{
				margin-top: 51rpx;padding-top: 51rpx;
				icon{width: 86rpx;height: 86rpx;margin-right: 83rpx;}
				icon::before{height: 112rpx;right: -38rpx;top: -16rpx;}
				.jd-item-btn{border-radius: 26rpx;padding: 38rpx;}
				.jd-item-btn:first-child{margin-right: 38rpx;}
			}
		}
		.xx-item-list{
			padding-bottom: 38rpx;
			.xx-item-title{margin: 51rpx 0;font-size: 46rpx;}
			.xx-more-btn{width: 1880rpx;height: 182rpx;margin: 0 auto 51rpx;}
			.xx-item-box{width: 1950rpx;height: 253rpx;margin: 0 auto 38rpx;padding: 32rpx;border-radius: 19rpx;font-size: 46rpx;
			img{width: 192rpx;height: 192rpx;border-radius: 19rpx;margin-right: 38rpx;}
			.xx-item-status{width: 142rpx;height: 139rpx;top:3rpx;}
			.xx-item-btn,.xx-item-lock-btn{width: 123rpx;height: 123rpx;margin-right: 19rpx;}
			}
		}
		.xx-next-btn{width: 1048rpx;height: 147rpx;line-height: 147rpx;margin: 51rpx auto;font-size: 51rpx;}
		.xx-xw-text{font-size: 51rpx;margin: 51rpx auto;}
		.go-top-btn{width: 123rpx;height: 123rpx;bottom: 480rpx;right:16rpx;}
	}

}

// 答案解析
.ezy-dajx-page{
	width: 100%;height: 100vh;position: relative;display: flex;flex-direction: column;
	.shiti-frame-box{overflow-y: auto;}
	.dajx-video-box{width: 95%;margin-top: 16rpx;}
	.dajx-content-box{
		width: 615rpx;flex: 1;z-index: 2;margin: 0 auto;overflow-y: auto;
		.slfx-title,.spjj-title{
			width: 231rpx;height: 63rpx;@include ezy-no-repeat-cover;margin-bottom: 16rpx;
		}
		.slfx-title{background-image: url("@/static/images/common/exam/slfx-title.png");}
		.spjj-title{background-image: url("@/static/images/common/exam/spjj-title.png");}
		.slfx-content{
			font-size: 32rpx;color: #333;line-height: 1.6;margin-bottom: 42rpx;
			box-sizing: border-box;padding: 0 20rpx;word-wrap: break-word;word-break: break-all;
			display: block;@include ezy-rich-text;
		}

	}
	@include mediaBig() {
		.dajx-video-box{margin-top: 36rpx;}
	}
}

// 看视频
.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;}
	.jstx-ksp-page-body{padding: 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/common/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/common/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/common/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/common/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/common/xuexi/xx-ksp-icon.png");
		}
		.ksp-title{color: #444;font-size: 32rpx;margin-right: auto;
		margin-left: 10rpx;height: 50rpx;@include single-line-ellipsis;}
	}

	@include mediaSmall() {
			.ksp-tab-box{
				.tab-item{font-size: 26rpx;padding: 12rpx 24rpx;}
				.active{border-bottom: 3rpx solid #1684fc;}
			}
			.ksp-page-body{padding: 16rpx 0 0;}
			.ksp-video-box{
				height: 420rpx;border-radius: 10rpx;margin: 20rpx auto 10rpx;
				.prism-big-play-btn{width: 65rpx;height: 65rpx;}
			}
			.ksp-item-list{
				margin: 8rpx auto 16rpx;border-radius: 10rpx;padding: 13rpx 0;
				box-shadow: 0 0rpx 8rpx rgba(100, 159, 241, 0.4);
				&::before{height: 63rpx;}
			}
			.list-head{
				padding: 0 0 12rpx;
				.list-title{font-size: 22rpx;}
				.list-btn{width: 137rpx;height: 47rpx;}
			}
			.list-body{
				border-radius: 10rpx;padding: 10rpx;font-size: 20rpx;
				img{margin: 6rpx auto 0;max-width: 60%;}
			}
			.ksp-item-box{
				width: 436rpx;height: 98rpx;
				.ksp-icon{width: 68rpx;height: 68rpx;}
				.ksp-title{font-size: 22rpx;margin-left: 6rpx;height: 33rpx;}
			}
		}

		@include mediaBig() {
			.ksp-tab-box{
				.tab-item{font-size: 64rpx;padding: 26rpx 38rpx;}
				.active{border-bottom: 6rpx solid #1684fc;}
			}
			.ksp-page-body{padding: 38rpx 0 0;}
			.ksp-video-box{
				height: 1100rpx;border-radius: 26rpx;margin: 50rpx auto 24rpx;
				.prism-big-play-btn{width: 160rpx;height: 160rpx;}
			}
			.ksp-item-list{
				margin: 19rpx auto 38rpx;border-radius: 26rpx;padding: 32rpx 0;
				box-shadow: 0 0rpx 19rpx rgba(100, 159, 241, 0.4);
				&::before{height: 155rpx;}
			}
			.list-head{
				padding: 0 0 38rpx;
				.list-title{font-size: 54rpx;}
				.list-btn{width: 336rpx;height: 115rpx;}
			}
			.list-body{
				border-radius: 26rpx;padding: 26rpx;font-size: 46rpx;
				img{margin: 16rpx auto 0;}
			}
			.ksp-item-box{
				width: 1072rpx;height: 240rpx;
				.ksp-icon{width: 166rpx;height: 166rpx;}
				.ksp-title{font-size: 54rpx;margin-left: 16rpx;height: 80rpx;}
			}
		}
}

// 考试页
.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/common/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;line-height: 88rpx;@include ezy-no-repeat-cover;
		background-image: url("@/static/images/common/login/login-btn-bj.png");
		color: #fff;text-align: center;margin: 10rpx auto;font-size:32rpx;
	}

	@include mediaSmall() {
			.xx-jd-box{
				border-radius: 10rpx;padding: 23rpx 23rpx 27rpx;margin: 13rpx auto 0;
				.xx-row{margin-bottom: 16rpx;font-size: 20rpx;}
				.dq-jd-text{font-size: 34rpx;}
				.dq-jd-line{margin: 0 4rpx;}
			}
			.exam-progress-box{border-radius: 13rpx;}
			.exam-submit-btn{width: 57rpx;height: 81rpx;margin: 6rpx 27rpx 0 auto;}
			.swiper-tip-box{
				font-size: 20rpx;margin-top: 10rpx;
				&::before,&::after{width: 8rpx;height: 17rpx;}
				&::before{margin-right: 21rpx;}
				&::after{margin-left: 21rpx;}
			}
			.shiti-jj-btn{
				width:640rpx;height: 50rpx;line-height: 50rpx;margin: 6rpx auto;
			background-image: url("@/static/images/pad/common/btn-bj.png");font-size:20rpx;}
		}

		@include mediaBig() {
			.xx-jd-box{
				border-radius: 26rpx;padding: 58rpx 58rpx 67rpx;margin: 32rpx auto 0;
				.xx-row{margin-bottom: 38rpx;font-size: 46rpx;}
				.dq-jd-text{font-size: 83rpx;}
				.dq-jd-line{margin: 0 10rpx;}
			}
			.exam-progress-box{border-radius: 32rpx;}
			.exam-submit-btn{width: 139rpx;height: 200rpx;margin: 16rpx 67rpx 0 auto;}
			.swiper-tip-box{
				font-size: 48rpx;margin-top: 26rpx;
				&::before,&::after{width: 19rpx;height: 42rpx;}
				&::before{margin-right: 51rpx;}
				&::after{margin-left: 51rpx;}
			}
			.shiti-jj-btn{width: 1800rpx;height: 142rpx;line-height: 142rpx;margin: 16rpx auto;font-size:46rpx;}
		}
}

// 单元测试
.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/common/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/common/exam/shiti-btn-blue-bj.png");}
		.ckda-btn{background-image: url("@/static/images/common/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;}
	}
	@include mediaSmall() {
		.dycs-img{width: 280rpx;height: 228rpx;margin: 16% auto 21rpx;}
		.dycs-tip{font-size: 22rpx;}
		.dycs-fenshu-box{
			width: 364rpx;margin: 47rpx auto;padding: 27rpx 21rpx;border-radius: 8rpx;font-size: 22rpx;
			.fenshu-item-box{font-size: 22rpx;}
			.item-number{font-size: 36rpx;margin-bottom: 6rpx;}
			.item-line{height: 78rpx;}
		}
		.dycs-btn-box{
			margin-top: 42rpx;
			.cxcs-btn,.ckda-btn{width: 179rpx;height: 57rpx;line-height: 57rpx;font-size: 22rpx;margin: 0 6rpx;}
		}
	}

	@include mediaBig() {
		.dycs-img{width: 688rpx;height: 560rpx;margin: 20% auto 51rpx;}
		.dycs-tip{font-size: 54rpx;}
		.dycs-fenshu-box{
			width: 896rpx;margin: 115rpx auto;padding: 67rpx 51rpx;border-radius: 19rpx;font-size: 54rpx;
			.fenshu-item-box{font-size: 54rpx;}
			.item-number{font-size: 90rpx;margin-bottom: 16rpx;}
			.item-line{height: 192rpx;}
		}
		.dycs-btn-box{
			margin-top: 102rpx;
			.cxcs-btn,.ckda-btn{width: 440rpx;height: 141rpx;line-height: 141rpx;font-size: 54rpx;margin: 0 16rpx;}
		}
	}
}

// 成绩页
.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/common/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/common/xuexi/video-play-btn.png");
		top: 52%;left: 50%!important;transform: translate(-50%, -50%);z-index: 20;
		}

	@include mediaSmall() {
		.answer-content-box{
			margin-top: 16rpx;
			.answer-title{width: 135rpx;height: 59rpx;line-height: 59rpx;font-size: 21rpx;margin-left: 6rpx;}
			.answer-text-title{font-size: 21rpx;margin: 16rpx 0;}
			.answer-content-border{border-radius: 8rpx;font-size: 21rpx;margin: 27rpx auto 36rpx;}
			.tiankong-answer-content-box{
				font-size: 21rpx;
				padding: 16rpx;
				min-height: 52rpx;
				.tiankong-answer-title{margin-bottom: 6rpx;}
				.answer-index-box{
					font-size: 16rpx;border-radius: 16rpx;margin-right: 6rpx;
					padding: 1rpx 5rpx;min-width: 10rpx;}
				.tiankong-answer-row{margin: 16rpx 0;}
			}
			.answer-btn-box{height: 88rpx;}
			.answer-item-left,.answer-item-right{
				.answer-item-title{font-size: 20rpx;margin-bottom: 6rpx;}
				.answer-item-error{font-size: 20rpx;min-height: 23rpx;}
				.answer-item-correct{font-size: 20rpx;min-height: 23rpx;}
			}
			.answer-line{top: 10rpx;bottom: 10rpx;}
		}
		.answer-stjx-box{
			font-size: 20rpx;
			.answer-rich-text{font-size: 20rpx;line-height: 1.8;}
		}
		.answer-video-box{
			margin-bottom: 16rpx;
			&::before{width: 59rpx;height: 59rpx;}
		}
	}

	@include mediaBig() {
		.answer-content-box{
			margin-top: 38rpx;
			.answer-title{
				width: 333rpx;height: 146rpx;line-height: 146rpx;
				font-size: 54rpx;margin-left: 16rpx;
			}
			.answer-text-title{font-size: 54rpx;margin: 38rpx 0;}
			.answer-content-border{border-radius: 19rpx;font-size: 46rpx;margin: 67rpx auto 90rpx;}
			.tiankong-answer-content-box{
				font-size: 46rpx;padding: 38rpx;min-height: 128rpx;
				.tiankong-answer-title{margin-bottom: 16rpx;}
				.answer-index-box{
					font-size: 46rpx;border-radius: 38rpx;
					margin-right: 16rpx;padding: 3rpx 11rpx;min-width: 26rpx;
				}
				.tiankong-answer-row{margin: 38rpx 0;}
			}
			.answer-btn-box{height: 216rpx;}
			.answer-item-left,.answer-item-right{
				.answer-item-title{font-size: 54rpx;margin-bottom: 16rpx;}
				.answer-item-error{font-size: 46rpx;min-height: 58rpx;}
				.answer-item-correct{font-size: 46rpx;min-height: 58rpx;}
			}
			.answer-line{top: 26rpx;bottom: 26rpx;}
		}
		.answer-stjx-box{
			font-size: 46rpx;
			.answer-rich-text{font-size: 46rpx;line-height: 1.8;}
		}
		.answer-video-box{
			margin-bottom: 38rpx;
			&::before{width: 144rpx;height: 144rpx;}
		}
	}
}


// 我的页面
.ezy-my-page{
	width: 100%;height: 100vh;position: relative;overflow: auto;background: #f9f9fb;
	.my-title-navBar-box{padding-top: 24rpx;}
	.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-hyqy-swiper{
		width: 710rpx;height: 402rpx;margin: 0 auto;border-radius: 12rpx;overflow: hidden;
		.uni-swiper-dots-horizontal{bottom: 24rpx;}
		.my-banner-img{max-width: 100%;}
	}

	// list
	.my-list-box{
		width:710rpx;margin: 24rpx auto;display: flex;flex-wrap: wrap;padding: 42rpx 6rpx 0;
		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;margin-bottom: 36rpx;}
		.list-icon{width: 64rpx;height: 64rpx;display: block;
		margin: 0 auto 12rpx;@include ezy-no-repeat-cover;}
		.yysz-icon{background-image: url("@/static/images/common/my/list-icon1.png");}
		.sc-icon{background-image: url("@/static/images/common/my/sc-icon.png");}
		.dd-icon{background-image: url("@/static/images/common/my/dd-icon.png");}
		.dhm-icon{background-image: url("@/static/images/common/my/dhm-icon.png");}
		.dhm-icon{background-image: url("@/static/images/common/my/dhm-icon.png");}
		.bdsjh-icon{background-image: url("@/static/images/common/my/sjbd-icon.png");}
	}

	.kefu-dialog{
		.not-confirm-btn{display: none;}
		.confirm-btn{margin: 24rpx auto;}
	}

	@include mediaSmall() {
		.my-title-navBar-box{
			padding-top: 12rpx;
			&::before{height: 288rpx;background-image: url("@/static/images/pad/common/my-page-header-bj.png");}
		}
		.my-head-box{
			padding: 0 16rpx 24rpx;
			.head-img-box{width: 130rpx;height: 130rpx;margin: 0 16rpx 0 8rpx;}
			.head-content-box{font-size: 28rpx;}
		}
		.my-hyqy-swiper{width: 712rpx;height: 300rpx;border-radius: 10rpx;}
		.my-list-box{
			width: 712rpx;margin: 16rpx auto;padding: 30rpx 4rpx 0;border-radius: 16rpx;
			justify-content: space-around;
			.list-item{width: 20%;font-size: 22rpx;margin-bottom: 30rpx;}
			.list-icon{width: 60rpx;height: 60rpx;margin: 0 auto 8rpx;}
		}
		.kefu-dialog{
			.confirm-btn{margin: 16rpx auto;}
		}
	}
	@include mediaBig() {
		min-height: 2200rpx;
		.my-title-navBar-box{
			padding-top: 4rpx;
			&::before{height: 720rpx;}
		}
		.my-head-box{
			width: 1940rpx;margin: 0 auto 32rpx;
			.head-img-box{width: 350rpx;height: 350rpx;margin: 0 38rpx 0 19rpx;}
			.head-content-box{font-size: 66rpx;}
		}
		.my-hyqy-swiper{width: 1940rpx;height: 818rpx;border-radius: 26rpx;}
		.my-list-box{
			width: 1940rpx;margin: 38rpx auto;padding: 75rpx 10rpx 0;border-radius: 26rpx;
			.list-item{font-size: 45rpx;margin-bottom: 75rpx;}
			.list-icon{width: 160rpx;height: 160rpx;margin: 0 auto 19rpx;}
		}
		.kefu-dialog{
			.confirm-btn{margin: 38rpx 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/common/my/list-jt.png");
		position: absolute;right: 0;
	}
	.yysz-img-box{width: 72rpx;height: 72rpx;border-radius: 50%;@include ezy-no-repeat-cover}
	@include mediaSmall() {
		min-height: 1000rpx;
		.yysz-row-box{margin: 10rpx auto 0;font-size: 22rpx;}
		.yysz-item{padding: 26rpx 42rpx 26rpx 0;margin: 0 21rpx 0 21rpx;}
		.border-item{border-bottom: 1rpx dashed #f2f2f2;}
		.img-item{padding: 26rpx 42rpx 0 0;}
		.yysz-item::after{width: 10rpx;height: 20rpx;}
		.yysz-img-box{width: 76rpx;height: 76rpx;}
	}

	@include mediaBig() {
		.yysz-row-box{border-radius: 26rpx;margin: 26rpx auto 0;font-size: 54rpx;}
		.yysz-item{padding: 51rpx 82rpx 51rpx 0;margin: 0 51rpx 0 51rpx;}
		.border-item{border-bottom: 1rpx dashed #f2f2f2;}
		.img-item{padding: 51rpx 82rpx 0 0;}
		.yysz-item::after{width: 26rpx;height: 42rpx;}
		.yysz-img-box{width: 120rpx;height: 120rpx;}
	}
}

// 关于我们
.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/common/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;}
	}

	@include mediaSmall() {
			.about-body-border{
				padding: 23rpx 0;margin: 13rpx auto 0;border-radius: 10rpx 10rpx 0 0;
				box-shadow: 0 3rpx 6rpx rgba(0, 0, 0, 0.1);
			}
			.about-body-box{
				top: 13rpx;left: 13rpx;right: 13rpx;bottom: 20rpx;
				border-radius: 0 0 6rpx 6rpx;padding: 34rpx 16rpx 16rpx;
			}
			.content-top-box{
				font-size: 18rpx;padding-bottom: 27rpx;
				.about-icon-box{width: 160rpx;height: 157rpx;margin-right: 23rpx;}
				.about-name{font-size: 22rpx;margin: 13rpx 0 27rpx;}
				.about-text{margin: 10rpx 0;}
			}
			.content-box{font-size: 20rpx;margin-top: 21rpx;padding: 0 6rpx;}
		}

		@include mediaBig() {
			.about-body-border{
				padding: 58rpx 0;margin: 32rpx auto 0;
				border-radius: 26rpx 26rpx 0 0;
				box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.1);
			}
			.about-body-box{
				top: 32rpx;left: 32rpx;right: 32rpx;bottom: 48rpx;
				border-radius: 0 0 16rpx 16rpx;padding: 83rpx 38rpx 38rpx;
			}
			.content-top-box{
				font-size: 42rpx;padding-bottom: 67rpx;
				.about-icon-box{width: 460rpx;height: 451rpx;margin-right: 64rpx;}
				.about-name{font-size: 54rpx;margin: 80rpx 0 62rpx;}
				.about-text{margin: 26rpx 0;}
			}
			.content-box{font-size: 46rpx;margin-top: 51rpx;line-height: 2;padding: 0 16rpx;}
		}
}



// 资料
.ezy-ziliao-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;
	padding-bottom: 100rpx;box-sizing: border-box;
	.zl-card-list{width: 100%;display: flex;flex-direction: column;flex: 1;overflow-y: auto;padding: 12rpx 0 0;}
	.jstx-card-box{
		border-radius: 16rpx;margin: 0 24rpx 32rpx;font-size: 0;
		box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);
		.jstx-card-img{width: 100%;border-radius: 16rpx 16rpx 0 0;}
		.jstx-card-title{
			padding: 32rpx 24rpx 42rpx;text-align: center;
			font-size: 32rpx;color: #333;@include single-line-ellipsis;
		}
	}
	@include mediaSmall() {
		padding-bottom: 80rpx;
		.zl-card-list{padding: 4rpx 0 0;}
		.jstx-card-box{
			margin: 0 24rpx 20rpx;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.3);
			.jstx-card-title{padding: 21rpx 16rpx 27rpx;font-size: 22rpx;}
		}
	}

	@include mediaBig() {
		padding-bottom: 180rpx;
		.zl-card-list{padding: 42rpx 0 0;}
		.jstx-card-img{border-radius: 26rpx 26rpx 0 0;}
		.jstx-card-box{
			border-radius: 26rpx;margin: 0 38rpx 52rpx;
			box-shadow: 0 0rpx 10rpx rgba(100, 159, 241, 0.3);
			.jstx-card-title{padding: 51rpx 38rpx 67rpx;font-size: 54rpx;}
		}
	}
}

// 资料---数学--计算特训题库下载
.ezy-jstx-ziliao-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;
	.jstx-body{
		margin: 48rpx 20rpx 0;position: relative;overflow: unset;padding: 0 24rpx;box-sizing: border-box;
		height: calc(100vh - 160rpx - var(--status-bar-height));
		.jstx-body-title{
			width: 406rpx;height: 77rpx;display: block;overflow-x:auto;
			position: absolute;left: 50%;transform: translateX(-50%);top: -28rpx;z-index: 3;
			@include ezy-no-repeat-cover;background-image: url("@/static/images/common/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;
			.tab-item{
				height: 64rpx;line-height: 64rpx;margin: 0 16rpx;padding: 0 20rpx;
				color: #333;font-size: 36rpx;display: inline-block;text-align:center;}
			.tab-item:first-child{margin-left: 0;}
			.tab-item:last-child{margin-right: 0;}
			.active{color: #0d7ffc;position: relative;}
			.active::after{
				content: '';width: 100%;height: 4rpx;background-color: #0d7ffc;
				position: absolute;bottom: 0;left: 0;border-radius: 4rpx;
			}
		}

		.jstx-card-list{
			padding: 24rpx 0 0;overflow-y: auto;flex: 1;
			.ziliao-card-box{
				display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;
				background-color: #f3f3f3;padding: 20rpx;margin-bottom: 24rpx;border-radius: 16rpx;
				.card-img{width: 150rpx;height: 150rpx;flex-shrink: 0;margin-right: 24rpx;}
				.card-content-box{
					flex: 1;line-height: 1.6;
					.ziliao-name{font-size: 32rpx;color: #333;@include single-line-ellipsis;margin-bottom: 10rpx;}
					.banben-name{font-size: 28rpx;color: #0d7ffc;@include single-line-ellipsis;}
				}
				.card-icon{
					width: 58rpx;height: 62rpx;flex-shrink: 0;
					@include ezy-no-repeat-cover;background-image: url("@/static/images/common/ziliao/jstx-pdf.png");
				}
			}

		}
	}

	@include mediaSmall() {
		.jstx-body{
			margin-top: 31rpx;padding: 0 16rpx;
			height: calc(100vh - 104rpx - var(--status-bar-height));
			.jstx-body-title{width: 264rpx;height: 50rpx;top: -19rpx;}
			.jstx-tab-box{
				height: 42rpx;margin: 60rpx 0 0;font-size: 0;
				.tab-item{height: 42rpx;line-height: 42rpx;margin: 0 20rpx;padding: 0 27rpx;font-size: 22rpx;}
				.active::after{height: 3rpx;}
			}
			.jstx-card-list{
				padding: 16rpx 0 0;
				.ziliao-card-box{
					padding: 10rpx;margin-bottom: 16rpx;border-radius: 10rpx;
					.card-img{width: 82rpx;height: 82rpx;margin-right: 16rpx;}
					.card-content-box{
						.ziliao-name{font-size: 22rpx;margin-bottom: 7rpx;}
						.banben-name{font-size: 20rpx;}
					}
					.card-icon{width: 40rpx;height: 42rpx;margin-right: 12rpx;}
				}
			}
		}
	}
	@include mediaBig() {
		.jstx-body{
			margin: 76rpx 42rpx;padding: 0 38rpx;
			height: calc(100vh - 256rpx - var(--status-bar-height));
			.jstx-body-title{width: 650rpx;height: 123rpx;top: -45rpx;}
			.jstx-tab-box{
				height: 102rpx;margin: 144rpx 0 0;
				.tab-item{height: 102rpx;line-height: 102rpx;margin: 0 60rpx;padding: 0 77rpx;font-size: 54rpx;}
				.active::after{height: 6rpx;}
			}
			.jstx-card-list{
				padding: 38rpx 0 0;
				.ziliao-card-box{
					padding: 28rpx;margin-bottom: 38rpx;border-radius: 26rpx;
					.card-img{width: 210rpx;height: 210rpx;margin-right: 38rpx;}
					.card-content-box{
						.ziliao-name{font-size: 54rpx;margin-bottom: 16rpx;}
						.banben-name{font-size: 46rpx;}
					}
					.card-icon{width: 112rpx;height: 120rpx;}
				}
			}
		}
	}
}

// 资料下载弹窗
.sxtk-sc-dialog{
	.tip-title{color: #343434;font-size: 38rpx;margin-bottom: 24rpx;}
	.tip-content-box{
		width: 625rpx;height: 587rpx;padding: 42rpx 48rpx;
		background-image: url("@/static/images/common/my/tk-dialog-bj.png");
		@include ezy-no-repeat-cover;box-sizing: border-box;text-align:center;
	}
	.tip-content{
		display: flex;align-items: center;
		min-height: 260rpx;text-align: justify;border-bottom: 1px dashed #70cbf4;
		margin-bottom: 30rpx;color: #666;font-size: 32rpx;padding-bottom: 32rpx;
		border-bottom: 1px dashed #70cbf4;line-height: 1.8;}

	@include mediaSmall() {
			.tip-title{font-size: 24rpx;margin-bottom: 16rpx;}
			.tip-content-box{width: 406rpx;height: 382rpx;padding: 27rpx 31rpx;}
			.tip-content{min-height: 169rpx;margin-bottom: 20rpx;font-size: 20rpx;padding-bottom: 20rpx;}
		}

		@include mediaBig() {
			.tip-title{font-size: 54rpx;margin-bottom: 38rpx;}
			.tip-content-box{width: 1000rpx;height: 939rpx;padding: 67rpx 77rpx;}
			.tip-content{min-height: 416rpx;margin-bottom: 48rpx;font-size: 46rpx;padding-bottom: 46rpx;}
		}
}

// 订单
.ezy-order-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;
	.order-scroll-view{overflow-y: auto;}
	.order-body{padding: 0;}
	.order-card-box{
		border-radius: 16rpx;margin: 32rpx 24rpx 0;padding: 24rpx;overflow: hidden;
		box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);position: relative;
		.card-head-box{
			display: flex;align-items: center;justify-content: space-between;
			line-height: 1.6;position: relative;z-index: 4;
			.head-name{font-size: 30rpx;color: #333;font-weight: bold;}
			.head-status{font-size: 28rpx;color: #666;}
		}
		.card-body-box{
			display: flex;margin-top: 16rpx;position: relative;z-index: 4;
			.order-img{width: 200rpx;height: 280rpx;flex-shrink: 0;border-radius: 16rpx;}
			.body-right-box{
				margin-left: 24rpx;flex: 1;
				.body-title{font-size: 34rpx;color: #333;font-weight: bold;margin-bottom: 32rpx;}
				.taocan-text{font-size: 26rpx;color: #666;margin-bottom: 24rpx; @include multi-line-ellipsis(2);}
				.tip-text{font-size: 26rpx;color: #16a245;margin-bottom: 24rpx;}
				.money-text{font-size: 42rpx;color: #333;text-align: right;font-weight: normal;}
			}
		}
	}
	.order-card-box::before,.order-card-box::after{
		content: '';@include ezy-no-repeat-cover;
		position: absolute;z-index: 3;opacity: 0.7;
		}
	.order-card-box::before{width: 500rpx;height: 473rpx;background-image: url("@/static/images/common/xk-mask-img1.png");top: -120rpx;left:-140rpx;}
	.order-card-box::after{background-image: url("@/static/images/common/xk-mask-img2.png");width: 280rpx;height: 265rpx;bottom: -40rpx;right:-60rpx;}
	@include mediaSmall() {
		.order-card-box{
			border-radius: 10rpx;margin: 21rpx 16rpx 0;padding: 16rpx;
			box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.3);

			.card-head-box{
				.head-name{font-size: 20rpx;}
				.head-status{font-size: 18rpx;}
			}
			.card-body-box{
				margin-top: 10rpx;
				.order-img{width: 130rpx;height: 182rpx;border-radius: 10rpx;}
				.body-right-box{
					margin-left: 16rpx;
					.body-title{font-size: 22rpx;margin-bottom: 21rpx;}
					.taocan-text{font-size: 18rpx;margin-bottom: 16rpx;}
					.tip-text{font-size: 18rpx;margin-bottom: 16rpx;}
					.money-text{font-size: 28rpx;}
				}
			}
		}
		.order-card-box::before{width: 325rpx;height: 307rpx;top: -78rpx;left: -91rpx;}
		.order-card-box::after{width: 182rpx;height: 172rpx;bottom: -26rpx;right: -39rpx;}
	}

	@include mediaBig() {
		.order-card-box{
			border-radius: 26rpx;
			margin: 51rpx 38rpx 0;
			padding: 38rpx;
			box-shadow: 0 0rpx 10rpx rgba(100, 159, 241, 0.3);

			.card-head-box{
				.head-name{font-size: 48rpx;}
				.head-status{font-size: 45rpx;}
			}
			.card-body-box{
				margin-top: 26rpx;
				.order-img{width: 320rpx;height: 448rpx;border-radius: 26rpx;}
				.body-right-box{
					margin-left: 38rpx;
					.body-title{font-size: 54rpx;margin-bottom: 51rpx;}
					.taocan-text{font-size: 46rpx;margin-bottom: 38rpx;}
					.tip-text{font-size: 46rpx;margin-bottom: 38rpx;}
					.money-text{font-size: 68rpx;}
				}
			}
		}
		.order-card-box::before{width: 800rpx;height: 757rpx;top: -192rpx;left: -224rpx;}
		.order-card-box::after{width: 448rpx;height: 424rpx;bottom: -64rpx;right: -96rpx;}
	}
}

// 产品商城
.ezy-shop-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;
	.shop-card-list{overflow-y: auto;flex: 1;padding: 12rpx 0 0;}
	.shop-card-box{
		border-radius: 16rpx;margin: 0 24rpx 32rpx;padding: 32rpx;position: relative;
		box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);display: flex;overflow: hidden;
		.shop-img{width: 200rpx;height: 280rpx;flex-shrink: 0;border-radius: 16rpx;position: relative;z-index: 4;}
		.card-right-box{
			margin-left: 24rpx;position: relative;z-index: 4;
			display: flex;flex-direction: column;justify-content: space-between;
			.card-title{font-size: 34rpx;color: #333;font-weight: bold;margin-bottom: 24rpx;margin-top: 6rpx;}
			.card-content{font-size: 28rpx;color: #666;text-align: justify;margin-bottom: 24rpx;@include multi-line-ellipsis(3);line-height: 1.6;}
			.card-price{font-size: 34rpx;color: #ff0202;font-weight: bolder;}
		}
	}
	.shop-card-box::before,.shop-card-box::after{
		content: '';@include ezy-no-repeat-cover;
		position: absolute;z-index: 3;opacity: 0.7;
		}
	.shop-card-box::before{width: 500rpx;height: 473rpx;background-image: url("@/static/images/common/xk-mask-img1.png");top: -120rpx;left:-140rpx;}
	.shop-card-box::after{background-image: url("@/static/images/common/xk-mask-img2.png");width: 280rpx;height: 265rpx;bottom: -40rpx;right:-60rpx;}

	@include mediaSmall() {
		.shop-card-list{padding: 4rpx 0 0;}
		.shop-card-box{
			border-radius: 10rpx;margin: 0 16rpx 21rpx;padding: 21rpx;
			box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.3);
			.shop-img{width: 110rpx;height: 154rpx;border-radius: 10rpx;}
			.card-right-box{
				margin-left: 16rpx;
				.card-title{font-size: 22rpx;margin-bottom: 16rpx;margin-top: 2rpx;}
				.card-content{font-size: 20rpx;margin-bottom: 16rpx;line-height: 1.6;@include multi-line-ellipsis(2);}
				.card-price{font-size: 22rpx;}
			}
		}
		.shop-card-box::before{width: 325rpx;height: 307rpx;top: -78rpx;left: -91rpx;}
		.shop-card-box::after{width: 182rpx;height: 172rpx;bottom: -26rpx;right: -39rpx;}
	}
	@include mediaBig() {
		.shop-card-list{padding: 42rpx 0 0;}
		.shop-card-box{
			border-radius: 26rpx;margin: 0 38rpx 51rpx;padding: 51rpx;
			box-shadow: 0 0rpx 10rpx rgba(100, 159, 241, 0.3);
			.shop-img{width: 240rpx;height: 336rpx;border-radius: 26rpx;}
			.card-right-box{
				margin-left: 38rpx;
				.card-title{font-size: 54rpx;margin-bottom: 16rpx;margin-top: 4rpx;}
				.card-content{font-size: 45rpx;margin-bottom: 16rpx;line-height: 1.8;}
				.card-price{font-size: 54rpx;}
			}
		}
		.shop-card-box::before{width: 800rpx;height: 757rpx;top: -192rpx;left: -224rpx;}
		.shop-card-box::after{width: 448rpx;height: 424rpx;bottom: -64rpx;right: -96rpx;}
	}
}

// 产品商城详情
.ezy-shop-info-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;
	.shop-info-body{
		flex: 1;position: relative;z-index: 2;background-color: #fff;
		display: flex;flex-direction: column;overflow: hidden;
		.img-content-box{
			flex: 1;overflow-y: auto;
			img{width: 100%;margin: 0 auto;display: block;}
			}
		.fx-btn-row{
			flex-shrink: 0;display: flex;align-items: center;justify-content: space-between;padding: 24rpx;
			box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.6);box-sizing: border-box;background-color: #f9f9f9;
			.fx-btn{
				width:200rpx;color: #444;font-size: 30rpx;
				display: flex;flex-direction: column;align-items: center;justify-content: center;
			}
			.fx-icon{
				width: 43rpx;height: 38rpx;margin-bottom: 6rpx;
				@include ezy-no-repeat-cover;background-image: url("@/static/images/common/shop/fx-icon.png");
			}
			.bmxx-btn{
				width: 492rpx;height: 88rpx;line-height: 88rpx;color:#fff;font-size: 32rpx;text-align: center;
				@include ezy-no-repeat-cover;background-image: url("@/static/images/common/shop/bmxx-btn.png");
			}
		}
	}
	@include mediaSmall() {
		.shop-info-body{
			.fx-btn-row{
				padding: 10rpx;box-shadow: 0 5rpx 16rpx rgba(0, 0, 0, 0.6);
				.fx-btn{width: 120rpx;font-size: 20rpx;}
				.fx-icon{width: 27rpx;height: 25rpx;margin-bottom: 2rpx;}
				.bmxx-btn{width: 248rpx;height: 44rpx;line-height: 44rpx;font-size: 20rpx;margin-right: 42rpx;@include ezy-no-repeat-contain;}
			}
		}
	}
	@include mediaBig() {
		.shop-info-body{
			.fx-btn-row{
				padding: 36rpx;box-shadow: 0 12rpx 36rpx rgba(0, 0, 0, 0.6);
				.fx-btn{width: 300rpx;font-size: 46rpx;}
				.fx-icon{width: 75rpx;height: 67rpx;margin-bottom: 9rpx;}
				.bmxx-btn{width: 736rpx;height: 132rpx;line-height: 132rpx;font-size: 54rpx;}
			}
		}
	}
}

// 确认订单
.ezy-qrdd-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;
	.qrdd-body-box{
		flex: 1;position: relative;z-index: 2;
		display: flex;flex-direction: column;
		overflow-y: auto;
	}
	.dd-item-box{
		width: 731rpx;height:356rpx;@include ezy-no-repeat-cover;
		background-image: url("@/static/images/common/shop/order-bj.png");
		position: relative;z-index: 1;box-sizing: border-box;padding: 26rpx 36rpx;
		display: flex;align-items: center;margin:0 auto 16rpx;flex-shrink: 0;
		.item-img-box{width: 210rpx;height: 285rpx;border-radius: 12rpx;margin-right: 24rpx;flex-shrink: 0;}
		.item-content-box{
			display: flex;flex-direction: column;justify-content: space-between;line-height: 1.5;
			.item-name{color: #333;font-size: 34rpx;font-weight: bolder;margin-bottom: 10rpx;}
			.item-intro{color: #444;font-size: 28rpx;@include multi-line-ellipsis(4);margin-bottom: 10rpx;}
			.item-xianjia{color: #ff0000;font-size: 34rpx;font-weight: bolder;}
		}
	}

	// border-box
	.qrdd-border-box{
		width: 713rpx;margin:0 auto;border-radius: 20rpx;
		box-shadow: 0 0rpx 16rpx rgba(100, 159, 241, 0.2);
		box-sizing: border-box;padding: 0 24rpx 16rpx;margin-bottom: 24rpx;
		position: relative;z-index: 2;background-color: #fff;flex-shrink: 0;
		// 课程学习等级
		.kcxxdj-title{color: #454545;font-size: 30rpx;font-weight: bolder;padding: 16rpx 0;}
		.kcxxdj-tc-box{
			width: 100%;background-color: #f9fafc;border-radius: 20rpx;
			display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;
			box-sizing: border-box;padding: 16rpx 0;
			.tc-item{
				min-width:76rpx;min-height: 76rpx;box-sizing: border-box;
				text-align: center;border: 1rpx solid #666;border-radius: 20rpx;
				font-size: 30rpx;line-height: 1; color: #666;
				padding: 20rpx 6rpx;margin: 16rpx 0 16rpx 16rpx;
			}
			.active{background-color: #2b9bfd;color: #fff;border: 1rpx solid #1280e1;}
		}
		// 商品总价
		.border-row{
			display: flex;justify-content: space-between;
			font-size: 32rpx;color: #444;padding: 32rpx 0;
			border-bottom:1rpx dashed #f1f1f1;
			.jg-text{color: #ff0000;}
		}
		.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;
			icon{width: 53rpx;height: 53rpx;@include ezy-no-repeat-cover;margin-right: 16rpx;}
			.wechat-icon{background-image: url("@/static/images/common/shop/wx-icon.png");}
			.alipay-icon{background-image: url("@/static/images/common/shop/zfb-icon.png");}
		}

		.qrdd-radio-item{transform:scale(0.7);}
	}


	.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;
		.jg-box{color: #ff0000;}
		.sum-row{display: flex;align-items: center;}
		.xj-text-text{font-weight: bolder;font-size: 42rpx;}
		.sum-text{font-size: 32rpx;color: #333;}
		.yh-text{font-size: 28rpx;margin-top: 6rpx;}
		.ljzf-btn{
			width: 279rpx;height: 88rpx;line-height: 88rpx;color:#fff;font-size: 32rpx;text-align: center;
			@include ezy-no-repeat-cover;background-image: url("@/static/images/common/shop/pay-btn.png");
		}
	}

	@include mediaSmall() {
			.dd-item-box{
				width: 718rpx;height: 231rpx;padding: 17rpx 23rpx;margin: 0 auto 10rpx;position: relative;
				border-radius: 13rpx;box-shadow: 0 0rpx 16rpx rgba(100, 159, 241, 0.2);box-sizing: border-box;
				background-color: #fff;background-image: unset;overflow: hidden;

				.item-img-box{width: 137rpx;height: 185rpx;border-radius: 8rpx;margin-right: 16rpx;z-index: 4;}
				.item-content-box{
					z-index: 4;line-height: 1.8;
					.item-name{font-size: 22rpx;margin-bottom: 6rpx;}
					.item-intro{font-size: 20rpx;margin-bottom: 6rpx;@include multi-line-ellipsis(3);}
					.item-xianjia{font-size: 22rpx;}
				}
			}
			.dd-item-box::before,.dd-item-box::after{
				content: '';@include ezy-no-repeat-cover;
				position: absolute;z-index: 3;opacity: 0.7;
			}
			.dd-item-box::before{width:440rpx;height: 406rpx;top: -180rpx;left:-160rpx;
			background-image: url("@/static/images/common/xk-mask-img1.png");}
			.dd-item-box::after{width: 180rpx;height: 165rpx;bottom: -20rpx;right:-30rpx;
			background-image: url("@/static/images/common/xk-mask-img2.png");}

			.qrdd-border-box{
				width: 718rpx;border-radius: 13rpx;padding: 0 16rpx 16rpx;margin-bottom: 16rpx;

				.kcxxdj-title{font-size: 22rpx;padding: 16rpx 0;}
				.kcxxdj-tc-box{
					border-radius: 13rpx;padding: 20rpx 0;
					.tc-item{
						min-width: 56rpx;min-height: 56rpx;border-radius: 13rpx;
						font-size: 20rpx;padding: 16rpx 4rpx;margin: 16rpx 0 16rpx 36rpx;
					}
				}
				.border-row{font-size: 22rpx;padding: 21rpx 0;}
				.sum-text{margin-right: 21rpx;}

				.zzfs-name-box{
					icon{width: 34rpx;height: 34rpx;margin-right: 10rpx;}
				}
				.qrdd-radio-item{transform:scale(0.85);}
			}

			.qrdd-footer-box{
				padding: 16rpx;box-shadow: 0 5rpx 16rpx rgba(0, 0, 0, 0.4);

				.xj-text-text{font-size: 27rpx;}
				.sum-text{font-size: 22rpx;}
				.yh-text{font-size: 20rpx;margin-top: 4rpx;}
				.ljzf-btn{width: 181rpx;height: 57rpx;line-height: 57rpx;font-size: 21rpx;}
			}
		}

		@include mediaBig() {
			.dd-item-box{
				width: 1950rpx;height: 570rpx;padding: 42rpx 58rpx;margin: 0 auto 36rpx;border-radius: 32rpx;

				.item-img-box{width: 336rpx;height: 456rpx;border-radius: 19rpx;margin-right: 38rpx;}
				.item-content-box{
					.item-name{font-size: 54rpx;margin-bottom: 16rpx;}
					.item-intro{font-size: 46rpx;margin-bottom: 16rpx;}
					.item-xianjia{font-size: 54rpx;}
				}
			}
			.dd-item-box::before{width:840rpx;height: 806rpx;top: -320rpx;left:-280rpx;}
			.dd-item-box::after{width: 480rpx;height: 465rpx;bottom: -100rpx;right:-100rpx;}

			.qrdd-border-box{
				width: 1950rpx;border-radius: 32rpx;padding: 0 38rpx 26rpx;margin-bottom: 36rpx;

				.kcxxdj-title{font-size: 54rpx;padding: 26rpx 0;}
				.kcxxdj-tc-box{
					border-radius: 32rpx;padding: 26rpx 0;
					.tc-item{
						min-width: 160rpx;min-height: 160rpx;border-radius: 40rpx;
						font-size: 46rpx;padding: 55rpx 10rpx;margin: 26rpx 0 26rpx 94rpx;
					}
				}
				.border-row{font-size: 54rpx;padding: 51rpx 0;}
				.sum-text{margin-right: 51rpx;}

				.zzfs-name-box{
					icon{width: 85rpx;height: 85rpx;margin-right: 26rpx;}
				}
			}

			.qrdd-footer-box{
				padding: 38rpx;
				box-shadow: 0 13rpx 38rpx rgba(0, 0, 0, 0.4);

				.xj-text-text{font-size: 68rpx;}
				.sum-text{font-size: 54rpx;}
				.yh-text{font-size: 46rpx;margin-top: 10rpx;}
				.ljzf-btn{width: 446rpx;height: 141rpx;line-height: 141rpx;font-size: 54rpx;}
			}
		}
}

// 手机号快捷登录弹窗
.sjh-kjdl-dialog{
	.sjh-kjdl-content-box{display: flex;flex-direction: column;align-items: center;}
	.kjdl-btn{
		width: 496rpx;height: 88rpx;line-height: 88rpx;color: #fff;font-size: 36rpx;margin: 32rpx 0;
		@include ezy-no-repeat-cover;background-image: url("@/static/images/common/shop/ksdl-btn.png");
	}
	.ykkt-text{color: #333;font-size: 32rpx;}
	@include mediaSmall() {
			.kjdl-btn{width: 322rpx;height: 57rpx;line-height: 57rpx;font-size: 22rpx;margin: 21rpx 0;}
			.ykkt-text{font-size: 20rpx;}
		}

		@include mediaBig() {
			.kjdl-btn{width: 794rpx;height: 141rpx;line-height: 141rpx;font-size: 54rpx;margin: 51rpx 0;}
			.ykkt-text{font-size: 46rpx;}
		}
}


// 兑换码
.ezy-dhm-page{
	width: 100%;height: 100vh;display: flex;flex-direction: column;
	.dhm-body{
		width: 95%;margin: 20rpx auto 0;box-sizing: border-box;padding: 36rpx;
		.dhm-head-box{
			width: 100%;padding: 12rpx 0 56rpx;box-sizing: border-box;
			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;
			display: flex;align-items: center;
			.duihuan-input{width: 82%;color: #333;height: 98rpx;line-height: 98rpx;}
			.uni-input-placeholder {font-size: 34rpx;color: #acacae;}
			.duihuan-prefix-icon {
			  width: 56rpx;height: 56rpx;margin:0 32rpx 0 16rpx;@include ezy-no-repeat-cover;
			  background-image: url("@/static/images/common/my/two-code.png");position: relative;
			  font-weight: normal;display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;
			}
			.duihuan-prefix-icon::after{
				content: '';width: 1rpx;height: 56rpx;display: inline-block;background-color: #dfdfdf;
				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;
			background-image: url("@/static/images/common/login/login-btn-bj.png");color:#fff;
		}
	}

	@include mediaSmall() {
		.dhm-body{
			margin: 13rpx auto 0;padding: 23rpx;
			.dhm-head-box{
				padding: 8rpx 0 36rpx;
				.head-img-box{width: 100rpx;height: 100rpx;margin: 0 16rpx 0 8rpx;}
				.head-content-box{font-size: 22rpx;}
			}
			.duihuan-input-box{
				height: 65rpx;border-radius: 10rpx;
				.duihuan-input{width: 86%;font-size: 20rpx;}
				.uni-input-placeholder{font-size: 20rpx;}
				.duihuan-prefix-icon {width: 36rpx;height: 36rpx;margin:0 21rpx 0 10rpx;}
				.duihuan-prefix-icon::after{height: 36rpx;right: -10rpx;}
			}
			.duihuan-confirm-btn{height: 53rpx;line-height: 53rpx;font-size: 20rpx;margin-top: 27rpx;
			background-image: url("@/static/images/pad/common/btn-bj.png");}
		}
	}
	@include mediaBig() {
		.dhm-body{
			margin: 32rpx auto 0;padding: 58rpx;
			.dhm-head-box{
				width: 1820rpx;padding: 19rpx 0 90rpx;margin: 0 auto;
				.head-img-box{width: 260rpx;height: 260rpx;margin: 0 38rpx 0 19rpx;}
				.head-content-box{font-size: 54rpx;}
			}
			.duihuan-input-box{
				width: 1820rpx;height: 160rpx;border-radius: 30rpx;margin: 0 auto;
				.duihuan-input{width: 88%;font-size: 54rpx;}
				.uni-input-placeholder {font-size: 54rpx;}
				.duihuan-prefix-icon {width: 90rpx;height: 90rpx;margin:0 51rpx 0 26rpx;}
				.duihuan-prefix-icon::after{height: 90rpx;right: -26rpx;}
			}
			.duihuan-confirm-btn{width: 1820rpx;
				height: 147rpx;line-height: 147rpx;font-size: 54rpx;margin: 67rpx auto 0;}
		}
	}
}

// 单词列表页
.word-list-page{
	width: 100%;height: 100vh;position: relative;display: flex;flex-direction: column;
	.word-body-box{padding: 42rpx 0 0;}
	.word-list-swiper-box{
		height: calc(100vh - 230rpx - var(--status-bar-height));overflow-y: auto;
		.word-list-swiper-item{display: flex;flex-direction: column;}
	}
	.word-tab-box{
		display: flex;align-items: center;flex-shrink: 0;width: 98%;overflow:hidden;
		box-sizing: border-box;border-bottom: 3rpx dashed #2d9cff;padding: 0 0 16rpx;
		margin: 0 auto;
		.tab-item-list,.uni-scroll-view-content{flex: 1;display: flex;flex-wrap: nowrap;flex-direction: row;overflow-x: auto;}
		// @include single-line-ellipsis
		.tab-item{
			min-width: 148rpx;margin: 10rpx 6rpx;border-radius: 36rpx;
			border: 1rpx solid #ddd;font-size: 28rpx;text-align: center;
			position: relative;padding: 16rpx 0;color: #333;line-height: 1;
			box-shadow: 0 2rpx 8rpx transparent;}
		.word-jt{width: 50rpx;height: 80rpx;position: relative;flex-shrink: 0;}
		.word-jt::before{content: '';width:32rpx;height: 32rpx;@include ezy-no-repeat-contain;
		display:block;background-image: url("@/static/images/common/jt-right-blue.svg");
		position: absolute;top: 24rpx;
		}
		.word-jt.disabled::before{background-image: unset;}
		.jt-left::before{left: 12rpx;transform: rotate(180deg);}
		.jt-right::before{right: 12rpx;}
		.tab-item.active{font-weight: bold;background-color: #409eff;border: 1rpx solid #409eff;
		color: #fff;box-shadow: 0 2rpx 8rpx rgba(6, 138, 234, 0.5);}
	}
	.word-list-body{flex: 1;overflow-y: auto;box-sizing: border-box;padding: 0 24rpx;}
	.no-word-box{font-size: 28rpx;color: #666;flex: 1;display: flex;align-items: center;justify-content: center;}
	.word-num-box{
		display: flex;align-items: center;padding: 20rpx 24rpx;box-sizing: border-box;
		icon{width: 10rpx;height: 32rpx;background-color:#068aea;border-radius:4rpx;margin-right: 8rpx;}
		text{font-size: 34rpx;color: #068aea;font-weight: bold;}
	}
	
	@include mediaSmall() {
			.word-body-box{padding: 27rpx 0 0;}
			.word-list-swiper-box{height: calc(100vh - 170rpx - var(--status-bar-height));}
			.word-tab-box{
				width: calc(100% - 48rpx);;border-bottom: 2rpx dashed #2d9cff;padding: 0 0 10rpx;
				.tab-item{min-width: 135rpx;margin: 10rpx 12rpx;border-radius: 23rpx;font-size: 18rpx;padding: 12rpx 0;}
				.word-jt{width: 33rpx;height: 52rpx;}
				.word-jt::before{width: 21rpx;height: 21rpx;top: 16rpx;}
				.jt-left::before{left: 0;}
				.jt-right::before{right: 0;}
			}
			.word-list-body{padding: 0 24rpx;}
			.no-word-box{font-size: 18rpx;}
			.word-num-box{
				padding: 16rpx 0;
				icon{width: 6rpx;height: 21rpx;margin-right: 8rpx;}
				text{font-size: 22rpx;}
			}
		}
	
		@include mediaBig() {
			.word-body-box{padding: 67rpx 0 0;}
			.word-tab-box{
				border-bottom: 5rpx dashed #2d9cff;padding: 0 0 26rpx;
				.tab-item-list{justify-content: center;}
				.tab-item{min-width: 360rpx;margin: 16rpx 36rpx;border-radius: 58rpx;font-size: 54rpx;padding: 30rpx 0;}
				.word-jt{width: 80rpx;height: 128rpx;}
				.word-jt::before{width: 51rpx;height: 51rpx;top: 38rpx;}
				.jt-left::before{left: 19rpx;}
				.jt-right::before{right: 19rpx;}
			}
			.word-list-body{padding: 0 46rpx;}
			.no-word-box{font-size: 54rpx;}
			.word-num-box{
				padding: 32rpx 0;
				icon{width: 16rpx;height: 51rpx;margin-right:24rpx;}
				text{font-size: 54rpx;}
			}
		}
}

// 单词详情
.word-view-page{
	width: 100%;height: 100vh;position: relative;display: flex;flex-direction: column;
	@include ezy-no-repeat-cover(bottom);
	.ezy-border-body{
		width: 94%;margin: 3% 3%;display: flex;flex-direction: column;flex: 1;
		background-color: rgba(255, 255, 255, 0.6);border-radius:8rpx;}
	.word-view-border{
		flex: 1;position: relative;background-color: #fff;z-index: 1;margin: 32rpx 24rpx 24rpx;
		border-radius: 16rpx;box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);
		display: flex;flex-direction: column;overflow: hidden;
	}
	// 选择单词
	.select-words-box{
		height: 66rpx;border-bottom: 1rpx dashed #0589e9;
		display: flex;flex-wrap: wrap;justify-content: space-between;
		box-sizing: border-box;font-size: 28rpx;overflow: hidden;
		// @include single-line-ellipsis;
		.words-item{min-width: 20%;color: #000;box-sizing: border-box;padding:16rpx 10rpx;text-align: center;}
		.active{color: #068aea;}
	}

	// 选择类型
	.select-types-box{
		display: flex;justify-content: space-between;align-items: center;
		margin-top: 24rpx;box-sizing: border-box;padding:0 24rpx;
		.types-item{
			width: 80rpx;height: 80rpx;line-height: 80rpx;text-align: center;box-sizing: content-box;
			background-color: #fff;color: #999;border-radius: 50%;border: 1rpx solid #ccc;font-size: 32rpx;}
		.types-item.active{background-color: #659ff1;color: #fff;
		border: 1rpx solid #659ff1;box-shadow: 0 0 10rpx rgba(100, 159, 241, 0.9);}
		.jt-item{width: 24rpx;height: 24rpx;@include ezy-no-repeat-contain;
		background-image: url("@/static/images/common/wordView/xbb-item-jt-disabled.png");}
		.jt-item.active{background-image: url("@/static/images/common/xbb-item-jt.png");}
	}

	.word-view-bottom{
		width: 100%;height: 120rpx;background-color: #5894f6;font-size: 28rpx;
		border-top: 8rpx solid #a2c6ff;box-sizing: border-box;padding: 0 24rpx;
		display: flex;justify-content: space-between;align-items: center;flex-shrink: 0;
		.collect-btn{
			color: #fff;display: flex;flex-direction: column;align-items: center;
			icon{width: 42rpx;height: 42rpx;@include ezy-no-repeat-cover;margin-bottom: 6rpx;
				background-image: url("@/static/images/common/wordView/collect-icon.png");}
			.active{background-image: url("@/static/images/common/wordView/collect-a-icon.png");}
			}
		.bottom-btn-box{
			width: 100%;display: flex;justify-content: space-between;
			.word-view-btn{
				width: 204rpx;height: 77rpx;line-height: 77rpx;
				color: #333;text-align: center;@include ezy-no-repeat-contain;
				background-image: url("@/static/images/common/wordView/bottom-btn-bj.png");
			}
			.word-view-btn + .word-view-btn{margin-left: 30rpx;}
		}
	}
	.word-view-swiper-box{flex: 1;overflow-y: auto;box-sizing: border-box;}
	/*****componets*****/
	// 解释
	.pin-words-explain-box{
		margin-top: 64rpx;
		.words-explain-item{font-size: 34rpx;color: #333;text-align: center;padding: 0 16rpx;line-height: 1.4;}
		.words-explain-item + .words-explain-item{margin-top: 12rpx;}
	}

	//播放
	.audio-play-btn,.audio-playing-btn{width: 110rpx;height:110rpx;@include ezy-no-repeat-cover;margin: 56rpx auto 0;}
	.audio-play-btn{background-image: url("@/static/images/common/wordView/play-btn.png");}
	.audio-playing-btn{background-image: url("@/static/images/common/wordView/playing-btn.gif");}

	// 清空按钮
	.pin-tip{width: 560rpx;margin: 24rpx auto 0;font-size: 26rpx;text-align: center;border-radius: 8rpx;
	color: #015fb0;border: 1rpx dashed #015fb0;box-sizing: border-box;padding: 10rpx 0;}
	// 提示
	.clean-btn{width: 171rpx;height:58rpx;@include ezy-no-repeat-cover;margin: 24rpx auto 0;
	background-image: url("@/static/images/common/wordView/clean-btn.png");
	}

	// 音标播放
	.yb-play-box{
		background-color: #dcf7fe;display: inline-block;margin: 32rpx auto 0;
		padding: 4rpx 24rpx 10rpx;border-radius: 30rpx;font-size: 0;
		text{font-size: 34rpx;display: inline-block;vertical-align: middle;}
		text:nth-child(even){color: #3c7efd;margin: 0 10rpx;}
		icon{width: 30rpx;height:30rpx;@include ezy-no-repeat-cover;margin-left: 24rpx;
		display: inline-block;vertical-align: middle;}
		.yb-play-btn{background-image: url("@/static/images/common/wordView/yb-play-btn.png");}
		.yb-playing-btn{background-image: url("@/static/images/common/wordView/yb-playing-btn.gif");}

	}

	// 带点的单词展示
	.word-circle-box{
		width: 100%;overflow: hidden;word-wrap: break-word;word-break: break-all;line-height: 1.8;
		color: #3e7eff;font-weight: bold;font-size: 82rpx;text-align: center;margin: 42rpx auto 0;
		text-shadow:-1rpx -1rpx 0 #fff,1rpx -1rpx 0 #fff,-1rpx 1rpx 0 #fff,1rpx 1rpx 0 #fff;
		.word-link-box{display: inline-block;padding:14rpx 12rpx 36rpx;position:relative;line-height: 1;}
		.word-link-box::before,.word-link-box::after{
			content: '';width: 100%;height: 42rpx;z-index: 1;
			display: block;position: absolute;left: 0;
			border: 2rpx solid #bdd2d4;border-left: 0;border-right: 0;
		}
		.word-link-box::before{top: 0;}
		.word-link-box::after{bottom: 0;}
		text{display: inline-block;vertical-align: middle;position: relative;z-index: 2;
		font-family:"Arial", sans-serif;}
		text:nth-child(odd){color: #ff9a01;}
		text:not(:first-child)::before{
			content: '';width: 10rpx;height: 10rpx;background-color: #999;margin: 0 6rpx;
			display: inline-block;vertical-align: middle;border-radius: 10rpx;
		}
	}

	// 单词详情块
	.details-title{background-color: #3a7fe9;padding: 8rpx 12rpx;border-radius: 10rpx;
	font-size: 24rpx;color: #fff;display: inline-block;}
	.details-content-box{
		background-color: #dcf7fe;border-radius: 10rpx;line-height: 1.4;margin-bottom: 16rpx;
		box-sizing: border-box;padding: 16rpx;font-size: 26rpx;
	}
	.syky-content{margin: 16rpx 0 36rpx;border-bottom: 1rpx dashed #8dcff1;}
	.syky-content:last-child{margin: 16rpx 0;border-bottom:0;}
	.details-en-content{
		color: #000;margin:16rpx 12rpx;
	}
	.word-color{color: #3a7fe9;}
	.details-cn-content{color: #666;margin: 16rpx 12rpx 24rpx;}
	
	&::before,&::after{
		content: '';width: 29rpx;height: 42rpx;z-index: 5;
		background-image: url("@/static/images/common/wordView/jt-icon.png");
		@include ezy-no-repeat-cover;display: block;
		position: absolute;top: 46%;
	}
	&::before{left: 60rpx;}
	&::after{right: 60rpx;transform: rotate(180deg);}
	
	@include mediaSmall() {
		.word-view-border{margin: 21rpx 16rpx 16rpx;border-radius: 10rpx;}
		.select-words-box{
			height: 43rpx;font-size: 18rpx;
			.words-item{padding: 10rpx 6rpx;}
		}
		.select-types-box{
			margin-top: 16rpx;padding: 0 16rpx;justify-content: center;
			.types-item{width: 52rpx;height: 52rpx;line-height: 52rpx;font-size: 21rpx;}
			.jt-item{width: 16rpx;height: 16rpx;margin: 0 24rpx;}
		}
		.word-view-bottom{
			height: 78rpx;border-top: 5rpx solid #a2c6ff;padding: 0 16rpx;font-size: 18rpx;
			.collect-btn{
				icon{width: 27rpx;height: 27rpx;margin-bottom: 4rpx;}
			}
			.bottom-btn-box{
				.word-view-btn{width: 133rpx;height: 50rpx;line-height: 50rpx;}
				.word-view-btn + .word-view-btn{margin-left: 20rpx;}
			}
		}
		.pin-words-explain-box{
			margin-top: 42rpx;
			.words-explain-item{font-size: 22rpx;padding: 0 10rpx;}
			.words-explain-item + .words-explain-item{margin-top: 8rpx;}
		}
		.audio-play-btn,.audio-playing-btn{width: 72rpx;height: 72rpx;margin: 36rpx auto 0;}
		.pin-tip{width: 364rpx;margin: 24rpx auto 0;font-size: 17rpx;padding: 6rpx 0;}
		.clean-btn{width: 111rpx;height: 38rpx;margin: 16rpx auto 0;}
		.yb-play-box{
			margin: 21rpx auto 0;padding: 4rpx 16rpx 6rpx;border-radius: 20rpx;
			text{font-size: 22rpx;}
			text:nth-child(even){margin: 0 6rpx;}
			icon{width: 20rpx;height: 20rpx;margin-left: 16rpx;}
		}
		.word-circle-box{
			font-size: 53rpx;margin: 10rpx auto 0;
			.word-link-box{padding: 9rpx 31rpx 23rpx;}
			.word-link-box::before,.word-link-box::after{height: 27rpx;}
			text:not(:first-child)::before{width: 6rpx;height: 6rpx;margin: 0 4rpx;}
		}
		.details-title{padding: 5rpx 8rpx;font-size: 16rpx;}
		.details-content-box{padding: 10rpx;font-size: 18rpx;margin-bottom: 10rpx;}
		.syky-content{margin: 10rpx 0 23rpx;}
		.syky-content:last-child{margin: 10rpx 0;}
		.details-en-content{margin: 10rpx 8rpx;}
		.details-cn-content{margin: 10rpx 8rpx 16rpx;}
		&::before,&::after{width: 19rpx;height: 27rpx;}
		&::before{left: 39rpx;}
		&::after{right: 39rpx;}
	}
	
	@include mediaBig() {
		.word-view-border{margin: 51rpx 38rpx 38rpx;border-radius: 26rpx;}
		.select-words-box{
			height: 106rpx;font-size: 46rpx;
			.words-item{padding: 26rpx 16rpx;}
		}
		.select-types-box{
			margin-top: 38rpx;padding: 0 38rpx;
			.types-item{width: 128rpx;height: 128rpx;line-height: 128rpx;font-size: 54rpx;}
			.jt-item{width: 38rpx;height: 38rpx;margin: 0 48rpx;}
		}
		.word-view-bottom{
			height: 192rpx;border-top: 13rpx solid #a2c6ff;padding: 0 38rpx;font-size: 46rpx;
			.collect-btn{
				icon{width: 67rpx;height: 67rpx;margin-bottom: 10rpx;}
			}
			.bottom-btn-box{
				.word-view-btn{width: 326rpx;height: 123rpx;line-height: 123rpx;}
				.word-view-btn + .word-view-btn{margin-left: 48rpx;}
			}
		}
		.pin-words-explain-box{
			margin-top: 102rpx;
			.words-explain-item{font-size: 54rpx;padding: 0 26rpx;}
			.words-explain-item + .words-explain-item{margin-top: 19rpx;}
		}
		.audio-play-btn,.audio-playing-btn{width: 176rpx;height: 176rpx;margin: 90rpx auto 0;}
		.pin-tip{width: 965rpx;margin: 46rpx auto 0;font-size: 46rpx;padding: 16rpx 0;}
		.clean-btn{width: 274rpx;height: 93rpx;margin: 38rpx auto 0;}
		.yb-play-box{
			margin: 51rpx auto 0;padding: 6rpx 38rpx 16rpx;border-radius: 48rpx;
			text{font-size: 54rpx;}
			text:nth-child(even){margin: 0 16rpx;}
			icon{width: 48rpx;height: 48rpx;margin-left: 38rpx;}
		}
		.word-circle-box{
			font-size: 131rpx;margin: 10rpx auto 0;
			.word-link-box{padding: 22rpx 77rpx 58rpx;}
			.word-link-box::before,.word-link-box::after{height: 67rpx;}
			text:not(:first-child)::before{width: 16rpx;height: 16rpx;margin: 0 10rpx;}
		}
		.details-title{padding: 13rpx 19rpx;font-size: 38rpx;}
		.details-content-box{padding: 26rpx;font-size: 46rpx;margin-bottom: 26rpx;}
		.syky-content{margin: 26rpx 0 58rpx;}
		.syky-content:last-child{margin: 26rpx 0;}
		.details-en-content{margin: 26rpx 19rpx;}
		.details-cn-content{margin: 26rpx 19rpx 38rpx;}
		&::before,&::after{width: 46rpx;height: 67rpx;}
		&::before{left: 96rpx;}
		&::after{right: 96rpx;}
	}
}

// 单词详情- 学
.words-xue-box{
	text-align: center;
	.words-xue-body{height: calc(100vh - 390rpx - var(--status-bar-height));overflow-y: auto;}
	.word-block-box{
		text{min-width: 50rpx;height: 50rpx;line-height: 48rpx;font-size: 26rpx;margin: 12rpx 0;
		padding: 0 10rpx;box-sizing: border-box;border-radius: 8rpx;
			background-color: #dcf7fe;color: #333;display: inline-block;}
		text + text{margin-left: 10rpx;}
	}
	.details-btn{
		background-color: #dcf7fe;display: inline-block;margin: 24rpx auto;
		padding: 10rpx 24rpx;border-radius: 30rpx;color: #3d7efe;line-height: 1;
	}
	.xue-yb-play-box{margin-top: 12rpx;}
	.xue-words-explain-box{margin-top: 32rpx;}
	.yb-block-box text{min-width: 56rpx;height: 56rpx;line-height: 54rpx;border: 1rpx solid #fff;font-size: 26rpx;}
	.yj-block-box{
		min-width: 50rpx;font-size: 26rpx;
		.yj-block-item{
			    display: inline-block;border: 1rpx solid #fff;color: #333;border-radius: 8rpx;overflow: hidden;
		}
		.yj-block-item +.yj-block-item{margin-left: 10rpx;}
		.item-top,.item-bottom{height: 52rpx;line-height: 50rpx;padding: 0 10rpx;box-sizing: border-box;}
		.item-top{background-color: #eefcff;border-bottom: 1rpx solid #fff;}
		.item-bottom{background-color: #dcf7fe;}
	}

	.cg-item-list{
		.uni-scroll-view-content{display: flex;box-sizing: border-box;padding:0 24rpx; }
		.cg-item-box{display: flex;flex-direction: row;flex-shrink: 0;color: #000;font-size: 32rpx;padding: 24rpx 0;}
		// max-width: 360rpx;
		.cg-item{
			min-height: 124rpx;
			display: flex;align-items: flex-start;flex-direction: column;justify-content: center;
			border:1rpx solid #9cbff4;background-color: #fff;border-radius: 8rpx;padding: 16rpx;
			view + view{margin-top: 2rpx;}
		}
		.isEven{color: #3d7efe;}
		.isOdd{color: #ff9a01;}
		.cg-symbol{margin: 0 10rpx;display: flex;align-items: center;}
	}


	.xue-change-btn-box{
		display: flex;justify-content: center;border-bottom: 1rpx dashed #8dcff1;padding: 32rpx 0 42rpx;
		.change-btn{
			width: 254rpx;height:77rpx;position: relative;line-height: 77rpx;font-size: 0;
			text{color: #3d7efe;position: relative;font-size: 32rpx;z-index: 2;display: inline-block;vertical-align: middle;}
		}
		.change-btn::after{
			content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;@include ezy-no-repeat-cover;
			background-image: url("@/static/images/common/wordView/change-btn.png");z-index: 1;
		}
		.change-play-icon{
			width: 30rpx;height:30rpx;@include ezy-no-repeat-cover;margin-left: 16rpx;
			display: inline-block;vertical-align: middle;z-index: 2;position: relative;
			background-image: url("@/static/images/common/wordView/yb-playing-btn.gif");
		}
		.change-btn.active{
			text{color: #fff;}
			.change-play-icon{background-image: url("@/static/images/common/wordView/yb-white-playing-btn.gif");}
			&::after{background-image: url("@/static/images/common/wordView/change-btn-a.png");transform: rotate(180deg);}
			&:last-child::after{transform: unset;}
		} 
		.change-btn:last-child::after{transform: rotate(180deg);}
		
	}

	.xue-details-content-box{text-align: left;margin-top: 16rpx;}
	
	@include mediaSmall() {
			.words-xue-body{height: calc(100vh - 280rpx - var(--status-bar-height));}
			.word-block-box{
				margin-top: 10rpx;
				text{
					min-width: 33rpx;height: 33rpx;line-height: 31rpx;
					font-size: 18rpx;margin: 8rpx 0;padding: 0 6rpx;border-radius: 5rpx;}
				text + text{margin-left: 6rpx;}
			}
			.details-btn{margin: 16rpx auto;padding: 6rpx 16rpx;border-radius: 20rpx;font-size: 18rpx;}
			.xue-yb-play-box{margin-top: 8rpx;}
			.xue-words-explain-box{margin-top: 21rpx;}
			.yb-block-box text{min-width: 36rpx;height: 36rpx;line-height: 35rpx;font-size: 18rpx;}
			.yj-block-box{
				min-width: 33rpx;font-size: 18rpx;
				.yj-block-item + .yj-block-item{margin-left: 6rpx;}
				.item-top,.item-bottom{height: 34rpx;line-height: 33rpx;padding: 0 6rpx;}
			}
			.cg-item-list{
				.uni-scroll-view-content{padding: 0 16rpx;}
				.cg-item-box{font-size: 22rpx;padding: 16rpx 0;}
				.cg-item{
					min-height: 81rpx;border-radius: 5rpx;padding: 10rpx;
					view + view{margin-top: 1rpx;}
				}
				.cg-symbol{margin: 0 6rpx;}
			}
			.xue-change-btn-box{
				border-bottom: 1rpx dashed #8dcff1;padding: 21rpx 0 27rpx;
				.change-btn{
					width: 165rpx;height: 50rpx;line-height: 50rpx;
					text{font-size: 22rpx;}
					.change-play-icon{width: 20rpx;height: 20rpx;margin-left: 10rpx;}
				}
			}
			.xue-details-content-box{margin-top: 10rpx;}
		}
	
		@include mediaBig() {
			.words-xue-body{height: calc(100vh - 750rpx - var(--status-bar-height));}
			.word-block-box{
				margin-top: 24rpx;
				text{
					min-width: 80rpx;height: 80rpx;line-height: 77rpx;font-size: 46rpx;
					margin: 19rpx 0;padding: 0 16rpx;border-radius: 13rpx;
				}
				text + text{margin-left: 16rpx;}
			}
			.details-btn{margin: 38rpx auto;padding: 16rpx 38rpx;border-radius: 48rpx;font-size: 46rpx;}
			.xue-yb-play-box{margin-top: 19rpx;}
			.xue-words-explain-box{margin-top: 51rpx;}
			.yb-block-box text{min-width: 90rpx;height: 90rpx;line-height: 86rpx;font-size: 46rpx;}
			.yj-block-box{
				min-width: 80rpx;font-size: 46rpx;
				.yj-block-item + .yj-block-item{margin-left: 16rpx;}
				.item-top,.item-bottom{height: 83rpx;line-height: 80rpx;padding: 0 16rpx;}
			}
			.cg-item-list{
				.uni-scroll-view-content{padding: 0 38rpx;}
				.cg-item-box{font-size: 54rpx;padding: 38rpx 0;}
				.cg-item{
					min-height: 198rpx;border-radius: 13rpx;padding: 26rpx;
					view + view{margin-top: 3rpx;}
				}
				.cg-symbol{margin: 0 16rpx;}
			}
			.xue-change-btn-box{
				border-bottom: 1rpx dashed #8dcff1;padding: 51rpx 0 67rpx;
				.change-btn{
					width: 406rpx;height: 123rpx;line-height: 120rpx;
					text{font-size: 54rpx;}
					.change-play-icon{width: 48rpx;height: 48rpx;margin-left: 24rpx;}
				}
			}
			.xue-details-content-box{margin-top: 26rpx;}
		}
}

// 单词详情-拼
.words-pin-box{
	display: flex;flex-direction: column;padding: 10rpx;box-sizing: border-box;
	height: calc(100vh - 390rpx - var(--status-bar-height));
	.pin-body-box{flex: 1;overflow-y: auto;}
	// 拼读 +选择
	.pin-words-box{
		// min-width: 80rpx;height: 100rpx;font-size: 64rpx;
		display: flex;justify-content: center;margin-top: 64rpx;
		.words-item{min-width: 90rpx;height: 120rpx;line-height: 120rpx;font-size: 80rpx;
			text-align: center;box-sizing: border-box;padding: 0 6rpx;font-weight: bold;
			border-radius: 8rpx;background-color: #dcf7fe;color: #3c7fff;}
		.words-item + .words-item{margin-left: 12rpx;}
	}
	.pin-small-words-box{
		.words-item{min-width: 70rpx;height: 100rpx;line-height: 110rpx;font-size: 64rpx;padding: 0 4rpx;}
		.words-item + .words-item{margin-left: 8rpx;}
	}
	// 回答正确 && 回答错误
	.pin-error-words-box,.pin-right-words-box{
		.words-item:last-child{position: relative;}
		.words-item:last-child::after{
			content: '';width: 46rpx;height: 46rpx;display: block;@include ezy-no-repeat-cover;
			position: absolute;top: -22rpx;right: -12rpx;
		}
	}
	.pin-error-words-box.isAll{
		.words-item{background-color: #fbc2c2;color: #ff4d4d;}
		.words-item:last-child::after{background-image: url("@/static/images/common/wordView/word-error-icon.png");}
	}
	.pin-right-words-box.isAll{
		.words-item{background-color: #ddffdd;color: #36c336;}
		.words-item:last-child::after{background-image: url("@/static/images/common/wordView/word-right-icon.png");}
	}

	// 选择单词
	.pin-words-change-box{
		margin-bottom: 32rpx;
		.words-change-item{line-height: 116rpx;border: 1rpx solid #a4e6fc;border-bottom: 8rpx solid #a4e6fc;}
		.words-change-item.disabled{border: 1rpx solid #999;border-bottom: 8rpx solid #ccc;
		color: #999;background-color: #f0f0f0;}
	}
	.pin-words-change-box.pin-small-words-box{
		.words-item{line-height: 90rpx;}
	}

	@media (max-height: 600px) {
		// 拼
		.words-pin-box{
			.select-types-box{margin-top: 10rpx;}
			.pin-words-box,.pin-words-explain-box{margin-top: 32rpx;}
			.audio-play-btn,.audio-playing-btn{width: 96rpx;height:96rpx;margin-top: 24rpx;}
		}
	}
	
	@include mediaSmall() {
			height: calc(100vh - 300rpx - var(--status-bar-height));
			.pin-words-box{
				margin-top: 42rpx;
				.words-item{min-width: 59rpx;height: 78rpx;line-height: 78rpx;font-size: 52rpx;padding: 0 4rpx;border-radius: 5rpx;}
				.words-item + .words-item{margin-left: 8rpx;}
			}
			.pin-small-words-box{
				.words-item{min-width: 46rpx;height: 65rpx;line-height: 72rpx;font-size: 42rpx;padding: 0 3rpx;}
				.words-item + .words-item{margin-left: 5rpx;}
			}
			.pin-error-words-box,.pin-right-words-box{
				.words-item:last-child::after{width: 30rpx;height: 30rpx;top: -14rpx;right: -8rpx;}
			}
			.pin-words-change-box{
				margin-bottom: 21rpx;
				.words-change-item{line-height: 75rpx;border-bottom: 5rpx solid #a4e6fc;}
				.words-change-item.disabled{border-bottom: 5rpx solid #ccc;}
			}
			.pin-words-change-box.pin-small-words-box{
				.words-item{line-height: 59rpx;}
			}
		}
	
		@include mediaBig() {
			height: calc(100vh - 736rpx - var(--status-bar-height));
			.pin-words-box{
				margin-top: 102rpx;
				.words-item{min-width: 144rpx;height: 192rpx;line-height: 192rpx;font-size: 128rpx;padding: 0 10rpx;border-radius: 13rpx;}
				.words-item + .words-item{margin-left: 19rpx;}
			}
			.pin-small-words-box{
				.words-item{min-width: 112rpx;height: 160rpx;line-height: 176rpx;font-size: 102rpx;padding: 0 6rpx;}
				.words-item + .words-item{margin-left: 13rpx;}
			}
			.pin-error-words-box,.pin-right-words-box{
				.words-item:last-child::after{width: 74rpx;height: 74rpx;top: -35rpx;right: -19rpx;}
			}
			.pin-words-change-box{
				margin-bottom: 51rpx;
				.words-change-item{line-height: 186rpx;border-bottom: 13rpx solid #a4e6fc;}
				.words-change-item.disabled{border-bottom: 13rpx solid #ccc;}
			}
			.pin-words-change-box.pin-small-words-box{
				.words-item{line-height: 144rpx;}
			}
		}
}

// 单词详情-读
.words-du-box{
	display: flex;flex-direction: column;padding: 10rpx;box-sizing: border-box;
	height: calc(100vh - 390rpx - var(--status-bar-height));
	.du-body-box{flex: 1;text-align: center;}
	.du-yb-play-box{margin: 56rpx 0 42rpx;}
	.du-words-explain-box{margin-top: 24rpx;}

	.mike-play-box{
		.mike-play-tip{font-size: 28rpx;color: #666;text-align: center;}
		.du-btn-box{width: 100%;position: relative;}
		.mike-btn::after,.mike-az-btn::after,.play-btn::after,.playing-btn::after{display: none;}
		.mike-btn,.mike-az-btn{
			width: 130rpx;height:130rpx;@include ezy-no-repeat-cover;margin-left: 24rpx;
			background-color: transparent;border: 0;margin: 16rpx auto 32rpx;display: block;
		}
		.mike-btn{background-image: url("@/static/images/common/wordView/miki-btn.png");}
		.mike-az-btn{background-image: url("@/static/images/common/wordView/miki-btn-a.gif");}
		.play-btn,.playing-btn{
			width: 96rpx;height:96rpx;@include ezy-no-repeat-cover;
			background-color: transparent;border: 0;
			position: absolute;left: 80rpx;bottom: 15rpx;
		}
		.play-btn{background-image: url("@/static/images/common/wordView/play-btn.png");}
		.playing-btn{background-image: url("@/static/images/common/wordView/playing-btn.gif");}
	}
	@include mediaSmall() {
			height: calc(100vh - 280rpx - var(--status-bar-height));
			.du-yb-play-box{margin: 36rpx 0 27rpx;}
			.du-words-explain-box{margin-top: 16rpx;}
			.mike-play-box{
				.mike-play-tip{font-size: 18rpx;}
				.mike-btn,.mike-az-btn{
					width: 85rpx;height:85rpx;margin: 10rpx auto 21rpx;
				}
				.play-btn,.playing-btn{
					width: 62rpx;height:62rpx;left: 52rpx;bottom: 10rpx;
				}
			}
		}
	
		@include mediaBig() {
			height: calc(100vh - 736rpx - var(--status-bar-height));
			.du-yb-play-box{margin: 90rpx 0 67rpx;}
			.du-words-explain-box{margin-top: 38rpx;}
			.mike-play-box{
				.mike-play-tip{font-size: 46rpx;}
				.mike-btn,.mike-az-btn{
					width: 208rpx;height:208rpx;margin: 26rpx auto 51rpx;
				}
				.play-btn,.playing-btn{
					width: 154rpx;height:154rpx;left: 128rpx;bottom: 24rpx;
				}
			}
		}
}

// 单词详情-选
.words-xuan-box{
	display: flex;flex-direction: column;padding: 10rpx;box-sizing: border-box;
	height: calc(100vh - 390rpx - var(--status-bar-height));
	.xuan-body-box{flex: 1;overflow-y: auto;text-align: center;}
	.show-words-box{
		width: 100%;overflow: hidden;word-wrap: break-word;word-break: break-all;
		color: #3e7fff;font-weight: bold;font-size: 76rpx;text-align: center;margin: 64rpx auto 0;
		text-shadow:-1rpx -1rpx 0 #fff,1rpx -1rpx 0 #fff,-1rpx 1rpx 0 #fff,1rpx 1rpx 0 #fff;
	}
	.select-change-box{
		flex-shrink: 0;
		.select-item{
			width: 600rpx;height: 96rpx;text-align: center;border-radius: 12rpx;font-size: 32rpx;
			background-color: #fff;border: 2rpx solid #eef1f6;border-bottom: 6rpx solid #eef1f6;line-height: 1.4;color: #333;
			display: flex;align-items: center;justify-content: center;margin: 12rpx auto;
			box-sizing: border-box;padding: 0 10rpx;text-align: left;position: relative;
			text{@include multi-line-ellipsis(2);}
		}
		.select-item.active{
			background-color: #6bcdff;border-color: #a7e9fd;color: #fff;
		}
		.select-error::after,.select-right::after{
			content: '';width: 36rpx;height: 36rpx;display: block;@include ezy-no-repeat-cover;
			position: absolute;top: -10rpx;right: -12rpx;
		}
		.select-error::after{background-image: url("@/static/images/common/wordView/word-error-icon.png");}
		.select-right::after{background-image: url("@/static/images/common/wordView/word-right-icon.png");}
	}
	@media (max-height: 600px) {
		.show-words-box{margin: 12rpx auto 0;}
		.yb-play-box{margin: 12rpx auto 0;}
	}
	
	@include mediaSmall() {
			height: calc(100vh - 300rpx - var(--status-bar-height));
			.show-words-box{font-size: 53rpx;margin: 10rpx auto 0;}
			.select-change-box{
				.select-item{
					width: 600rpx;height: 62rpx;border-radius: 8rpx;font-size: 22rpx;
					border: 2rpx solid #eef1f6;border-bottom: 4rpx solid #eef1f6;margin: 16rpx auto;padding: 0 6rpx;
				}
				.select-error::after,.select-right::after{width: 23rpx;height: 23rpx;top: -6rpx;right: -8rpx;}
			}
		}
	
		@include mediaBig() {
			height: calc(100vh - 760rpx - var(--status-bar-height));
			.show-words-box{font-size: 131rpx;margin: 10rpx auto 0;}
			.select-change-box{
				.select-item{
					width: 1600rpx;height: 154rpx;border-radius: 19rpx;font-size: 54rpx;padding: 0 16rpx;
					border: 4rpx solid #eef1f6;border-bottom: 10rpx solid #eef1f6;margin: 19rpx auto;
				}
				.select-error::after,.select-right::after{width: 58rpx;height: 58rpx;top: -16rpx;right: -19rpx;}
			}
		}

}

// 单词详情-背
.words-bei-box{
	display: flex;flex-direction: column;text-align: center;
	height: calc(100vh - 390rpx - var(--status-bar-height));
	// 答案
	.words-answer-box{
		min-width: 420rpx;max-width: 90%;height: 120rpx;line-height: 120rpx;margin: 64rpx auto 0;
		background-color: #dcf7fe;color: #3e7fff;font-size: 72rpx;display: inline-block;overflow: unset;
		border-radius: 8rpx;padding: 0 10rpx;box-sizing: border-box;font-weight: bold;
		.uni-input-placeholder.input-placeholder{color: #3e7fff;font-size: 64rpx;}
	}
	// 兼容
	.words-answer-box::placeholder { color: #3e7fff;font-size: 64rpx; }
	// 回答正确 && 回答错误
	.words-answer-error-box,.words-answer-right-box{position: relative;}
	.words-answer-error-box::after,.words-answer-right-box::after{
			content: '';width: 46rpx;height: 46rpx;display: block;@include ezy-no-repeat-cover;
			position: absolute;top: -22rpx;right: -12rpx;
	}
	// background-color: #fbc2c2;
	.words-answer-error-box{color: #ff4d4d;}
	.words-answer-error-box::after{background-image: url("@/static/images/common/wordView/word-error-icon.png");}
	// background-color: #ddffdd;
	.words-answer-right-box{color: #36c336;}
	.words-answer-right-box::after{background-image: url("@/static/images/common/wordView/word-right-icon.png");}

	.bei-body-box{flex: 1;overflow-y: auto;margin-bottom: 434rpx;}

	// 键盘
	.words-keyboard-box{
		position: absolute;bottom: 0;left: 0;right: 0;
		background-color: #eef1f6;box-sizing: border-box;padding: 24rpx 0;
		// position: absolute;bottom: -10rpx;left: -10rpx;right: -10rpx;
		.keyboard-row{display: flex;justify-content: space-between;
		box-sizing: border-box;padding: 0 32rpx;margin-bottom: 12rpx;}
		.keyboard-button{
			width: 56rpx;height: 90rpx;line-height: 90rpx;text-align: center;
			background-color: #fff;color:#000;border-radius: 6rpx;font-size: 46rpx;
			border-bottom:6rpx solid #e2e2e2;box-sizing: border-box;}
		.keyboard-button.active{background-color: #dcf7fe;color:#3c7fff;border-bottom:6rpx solid #a4e6fc;}
		.del-btn::after{
			content: '';width: 46rpx;height: 46rpx;display: block;margin: 22rpx auto;
		background-image: url("@/static/images/common/wordView/del-btn.svg");@include ezy-no-repeat-cover;}
		.bei-confirm-btn-box{
			width: 100%;height: 77rpx;line-height: 77rpx;
			padding: 0 32rpx;display: flex;margin: 16rpx auto 0;
		}
		.big-btn{width: 120rpx;height: 78rpx;line-height: 78rpx;background-color: #fff;border-bottom:6rpx solid #e2e2e2;
		color:#000;margin-right: 6px;border-radius: 8rpx;font-size: 30rpx;box-sizing: border-box;}
		.big-btn.active{color: #2c9cfe;font-weight: bolder;}
		.bei-confirm-btn{
			height: 78rpx;line-height: 78rpx;
			background-color: transparent;color: #fff;border-radius: 8rpx;flex: 1;
			background-color: #2c9cfe;border-bottom:6rpx solid #0285fb;font-size: 30rpx;
		}
	}
	@media (max-height: 800px) {
		.words-answer-box{margin-top: 32rpx;}
		.pin-words-explain-box{margin-top: 32rpx;}
		.audio-play-btn,.audio-playing-btn{margin: 32rpx auto 0;}
	}
	@media (max-height: 750px) {
		.words-answer-box{
			max-width: 86%;height: 100rpx;line-height: 100rpx;font-size: 66rpx;
			.uni-input-placeholder.input-placeholder{font-size: 56rpx;}
		}
		.audio-play-btn,.audio-playing-btn{width: 80rpx;height:80rpx;}
		.clean-btn{margin-top: 16rpx;}
		.words-answer-error-box::after,.words-answer-right-box::after{width: 40rpx;height: 40rpx;top: -10rpx;right: -10rpx;}
	}
	@media (max-height: 700px) {
		.words-answer-box{margin-top: 24rpx;}
		.pin-words-explain-box{margin-top: 24rpx;}
		.audio-play-btn,.audio-playing-btn{margin: 24rpx auto 0;}
		.clean-btn{margin-top: 24rpx;}
		.words-answer-error-box::after,.words-answer-right-box::after{width: 36rpx;height: 36rpx;top: -6rpx;right: -6rpx;}
	}
	
	@include mediaSmall() {
			height: calc(100vh - 270rpx - var(--status-bar-height));
			.words-answer-box{
				min-width: 273rpx;height: 78rpx;line-height: 78rpx;margin: 16rpx auto 0;
				font-size: 46rpx;border-radius: 5rpx;padding: 0 6rpx;
				.uni-input-placeholder.input-placeholder{font-size: 42rpx;}
			}
			.words-answer-box::placeholder { font-size: 42rpx; }
			.words-answer-error-box::after,.words-answer-right-box::after{width: 30rpx;height: 30rpx;top: -14rpx;right: -8rpx;}
			.bei-body-box{margin-bottom: 282rpx;}
			.words-keyboard-box{
				padding: 16rpx 0;
				.keyboard-row{padding: 0 21rpx;margin-bottom: 8rpx;}
				.keyboard-button{
					width: 70rpx;height: 58rpx;line-height: 58rpx;
					font-size: 22rpx;border-radius: 4rpx;border-bottom: 4rpx solid #e2e2e2;
				}
				.keyboard-button.active{border-bottom: 4rpx solid #a4e6fc;}
				.del-btn::after{width: 30rpx;height: 30rpx;margin: 14rpx auto;}
				.bei-confirm-btn-box{height: 50rpx;line-height: 50rpx;padding: 0 21rpx;margin: 10rpx auto 0;}
				.big-btn{width: 146rpx;height: 58rpx;line-height: 58rpx;border-radius: 5rpx;margin-right: 6px;font-size: 20rpx;}
				.bei-confirm-btn{height: 58rpx;line-height: 58rpx;border-radius: 5rpx;font-size: 20rpx;}
			}
		}
		
	@include mediaBig() {
		height: calc(100vh - 624rpx - var(--status-bar-height));
		.words-answer-box{
			min-width: 672rpx;height: 192rpx;line-height: 192rpx;margin: 64rpx auto 0;
			font-size: 115rpx;border-radius: 13rpx;padding: 0 16rpx;
			.uni-input-placeholder.input-placeholder{font-size: 102rpx;}
		}
		.words-answer-box::placeholder { font-size: 102rpx; }
		.words-answer-error-box::after,.words-answer-right-box::after{width: 74rpx;height: 74rpx;top: -35rpx;right: -19rpx;}
		.bei-body-box{margin-bottom: 694rpx;}
		.words-keyboard-box{
			padding: 38rpx 0;
			.keyboard-row{padding: 0 51rpx;margin-bottom: 19rpx;}
			.keyboard-button{
				width: 190rpx;height: 144rpx;line-height: 144rpx;
				font-size: 54rpx;border-radius: 10rpx;border-bottom: 10rpx solid #e2e2e2;
			}
			.keyboard-button.active{border-bottom: 10rpx solid #a4e6fc;}
			.del-btn::after{width: 74rpx;height: 74rpx;margin: 35rpx auto;}
			.bei-confirm-btn-box{height: 123rpx;line-height: 123rpx;padding: 0 51rpx;margin: 26rpx auto 0;}
			.big-btn{
				width: 400rpx;height: 125rpx;line-height: 125rpx;
				border-radius: 13rpx;margin-right: 10px;font-size: 46rpx;
			}
			.bei-confirm-btn{height: 125rpx;line-height: 125rpx;border-radius: 13rpx;font-size: 46rpx;}
		}
	}
	

}

// 单词详解
.words-details-page{
	.words-details-body{overflow-y: auto;padding: 0;}
	.details-word{color: #000;font-size: 62rpx;font-weight: bold;margin:6rpx 0 24rpx;}
	.tysy-content{color: #333;margin: 16rpx 12rpx 0;}
	@include mediaSmall() {
		.details-word{font-size: 40rpx;margin: 4rpx 0 16rpx;}
		.tysy-content{margin: 10rpx 8rpx 0;}
	}
	@include mediaBig() {
		.details-word{font-size: 100rpx;margin: 10rpx 0 38rpx;}
		.tysy-content{margin: 26rpx 19rpx 0;}
	}
}

// 对错弹窗
.ezy-image-dialog{
	width: 500rpx;height: 440rpx;background-position: center;
	background-size: cover;background-repeat: no-repeat;
	@include mediaSmall() {width: 325rpx;height: 286rpx;}
	@include mediaBig() {width: 800rpx;height: 704rpx;}
}
.ezy-image-dialog.wrong{background-image: url("@/static/images/common/wordView/error-tip-img.gif");}
.ezy-image-dialog.right{background-image: url("@/static/images/common/wordView/right-tip-img.gif");}
.ezy-image-dialog.luyin{background-image: url("@/static/images/common/wordView/great-tip-img.gif");}