@charset "UTF-8";


/*==================================================
 * 官方账号导航 – 响应式补丁
 *================================================*/


/*官方微信/头条/小程序等，居中*/
.footer-outerLink {
    justify-content: center;
}

/*官方微信/头条/小程序等，每一个对应一个outer-item*/
.footer-outerLink .outer-item {
    z-index: 3;
    flex: 0 0 auto;
    position: relative;
    margin-left: 2.4rem;
    cursor: pointer;
    padding: 1.7rem 0;
}


.footer-outerLink .outer-mains {
    justify-content: flex-start;
}


/*官方微信/头条/小程序等名称*/
.footer-outerLink .outer-name {
    font-size: 18px;
    line-height: 20px;
    color: #333;
    margin-bottom: 5px;
    transition-duration: .3s;
}
/*官方微信/头条/小程序等名称下的介绍或提示*/
.footer-outerLink .outer-detail {
    font-size: 14px;
    line-height: 20px;
    color: #6f6f6f;
    transition-duration: .3s;
}
/*官方微信/头条/小程序等名称前的伪元素，竖分隔线，并排除第1个*/
.footer-outerLink .outer-item:not(:first-child):before {
    background: #e5e5e5;
    height: 40px;
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    left: -1.2rem;
    top: 50%;
    margin-top: -20px;
}
/*官方微信/头条/小程序名称和简介热点状态颜色*/
.footer-outerLink .outer-item:hover .outer-name,.footer-outerLink .outer-item:hover .outer-detail {
    color:#e60039;
}



.outer-ico {
    position: relative;  /* 关键：创建定位上下文 */
    cursor: pointer;     /* 鼠标手型 */
    width: 26px;
    height: 24px;
    margin-right: 10px;
}
/* 默认状态 */
.outer-item .unhover {
    opacity: 1;
}

.outer-item .hover {
    opacity: 0;
}

/* 鼠标悬停时切换 */
.outer-item:hover .unhover {
    opacity: 0;
}

.outer-item:hover .hover {
    opacity: 1;  /* 显示悬停图片 */
}

/* 公共样式：两张图片重叠 */
.outer-item img {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease; /* 平滑过渡 */
}
/* 二维码：默认隐藏（可过渡） */
.outer-ewm {
    visibility: hidden;

    /* 定位示例：绝对定位在容器上方 */
    position: absolute;
    top: -140px;
    left: 50%;
    margin-top: 10px;
    z-index: 99;
    width: 140px;
    height: 140px;

    opacity: 0;
    transform: translateX(-50px); /* 关键：X轴负值 = 从左侧 */
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.outer-item.animate-in {
    opacity: 1;
    transform: translateX(0);
}
.outer-item:nth-child(1) { transition-delay: 0.1s; }
.outer-item:nth-child(2) { transition-delay: 0.2s; }
.outer-item:nth-child(3) { transition-delay: 0.3s; }


/* 鼠标移入父级 .outer-txts 时显示 */
.outer-item:hover .outer-ewm {
    opacity: 1;
    visibility: visible;
}