.icon-menu-svg, .icon-search-svg, .icon-lag-svg { color: #000 !important; } .narshelpCenterdetail-app { width: 100%; display: flex; flex-direction: column; background: #fff; } .narshelpCenterdetail-app .headtop { width: 100%; left: 0; right: 0; margin: 0 auto; display: flex; position: fixed; top: 0; display: flex; padding: 1.25rem 0; align-items: center; flex-direction: row; justify-content: space-between; background: #fff; z-index: 10; } .narshelpCenterdetail-app .headtop .logoicoimg { width: auto; margin-left: 1.875rem; } .narshelpCenterdetail-app .headtop .ssicoimg { width: 1.875rem; height: 1.875rem; margin-right: 15px; } .narshelpCenterdetail-app .nhlp-app-content { /* margin: 1rem; */ height: 100%; margin-top: 9.2vh; width: 90%; margin: 0 auto; margin-top: 5rem; } .narshelpCenterdetail-app #rendered-content img { max-width: 100%; display: inline; } .narshelpCenterdetail-app .nhlpapp-search { position: fixed; z-index: 12; top: 0; height: 100vh; display: flex; width: 100%; background: #fff; flex-direction: column; display: none; } .narshelpCenterdetail-app .nhlpapp-search .nhlpappshtop { display: flex; flex-direction: row; align-items: center; justify-content: center; } .narshelpCenterdetail-app .nhlpapp-search .nhlpappshtop .closetx { font-size: 16px; margin-right: 8%; } .narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv { margin: 1rem 20px; height: 2.5rem; display: flex; flex-direction: row; align-items: center; border: 1px solid #cdcedb; border-radius: 1.5625rem; flex: 1; } .narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv input { font-size: 16px; padding: 0 20px; flex: 1; border: none; margin-left: 2px; outline: none; } .narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv input::placeholder { color: #8f9099; font-size: 14px; } .narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv .searchimg { width: 1.25rem; height: 1.25rem; margin-left: 1%; margin-right: 5%; } .narshelpCenterdetail-app .nhlpapp-search .dropdown { height: 90vh; overflow-y: auto; margin: 1.25rem; } .narshelpCenterdetail-app .nhlpapp-search .dropdown li { margin-bottom: 0.75rem; font-size: 0.9rem; font-weight: 400; width: 100%; white-space: nowrap; /* 禁止文本换行 */ overflow: hidden; /* 隐藏超出容器的内容 */ text-overflow: ellipsis; /* 超出部分用省略号表示 */ } .narshelpCenterdetail-app .nhlpapp-search .dropdown .search-item { color: #202734; } .narshelpCenterdetail-app .nhlpapp-search .nhlpappline { width: 100%; height: 1px; background: #cdcedb; } .narshelpCenterdetail-app .nhlpapp-pagescate { position: absolute; margin-top: 8.7vh; height: 92.3vh; display: flex; width: 100%; flex-direction: column; display: none; background: #fff; overflow-y: auto; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml { overflow-y: auto; margin: 0 0.625rem; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .nav-tree { overflow-y: auto; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .categoryhelp { margin-bottom: 5px; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .categoryhelp-title { display: block; padding: 10px; cursor: pointer; position: relative; display: flex; flex-direction: row; align-items: center; font-size: 1rem; font-weight: bold; margin-left: 10px; color: #1f2635; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .arrow { margin-right: 0.125rem; transform: rotate(0deg); display: flex; justify-content: center; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .arrow .nars-jt { width: 16px; height: 16px; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .rotate { transform: rotate(90deg); } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list { display: none; list-style: none; padding: 0; margin: 0; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list li a { width: fit-content; display: block; margin: 0 10px; padding-top: 22px; text-decoration: none; color: #333; margin-left: 41px; font-size: 0.875rem; color: #8f9099; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list li:first a { padding-top: 0; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list li a:hover { color: #1f2635; border-bottom: 1px solid #1f2635; } /*9.18 添加三级样式*/ .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list .two-mues { position: relative; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list .two-mues .two-a { position: relative; padding-top: 6px; display: flex; font-size: 0.95rem !important; flex-direction: row; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list .two-mues .two-a:hover { border-bottom: none; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list .thress-mues { display: none; } .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list .thress-mues a { padding-top: 0.375rem; padding-left: 1.875rem; }