body { background: #FFF; } .us body { background: #FFF; } .us .content-true { margin: 0; } .us .index-container { min-height: 800px; } @media screen and (min-height: 1204px) { .us .index-container { min-height: calc(100vh -  404px ); } } .us .i-nav { width: 200px; border-right: 1px solid #ececec; padding: 35px 0px; } .us .i-nav ul .hover a { color: #5298ff; } .us .i-nav ul li { text-align: center; margin-bottom: 20px; } .us .i-nav ul li:nth-last-child(1) { margin-bottom: 0; } .us .i-nav ul li a { display: block; height: 45px; line-height: 45px; font-size: 16px; position: relative; transition: 0.2s all; } .us .i-nav ul li a i { display: inline-block; vertical-align: middle; font-size: 20px; margin-right: 10px; } .us .i-nav ul li a:hover { color: #5298ff; } .us .i-nav ul li a .layui-badge { position: absolute; right: 21px; top: 6px; border-radius: 4px; } .us .i-content { padding: 35px 0px; width: calc(100% - 200px); padding-left: 60px; } .us .i-content .title { border-bottom: 0; } .text-content p { line-height: 30px; font-size: 16px; margin-bottom: 10px; } .text-content .icon { height: 24px; margin-right: 8px; vertical-align: middle; margin-top: -2px; } .text-content a { color: #104eaf; }