::-webkit-scrollbar {
    display: none;
}

/* 全局样式 */
#app, body, html {
    margin: auto; /* 内容居中 */
    padding: 0; /* 内边距为0 */
    max-width: 650px; /* 最大宽度 */
    height: 100%; /* 高度占满屏幕 */
    background-color: #e5e7eb; /* 背景颜色 */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* 设置字体家族 */
    /* 设置文字大小调整为100%，确保文字大小在不同设备上的一致性 */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 备案号样式 */
.custom-title {
    font-family: 'Arial', sans-serif; /* 字体 */
    font-size: 14px; /* 字体大小 */
    font-weight: normal; /* 字体粗细 */
    color: #342c2c; /* 文字颜色 */
    letter-spacing: 0.5px; /* 字符间距 */
    line-height: 1.5; /* 行高 */
    text-align: center; /* 水平居中 */
    position: absolute; /* 绝对定位 */
    bottom: 30px; /* 距离底部距离 */
    width: 100%; /* 宽度占满 */
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

.avator {
    position: relative;
    font-size: 20px;
    line-height: 5rem;
    text-align: center;
    border-radius: 1rem;
}

p {
    margin: 0;
}

.header {
    margin-bottom: 10px;
}

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

.query-title h1 {
    margin: 10px 0;
    font-size: 50px;
    font-weight: 300;
    line-height: 1.2;
}

.concat {
    display: flex;
    flex: 1;
    justify-content: center;
    margin-top: 100px;
}

.concat button {
    width: 80%; /* 稍微增大了按钮的尺寸 */
    height: 50px; /* 稍微增大了按钮的尺寸 */
    background-color: #44aaad; /* 更明亮的紫色 */
    color: #fefefe;
    border: none;
    border-radius: 10px; /* 增加了按钮的圆角 */
    padding: 10px 20px; /* 添加了一些内边距，使按钮的文字更易于阅读 */
}

.query-content {
    margin-bottom: 20px; /* 修改这里的值来调整间距 */
}

.bottom {
    left: unset;
    margin: auto;
    max-width: 750px;
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
}

.bottom_tips {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    font-size: 14.5px;
    color: #333333;
    text-align: justify;
    font-family: Arial, sans-serif; /* 使用Arial字体，如果不可用，则回退到sans-serif字体 */
    font-weight: 400; /* 设置字体粗细 */
    line-height: 1.5; /* 设置行高 */
}

.result .information {
    margin-bottom: 10px;
    text-align: center;
}

.result .information .avator {
    overflow: hidden;
    vertical-align: top;
    margin: 8px auto;
    width: 120px;
    height: 120px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.result .info_list {
    padding: 0 20px 0 30px;
}

.video_result {
    margin-top: 30px;
    font-size: 14px;
    text-align: center;
}

.video_result .link {
    display: inline-block;
    color: #7a7374;
    word-break: break-word;
}

.video_result .link:hover {
    text-decoration: underline;
}

.video_result .video {
    overflow: hidden;
    margin: 20px;
    border-radius: 20px;
}

.feedback .feedback-content {
    overflow-y: auto;
    height: 300px;
}

.feedback .feedback-content::-webkit-scrollbar {
    display: block !important;
}

.feedback .feedback-content::-webkit-scrollbar {
    width: 4px;
    background: #ebeef5;
}

.feedback .feedback-content::-webkit-scrollbar-thumb {
    height: 120px;
    background-color: #ccc;
    border-radius: 20px;
}

/*个人心中动态设置水平线*/
.custom-cell {
    border-bottom: 5px solid #eee;
}

.custom-cell:last-child {
    border-bottom: none;
}

/* 设置文本左对齐 */
.align-left {
    text-align: left;
}

.content {
    padding: 16px 16px 160px;
    font-family: Arial, sans-serif; /* 使用更易读的字体 */
    line-height: 1.3; /* 增加行间距以提高可读性 */
    color: #333; /* 深灰色文字以提高对比度 */
}

/*通知栏垂直滚动*/
.notice-swipe {
    height: 20px;
    line-height: 20px;
}

/*网页底部字体样式*/
.copyright {
    text-align: center; /* 文本居中 */
    font-size: 14px; /* 字体大小 */
    color: #666; /* 字体颜色 */
    font-family: 'Arial', sans-serif; /* 字体族 */
    line-height: 1.6; /* 行高 */
    margin-top: 0; /* 上边距 */
    margin-bottom: 10px; /* 下边距 */
    text-decoration: none; /* 移除链接下划线 */
}

.copyright a:hover {
    color: #333; /* 鼠标悬停时的字体颜色 */
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
}

/*模块字体样式*/
.custom-title-style {
    /* 在这里设置你想要的字体样式 */
    /*font-size: 18px;*/
    font-weight: bold;
    color: rgba(88, 88, 239, 0.98);
    /* 其他样式... */
}

/*通用转链 - 使用 title 插槽来自定义标题*/
.cell-custom-title {
    margin-right: 4px;
    vertical-align: middle;
    color: #323233;
    font-size: 14px;
    line-height: 24px;
}

/*结算中心 - 单选按钮的效果*/
.is-active {
    background-color: #409eff;
    color: white;
}