body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,i{ margin:0; padding:0; }
img {border: none;vertical-align:middle}em{ font-style:normal;}ul, li, dl, dd, dt, ol{ list-style: none; }
a {	outline: none; text-decoration: none; cursor: pointer;}table { border-collapse:collapse; border-spacing:0; }
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}input,select{vertical-align: middle;}i{font-style: normal;}
html{overflow-x: hidden;}
body{font-size: 16px;  background: url('../images/bg.jpg') no-repeat center top; /* 请替换为实际背景图 */ }

.main{width: 1000px;margin: 0 auto; padding-top: 190px;}



.wrapper {
            width: 1920px;
            margin: 0 auto;
            position: relative;
          
        }

        /* 1000 核心内容居中 */
        .container {
            width: 1000px;
            margin: 0 auto;
            *zoom: 1; /* 触发IE hasLayout */
        }

        /* 顶部 Banner */
        .header {
            height: 350px;
            width: 1920px;
            background: url('banner.jpg') no-repeat center;
            text-align: center;
        }

        /* 导航栏 */
        .nav {
            background-color: #000;
            filter: alpha(opacity=80); /* IE滤镜 */
            height: 50px;
            line-height: 50px;
            margin-bottom: 30px;
        }
        .nav ul { list-style: none; text-align: center; }
        .nav li { display: inline; margin: 0 20px; }
        .nav li a { color: #f1c40f; text-decoration: none; font-weight: bold; font-size: 16px; }

        /* 清除浮动 */
        .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
        .clearfix { *zoom: 1; }

        /* 左侧活动规则 (约 400px) */
        .rules-box {
            float: left;
            width: 380px;
            padding: 20px;
            background-color: #052142;
            border: 2px solid #b8860b;
            min-height: 518px;
        }
        .rules-box h2 { 
            color: #f1c40f; 
            text-align: center; 
            margin-bottom: 20px; 
            font-size: 24px; 
            border-bottom: 1px solid #b8860b;
            padding-bottom: 10px;
        }
        .rules-box dl { margin-bottom: 15px; }
        .rules-box dt { color: #f1c40f; font-weight: bold; margin-bottom: 5px; }
        .rules-box dd { line-height: 22px; color: #ccc; margin-bottom: 10px; }

        /* 右侧排行榜 (约 580px) */
        .rank-box {
            float: right;
            width: 560px;
        }

        .rank-tabs { height: 40px; }
        .tab-item { 
            float: left; 
            width: 280px; 
            height: 40px; 
            line-height: 40px; 
            text-align: center; 
            background-color: #0a3d62; 
            color: #fff; 
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
        }
        .tab-item.total {  background-color: #b8860b; }

        /* 排行榜表格 */
        .rank-table {
            display: none;
            width: 100%;
            border-collapse: collapse;
            background-color: #0a3d62;
            margin-bottom: 20px;
        }
        .rank-table th { background-color: #052142; color: #f1c40f; padding: 10px; border: 1px solid #03152a; }
        .rank-table td { padding:12px 8px ; text-align: center; border: 1px solid #03152a; color: #fff;}
        .rank-table tr.even { background-color: #0d4a75; }

        /* 报名按钮 */
        .btn-area { text-align: center; padding: 40px 0; clear: both; }
        .btn-reg {
            display: inline-block;
            width: 200px;
            height: 60px;
            line-height: 60px;
            background-color: #f1c40f;
            color: #333;
            font-size: 22px;
            font-weight: bold;
            text-decoration: none;
            border: 3px solid #fff;
            *display: inline; /* IE7 inline-block fix */
            *zoom: 1;
        }

        /* 底部 */
        .footer {
            text-align: center;
            padding: 20px;
            color: #666;
            font-size: 12px;
            border-top: 1px solid #222;
            margin-top: 50px;
        }

.player-info {
    border-radius:10px;
    height: 120px;;
    width: 900px;
    padding: 15px 50px;
    border: 2px solid #b8860b;
    background-color: #052142;
    text-align: center;
    margin-bottom: 20px;
    position: relative;

}

.player-info .avatar {
    display: block;
    width: 120px;
    height: 120px;

    float: left;
    overflow: hidden;
    border:1px solid #ccc;
    border-radius: 10px;
}
.player-info .jianglibtn{
    background-color: orange;
    border: none;
    padding: 5px 20px;
    cursor: pointer;
    margin: 20px auto;
    display: block;
    color: #fff;
    font-size: 18px;
    float: left;
    border-radius: 10px;
    position: absolute;
    right: 20px;
    top:35px;
}
.player-info .jianglibtn:hover{
    background-color: #f8c51c;
}
.player-info .info {
    width: 300px;height: 120px;
    display: table;
    float: left;
    margin-left: 10px;
        color: #fff;
}
.player-info .info b{
    font-size: 24px;
    color: red;
    display: block;
}
.player-info .info .name {
    line-height: 50px;
    font-size: 24px;
    color: #b8860b;
    font-weight: bold;
}

.player-info .level span.win-rate {
    color: orange;
}

.player-info .join-btn {
    margin-top: 15px;
}

.player-button {
    background-color: orange;
    border: none;
    padding: 10px 30px;
    cursor: pointer;
    margin: 20px auto;
    display: block;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    border-radius: 10px;
}
.player-button:hover{
    background-color: #d47202;
    color: #fff;
}

.baoming{display: block;width: 180px;height: 60px;line-height: 60px;font-weight: bold;text-align: center;margin: 20px auto; font-size: 20px; background: #f1c40f;
border-radius: 10px; color: #052142}
.baoming:hover{background: #ee6500}


/*弹窗*/
.pop_a{background: url(../images/popbg1.png);width: 758px;height: 427px;position: relative; padding-top: 90px;}
.close{width: 38px;height: 40px;background: url(../images/xx.png);position: absolute;display: block;right:50px;}
.close:hover{background-position: 0 -41px;}


.pop-close{width: 38px;height: 40px;background: url(../images/xx.png);display: block;position: absolute;right:0px;top:0px;}
.pop-close:hover{background-position: 0 -41px;}
.gzpop{color: #fff;font-size: 18px;width: 570px;height: 360px;border:1px solid #061536;background: #fff;position: relative;}
.gzpop h1{text-align: center;line-height: 48px;height:48px;font-weight: bold;background:#061536;color: #fff; }
.tablepop {font-size: 16px;;}
.tablepop a,.poptip{color: red;}
.tablepop .poptxt table td{padding: 5px 10px;border:1px solid #ddd;}
.popbtn{width: 154px;height: 40px;line-height: 40px; display: block;background: url(../images/btn.png);font-size: 20px;color: #962300;
    text-align: center;font-weight: bold; }
.popbtn:hover{background-position:0 -40px; }
.poptxt{padding:0px 20px;line-height: 28px;height: 285px;width: 530px;overflow-y: auto;overflow-x: hidden; color: #666;}
.poptxt table{display: table;width: 100%; font-size: 14px;}
.poptxt table td{padding: 5px 0;text-align: center}
.poptxt table tr:hover{background: #ddd; color: #666;}
.gzpop .lingqu{color: #cb6b2b;margin-left: 20px;}




/*底部*/
.bottom{text-align: center;font-size: 12px;padding-top: 50px;color: #666;line-height: 24px;clear: both;}
.bottom a{color: #666}