@import ; .clr { clear:both; } pre { padding:15px; white-space:pre-wrap; } .header { height:25px; line-height:24px; font-size:13px; background:#000; opacity:0.9; text-transform:uppercase; z-index:4; } .header a { padding:5px 10px; letter-spacing:1px; text-shadow:1px 1px 1px #000; color:#ddd; text-align:right; } .header a:hover { color:#fff; } .header a span { font-weight:bold; } .header span.right_ab { position:absolute; right:4px; } .content { width:100%; z-index:100; display:none; overflow:hidden; } .inner { padding:0 1px; max-width:624px; margin:0 auto 1px; background:#fff; } .more ul { max-width:640px; overflow:hidden; text-transform:uppercase; font-size:12px; font-family:'pt sans narrow',arial,sans-serif; margin:0 auto; } .more ul li { width:25%; line-height:30px; float:left; display:inline; white-space:nowrap; color:#fff; padding:0 1px 1px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .more ul li:nth-child(4n) { padding-right:0; } .more ul li.selected a,.more ul li.selected a:hover { background:#f7f7f7; color:#000; text-shadow:none; white-space:nowrap; } .more ul li a { font-size:12px; display:block; line-height:30px; color:#fff; text-align:center; width:100%; height:30px; background:#596573; } .more ul li a:hover { color:#13df81; text-shadow:none; } .list-content { padding:0 6px; max-width:624px; z-index:100; display:block; overflow:hidden; margin:0 auto 8px; } .list-inner { width:630px; overflow:hidden; } .list-content ul { text-transform:uppercase; font-family:'微软雅黑',yahei; margin:0 auto; width:100%; overflow:hidden; } .list-content ul li { float:left; display:inline; white-space:nowrap; color:#999; width:25%; height:60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:1px; margin-bottom:1px; } .list-content ul li:nth-child(4n) { padding-right:0; } .list-content ul li.selected a,.list-more ul li.selected a:hover { background:#f7f7f7; color:#000; text-shadow:none; white-space:nowrap; } .list-content ul li a { display:block; font-size:12px; line-height:60px; color:#666; text-align:center; width:100%; height:60px; font-weight:bold; background:#fff; } .list-content ul li a.hover { background:#0090ff; color:#fff; } .snippet { padding:5px; } .snippet span { font-size:14px; cursor:pointer; padding:2px 18px 2px 9px; } .snippet span.down { background:#000 no-repeat 98% 50%; } .snippet span.up { background:#000 no-repeat 98% 50%; } .snippet pre { display:none; } .panel { position:absolute; height:86px; width:20px; right:0px; top:10px; cursor:pointer; } .hide { background:transparent no-repeat center center; } .show { background:transparent no-repeat center center; } .loadmore { display:none; width:700px; line-height:30px; text-transform:uppercase; background:#333; float:right; font-weight:bold; font-size:16px; text-align:center; cursor:pointer; text-shadow:1px 1px 1px #000; } .loadmore:hover { background:#000; } .am-container { overflow:hidden; } .main-nav { position:relative } .main-nav { display:none } .main-nav ul { font-size:0.875em; line-height:2.5em; list-style:none; margin-bottom:0; padding-left:0; text-align:center } .main-nav li { border-bottom:1px solid #373739; border-right:1px solid #373739; float:left; width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } .main-nav li:nth-child(3),.main-nav li:nth-child(6),.main-nav li:nth-child(9),.main-nav li:nth-child(12),.main-nav li:nth-child(15) { border-right:none } .main-nav li a { background-color:#1e1e20; border-bottom:none; color:#fff; display:block } .main-nav li a:hover { color:#fff } .mobile-nav-toggle { font-size:0.875em; line-height:44px; position:absolute; right:0; top:0; } .mobile-nav-toggle a { border:none; display:block; padding:0 1.071em; color:#fff; } .main-nav-anchors { background:#1e1e20; } body>footer { font-size:12px; background:#1c1c1c; font-size:12px; width:100%; color:#999; } body>footer a { color:#666; font-size: 12px; } body>footer p { font-size:12px; text-align:center; padding:10px; border-bottom:1px solid #070707; border-top:1px solid #333; } body>footer .sversions { padding:10px; line-height:22px; color:#999; text-align:center; border-bottom:1px solid #070707; border-top:1px solid #333; } body>footer .sversions a,body>footer .sversions a:svisited { color:#333; line-height:22px; } body>footer .sversions span,body>footer .sversions a { margin:0 3px; } body>footer .links { display:-webkit-box; display:-ms-flexbox; display:flex; font-size:12px; } body>footer .links a,body>footer .links a:svisited { color:#333; text-decoration:none; } body>footer .links a { display:block; -webkit-box-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1; width:33%; text-align:center; } .menu-list-content { padding:0 0px; max-width:624px; z-index:100; display:block; overflow:hidden; margin:0 auto 0px; } .menu-list-content ul { text-transform:uppercase; font-family:'微软雅黑',yahei; margin:0 auto; width:100%; overflow:hidden; } .menu-list-content ul li { float:left; display:inline; white-space:nowrap; color:#999; width:25%; height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:1px; margin-bottom:1px; } .menu-list-content ul li:nth-child(4n) { padding-right:0; } .menu-list-content ul li.selected a,.list-more ul li.selected a:hover { background:#f7f7f7; color:#000; text-shadow:none; white-space:nowrap; } .menu-list-content ul li a { display:block; font-size:12px; line-height:30px; color:#666; text-align:center; width:100%; height:30px; font-weight:bold; background:#fff; } .menu-list-content ul li a.hover { background:#0090ff; color:#fff; }