/* 按钮容器 */
.yxbqrbutton-container {
    margin-left: 200px;
    position: relative;
}

/* 深绿色按钮样式 */
.yxbqrgreen-button {
    background-color: #28a745; /* 深绿色 */
    color: white; /* 文字颜色 */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    transition: background-color 0.3s ease;
}

/* 按钮悬停效果 */
.yxbqrgreen-button:hover {
    background-color: #218838; /* 更深的绿色 */
}

/* 弹出层样式 */
.yxbqrpopup-layer {
    display: none; /* 默认隐藏 */
    position: absolute;
    top: 0;
    left: 100%; /* 按钮右侧 */
    margin-left: 10px; /* 与按钮的间距 */
    overflow: hidden; /* 防止内容溢出 */
}

/* 弹出层中的图片 */
.yxbqrpopup-layer img {
    width: 100%;
    height: auto;
    display: block;
}

/* 弹出层中的文字 */
.yxbqrpopup-layer p {
    margin: 10px;
    font-size: 14px;
    color: #333;
}

/* 鼠标悬停时显示弹出层 */
.yxbqrbutton-container:hover .yxbqrpopup-layer {
    display: block;
}

/* 手机端隐藏按钮 */
@media (max-width: 767px) {
.yxbqrbutton-container {
        display: none; /* 在手机端隐藏按钮及其弹出层 */
    }
}