.narshelpCenterPc { display: flex; flex-direction: column; /* 下拉搜索框样式 */ /* 下拉搜索框中的建议项样式 */ } .narhelpgoimg { display: flex; justify-content: center; } .narshelpCenterPc .narhelpgoimg img { width: 16px; height: 16px; } .narshelpCenterPc .pagetopbg { width: 100%; position: relative; align-items: center; display: flex; justify-content: center; flex-direction: column; } .narshelpCenterPc .pagetopbg .hpbgimg { width: 100%; } .narshelpCenterPc .pagetopbg .nhlp-search { width: 35%; height: 48px; border-radius: 24px; background: #5299e1; flex-direction: row; align-items: center; display: flex; position: absolute; justify-content: space-between; border: 0.0625rem solid #fff; bottom: 15%; cursor: pointer; box-shadow: 2px 2px 100px #8d8d8d; } .narshelpCenterPc .pagetopbg .nhlp-search .nhlp-ipt { border: none; width: 86%; height: 48px; margin-left: 5%; color: #fff; background: transparent; font-size: 1rem; } .narshelpCenterPc .pagetopbg .nhlp-search .searchimg { width: 1.6rem; height: 1.6rem; margin-right: 3%; } .narshelpCenterPc .pagetopbg .nhlp-search input { border: none; padding: 0; outline: none; } .narshelpCenterPc .pagetopbg .nhlp-search input::placeholder { color: #fff; text-align: center; font-size: 16px; } .narshelpCenterPc .nhlppart1 { width: 74.6%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; } .narshelpCenterPc .nhlppart1 .helph1 { margin: 0 auto; margin-top: 54px; font-weight: bold; font-size: 32px; margin-bottom: 38px; } .narshelpCenterPc .nhlppart1 .nhlp-row { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 4.625rem; } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit { min-width: 27.4%; flex:1; padding: 2.25rem; background: #fafafa; border-radius: 8px; color: #202734; font-size: 1rem; margin-right: 12px; margin-bottom: 12px; } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlptl { display: flex; flex-direction: row; align-items: center; font-size: 1.25rem; font-weight: bold; padding-bottom: 1.25rem; } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlptl .bhlpicoimg { width: 36px; height: 36px; margin-right: 10px; } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list { display: flex; flex-direction: column; } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .txrow { display: flex; flex-direction: row; align-items: center; margin-bottom: 1rem; cursor: pointer; } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .txrow .nhlp-point { width: 0.3125rem; height: 0.3125rem; background: #202734; border-radius: 0.1875rem; margin: 0 0.625rem; margin-left: 0.25rem; } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .txrow .nhlpsp { flex: 1; color: #1f2635; font-size: 1rem; white-space: nowrap; /* 不允许换行 */ overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 超出部分显示省略号 */ } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .ckgdbt { background: #fff; width: fit-content; color: #bfbfc4; font-size: 0.9375rem; border: 0.0625rem solid #bfbfc4; padding: 0.4375rem 1.125rem; margin-top: 1rem; cursor: pointer; border-radius: 1.5rem; display: flex; flex-direction: row; align-items: center; } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit-w { width: 44.1%; } /* .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit-w:last-child { margin-right: 0; } */ /* .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit:nth-child(3n) { margin-right: 0; } */ .narshelpCenterPc .lxwmtitle { margin: 0 auto; margin-bottom: 38px; font-weight: bold; font-size: 32px; } .narshelpCenterPc .nhlp-lxwm { width: 74.6%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; } .narshelpCenterPc .nhlp-lxwm .nhlp-row { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; margin-bottom: 4.625rem; } .narshelpCenterPc .nhlp-lxwm .nhlp-row-content{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .narshelpCenterPc .nhlp-lxwm .nhlp-row-content .nhlplxwmit-w1:last-child, .narshelpCenterPc .nhlp-lxwm .nhlp-row-content .nhlplxwmit-w2:last-child{ margin-right: 0; } .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit { background: #f9f9f9; width: 392px; height: 291px; margin-bottom: 0.75rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 12px; border-radius: 8px; cursor: pointer; } .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .lximg { width: 4.375rem; height: 4.375rem; margin-bottom: 2.125rem; } .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .lxewmimg { width: 6.875rem; width: 6.875rem; margin-bottom: 1.25rem; display: none; } .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .t1 { font-size: 1rem; padding-bottom: 0.375rem; color: #1f2635; } .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .t2 { font-size: 0.75rem; color: #1f2635; } .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w1 { /* width: 32.7%; */ flex:1; } .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w2 { /* width: 24.3%; */ flex:1; } .narshelpCenterPc .dropdown { display: none; position: absolute; top: 355px; left: 0; width: 35%; border: 1px solid #ccc; border-top: none; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin: 0 auto; right: 0; max-height: 18.75rem; min-height: 3.125rem; overflow-y: auto; } .narshelpCenterPc .dropdown ul { list-style-type: none; padding: 0; margin: 0; } .narshelpCenterPc .dropdown ul li { padding: 10px; cursor: pointer; } .narshelpCenterPc .dropdown ul li:hover { background-color: #f4f4f4; }