/* e5eui 3.0 */
@import url("e5eui/e5eui.css");
@import url("https://at.alicdn.com/t/c/font_5005014_ra08b2wj94.css");/* zhidao */
:root{
	--van-notice-bar-font-size:11px !important;
	--van-primary-color:#00a2ff;
	--van-cell-vertical-padding:15px;
}
html {
	font-size:14px;
}
body{
	padding-top: constant(safe-area-inset-top);
	padding-top: env(safe-area-inset-top);
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: constant(safe-area-inset-left);
	padding-left: env(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
	padding-right: env(safe-area-inset-right);
	background: #f5f7fa;
	line-height: 1.2;
	color: #333;
}
html,body,#app{
	max-width: 800px;
	margin: auto;
	font-family:"Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif;
}
[v-cloak] {
		display: none !important;
}
.e5e-list-item{
	padding: 5px 10px;
}
.web_c{
	max-width: 750px;
	margin: auto;
}
.web_bg{

}
.web-hd-bg{

}
.web_c{
	margin: auto;
}
.bgT{
	padding-top: 1px;
	background-image: linear-gradient(var(--main_color), rgba(255,255,255,0)50%);
}
.course-card{
	margin-left: 10px;
	width: 160px;
}
.course-img-wrapper{
	flex-shrink: 0;
	position: relative;
}
.course-tag{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px;
}
.course-info{
	padding:6px;
}
.course-title{
	font-size: 16px;
	line-height: 1.3;
	text-align: justify
}
.course-d1{
	height: 60px;
}
.ym{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	background: var(--main_color);
	color: #fff;
	padding: 3px;
	font-size: 14px;
	border-radius: 7px 0 7px 0;
}
.d3{
	margin-top: 7px;
	color: #849aac;
}

