body, ul, li, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, nav, section, summary, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } ol, ul, li { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } body { line-height: 1; font: 12px; background: url(../images/page-bg.png) repeat-x top left; font: 14px Helvetica, Arial, "Microsoft Yahei", SimSun, sans-serif; } .cl { zoom: 1; content: ''; } .cl:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } img { border: 0 none; } a:link, a:visited, a:hover, a:active { color: #333; text-decoration: none; } /**通用**/ .wrap { width: 982px; margin: 0 auto; } .pr { position: relative; } .fl { float: left; } .fr { float: right; } /*通用顶部*/ .header-bar { height: 87px; } .header-bar .logo { width: 184px; height: 49px; margin: 21px 0 0 8px; float: left; } .header-bar .user-nav { margin-top: 9px; float: right; /**************导航tab对应icon 开始 *********************/ /**************导航tab对应icon 结束*********************/ } .header-bar .user-nav .icon-index { width: 23px; background-position: 0 0; } .header-bar .user-nav .icon-order { width: 26px; background-position: 0 -44px; } .header-bar .user-nav .icon-12306 { width: 24px; background-position: 0 -84px; } .header-bar .user-nav .icon-user { width: 24px; background-position: 0 -122px; } .header-bar .user-nav li { padding-top: 16px; width: 104px; height: 65px; text-align: center; color: #fff; float: left; cursor: pointer; } .header-bar .user-nav li .icon { display: inline-block; height: 26px; margin-bottom: 2px; } .header-bar .user-nav li.selected { border-radius: 5px; color: #f17206; background: #fff; } .header-bar .user-nav li.selected .icon-index { background-position: 0 -164px; } .header-bar .user-nav li.selected .icon-order { background-position: 0 -207px; } .header-bar .user-nav li.selected .icon-12306 { background-position: 0 -45px; } .header-bar .user-nav li.selected .icon-user { background-position: 0 -284px; } input[type="checkbox"] { margin-left: 12px; width: 15px; height: 15px; border: 0; -webkit-appearance: none; border-radius: 3px; display: inline-block; margin-bottom: 0; margin-top: 0; position: relative; vertical-align: middle; background: url(../images/icon.png) no-repeat 0 -560px; } input:checked[type="checkbox"] { background-position: 0 -582px; }