@charset "UTF-8"; * { margin: 0; padding: 0; box-sizing: border-box; } html, body { width: 100%; height: 100%; font-size: 16px; scroll-behavior: smooth; } ul, ol { list-style: none; } a { text-decoration: none; } .ellipsis { width: -webkit-fill-available; /* 确保文本不会换行 */ white-space: nowrap; /* 溢出内容显示为省略号 */ overflow: hidden; /* 设置文本截断显示省略号 */ text-overflow: ellipsis; } #app { width: 100%; height: 100%; } .help-container { display: flex; } @media (min-width: 769px) { .help-container { height: calc(100vh - 90px); border-top: 1px solid rgba(153, 153, 153, 0.25); } } @media (min-width: 320px) and (max-width: 768px) { .help-container { padding-top: 54px; } } .help-container .help-menu { overflow-y: auto; } @media (min-width: 769px) { .help-container .help-menu { flex: 1; padding: 52px 48px; background: #f5f5f5; } } @media (min-width: 320px) and (max-width: 768px) { .help-container .help-menu { padding: 30px 20px; background: #faf2ed; } } .help-container .el-collapse { border: none; } .help-container .el-collapse .el-collapse-item .el-collapse-item__header, .help-container .el-collapse .el-collapse-item .el-collapse-item__wrap { border: none; } @media (min-width: 769px) { .help-container .el-collapse .el-collapse-item .el-collapse-item__header, .help-container .el-collapse .el-collapse-item .el-collapse-item__wrap { background: #f5f5f5; } } @media (min-width: 320px) and (max-width: 768px) { .help-container .el-collapse .el-collapse-item .el-collapse-item__header, .help-container .el-collapse .el-collapse-item .el-collapse-item__wrap { background: #faf2ed; } } .help-container .el-collapse .el-collapse-item .el-collapse-item__header { letter-spacing: 0; font-weight: 400; display: flex; flex-direction: row-reverse; justify-content: start; /* 确保文本不会换行 */ white-space: nowrap; overflow: hidden; /* 设置文本截断显示省略号 */ text-overflow: ellipsis; width: -webkit-fill-available; } .help-container .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow { margin: 0 8px 0 0; } .help-container .el-collapse .el-collapse-item .el-collapse-item__header.is-active { color: #000; font-weight: 700; } @media (min-width: 769px) { .help-container .el-collapse .el-collapse-item .el-collapse-item__header { font-size: 18px; color: #333333; margin-bottom: 16px; } } @media (min-width: 769px) { .help-container .el-collapse .el-collapse-item .el-collapse-item__content { padding-bottom: 20px; } } @media (min-width: 320px) and (max-width: 768px) { .help-container .el-collapse .el-collapse-item .el-collapse-item__content { padding-bottom: 0px; margin-bottom: -14px; } } .help-container .el-collapse .el-collapse-item .collapse-item { font-size: 14px; color: #333333; letter-spacing: 0; font-weight: 400; padding-left: 26px; cursor: pointer; } .help-container .el-collapse .el-collapse-item .collapse-item.collapse-item-active { color: #000000; font-weight: 700; } @media (min-width: 769px) { .help-container .el-collapse .el-collapse-item .collapse-item { margin-bottom: 28px; } } @media (min-width: 320px) and (max-width: 768px) { .help-container .el-collapse .el-collapse-item .collapse-item { margin-bottom: 24px; } } .help-container .el-drawer__body { background: #faf2ed; } @media (min-width: 769px) { .help-container .help-info { width: 73%; padding: 48px; } } @media (min-width: 320px) and (max-width: 768px) { .help-container .help-info { flex: 1; width: 100%; padding: 28px 18px; } } .help-container .help-info .content-title { display: flex; align-items: center; height: 48px; position: relative; margin-bottom: 16px; color: #333333; font-weight: 700; } @media (min-width: 769px) { .help-container .help-info .content-title { font-size: 18px; } } @media (min-width: 320px) and (max-width: 768px) { .help-container .help-info .content-title { font-size: 14px; justify-content: center; /* padding-left: 56px; */ } } .help-container .help-info .content-title .menu-show { height: 32px; width: 32px; background: #ffffff; box-shadow: 0 4px 8px 2px rgba(153, 153, 153, 0.15); display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; left: 0; } .help-container .help-info .content-title .menu-show img { height: 14px; } .help-container .help-info .content-title .content-title__txt { flex: 1; display: flex; justify-content: center; align-items: center; } .help-container .help-info .content-detail { overflow-x: auto; } @media (min-width: 769px) { .help-container .help-info .content-detail { height: calc(100vh - 236px); font-size: 18px; } } @media (min-width: 320px) and (max-width: 768px) { .help-container .help-info .content-detail { height: calc(100vh - 174px); font-size: 14px; } } /*# sourceMappingURL=help.css.map */