.public-top { background:#E52420!important}
.public-top .quick_list li:hover a{color: #333333}
.header .form_fields{background-color:#FE9619}
.header .form_fields .submit{background:#FE9619}
.header .top_search_box ul{border:2px solid #FE9619;border-right:none;background:#fff}
/*.mall_nav .all_categorys{background-color:#FE9619}

/* 新导航栏设定====================================================

/* 1. 导航外层整体弹性布局 */
.mall_nav .w1200 {
    display: flex;
    align-items: center;
    height: 40px;
}
/* 取消all_categorys整体蓝色背景，恢复透明 */
.mall_nav .all_categorys {
    display: flex;
    align-items: center;
    height: 40px;
    width: auto;
    position: relative;
    background: transparent !important;
}
/* 仅顶部“所有课程分类”红色标题块保留底色 */
.mall_nav .all_categorys .mt {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    width: auto;
    background: #E52420;
}
.mall_nav .all_categorys .mt h3 a {
    color: #fff;
}
/* 一级分类ul横向平铺 */
.mall_nav .all_categorys .menu {
    display: flex;
    height: 40px;
    margin: 0;
    padding: 0;
}
/* 一级li：左右统一padding，整块li铺满橙色，右侧无空白缺口 */
.mall_nav .all_categorys .menu > li {
    width: auto;
    height: 40px;
    /* 左右统一16px内边距，不再左右不对称padding */
    padding: 0 20px;
    position: relative;
    float: none;
    display: flex;
    align-items: center;
    background: transparent;
}
/* 最后一个一级分类取消右侧外边距，末尾无多余空白 */
.mall_nav .all_categorys .menu > li:last-child {
    margin-right: 0;
}
/* hover整块li全部填充橙色，包含左右padding区域（红圈空白处也变橙色） */
.mall_nav .all_categorys .menu > li.hover {
    background: #FE9619 !important;
}
/* 一级分类文字默认深灰，hover变白 */
.mall_nav .all_categorys .menu > li .class h4 a {
    color: #333;
}
.mall_nav .all_categorys .menu > li.hover .class h4 a {
    color: #fff;
}
/* 一级内部图标文字居中，间距不变 */
.mall_nav .all_categorys .menu > li .class {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 40px;
    font-size: 14px;
}

/* ========== 一级悬浮二级下拉面板【精准左右对齐橙色块】 ========== */
.mall_nav .all_categorys .sub-class {
    position: absolute;
    left: 0;
    top: 40px;
    width: calc(100% - 24px);
    /* 左右负外边距抵消自身padding，和上方橙色边缘对齐 */
    background: rgba(255, 255, 255, 0.95);
    padding: 12px;
    box-shadow: 0 1px 1px #ccc;
    display: none;
    z-index: 99;
}

/* 鼠标悬浮一级li显示二级面板 */
.mall_nav .all_categorys .menu > li.hover .sub-class {
    display: block;
}
/* 内部全部纵向单列排列 */
.sub-class-content {
    display: block;
}
/* 推荐标签纵向排列 */
.sub-class-content .recommend-class span {
    display: block;
    margin: 15px 0;

    line-height: 2;
}
/* 二级分类容器相对定位，作为三级弹出基准 */
.sub-class-content dl {
    position: relative;
    width: 100%;
    margin: 12px 0;
}
/* 二级分类标题样式 */
.sub-class-content dl dt h3 {
    font-size: 14px;
    margin-bottom: 6px;
}

/* ========== 三级弹出面板 ========== */
.sub-class-content dl .goods-class {
    position: absolute;
    left: calc(100% + 12px);
    top: 0;
    /* 【可自行调整】三级框整体宽度 */
    width: 100%;
    background: rgba(255, 255, 255, 1);
    /* 【可自行调整】三级内边距（控制框大小） */
    padding: 0 12px;
    border-radius: 1px;
    display: none;
    z-index: 100;
    /* 替换原来的display:none，开启过渡延时 */
    display: block;
    opacity: 0;
    visibility: hidden;
    /* 移出后延迟1s再消失，淡入淡出动画0.2s */
    transition: opacity 0.2s ease, visibility 0.2s ease 1s;
}

.sub-class-content dl:hover .goods-class {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}



/* 三级条目排版 */
.sub-class-content dl .goods-class a {
    display: block;
    /* 【可自行调整】三级条目上下间距 */
    margin: 4px 0;
    padding: 3px 5px;
    color: #444;
    /* 【可自行调整】三级字体大小 */
    font-size: 14px;
    /* 【可自行调整】文字行高 */
    line-height: 1.5;
}
.sub-class-content dl .goods-class a:hover {
    color: #007bff;
}

/* 兜底删除mc残留样式 */
.mall_nav .all_categorys .mc {
    display: none !important;
}

/* 图标对应分类编码 */
.category-ico-1:before{content: "\e741";}
.category-ico-2:before{content: "\e60c";}
.category-ico-3:before{content: "\e62e";}

/* 统一图标大小颜色：hover变白 */
.all_categorys .menu > li .class .iconfont {
    font-size: 18px;
    color: #333;
}
.all_categorys .menu > li.hover .class .iconfont {
    color: #fff;
}
/* 新导航栏设定结束=============================================*/


.mod_personal_center {
    background-color: rgba(255, 255, 255, 0.88) !important;
    position: absolute;
    z-index: 102;
    right: 996px!important;  /* 距离页面右侧边距 */
    top: 48px;    /* 距离页面顶部边距 */
    width: 205px;
    padding-top: 56px;
}



/* 首页样式设定=============================================*/

.goods-price {
    display: flex!important;
    align-items: center!important;
    gap: 30rpx!important;
}
/* 限时特惠文字不换行 */
.sale-tip {
    white-space: nowrap;
}
.goods-price .price {
    color: #e52420;
    font-weight: bold;
    font-size: 30rpx;
}
.goods-price .sale-price {
    font-size: 34rpx;
}
.market-price-line {
    font-size: 22rpx;
    color: #999;
    text-decoration: line-through;
}
.sales {
    margin-left: auto;
    font-size: 22rpx;
    color: #666;
}

.goods-tag-self {
    display: inline-block;
    padding: 0 3px;
    background-color: #E52420;
    color: #ffffff;
    font-size: 12px;
    border-radius: 3px; /* 四边超大圆角胶囊 */
    line-height: 1.5;
}
.lazyload {
	object-position: top center;
}
.sale-tip {
    display: inline-block;
    padding: 0 3px;
    background-color: #FE9619;
    color: #ffffff;
    font-size: 12px;
    border-radius: 3px; /* 四边超大圆角胶囊 */
    line-height: 1.5;
}
	
.floor .mc ul li {
	background: #fbfbfb;
	border-radius: 12px; /* 圆角，和图标风格匹配 */

	
	
	}



/* 首页样式设定结束=============================================*/

/* 机构设定区域==========================================================================================*/


/*机构首页*/

.dss-goods-title-nav ul li a {background-color: #F5F5F5!important;transition: color 0.3s}
.dss-goods-title-nav ul li a:hover {color: #23B8FF!important}
.dss-goods-info-content {padding: 23px!important}
.dss-cosult-main { border-width: 1px 1px 1px!important}
.dss-nav {background: #FFF!important;}
.dss-nav ul {background: #FE9619!important}


.banner {
    width: 100%;
    overflow: hidden; /* 超出高度直接隐藏，不会往下盖住导航 */
}
.banner-img {
    width: 100%;
    height: 145px; /* 固定横幅高度，按需改成280/350 */
    display: block;
    object-fit: cover;
    object-position: middle center; /* 人脸/店铺标题置顶，不会裁头部 */
}



/*==========*/



.theme-thumbnail {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 4px;
    transition: transform 0.2s ease;
}

.theme-thumbnail:hover {
    transform: scale(1.03);
}

.templet-thumb {
    width: 120px;
    height: 80px;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #eee;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.templet-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.templet-thumb img:hover {
    transform: scale(1.05);
}