.wrap{ width: 1024px; margin: 0 auto; }
.ms{ background: url("sprite.png") no-repeat; }

.index-body{ width: 100%; }
.index-header{ width: 100%; height: 641px; background: url("index-header.jpg") center 0 no-repeat; }
.index-header-wrap{ height: 641px; background: url("index-header.jpg") center 0 no-repeat; position: relative; }
    .logo-bnt{ width: 405px; height: 195px; position: absolute; left: 305px; top: 48px; z-index: 1;  }
    .start-bnt{ width: 252px; height: 188px; position: absolute; left: 38px; bottom: -28px;  }
    .index_flash{ width: 900px; height: 400px; position: absolute; left: 50%; top: 200px; margin-left: -290px;}
.index-content{ width: 100%; height: 975px; background: url("index-content.jpg") center 0 no-repeat; }
.index-content-wrap{ height: 975px; background: url("index-content.jpg") center 0 no-repeat; }
    .icw-left{ width: 306px; }
    .icw-mid{ width: 452px; }
    .icw-right{ width: 266px; }
.index-footer{ width: 100%; height: 184px; background: url("index-footer.jpg") center 0 no-repeat; }
.index-footer-wrap{ height: 184px; background: url("index-footer.jpg") center 0 no-repeat; }

.article-body{ width: 100%; }
.article-header{ width: 100%; height: 641px; background: url("article-header.jpg") center 0 no-repeat; }
.article-header-wrap{ height: 641px; background: url("article-header.jpg") center 0 no-repeat; position: relative; }
.article-content{ width: 100%; height: 975px; background: url("article-content.jpg") center 0 no-repeat; }
.article-content-wrap{ height: 975px; background: url("article-content.jpg") center 0 no-repeat; }
    .acw-left{ width: 306px; }
    .acw-right{ width: 718px; }
        .article-list-box-header{ width: 644px; height: 44px; line-height: 44px; margin: 54px 0 0 15px; }
        .article-list-box-content{ width: 644px; height: 540px; margin: 30px 0 0 15px; }
            .article-list-box-content ul{ width:100%;  }
                .article-list-box-content ul li{ float: left; width: 100%; height: 30px; border-bottom: #4e0000 dotted 1px;  }
                    .article-list-box-content ul li p{ height: 20px; line-height: 20px; background: #e0c5cc; color: #4e0000; padding: 0 25px; margin-top: 5px;  }
                        .article-list-box-content ul li p a{ color: #4e0000;  }
        .article-list-box-nav{ height: 22px; }
            .article-list-box-nav a{ width: 32px; height: 22px; line-height: 22px; color: #949391; }
            .article-list-box-nav a.curr{ height: 22px; line-height: 22px; color: #000000; }
            .article-list-box-nav a.boder-right{ border-right: #928892 solid 1px; }
            .article-list-box-nav a.aln-prev{ width: 73px; background-position: -800px -136px; }
            .article-list-box-nav a.aln-next{ width: 73px; background-position: -882px -136px; }
.article-content-1{ width: 100%; height: 975px; background: url("article-content-1.jpg") center 0 no-repeat; }
.article-content-1-wrap{ height: 975px; background: url("article-content-1.jpg") center 0 no-repeat; }
    .article-content-box-header{ width: 644px; height: 44px; line-height: 44px; margin: 54px 0 0 15px; }
    .article-content-box-content{ width: 624px; margin: 30px 0 0 20px;  }
        .article-content-box-content h1{ height: 30px; line-height: 30px; color: #63001a; font-size: 20px; font-weight: bold; text-align: center;  }
        .article-content-box-content .acbc-info{ height: 20px; line-height: 20px; color: #636363;  }
        .article-content-box-content .acbc-content{ width: 560px; height: 398px; background: #e0c5cc; padding: 30px 34px; overflow: auto; line-height: 24px;  }
            .article-content-box-content .acbc-content a{ color: #ff0000;  }
        .article-content-box-content .acbc-other-page{ height: 52px; padding-left: 40px; }
            .article-content-box-content .acbc-other-page p{ height: 26px; line-height: 26px; color: #414141; position: relative; padding-left: 20px; }
            .article-content-box-content .acbc-other-page p .acbc_p_icon{ width: 15px;height: 15px; background-position: -800px -167px; position: absolute; left: 0; top: 5px;  }
                .article-content-box-content .acbc-other-page p a{ color: #7a293b; }
.article-footer{ width: 100%; height: 184px; background: url("article-footer.jpg") center 0 no-repeat; }
.article-footer-wrap{ height: 184px; background: url("article-footer.jpg") center 0 no-repeat; }

.server-list-header{ width: 100%; height: 619px; background: url("server-list-header.jpg") center 0 no-repeat; }
.server-list-header-wrap{ height: 619px; background: url("server-list-header.jpg") center 0 no-repeat; position: relative; }

.server-list-content{ width: 100%; height: 600px; background: url("server-list-content.jpg") center 0 no-repeat; }
.server-list-content-wrap{ height: 600px; background: url("server-list-content.jpg") center 0 no-repeat; }
    .server-list-content-wrap .block-login{ height: 250px; }
    .server-list-content-wrap .block-login .login-form{ padding: 60px 0 0 82px; }
    .server-list-content-wrap .block-login .login-after{ padding: 55px 0 0 76px; }
    .slcw-left{ width: 298px; }
    .slcw-right{ width: 726px; }
        .slcw-best-server{ padding: 43px 0 0 14px; height: 144px; }
            .slcw-best-server a{ width: 174px; height: 55px; margin: 0 14px; font-size: 24px; color: #5f3b15; font-weight: bold; padding: 31px 0 0 128px; letter-spacing: -3px; }
            .slcw-best-server a.hot-server-box{ background-position: 0 -182px; }
            .slcw-best-server a.new-server-box{ background-position: -333px -182px; }

        .slcw-all-server{ }
            .slas-title{ height: 55px; padding-left: 17px; }
            .slas-title li{ float: left; width: 130px; height: 55px; line-height: 52px;  font-size: 24px; font-weight: bold; color: #ffffff; text-align: center; cursor: pointer; margin: 0 17px; }
                .slas-title-1{ background-position: 0 -273px; }
                .slas-title-2{ background-position:-130px -273px; }
                .slas-title-3{ background-position:-260px -273px; }
                .slas-title-4{ background-position:-390px -273px; }
            .slas-list{ height: 200px; padding: 20px 0 0 20px;}
            .slas-list li{ float: left; width: 124px; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; text-align: center; background: url("sprite.png") -520px -273px; margin: 4px 2px; }
            .slas-list li a{ color: #000000;  }

.server-list-footer{ width: 100%; height: 261px; background: url("server-list-footer.jpg") center 0 no-repeat; }
.server-list-footer-wrap{ height: 261px; background: url("server-list-footer.jpg") center 0 no-repeat; }

.block-header-nav{ height: 91px; padding: 0 34px 0 55px; position: relative; z-index: 2; }
    .block-header-nav a{ width: 111px; height: 100%; position: absolute; top: -50px; }
    /*.block-header-nav a:hover{ top: 0; }*/
    .block-header-nav a.bhn-home{ background-position: 0 0; left: 55px; }
    .block-header-nav a.bhn-news{ background-position: -111px 0; left: 179px; }
    .block-header-nav a.bhn-info{ background-position: -222px 0; left: 301px; }
    .block-header-nav a.bhn-pay{ background-position: -333px 0; right: 278px; }
    .block-header-nav a.bhn-bbs{ background-position: -444px 0; right: 156px; }
    .block-header-nav a.bhn-service{ background-position: -555px 0; right: 34px; }

.block-login{ height: 230px; }
    .login-form{ width: 154px; padding: 40px 0 0 82px; }
        .input-text{ height: 16px; line-height: 16px; border: #835f30 solid 1px; padding-left: 8px; color: #7f5921;
            background: #ffffff; margin-bottom: 1px; }
            .input-text input{ width: 107px; height: 16px; line-height: 16px; border: none; background: none; }
        .lf-bnt-box{ height: 32px; }
            .lf-bnt-box a{ width: 74px; height: 32px; }
            .lf-bnt-box a.login-bnt{ background-position: 0 -91px; }
            .lf-bnt-box a.get-password-bnt{ background-position: -74px -91px; margin-left: 5px; }
        .reg-bnt-box{ height: 45px; }
            .reg-bnt-box a{ width: 152px; height: 100%; background-position: -148px -91px; }
        .fast-login-box{ height: 28px; }
            .fast-login-box a{ margin-right: 1px; }

    .login-after{ width: 168px; padding: 40px 0 0 76px; }
        .user-info{ height: 90px; }
            .user-info dt{ width: 52px; }
                .user-info dt p{ color: #2b1e18; }
                .user-info dt img{  border: #13090a solid 1px; }
            .user-info dd{ width: 78px; }
                .user-info dd a{ width: 100%; height: 28px; }
                .user-info dd a.ui-center{ background-position: -333px -91px; }
                .user-info dd a.ui-logout{ background-position: -444px -91px; }
                .user-info dd a.ui-pay{ background-position: -555px -91px; }
        .history-box{ height: 70px; }
            .history-box h2{ height: 24px; line-height: 24px; color: #563c19; }
            .history{ width: 168px; height: 47px; background-position: -666px 0; }
                .history p{ height: 23px; line-height: 23px; padding: 0 5px; }

.block-gift-pay{ width: 200px; height: 43px; margin-left: 50px; }
    .block-gift-pay a{ width: 94px; height: 43px; }

.block-server-list{ height: 210px; position: relative; }
    .block-server-list .bsl_more_bnt{ width: 172px; height: 45px; position: absolute; left: 62px; top: 10px; }
    .block-server-list ul{ width: 160px; padding: 62px 0 0 62px; }
    .block-server-list li{height: 34px; line-height: 34px; margin-bottom: 2px; padding: 0 10px; }

.block-service{ height: 186px; padding: 35px 0 0 78px; }
    .block-service a{ width: 178px; height: 186px; }

.block-partner{ height: 48px; padding: 80px 0 0 80px; }
    .block-partner a{width: 50px; height: 48px; margin-right: 8px; }
    .block-partner a.bp-fb-icon{ background-position: -832px 0; }
    .block-partner a.bp-bh-icon{ background-position: -882px 0; }
    .block-partner a.bp-jd-icon{ background-position: -932px 0; }

.block-scroll{ width: 420px; height: 176px; padding:21px 0 0 16px; }
    .block-scroll a{ width: 420px; height: 157px; }

.block-news{ height: 341px;}
    .bn-title{ height: 46px; position: relative; padding-top: 28px; }
        .bnt-more{ width: 72px; height: 22px; position: absolute; left: 186px; bottom: -236px;}
        .bn-title li{ float: left; width: 130px; height: 46px; cursor: pointer; margin: 0 10px; }
        .bn-title li.bnt-news{ background-position: 0 -136px;}
        .bn-title li.bnt-news.curr{ background-position: -390px -136px;}
        .bn-title li.bnt-notice{ background-position: -130px -136px;}
        .bn-title li.bnt-notice.curr{ background-position: -520px -136px;}
        .bn-title li.bnt-event{ background-position: -260px -136px;}
        .bn-title li.bnt-event.curr{ background-position: -650px -136px;}
    .bn-list{ width: 414px; height: 194px; margin: 20px 0 0 20px; }
        .bn-list li{ float: left; width: 100%; height: 30px; border-bottom: #4e0000 dotted 1px; }
            .bn-list li p{ height: 20px; line-height: 20px; background: #e0c5cc; margin-top: 6px; padding: 0 30px 0 4px; color: #4e0000; }
            .bn-list li p a{ width: 310px; height: 100%; overflow: hidden; color: #4e0000; }

.block-game-info{ height: 210px; padding: 30px 0 0 116px; }
    .bgi-list{ width: 310px; height: 46px; margin-bottom: 2px; }
        .bgi-list li{ float: left; width: 60px; height: 14px; line-height: 14px; border-right:#dcc1a5 solid 1px; text-align: center; margin: 3px 0; overflow: hidden; }
            .bgi-list li a{ color: #dcc1a5; }
            .bgi-list li.n-border-r{ border-right: none; }

.block-game-img{ height: 88px; padding: 68px 0 0 32px; }
    .block-game-img a{ float: left; width: 107px; height: 72px; padding:8px 7px 8px 8px; background-position: -666px -48px; margin:0 2px; }
        .block-game-img a img{ width: 107px; height: 72px; }

.block-right-nav{ height: 254px; padding: 12px 0 0 12px; }
    .block-right-nav a{ width: 200px; }
    .block-right-nav a.brn-activity-bnt{ height: 47px; }
    .block-right-nav a.brn-pay-bnt{ height: 55px; }
    .block-right-nav a.brn-vip-bnt{ height: 52px; }
    .block-right-nav a.brn-fb-bnt{ height: 52px; }

.block-notice{ height: 253px; padding-left: 25px; }
    .b-notice-title{ height: 28px; }
        .b-notice-title a{ width: 69px; height: 28px; margin-right: 2px; }
        .b-notice-title a.b-notice-title-bh{ background-position: -800px -48px; }
        .b-notice-title a.b-notice-title-bh:hover{ background-position: -800px -76px; }
        .b-notice-title a.b-notice-title-home{ background-position: -871px -48px; }
        .b-notice-title a.b-notice-title-home:hover{ background-position: -871px -76px; }
        .b-notice-title a.b-notice-title-more{ width: 38px; background-position: -944px -48px; }
    .b-notice-list{ width: 166px; }
        .b-notice-list li{ float: left; width: 100%; height: 30px; border-bottom: #898989 dotted 1px; }
            .b-notice-list li p{ height: 20px; line-height: 20px; background: #7c6348; color: #d6d5d3; margin-top: 4px; padding: 0 8px; }
            .b-notice-list li p a{ width: 120px; height: 100%; overflow: hidden; color: #d6d5d3; }

.block-facebook{ width: 197px; height: 219px; padding: 60px 0 0 33px;}