.w-1500{ position:relative; width:1600px; margin:0 auto;}
.pview{ position:relative; display:block; margin:0 auto; width:1000px;top:112px; left:10px;}
.items{ display:block; position:absolute; top:0px; left:0px;}
.items a{ display:block; float:left; width:70px; height:70px; background:url(../images/01.png) left top no-repeat; margin-right:30px; margin-bottom:50px; text-align:center}
.items a:nth-child(10n){ margin-right:0px;}
.items a img{ display:inline-block; margin:20px; padding:0; border:0}




.pviewa{ position:relative; display:block; margin:0 auto; width:1500px;top:260px; left:35px;}
.itemsa{ display:block; position:absolute; top:0px; left:0px;}
.itemsa a{ display:block; float:left; width:100px; height:180px; background:url(../images/01.png) left top no-repeat; margin-right:63px; margin-bottom:30px; text-align:center}
.itemsa a:nth-child(8n){ margin-right:0px;}
.itemsa a img{ display:inline-block; margin:29px -7 0 0; padding:0; border:0}


.pviewb{ position:relative; display:block; margin:0 auto; width:1300px;top:250px; left:-250px;}
.itemsb{ display:block; position:absolute; top:0px; left:0px;}
.itemsb a{ display:block; float:left; width:120px; height:120px; background:url(../images/01.png) left top no-repeat; margin-right:10px; margin-bottom:10px; text-align:center}
.itemsb a:nth-child(10n){ margin-right:0px;}
.itemsb a img{ display:inline-block; margin:29px -7 0 0; padding:0; border:0}



#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;z-index: 200}




