.share {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    text-decoration: none;
}

.uc-icon32 {
    width: 32px;
    height: 32px;
    transition: transform 0.3s ease;
}

.qrcode {
    position: absolute;
    bottom: 100%; /* 二维码出现在图标上方 */
    left: 50%;
    transform: translateX(-50%) scale(0); /* 初始状态下隐藏 */
    transform-origin: bottom;
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0; /* 初始状态下透明 */
    z-index: 10;
}

.qrcode img {
    width: 150px;
    height: 150px;
    display: block;
}

.btn:hover .uc-icon32 {
    transform: scale(1.1); /* 图标放大效果 */
}

.btn:hover .qrcode {
    transform: translateX(-50%) scale(1); /* 显示二维码 */
    opacity: 1; /* 显示二维码 */
}
.uc-jobs-1 .item:hover {
    background-color: #3c3d3d;
    color: #fff;
}

 .joinlist {
            display: flex;
            flex-direction: column; /* 子元素垂直排列 */
            justify-content: center;
            align-items: center;
            padding: 10px;
        }
        .button {
            width: 90vw; /* 使用视窗宽度单位，确保宽度为屏幕宽度的90% */
            max-width: 450px; /* 设置最大宽度 */
            height: 55px;
            margin: 10px 0;
            border: 1px solid #3c3d3d;
            color: #3c3d3d;
            font-size: 18px;
            cursor: pointer;
            text-align: center;
            line-height: 55px; /* 确保文字垂直居中 */
            text-decoration: none;
            display: block;
            box-sizing: border-box; /* 包括边框和内边距在宽度计算中 */
        }
        .button:hover {
            background-color: #3c3d3d;
            color: #fff;
        }

        /* 移动端优化 */
        @media (max-width: 768px) {
            .button {
                font-size: 16px;
                height: 50px;
                line-height: 50px;
            }
        }

        /* 更小屏幕优化 */
        @media (max-width: 480px) {
            .button {
                font-size: 14px;
                height: 45px;
                line-height: 45px;
            }
        }
   /* .g-title h2 {*/
   /*    font-weight: bold;*/
   /*}*/
   /*.uc-brand-2 h3, .uc-brand-3 h3, .uc-brand-4 h3, .uc-brand-5 h3 .g-title h2 {*/
   /*    font-weight: bold;*/
   /*}*/
   /*.uc-step-2 .list h3 {*/
   /*    font-weight: bold;*/
   /*}*/
   .uc-coffee{
       margin-left: 2rem;
   }
   .header-pc .head-top{
       width: 100%;
       height: 50px;
       background: #3a2215;
   }
  .head-top{
       width: 100%;
       height: 90px;
       background: #3a2215;
   }
   .nav2{
     display: flex;
    flex-wrap: wrap;
    margin: auto;
    width: 800px;
   }
   .uc-step-1 p {
       text-align: center;
       margin: auto;
   }