body {background:url(repeat_bg.jpg) center top repeat-y;}

.wrap{ width: 1000px; margin: 0 auto; position: relative; }
.goTopBtn{ position: fixed; left: 50%; top: 50%; margin-left: 500px; z-index: 99;}
.logo{ position: absolute; top: 0; left: 24px; }
.serListHeaderWrap .logo{ left: 730px; }

.header{ width: 100%; height: 326px;}
.headerWrap{ height: 326px;}

.main{ width: 100%; min-height: 412px; overflow: hidden; position: relative; z-index: 10; }
.mainWrap{ min-height: 412px; background:url(bg.jpg) center -326px no-repeat; }
.mainLeft{ width: 246px; float: left; }
.mainRight{ width: 743px; float: left; margin-left: 11px; }
.section1{ height: 230px; }
.section2{ height: 91px; margin-top: 8px; }
.section3{ height: 274px; margin-top: 9px; }
.section4{ height: 250px; margin-top: 7px; }
.section5{ height: 223px; margin-top: 4px; }
.section6{ height: 190px; margin-top: 10px; }

.footerBox{ position: relative; }
.footer{ width: 100%; height: 459px; background: url("footer.jpg") center 0  no-repeat; position: absolute; left: 0; bottom: -130px; z-index: 9; }
.footerWrap{ height: 459px; background: url("footer.jpg") center 0  no-repeat; }

.blockNav{ height: 27px; padding: 15px 0 0 223px; position: relative; z-index: 3; }
.blockNav a{ width: 84px; height: 27px; float: left; background: url("index_sprint_jpg.jpg") no-repeat; margin-right: 21px; }
.blockNav a.bn_index{ background-position: -464px -126px; }
.blockNav a.bn_index:hover{ background-position: -464px -153px; }
.blockNav a.bn_news{ background-position: -548px -126px; }
.blockNav a.bn_news:hover{ background-position: -548px -153px; }
.blockNav a.bn_download{ background-position: -632px -126px; }
.blockNav a.bn_download:hover{ background-position: -632px -153px; }
.blockNav a.bn_pay{ background-position: -716px -126px; }
.blockNav a.bn_pay:hover{ background-position: -716px -153px; }
.blockNav a.bn_service{ background-position: -800px -126px; }
.blockNav a.bn_service:hover{ background-position: -800px -153px; }

.blockLogin{ width: 246px; height: 327px; background: url("block_sprite.jpg") no-repeat; }
.blockLoginStartGame{ width: 237px; height: 109px; padding: 5px 0 0 4px; }
.blockLoginBefore{ padding: 31px 3px 0 5px; }
.blockLoginForm{ height: 120px; font-size: 12px; }
.loginSubmit{ float: right; width: 63px; height: 63px; background: url("block_sprite.jpg") -492px -43px no-repeat; }
.loginSubmit:hover{ background-position: -555px -43px; }
.loginText{ float: left; width: 166px; height: 27px;line-height: 27px; padding-left: 5px; background: #151e20; border: #143a43 solid 1px; color: #9fb1b0; }
.loginText input{ float: right; width: 122px; height: 25px; line-height: 25px; margin-top: 1px; border: none; background: none; color: #ffffff; }
.loginOtherInfo{ float: left; width: 100%; height: 16px; line-height: 16px; color: #ffffff; padding-top: 18px;}
.loginOtherInfo input{ float: left; margin: 2px 6px 0 3px; }
.loginOtherInfo span{ float: left; margin-right: 15px; }
.loginOtherInfo a{ float: left; color: #205763; margin-right: 15px; }

.otherLoginBox{ height: 40px; }
    .otherLoginBox a{ margin-right: 5px;}

.blockLoginAfter{ padding: 21px 0 0 8px; }
.userInfo{ height: 60px; }
.userInfo dt{ float: left; width: 60px; }
.userInfo dd{ float: left; width: 178px; }
.userInfo dd p{ height: 30px; line-height: 30px; text-align: center; font-size: 12px; }
.userInfo dd p.userInfoName{ color: #e3a80e; }
.userInfo dd p.userInfoHello{ color: #ffffff; }
.userInfoBtn{ height: 24px; padding: 19px 0 24px 0; font-size: 12px; }
.userInfoBtn a{ float: left; width: 76px; height: 24px; line-height: 24px; text-align: center; color: #c3dbd9;
    background: url("block_sprite.jpg") -492px -106px no-repeat; font-family: "微软雅黑"; }

.historyBox{ width: 238px; height: 43px; background: url("block_sprite.jpg") -500px 0 no-repeat; }
.historyBox p{ width: 170px; height: 21px; line-height: 21px; font-size: 12px; padding-left: 54px; }
.historyBox p .historyServerName{ float: right; color: #ffffff; }
.historyBox p .historyGameName{ float: left; color: #eea800; }

.blockServer{ width: 246px; height: 273px; background: url("block_sprite.jpg") -246px 0 no-repeat; margin-top: 10px; }
.blockServerEnter{ height: 23px; padding: 55px 13px 20px 102px; }
.blockServerEnter a{ float: right; width: 73px; height: 23px; }
.blockServerEnter input{ float: left; width: 38px; height: 18px; line-height: 18px; text-align: center; color: #e4e4e4;
    background: none; border: none; margin-top: 3px; font-size: 12px; }
.blockServerList{ height: 117px; }
.blockServerList ul{ font-size: 12px; padding:2px 0 0 43px;  }
.blockServerList ul li{ width: 185px; height: 27px; line-height: 27px; }
.blockServerList ul li span{ float: right; color: #ff7200; }
.blockServerList ul li a{ float: left; color: #262626; }
.blockServerMore{ height: 36px; padding-left: 23px; }
.blockServerMore a{ float: left; width: 202px; height: 36px; }

.blockOtherSubmit{ float: left; width: 270px; margin-left: 9px; }
.blockOtherSubmit a{ float: left; width: 270px; height: 42px; background: url("index_sprint_jpg.jpg") no-repeat; }
.blockOtherSubmit a.s1_ios_vip{ background-position: -464px 0; margin-top: 84px; }
.blockOtherSubmit a.s1_ios_vip:hover{ background-position: -734px 0; }
.blockOtherSubmit a.s1_ios_pay{ background-position: -464px -42px; margin-top: 10px; }
.blockOtherSubmit a.s1_ios_pay:hover{ background-position: -734px -42px; }
.blockOtherSubmit a.s1_ios_gift{ background-position: -464px -84px; margin-top: 10px; }
.blockOtherSubmit a.s1_ios_gift:hover{ background-position: -734px -84px; }

.copyright {width: 1024px;margin: 0 auto;position: relative;top:360px;}
.game_rating_tips {width: 362px;text-align: left;zoom: 1;float: right;}
.copyright p {font-size: 12px;color: #515151;}
.copyright img {margin-top: 5px;}
.serListFooterWrap .copyright{top:44px;}