.bg_01{width:1920px;height:918px;left:50%;margin-left:-960px;overflow:hidden;position:relative;background:url(../images/shengdaps_01.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.bg_02{width:1920px;height:400px;left:50%;margin-left:-960px;overflow:hidden;position:relative;background:url(../images/shengdaps_02.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.bg_03{width:1920px;height:847px;left:50%;margin-left:-960px;overflow:hidden;position:relative;background:url(../images/shengdaps_03.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.bg_04{width:1920px;height:853px;left:50%;margin-left:-960px;overflow:hidden;position:relative;background:url(../images/shengdaps_04.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.bg_05{width:1920px;height:886px;left:50%;margin-left:-960px;overflow:hidden;position:relative;background:url(../images/shengdaps_05.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.bg_06{width:1920px;height:1000px;left:50%;margin-left:-960px;overflow:hidden;position:relative;background:url(../images/shengdaps_06.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.bg_07{width:1920px;height:1000px;left:50%;margin-left:-960px;overflow:hidden;position:relative;background:url(../images/shengdaps_07.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}


/* 装备展示样式 */
.m5 { width:1150px; margin:20px auto; overflow:hidden; }
.m5_div { width:100%; overflow:hidden; margin-bottom:20px; }
.zb { width:100%; overflow:hidden; }
.boxstyle { background:#fff; border:3px solid #aaa; padding:15px; box-shadow:0 0 5px rgba(0,0,0,0.2); }
.zb_3 { float:left; width:32%; text-align:center; display:flex; flex-direction:column; align-items:center; }
.zb_3.ml10 { margin-left:2%; }
.zb_3_t { font-size:18px; font-weight:bold; color:#e51400; margin-bottom:10px; padding-bottom:5px; border-bottom:2px solid #ddd; width:100%; }
.role-itemst { width:100%; min-height:auto; display:flex; align-items:center; justify-content:center; background:#f9f9f9; border:1px solid #eee; padding:10px; flex:1; }
.role-itemst img { width:auto; height:auto; max-width:100%; display:block; margin:0 auto; object-fit:contain; }
.zb_3_d { height:10px; background:linear-gradient(to bottom, #ddd, transparent); margin-top:5px; width:100%; }
.clear { clear:both; }

/* 底部版权信息样式 */
.SDGCOPYRIGHT-wrap20130425 { width:100%; background:#000; padding:20px 0; margin-top:30px; }
#SDGCOPYRIGHT { width:1150px; margin:0 auto; overflow:hidden; color:#fff; font-size:12px; }
.SDGCOPYRIGHT-logo { float:left; margin-right:20px; }
.SDGCOPYRIGHT-logo img { max-width:100%; height:auto; }
.SDGCOPYRIGHT-con { float:left; flex:1; text-align:center; line-height:1.8; }
.SDGCOPYRIGHT-con p { margin:5px 0; }
.SDGCOPYRIGHT-pr3 { display:block; text-align:center; }
.SDGCOPYRIGHT-priv { float:right; }
.SDGCOPYRIGHT-priv a { color:#fff; text-decoration:none; }
.SDGCOPYRIGHT-priv a:hover { color:#e51400; }
.SDGCOPYRIGHT-sdlogo a { color:#e51400; text-decoration:none; }
.SDGCOPYRIGHT-sdlogo a:hover { text-decoration:underline; }

/* 响应式设计 - 平板和手机端适配 */
@media screen and (max-width: 1200px) {
    .webbox { width: 95%; margin: 0 auto; }
    .container_16 .grid_16 { width: 98%; }
    .container_16 .grid_12 { width: 70%; }
    .leftbox { width: 70%; }
    #Introduction, .Tabt, #Versiont .content, #FenQu .content, #Recharge .content, #HuiShou .content { width: 98%; }
    
    /* 顶部区域控制 */
    #Version { max-height: 30px; overflow: hidden; }
    #Flash { max-height: 30px; }
    .myVideo { max-height: 30px; }
    #Header img { max-height: 30px; }
}

@media screen and (max-width: 768px) {
    /* 全局调整 */
    body { font-size: 14px; }
    .webbox { width: 100%; margin: 0 auto; padding: 10px; box-sizing: border-box; }
    .main { border-width: 2px; padding: 10px; margin: 5px; }
    
    /* Logo区域 */
    .logo .logoimg { font-size: 28px; }
    .logodesc { font-size: 16px; }
    
    /* 内容区域改为单列布局 */
    .leftbox { width: 100%; float: none; border-right: none; margin-left: 0; }
    .sidebar { width: 100%; float: none; margin-left: 0; margin-top: 20px; }
    .container_16 .grid_12 { width: 100%; }
    .container_16 .grid_3 { width: 100%; }
    .rightbox .content-title { font-size: 18px; margin: 10px; }
    .rightbox .content-body { font-size: 14px; margin: 10px; line-height: 1.6; }
    
    /* 下载按钮 */
    .download { width: 100%; margin: 10px 0; background-size: contain; }
    
    /* 装备展示 - 改为单列 */
    .m5 { width: 100%; padding: 0 10px; box-sizing: border-box; }
    .zb_3 { width: 100%; float: none; margin-left: 0 !important; margin-bottom: 20px; }
    .zb_3_t { font-size: 16px; }
    .role-itemst { min-height: 150px; }
    
    /* 右侧浮动栏隐藏或调整 */
    .rightbar { display: none; }
    
    /* 图片预览区域 */
    .bg_02 { width: 100%; overflow-x: auto; }
    .pview .items { white-space: nowrap; overflow-x: auto; }
    .pview .items a { display: inline-block; }
    .pview .items img { max-width: 200px; height: auto; }
    
    /* 底部版权 */
    #SDGCOPYRIGHT { width: 100%; padding: 0 10px; box-sizing: border-box; }
    .SDGCOPYRIGHT-logo, .SDGCOPYRIGHT-priv { float: none; text-align: center; }
    .SDGCOPYRIGHT-con { float: none; text-align: center; }
    
    /* 顶部区域在手机端隐藏或缩小 */
    #Version { max-height: 20px; overflow: hidden; }
    #Header img { max-height: 20px; }
    .myVideo { max-height: 20px; }
}

@media screen and (max-width: 480px) {
    /* 手机端进一步优化 */
    .logo .logoimg { font-size: 22px; }
    .logodesc { font-size: 14px; }
    .rightbox .content-title { font-size: 16px; }
    .rightbox .content-body { font-size: 13px; }
    .sidebar .gamedown { font-size: 14px; padding: 8px; }
    .zb_3_t { font-size: 14px; }
    .role-itemst { min-height: 120px; padding: 5px; }
    
    /* 手机端顶部区域进一步缩小 */
    #Version { max-height: 10px; }
}

/* 顶部区域基础样式控制 */
html, body { margin: 0; padding: 0; }
#Version { width: 100%; max-height: 50px; overflow: hidden; position: relative; }
#Flash { width: 100%; overflow: hidden; max-height: 50px; }
.myVideo { width: 100%; height: auto; display: block; max-height: 50px; object-fit: cover; }
#Header { width: 100%; overflow: hidden; max-height: 50px; }
#Header img { width: 100%; max-width: 1920px; height: auto; display: block; margin: 0 auto; max-height: 50px; object-fit: cover; }
.hao123 { display: none; }