.floating-box {
    position: fixed;
    top: 50%;
    right: 20px; /* 调整距离右侧的位置 */
    width: 90px;
    transform: translateY(-50%);
    /*background-color: #FFFFFF;*/
    padding: 10px;
    /*border: 1px solid #EEEEEE;*/
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
    z-index: 999; /* 确保悬浮框在其他内容上方显示 */
}

/*.floating-box-btn {*/
/*    position: fixed;*/
/*    top: 45%;*/
/*    right: 20px; !* 调整距离右侧的位置 *!*/
/*    width: 70px;*/
/*    transform: translateY(-50%);*/
/*    background-color: #FFFFFF;*/
/*    padding: 10px;*/
/*    border: 1px solid #EEEEEE;*/
/*    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
/*    z-index: 999; !* 确保悬浮框在其他内容上方显示 *!*/
/*}*/

.floating-box-phone {
    position: fixed;
    top: 50%;
    right: 20px; /* 调整距离右侧的位置 */
    transform: translateY(-50%);
    background-color: #007bff;
    border: none;
    text-decoration: none;
    display: none;
    border-radius: 50%;
    z-index: 999; /* 确保悬浮框在其他内容上方显示 */
    width: 50px;
    height: 50px;

    /* 悬浮框样式 */ /* ... 其他样式属性 */
    transition: right 0.3s; /* 添加过渡效果 */

}


.floating-content {
    /* 可以添加需要的样式 */
}

.floating-content-group {
    text-align: center;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*bottom: 0;*/
    /*left: 25%; !* 使线条居中 *!*/
    /*width: 50%; !* 线条长度为 div 宽度的 50% *!*/
    /*height: 1px; !* 线条高度 *!*/
    /*background-color: #EEEEEE;*/
    border-bottom: 1px solid #EEEEEE; /* 绘制下边框线 */
    cursor: default;
    background-color: #FFFFFF;
    /*padding: 10px;*/
    border: 1px solid #EEEEEE;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* 其他样式 */
    transition: all 2s ease; /* 过渡所有属性，耗时0.5秒，使用ease曲线 */
    /*overflow: hidden; !* 隐藏溢出内容，以免动画效果不正常 *!*/
}

.floating-content-group a {
    text-decoration: none;
}

.floating-top-icon {
    text-align: center;
    font-size: 15px;
    padding-top: 10px;
    cursor: default;

}

.hide-button {
    /*transform: translateY(-1000px); !* 向上偏移隐藏按钮，可以根据需要调整偏移量 *!*/
    opacity: 0; /* 隐藏元素 */
    transform: translateY(0); /* 保持原位不移动 */
    transition: opacity 0.2s ease-in-out; /* 过渡效果，可以根据需要调整持续时间和缓动函数 */
}


.stay-visible {
    /*transform: translateY(0); !* 保持原位不移动 *!*/
    opacity: 1; /* 显示元素 */
    transform: translateY(0); /* 保持原位不移动 */
    transition: opacity 0.2s ease-in-out; /* 过渡效果，可以根据需要调整持续时间和缓动函数 */
}

.hide-click {

    display: none;
}

/* 在移动端隐藏悬浮框 */
@media (max-width: 767.98px) {
    .floating-box {
        display: none;
        width: 65px;
        font-size: 10px;
        padding: 5px;

    }

    .floating-box-phone {

        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;


    }

    .modal-floating {
        display: none;
    }
}


.tooltip-trigger {
    position: relative;
}

.tooltip {
    position: absolute;
    top: 15px;
    left: -120px; /* 调整提示框位置 */
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #0564F5;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0s 0.3s;
    z-index: 1;
}

.tooltip-trigger:hover .tooltip {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s;
}

.application-for-trial {
    color: black;
}

.myModal {
    display: none;
}

.modal-floating {
    /*display: none;*/
    position: fixed;
    bottom: 10px;
    right: 100px;
    width: 60%;
    height: 95%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    /*border-color: rgb(0, 123, 255);*/
    border: solid 1px #0075FF;
    z-index: 9999; /* 确保模态框在最上层 */
    overflow: hidden;
}

.modal-content {
    position: relative;
    width: 100%;
    height: 100%;
}

.modal-content {
    position: relative;
    width: 100%;
    height: 100%;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    /*font-size: 20px;*/
    cursor: pointer;
}


#iframe-wechat {
    height: 100%;
    width: 100%;
    overflow: hidden; /* 隐藏iframe中的滚动条 */
}

.toggle-button {
    /* 按钮样式 */
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    /* ... 其他样式属性 */
}

.floating-box {
    /* 悬浮框样式 */
    position: fixed;
    right: 0; /* 初始位置在屏幕右侧之外 */
    /* ... 其他样式属性 */
    transition: right 0.3s; /* 添加过渡效果 */
}