* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.mj_banner{width: 100%;overflow: hidden;position: relative;}
.mj_banner img{display: block;max-width: 100%;}
.mj_banner span{display: block;position: absolute;top: 10px;left: 0;padding: 0 14px;background-color: #fff;border-radius: 0 23px 23px 0;line-height: 46px;font-size: 20px;color: #ef57a0;font-weight: bold;}
/* 为什么 */
.mj_w{width: 100%;background: #1f1c37;padding: 20px 0;overflow: hidden;}
.mj_title{text-align: center;width: 100%;font-size: 46px;line-height: 60px;color: #fff;margin-bottom: 16px;font-weight: bold;}
.mj_title span{color: #dd4ba7;}
.mj_xb{font-size: 16px;color: #94a3b8;line-height: 24px;text-align: center;margin-bottom: 20px;}
.mj_w .w_pic{width: 92%;margin: 20px auto 30px;overflow: hidden;box-shadow: 0 10px 30px rgba(139, 92, 246, 0.3);border-radius: 20px;}
.mj_w .w_pic img{display: block;max-width: 100%;}
.p{width: 100%;text-align: center;font-size: 13px;color: #94a3b8;margin-bottom: 30px;}
.mj_w .w_list{width: 98%;margin: 2% auto;overflow: hidden;}
.mj_w .w_list li{width: 31.3333%;margin: 1%;height: 330px;border-radius: 20px;padding: 30px;float: left;background: rgba(255,255,255,0.05);border: 1px solid rgba(255, 255, 255, 0.08);transition: all 0.4s ease;}
.mj_w .w_list li .li_pic{width: 60px;height: 60px;margin: 10px 0 20px;}
.mj_w .w_list li .li_pic img{display: block;max-width: 100%;}
.mj_w .w_list li h4{font-size: 20px;color: #fff;margin-bottom: 14px;}
.mj_w .w_list li .p{text-align: left;color: #94a3b8;font-size: 15px;line-height: 24px;}
.mj_w .w_list li:hover {transform: translateY(-8px);border-color:#8b5cf6 ;box-shadow:0 10px 20px rgba(139, 92, 246, 0.4)}
/* 人群 */
.mj_rq{width: 100%;background: #1f1c37;padding: 20px 0;overflow: hidden;}
.mj_rq .r_list{width: 100%;margin: 2% 0;overflow: hidden;}
.mj_rq .r_list li{width: 23%;margin: 1%;height: 180px;float: left;padding: 20px;background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(59, 130, 246, 0.08));border: 1px solid rgba(139, 92, 246, 0.25);
                     border-radius: 20px;transition: all 0.4s ease;text-align: center;}
.mj_rq .r_list li .xian{width: 20%;height: 2px;background: #ec4899;margin: 10px auto 20px;}
.mj_rq .r_list li  h4{font-size: 20px;color: #fff;line-height: 30px;margin-bottom: 10px;}
.mj_rq .r_list li .p1{color: #94a3b8;font-size: 14px;line-height: 26px;}
.mj_rq .r_list li:hover{background: linear-gradient(135deg, rgba(139, 92, 246, 0.22), rgba(236, 72, 153, 0.15));transform: scale(1.04);}
/* 痛点 */
.mj_td{width: 100%;background: #1f1c37;padding: 20px 0;overflow: hidden;}
.mj_td .t_list{width: 98%;margin: 2% auto;overflow: hidden;padding: 10px; background:  linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(59, 130, 246, 0.08));border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 20px;padding: 20px;}
.mj_td .t_list .li{width:31.3333% ;margin: 1%;float: left;background: rgba(255, 255, 255, 0.02);border-radius: 10px;border-left: 4px solid #ec4899;display: flex;gap:16px;
                   padding: 10px;height: 84px;align-items: flex-start;transition: all 0.3s ease;}
.mj_td .t_list .li .p2{color: #fff;font-size: 15px;line-height: 22px;text-align: left;}
.mj_td .t_list .li:hover{transform: translateX(8px);background: rgba(236, 72, 153, 0.1);}
/* 收获 */
.mj_sh{width: 100%;background: #1f1c37;padding: 20px 0;overflow: hidden;}
.mj_sh .s_list{width: 98%;margin: 2% auto;overflow: hidden;}
.mj_sh .s_list li{width: 31.3333%;margin: 1%;height: 280px;border-radius: 20px;padding: 30px;float: left;background: rgba(255,255,255,0.05);position: relative;
                        border: 1px solid rgba(255, 255, 255, 0.08);transition: all 0.4s ease;border-top: 5px solid #ec4899;}
.mj_sh .s_list li .img{height: 60px;width: 60px;margin: 10px auto;}
.mj_sh .s_list li .img img{display: block;max-width: 100%;}
.mj_sh .s_list li h4{font-size: 20px;margin-bottom: 10px;text-align: center;line-height: 30px;color: #fff;}
.mj_sh .s_list li .p3{color: #94a3b8;font-size: 15px;line-height: 24px;text-align: left;}
.mj_sh .s_list li:hover{transform: translateY(-10px);box-shadow: 0 10px 30px rgba(139, 92, 246, 0.25);}
/* 课程 */
.mj_kc{width: 100%;background: #1f1c37;padding: 20px 0;overflow: hidden;}
.mj_kc .k_cont{width: 98%;margin: 2% auto;overflow: hidden;}
.mj_kc .k_cont .mk{width: 48%;margin: 2% 1%;background:rgba(255,255,255,0.05) ;border: 1px solid rgba(255, 255, 255, 0.08);transition: all 0.4s ease;padding: 10px;border-radius: 20px;
                 float: left;height: 700px;}
.mj_kc .k_cont .mk .m_pic{border-radius: 10px;width:100%;height:auto;overflow: hidden;margin: 0 auto 10px;}
.mj_kc .k_cont .mk .m_pic img{display: block;max-width: 100%;}
.mj_kc .k_cont .mk .numb{display: inline-block;padding: 6px 18px;color: #fff;font-size: 14px;margin-bottom: 14px;border-radius: 30px;background: linear-gradient(135deg,#9759ea,#de4aa5);font-weight: bold;}
.mj_kc .k_cont .mk h3{font-size: 24px;color: #fff;margin-bottom: 14px;line-height: 30px;}
.mj_kc .k_cont .mk ul{margin: 10px 0;height: 160px;}
.mj_kc .k_cont .mk ul li{font-size: 15px;color: #94a3b8;padding-left: 24px;position: relative;margin-bottom: 14px;line-height: 20px;}
.mj_kc .k_cont .mk ul li::before{content: "✦";position: absolute;left: 0;color: #8b5cf6;font-size: 16px;}
.mj_kc .k_cont .mk .cut{margin-top: 10px;padding: 14px 16px;background: rgba(6, 182, 212, 0.1);border-left: 3px solid #06b6d4;border-radius: 10px;}
.mj_kc .k_cont .mk .cut .ctit{font-size: 13px;color: #06b6d4;margin-bottom: 10px;font-weight: bold;}
.mj_kc .k_cont .mk .cut .ctext{font-size: 13px;color: #94a3b8;}
.mj_kc .k_cont .mk:hover{border-color: #8b5cf6;box-shadow: 0 20px 50px rgba(139, 92, 246, 0.2);}
/* 选择 */
.mj_xz{width: 100%;background: #1f1c37;padding: 20px 0;overflow: hidden;}
.mj_xz .x_cont{width: 98%;margin: 2% auto;overflow: hidden;background: linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(59, 130, 246, 0.05));border: 1px solid rgba(139, 92, 246, 0.2);
               padding: 30px;border-radius: 24px;}
.mj_xz .x_cont .x_item{margin-bottom: 40px;}
.mj_xz .x_cont .x_item h3{font-size: 24px;color: #fff;text-align: center;line-height: 36px;margin-bottom: 20px;}
.mj_xz .x_cont .x_item h3 span{color: #ec4899;}
.mj_xz .x_cont .x_item .p4{font-size: 16px;color: #94a3b8;text-align: center;line-height: 24px;margin-bottom: 30px;}
.mj_xz .x_cont .x_item .x_pic{width: 100%;height: auto;margin:0 auto 20px;border-radius: 20px;overflow: hidden;box-shadow: 0 20px 60px rgba(139, 92, 246, 0.3);}
.mj_xz .x_cont .x_item .x_pic img{display: block;max-width: 100%;}
.mj_xz .x_cont .x_item .tools{display: flex;justify-content: center;gap: 30px;}
.mj_xz .x_cont .x_item .tools .lab{text-align: center;}
.mj_xz .x_cont .x_item .tools .lab h6{font-size: 15px;color: #fff;margin-bottom: 10px;}
.mj_xz .x_cont .x_item .tools .lab .p5{font-size: 13px;color: #94a3b8;}


@media only screen and (min-width: 320px) and (max-width: 750px){
	.mj_title{font-size: 26px;line-height: 36px;margin-bottom: 10px;}
	.mj_xb{font-size: 14px;}
	.mj_w .w_list li{width: 98%;margin: 2% 1%;height: auto;padding: 20px;}
	.mj_w .w_list li h4{font-size: 18px;}
	.mj_rq .r_list li{width: 48%;height: 160px;}
	.mj_rq .r_list li  h4{font-size: 18px;}
	.mj_td .t_list .li{width: 98%;height: auto;}
	.mj_sh .s_list li{width: 98%;margin: 2% 1%;height: auto;padding: 20px;}
	.mj_sh .s_list li h4{font-size: 18px;}
	.mj_kc .k_cont .mk{width: 98%;height: auto;}
	.mj_kc .k_cont .mk .m_pic {width: 100%;height: auto;}
	.mj_kc .k_cont .mk h3{font-size: 20px;}
	.mj_xz .x_cont{padding: 20px;}
	.mj_xz .x_cont .x_item{margin-bottom: 20px;}
	.mj_xz .x_cont .x_item h3{font-size: 20px;margin-bottom: 10px;}
	.mj_xz .x_cont .x_item .p4{font-size: 14px;margin-bottom: 20px;}
	.mj_xz .x_cont .x_item .tools{display: block;overflow: hidden;}
	.mj_xz .x_cont .x_item .tools .lab{width: 48%;margin: 2% 1%;float: left;}
	.mj_xz .x_cont .x_item .tools .lab h6{font-size: 14px;margin-bottom: 4px;}
}