.splitflagstyle263560{ color: #ffffff ;}
.fontstyle263560{ font-size: 9pt; color: #ffffff;}
.winstyle263560{ font-size: 9pt; color: #ffffff; font-family: 宋体;}

/* 三级导航样式 - 继承二级风格并做适当调整 */
.list_sanji {
    margin: 0 .15rem;
    padding: .1rem 0 .2rem;
    background: url(../images/list_erji_l.jpg) center bottom repeat-x;
    display: none;}

.list_erji li.on .list_sanji {
    display: block;}

.list_sanji li {
    position: relative;
    padding: 0 .1rem;}

.list_sanji li a {
    display: block;
    line-height: .5rem;
    text-align: center;
    font-size: .18rem;
    color: #666;
    position: relative;
    transition: all .5s;}

/* 三级导航箭头图标 - 比二级略小 */
.list_sanji li a:before {
    content: "";
    position: absolute;
    background: url(../images/list_erji_jt.png) center no-repeat;
    width: .18rem;
    height: .14rem;
    background-size: cover;
    right: .1rem;
    top: 50%;
    margin-top: -.07rem;
    transform: translateX(-.08rem);
    opacity: 0;
    transition: all .5s;}

/* 当前/悬停状态 */
.list_sanji li.on a,
.list_sanji li:hover a {
    color: #4014a7;
    font-weight: bold;}

.list_sanji li.on a:before,
.list_sanji li:hover a:before {
    transform: translateX(0);
    opacity: 1;}

/* 当前三级栏目特殊样式 */
.list_sanji li.on a {
    color: #260a66;
    background: rgba(64, 20, 167, 0.05);
    border-radius: .04rem;}


.nav-level3-container {
    margin: 20px 0;
    position: relative;}

.nav-level3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 0 10px;}

.nav-level3 .nav-item {
    position: relative;
    padding: 18px 25px;
    font-size: 16px;
    color: #444;
    background: #f8f8f8;
    border-radius: 8px;
    transition: all 0.3s;
    text-align: center;
    overflow: hidden;
    border: 1px solid #eee;}

.nav-level3 .nav-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #7e12ac, #2c06a0);
    transform: scaleX(0);
    transition: transform 0.3s;}

/* 悬停/激活状态 */
.nav-level3 .nav-item.active,
.nav-level3 .nav-item:hover {
    background: #fff;
    box-shadow: 0 5px 15px rgba(126, 18, 172, 0.1);
    transform: translateY(-3px);}

.nav-level3 .nav-item.active:before,
.nav-level3 .nav-item:hover:before {
    transform: scaleX(1);}

/* ========= 四级导航样式 ========= */
.nav-level4 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
    padding: 0 15px;
    margin: 15px 0;}

.nav-level4 .nav-item {
    padding: 10px 15px;
    font-size: 13px;
    color: #666;
    background: #f9f9f9;
    border-radius: 6px;
    text-align: center;
    transition: all 0.2s;
    border: 1px solid #f0f0f0;}

.nav-level4 .nav-item.active,
.nav-level4 .nav-item:hover {
    background: linear-gradient(135deg, #7e12ac, #2c06a0);
    color: #fff;
    box-shadow: 0 2px 8px rgba(126, 18, 172, 0.2);}

/* ========= 分隔线样式 ========= */
.nav-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, #ddd, transparent);
    margin: 25px 15px;}

.n-tea-list ul li{padding:2%;width: 96%;margin: 25px auto 0 auto;background: #f1f1f1;height: auto;overflow: hidden;}
.n-tea-list ul li img{float: left;width: 120px;height: 168px;}
.n-tea-list-z{float: right;width:calc(100% - 150px);}
.n-tea-list-z h2{color: #2c06a0;font-size: 24px;font-weight: bold;display: inline-block;margin: 10px auto 5px auto;height: auto;overflow: hidden;}
.n-tea-list-z em{color: #333;font-size: 20px;margin-left: 15px;display: inline-block;}
.n-tea-list-z p{font-size: 16px;line-height: 30px;color: #555;}
.n-tea-list-z p:before{content: "";background: linear-gradient(92deg, #7e12ac 0%, #2c06a0 100%);width: 5px;height: 11px;background-position: 100% 0;display: inline-block;vertical-align: middle;margin-bottom: 3px;margin-right: 10px;}
.n-tea-list-z span{width: 120px;height: 40px;line-height: 40px;color: #fff;background: linear-gradient(92deg, #7e12ac 0%, #2c06a0 100%);float: right;text-align: center;font-size: 16px;display: inline-block;margin-top: 20px;}