.narshelpdetailPc { display: flex; flex-direction: column; background: #f9f9f9; } .narshelpdetailPc .ql-container{ width: 81%; } .narshelpdetailPc .narsssmain { width: 100%; display: flex; flex-direction: row; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 21px 0; top: 0; align-items: center; background: #fff; z-index: 2; } .narshelpdetailPc .narsssmain .dropdown { display: none; position: absolute; top: 124px; left: 0; width: 435px; 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; } .narshelpdetailPc .narsssmain .dropdown ul { list-style-type: none; padding: 0; margin: 0; } .narshelpdetailPc .narsssmain .dropdown ul li { padding: 10px; cursor: pointer; } .narshelpdetailPc .narsssmain .dropdown ul li:hover { background-color: #f4f4f4; } .narshelpdetailPc .narsssmain .ml { font-size: 14px; padding-left: 25px; padding-top: 37px; padding-bottom: 31px; color: #8f9099; position: absolute; } .narshelpdetailPc .narsssmain .nars-hlp-search { width: 440px; height: 42px; border-radius: 1.3125rem; font-size: 14px; display: flex; flex-direction: row; align-items: center; color: #8f9099; border: 1px solid #cdcedb; margin: 0 auto; } .narshelpdetailPc .narsssmain .nars-hlp-search .ssimg { width: 1.6rem; height: 1.6rem; margin-right: 3%; } .narshelpdetailPc .narsssmain .nars-hlp-search input { font-size: 14px; border: none; padding: 0 15px; outline: none; flex: 1; margin-right: 2%; margin-left: 2%; } .narshelpdetailPc .narsssmain .nars-hlp-search input::placeholder { color: #8f9099; text-align: center; font-size: 14px; } .narshelpdetailPc .nars-help-content { display: flex; flex-direction: row; } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml { width: 252px; overflow-y: auto; border-right: 1px solid #ccc; } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .nav-tree { max-height: 800px; overflow-y: auto; } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .category { margin-bottom: 5px; } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .category-title { display: block; padding: 10px; cursor: pointer; position: relative; display: flex; flex-direction: row; align-items: center; font-size: 14px; font-weight: bold; margin-left: 10px; color: #1f2635; } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .arrow { margin-right: 2px; transform: rotate(0deg); display: flex; justify-content: center; } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .arrow .nars-jt { width: 16px; height: 16px; } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .rotate { transform: rotate(45deg); } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list { display: none; list-style: none; padding: 0; margin: 0; } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a { width: fit-content; display: block; margin: 0 10px; padding-top: 6px; text-decoration: none; color: #333; margin-left: 41px; font-size: 12px; color: #8f9099; } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li:first a { padding-top: 0; } .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a:hover, .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a.active { color: #1f2635; border-bottom: 1px solid #1f2635; font-weight: bold; } .narshelpdetailPc .nars-help-content .nars-hlpdt-mm { padding: 32px 150px; max-height: 920px; min-height: 700px; height: auto; flex: 1; overflow-y: auto; position: relative; } .narshelpdetailPc .nars-help-content .nars-hlpdt-mm img{ max-width: 100%; } .narshelpdetailPc .nars-help-content .nars-hlpdt-mm p img{ display: inline; max-width: 100%; margin: 5px 0; } /* .narshelpdetailPc .nars-help-content .nars-hlpdt-mm img{*/ /* width: -webkit-fill-available;*/ /*}*/ .narshelpdetailPc .nars-help-content .nars-hlpdt-mr { width: 252px; overflow-y: auto; border-left: 1px solid #ccc; overflow-y: auto; display: flex; } .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list { padding: 0 20px; float: right; max-height: 800px; min-height: 700px; overflow-y: auto; } .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list .tt { font-size: 14px; padding-top: 33px; padding-bottom: 1rem; margin: 0; } .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul { list-style-type: none; padding: 0; } .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li { margin-bottom: 15px; } .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li a { text-decoration: none; font-size: 12px; color: #1f2635; } .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li a:hover { color: #1f2635; border-bottom: 1px solid #1f2635; } .nav-tree .category:nth-child(1) .category-title { padding-top: 33px; } .orico_footer .fotter{ margin-top: 0 !important; } h1, h2, h3, h4, h5, h6 { margin: 0; all: revert; /* 将所有属性设置为初始值 */ /* 或者使用 all: revert; 恢复到浏览器默认样式,但该属性兼容性不如 initial */ }