.course-item {
	padding: 5px;
}
.course-item .course-img-wrapper{
	width: 100%;
	height: 135px;
}
.course-item .price{
	font-size: 12px;
	color: #ff4545;
	font-weight: 500;
}
.course-item .price .price-num{
	font-size: 16px;
	font-weight: 600;
}
.hd-line{
	margin-top: 4px;
	margin-left: -10px;
	height: 10px;
	width: 3px;
	background-color: var(--main_color);
}
/*我的*/
.user_bg{
	background:#f5f7fa url(user_bg.jpg) top no-repeat;
	background-size: 100%;
}
.item-right{
	flex-shrink: 0;
	margin-left: auto;
}
.wode-hd{

}
.wode-hd-d1{
	display: flex;
	align-items: center;
	padding: 12px 20px;

}
.wode-pic{
	width: 66px;
	height: 66px;
	border-radius: 50%;
}
.wode-pic-image{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.icon-dj{
	margin-left: -8px;
}
.user-nva-item{
	border-radius: 10px;
	background: linear-gradient(#ebf8ff, #ffffff 25px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 0;
}
.user-nva-item.e5e-flex-column{
	padding: 15px 0;
}
.nav-t0{
	font-size: 17px;
}
.nav-t2{
	margin-top:2px;
	font-size: 11px;
	color: #bbc5cd;
	text-transform: uppercase;
}
/*登录注册*/
.login_bg{
	background:#d7f0ff url(login_bg.jpg) top no-repeat;
	background-size: 100%;
}
.login-wrap{
	padding: 20px;
}
.login-item{
	margin:15px 0px;
	overflow: hidden;
	border-radius: 15px;
}
.login-item-lab{
	margin: 30px 0 -6px;
	font-size: 17px;
	font-weight: 300;
}
.uploaderbox{
	margin:0 12px;
	width: 150px;
	height: 150px;
	border-radius: 10px;
	background: #f5f7fa;
	color: #a9b5bf;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.dsf-iconBox{
	width: 35px;
	height: 35px;
	border-radius: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}
/*课程详情*/
.box1{
	position: relative;
	margin-top: -15px;
	border-radius: 15px 15px 0 0;
	background: #ffffff;
	padding:5px;
	margin-bottom: 12px;
}
.contxx{
	padding:15px;
	line-height: 1.7;
	font-size: 16px;
}
.coursexx-t1{
	line-height: 1.3;
	margin-bottom: 5px;
}
.coursexx-t1 .e5e-btn{
	margin-bottom: 5px;
}
.old-preic{
	color: #a9b5bf;
	font-size: 13px;
	text-decoration: line-through;
}
.teacher-item{
	margin: 0 0 0 10px;
	background: #fafafa;
	border-radius: 5px;
	padding: 10px;
	width: 200px;
	display: flex;
	line-height: 1.2;
}
/*确认订单*/
.confirm-course{
	padding: 15px 15px;
	align-items: stretch;
}
.fenqi-item{
	margin-bottom: 12px;
	padding:17px 15px;
	border-radius: 10px;
	background: #f9faff;
}
.fenqi-item.yj{
	color: #849aac;
}
.fenqi-item.yj .t1{
	color: #849aac;
}
.fenqi-item.bq{
	color: var(--main_color);
	background: #f0faff;
}
.fenqiselect{
	margin-left: -10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding:15px 0px;
	background: #f5f6fa;
	border-radius: 10px;
	text-align: center;
}
.fenqiselect.on{
	background: #f0faff;
	color: #00a2ff;
}
.fenqi_qita{
	min-height:50px;
	background: #f5f6fa;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 500;
}
.zftips_t1{
	margin: 20px 0 0;
	color: #6f7c87;
	font-size: 15px;
}
.zftips_b1{
	margin: 15px 0 15px;
	padding: 10px 5px;
	border-radius: 10px;
	background: #f7faff;
}
.zfzh-text{
	margin: 5px 15px;
}
.zfpzBox{
	margin-bottom: 20px;
	border-radius: 11px;
	height: 200px;
	background: #f7faff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #849aac;
	font-size: 15px;
	position: relative;
}
.zfkcxx{
	margin: 0 15px 15px;
	padding: 15px;
	background: #f5f7fa;
	border-radius: 10px;
	line-height: 1.4;
}
.rotate-icon {
	transition: transform 0.5s ease;
}

.rotate-180 {
	transform: rotate(180deg);
}
/*tab*/
.van-tab__text{
	font-size: 17px !important;
}
.rz-item{
	padding: 20px;
	height: 160px;
	background:#fff url(rz_bg1.png) right no-repeat;
	background-size: auto 100%;
}
.rz-item.bg2{
	background:#fff url(rz_bg2.png) right no-repeat;
	background-size: auto 100%;
}
.rz-t1{
	font-size: 20px;
	font-weight: 500;
	color: var(--main_color);
}
.rz-t2{
	margin-top: 10px;
	font-size: 14px;
	color: #849aac;
	margin-bottom: 30px;
}
.order-bottom-item{
	flex-shrink: 0;
	text-align: center;
}
.order-bottom-item .d1{
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.order-bottom-item .d2{
	margin-top: 5px;
	font-size: 13px;
}
/*顶部返回菜单*/
.header-left,.header-right{
	min-width: 80px;

}
.header-right{
	justify-content: flex-end !important;
}
.header-left{
	height: 38px;
	border-radius: 99px;
	background:rgba(0, 0, 0, .3);
	color: #fff;
	justify-content: space-between !important;
}
.header-left .e5e-text-line{
	margin: 0;
	height: 15px;
	background: rgba(255,255,255,.6);
}
.e5e-header-item{
	width: 38px;
	height: 38px;
}

/*钱包*/
.wallet-page {
	/* background: linear-gradient(var(--main_color), #f5f7fa,#fff 500px); */
	padding-top:5px;
}
/* 余额卡片 */
.balance-card {
	margin:0 15px;
	padding:30px 16px 20px;
	/* background: #fff; */
	border-radius:15px;
	background: linear-gradient(135deg, #37c2ff, #007aff);
	color: #fff;
	box-shadow: 0 4px 12px rgba(0, 122, 255, 0.15);
}
.balance-card-header {
	margin-bottom: 16px;
	text-align: center;
}
.balance-icon{
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fec200;
	border-radius: 30px;
	margin: 15px auto;
}
.balance-title {
	font-size: 16px;
	opacity: 0.9;

}

.balance-amount {
	display: block;
	font-size: 35px;
	font-weight: 500;
	margin-top: 8px;
}

.balance-card-footer {
	display: flex;
	justify-content: space-between;
	padding-top: 16px;
	gap: 15px;
}

.detail-label {
	font-size: 12px;
	opacity: 0.8;
}

.detail-value {
	display: block;
	font-size: 14px;
	margin-top: 4px;
}

/* 交易记录 */
.transaction-section {
	background-color: #fff;
}

.section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.section-title {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.section-more {
	font-size: 14px;
	color: #849aac;
}

.transaction-list {

}

.transaction-item {
	display: flex;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #f5f5f5;
}

.transaction-item:last-child {
	border-bottom: none;
}

.transaction-icon {
	width: 50px;
	height: 50px;
	border-radius: 99px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
}

.transaction-icon.income {
	background-color:#fff7dd;
	color: #fec200;
}

.transaction-icon.expense {
	background-color:var(--main_extra_light);
	color: var(--main_color);
}

.transaction-info {
	flex: 1;
}

.transaction-title {
	font-size: 17px;
	color: #333;
}

.transaction-time {
	font-size: 13px;
	color: #a9b5bf;
}

.transaction-amount {
	font-size: 20px;
	font-weight: 500;
}

.transaction-amount.income {
	color: var(--main_color);
}

.transaction-amount.expense {
	color: #333333;
}
/*提现*/
.tx-tips{
	padding: 15px 0;
	line-height: 1.5;
	color: #849aac;
}
.tx-tips p{
	padding: 4px 0;
}
.bank-list{
	padding:0 15px;
}
.bank-item{
	margin-bottom: 12px;
	border-radius: 10px;
}
.bank-item.active{
	background: var(--main_lighter);
}

/*银行卡列表*/
.bankys{
	background: #00a2ff;
	color: #fff;
}
.bankys1{
	background: #00a2ff;
	color: #fff;
}
.bank-num{
	font-size: 23px;
	font-weight: 500;
}
.banklist-icon{
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 20px;
}
.banklist-text{
	padding-left: 10px;
}
.banklist-text .t1{
	font-size: 18px;
	font-weight: 500;
}
.banklist-text .t2{
	margin-top: 5px;
	font-size: 12px;
	opacity: .8;
}
/* 加载中样式 */
.loading-icon {
	display: inline-block;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	border: 2px solid currentColor;
	border-radius: 50%;
	border-top-color: transparent;
	animation: loading 0.8s linear infinite;
	margin-right: 8px;
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*消息中心*/
.xiaoxilist-icon{
	width: 45px;
	height: 45px;
	border-radius: 30px;
}

/*问卷*/
.questions-hd{
	padding: 15px 15px 0;
}
.questions-hd h2{
	margin: 0;
	line-height: 1.5;
}
.progressBar{
	position: absolute;
	left: 5px;
	bottom:50px;
	width: 50%;
}
/*推广*/
.tuiguangBox{
	height: 100%;
	background: url(tuiguang_bg.jpg) no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.tuiguang{
	position: relative;
	box-sizing: border-box;
	padding: 35px 0 170px;
	width: 350px;
	height: 448px;
	background: url(tuiguang_bg2.png) no-repeat;
	background-size: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.hwotg{
	position: absolute;
	left: 40px;
	bottom: 40px;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
}
.baocunBox{
	/* position: absolute;
	bottom: 100px;
	left: 0;
	right: 0; */
	margin-top: 40px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.baocunicon{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .3);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}
/*签约签字*/
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.animate-fade-in {
	animation: fadeIn 0.3s ease-out forwards;
}

canvas {
	display: block;
	touch-action: none; /* 防止触摸设备上的默认行为 */
}

.dark {
	color-scheme: dark;
}
.qianziBox{

}
.shenhe-item-md{
	flex: 1;
	margin: 0 15px;
	padding:10px 0;
}
.shenhe-item-md .e5e-list-item{
	padding-left:0;
	padding-right:0;
}
.jujuetextareaBox{
	padding: 0 15px 8px;
}
.jujuetextarea{
	width: 100%;
	padding: 12px;
	height: 100px;
	border-radius: 10px;
	background: #f5f7fa;
	font-size: 16px;
}

/*顾问师*/
.bg1{
	background: url(login_bg.jpg) no-repeat;
	background-size: 100%;
}
.xlsBox1{
	position: relative;
	background: #fff;
	margin:40px 15px 0;
	border-radius: 18px;
	padding: 15px 15px;
}
.hy_allicon{
	position: absolute;
	right: 10px;
	top: -40px;
	width: 110px;
	height: 110px;
}
.dengjiBox{
	margin-top: 40px;
	margin-bottom: 20px;
	position: relative;
	height: 10px;
	background: #eef2f8;
	border-radius: 15px;
}
.dengjiV{
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(to right, #ff9003, #ffc33f);
}
.dengji_itemBox{
	position: absolute;
	z-index: 1;
	top: -29px;
	left: 0;
	right: 0;
	height: 66px;
	display: flex;
}
.dengji_item{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #a9b5bf;
	position: relative;
}
.dengji_item_img{
	position: relative;
	z-index: 2;
	width: 20px;
	height: 20px;
}
.dengji_item_t{
	height: 20px;
	position: relative;
	z-index: 2;
	font-size: 12px;
}
.dengji_item.on{
	color: #ffab00;

}
.dengji_item .dian{
	margin: 6px 0;
	position: relative;
	z-index: 2;
	width: 13px;
	height: 13px;
	background: #ffffff;
	border: 3px solid #d3d7df;
	border-radius: 20px;
}
.dengji_item.on .dian{
	background: #ffd04b;
	border: 3px solid #ffffff;
}
/* .dengji_item::before,.dengji_item.on::after{
	content:'';
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -5px;
	height: 10px;
	background: #eef2f8;

}
.dengjiBox .dengji_item:first-child::before,
.dengjiBox .dengji_item:first-child::after{
	border-radius: 12px 0 0 12px;
}
.dengjiBox .dengji_item:last-of-type::before,
.dengjiBox .dengji_item.on:last-of-type::after{
	border-radius:0 12px 12px 0;
}
.dengji_item.on::after{
	width: 0;
}
.dengji_item.on::after{
	width: 100%;
	background: linear-gradient(to right, #ff9003, #ffc33f);
} */

.hhr-item-hd{
	margin: 0 15px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	height: 35px;
	border-radius: 10px;
	background: linear-gradient(to right, #e4f5ff, #ffffff 70%);
	font-size: 15px;
	font-weight: 500;
}
.progress-v{
	position: absolute;
	right: 0;
	top: 15px;
	color: #849aac;
	font-size: 13px;
	background: #fff;
}


/* 弹框头部 */
.modal-header {
	text-align: center;
	padding: 16px 0;
}

.title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 0 0 4px 0;
}

.subtitle {
	font-size: 14px;
	color: #666;
	margin: 0;
}

/* 海报预览区 */
.poster-preview {
	padding: 16px;
	display: flex;
	justify-content: center;
	background-color: #f5f5f5;
}

/* 海报框架 */
.poster-frame {
	width: 280px;
	height: 480px;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 海报背景 */
.poster-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.bg-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 海报内容 */
.poster-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px 16px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 15px;
}

/* 海报标题 */
.poster-title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* 主图 */
.main-image {
	width: 100%;
	height: 160px;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 16px;
	border: 2px solid #fff;
}

.event-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 详情信息 */
.event-details {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 6px;
	padding: 10px;
	margin-bottom: 16px;
}

.detail-item {
	font-size: 13px;
	color: #333;
	margin: 10px 0;
	display: flex;
	align-items: center;
}

.icon {
	font-size: 14px;
	margin-right: 6px;
	color: var(--main_color);
}

/* 价格信息 */
.price-info {
	/* display: flex;
    align-items: center; */
	margin-bottom: 20px;
	padding-left: 10px;
	margin-right: 80px;
}

.price-label {
	font-size: 14px;
	margin-right: 8px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.price-value {
	font-size: 20px;
	font-weight: bold;
	color: #ff3b30;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}

.price-original {
	font-size: 12px;
	text-decoration: line-through;
	/* margin-left: 8px; */
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	color: #888;
}

/* 二维码区域 */
.qrcode-area {
	position: absolute;
	bottom: 20px;
	right: 16px;
	text-align: center;
}

.qrcode-img {
	width: 80px;
	height: 80px;
	background-color: #fff;
	padding: 4px;
	border-radius: 4px;
}

.qrcode-text {
	font-size: 12px;
	color: #888;
	margin-top: 4px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* 品牌标识 */
.brand-logo {
	position: absolute;
	bottom: 20px;
	left: 16px;
}

.logo-img {
	height: 30px;
	width: auto;
	max-width: 120px;
	object-fit: contain;
}

/* 操作按钮 */
.action-buttons {
	display: flex;
	padding: 16px;
	gap: 12px;
}

.action-btn {
	flex: 1;
}

.btn-icon {
	margin-right: 6px;
}

.bodybgGradient{
	background: linear-gradient(#fff, #f5f7fa 150px);
}
.tdcont{
	margin: 0 15px 15px;
	border-radius: 10px;
	background: #f9fbfe;
	padding: 0;

}
.bodybgGradient .van-cell{
	padding-top: 15px;
	padding-bottom: 15px;
}
.bodybgGradient .van-cell,.bodybgGradient .van-collapse-item__content{
	background: none;
}
.ml th{
	color: #fff;
	background: #00a2ff;
	border: 1px solid #fff;
}
.ml td{
	color: #333;
	background: #e7f2fa;
	border: 1px solid #fff;
}
.ml1 td{
	background: #abddfc;
}
.ml2 td{
	background: #cee9fb;
}
.ml1 .lab,.ml2 .lab{
	font-weight: 600;
}
.ml2 .lab{
	padding-left: 10px;
}
.ml3 .lab{
	padding-left: 20px;
}
.ml4 .lab{
	padding-left: 30px;
}

.van-cell--large{
	padding-top: 15px;
	padding-bottom: 15px;
}

.kepaixun{
	height: 55px;
	padding: 0 15px;
	background: #f9fbff;
	border-radius: 15px;
	font-size: 16px;
}