@charset "utf-8"; .mt30 { margin-top: 30px; } h3 { border-bottom: 1px solid #d7d7d7; height: 38px; font-size: 24px; font-weight: 400; line-height: 22px; position: relative; } h3 a { display: inline-block; height: 38px; } h3 .active { display: inline-block; border-bottom: 2px solid #bc1b2d; height: 38px; } h3 .column-more { color: #a9a9a9; font-size: 14px; font-weight: 400; position: absolute; right: 0; top: 50%; margin-top: -16px; line-height: 18px; } h3.tabs { padding-left: 20px; } h3.tabs:before { content: ""; position: absolute; top: 3px; left: 0; width: 4px; height: 18px; background-color: #f13b3b; } h3.tabs .active { border-bottom: none; } @media screen and (max-width: 768px) { h3 { font-size: 18px; height: 32px; } h3 a { display: inline-block; height: 32px; } h3 .active { height: 32px; line-height: 25px; } h3 .column-more { margin-top: -13px; } h3.tabs { padding-left: 10px; } } @media screen and (max-width: 768px) { .jgsz h3 { font-size: 16px; } } .jgsz ul { width: 97%; margin: 15px 0 15px 3%; overflow: hidden; } @media screen and (max-width: 768px) { .jgsz ul { margin: 8px auto; } } .jgsz ul li { float: left; min-width: 18.5%; margin-right: 1%; line-height: 35px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .jgsz ul li { width: auto; min-width: 20%; margin-bottom: 3px; } } .jgsz ul li a { line-height: 34px; height: 34px; font-size: 15px; padding-left: 12px; background: url(/bjmtg/xhtml/2020bjmtg/images/public/dot.png) no-repeat 0; color: #666; margin-right: 10px; } .jgsz ul li a:hover { color: #bd1a2d; }