* { padding: 0; margin: 0; box-sizing: border-box; /* font-family: ' '; */ } ul li { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: none; } img { vertical-align: top; outline-width: 0ch; } @media only screen and (min-width: 996px) { /* 选中栏目颜色 */ .selected_color { background-color: var(--main-color) !important; color: var(--main-color-white) !important; } .left_inside { max-width: 1300px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; padding-bottom: 30px; } .left_inside_left { width: 250px; } .left_inside_right { flex: 1; padding-left: 40px; } .left_inside_left strong { height: 60px; padding-left: 20px; background-color: var(--main-color); display: block; width: 100%; line-height: 60px; color: var(--main-color-white); font-weight: normal; font-size: 20px; } .left_inside_left ul li a { display: block; height: 40px; margin-top: 3px; line-height: 40px; padding-left: 20px; font-size: 14px; color: var(--main-color-fontColor); background-color: #eeeeee; } .left_inside_left ul li a:hover { background-color: var(--main-color); color: var(--main-color-white); } .left_inside_right_top { font-size: 24px; color: var(--main-color); position: relative; padding-bottom: 15px; border-bottom: 1px solid #ededed; } .left_inside_right_top::after { position: absolute; width: 90px; height: 2px; content: ''; bottom: -1px; left: 0; background-color: var(--main-color); } .left_inside_right_con { padding: 20px 0; } .left_inside_right_con .title { display: none; } } @media only screen and (max-width: 996px) { /* 选中栏目颜色 */ .selected_color { background-color: var(--main-color) !important; color: var(--main-color-white) !important; } .left_inside { width: 100%; padding: 30px 15px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; } .left_inside_left { width: 100%; position: sticky; top: 60px; background-color: var(--main-color-white); z-index: 80; } .left_inside_right { width: 100%; margin-top: 30px; } .left_inside_left strong { height: 60px; padding-left: 20px; background-color: var(--main-color); display: block; width: 100%; line-height: 60px; color: var(--main-color-white); font-weight: normal; font-size: 20px; } .left_inside_left ul li a { display: block; height: 40px; margin-top: 3px; line-height: 40px; padding-left: 20px; font-size: 14px; color: var(--main-color-fontColor); background-color: #eeeeee; } .left_inside_left ul li a:hover { background-color: var(--main-color); color: var(--main-color-white); } .left_inside_right_top { font-size: 24px; color: var(--main-color); position: relative; padding-bottom: 15px; border-bottom: 1px solid #ededed; } .left_inside_right_top::after { position: absolute; width: 90px; height: 2px; content: ''; bottom: -1px; left: 0; background-color: var(--main-color); } .left_inside_right_con { padding: 20px 0; } }