article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0; padding: 0; }

body, input, textarea { font-family: "Microsoft Yahei"; }

textarea { resize: none; outline: none; }

fieldset, img { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

input { vertical-align: middle; outline: none; }

embed, img, object { vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

abbr, fieldset, img { border: 0; }

li, ol, ul { list-style-type: none; }

caption, th { text-align: left; }

a:focus, embed { outline: 0; }

q:after, q:before { content: ''; }

a { text-decoration: none; cursor: pointer; outline: none; }

.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clear { zoom: 1; }

.none { display: none; }

body { background: #15132c; overflow: hidden; width: 536px; height: 400px; }

.main { overflow: hidden; width: 536px; height: 400px; background: url("../images/main-bg.jpg") no-repeat; }

.top-banners { position: absolute; top: 0; left: 0; width: 536px; height: 60px; z-index: 9999; }

.top-banners .content { position: relative; width: 100%; height: 100%; }

.top-banners .content .game-site { position: absolute; left: 0; top: 13px; width: 124px; height: 36px; background: url("../images/game-website.png") no-repeat left top; }

.top-banners .content .game-site:hover { background-position: left bottom; }

.top-banners .content .charge-system { position: absolute; left: 136px; top: 13px; width: 124px; height: 36px; background: url("../images/charge-system.png") no-repeat left top; }

.top-banners .content .charge-system:hover { background-position: left bottom; }

.top-banners .content .service-center { position: absolute; left: 273px; top: 13px; width: 124px; height: 36px; background: url("../images/service-center.png") no-repeat left top; }

.top-banners .content .service-center:hover { background-position: left bottom; }

.top-banners .content .points-center { position: absolute; left: 410px; top: 13px; width: 124px; height: 36px; background: url("../images/points-center.png") no-repeat left top; }

.top-banners .content .points-center:hover { background-position: left bottom; }

body { background: #000 url("../images/main-bg.jpg") top center no-repeat; }

.login { margin-top: 60px; }