/* 全局初始化 统一盒模型 */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    padding:0;
    margin:0;
}
img{
    border:none;
    vertical-align:middle;
    max-width:100%;
    display:block;
}

html,body{
    width:100%;
    height:auto;
    background:#000;
    overflow-x:hidden;
}

/* 下载按钮容器：基于#Header底部定位，永远贴在整套图片下方 */
#Header .downloadBox{
    width:1321px;
    height:130px;
    background:url("http://www.105hf.top:10690/images/01_dl_bg_a43a6e6.png") no-repeat center top / 100% auto;
    position:absolute;
    left:50%;
    transform: translate3d(-50%,0,0);
    bottom: 20px;
    z-index:99;
    zoom: 1;
    will-change: transform;
}

/* 按钮通用样式：自适应缩放 */
#Header .downloadBox a{
    display:block;
    width: 22.7%;  /* 300/1321 比例 */
    height: 84.6%; /* 110/130 比例 */
    position:absolute;
    top: 23%;      /* 30/130 垂直居中比例 */
    text-indent:-9999px;
    font-size:0;
    overflow:hidden;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}

/* 登录器按钮 水平比例 235/1321 */
#Header .downloadBox .orderBtnAll{
    left: 17.8%;
    background:url("../images/down_a.png");
}
#Header .downloadBox .orderBtnAll:hover{
    background:url("../images/down_b.png");
}

/* 充值按钮 水平比例 760/1321 */
#Header .downloadBox .paybtn{
    left: 57.5%;
    background:url("../images/pay_a.png");
}
#Header .downloadBox .paybtn:hover{
    background:url("../images/pay_b.png");
}

/* 窗口小于1321px自适应缩小 */
@media screen and (max-width: 1321px) {
    #Header .downloadBox {
        width: 95%;
        height: auto;
        bottom:10px;
    }
    /* 小屏保持比例，不用固定32%宽，自动跟随容器 */
    #Header .downloadBox a {
        width: 22.7%;
        height: 84.6%;
        top: 23%;
    }
    #Header .downloadBox .orderBtnAll {
        left: 17.8%;
    }
    #Header .downloadBox .paybtn {
        left: 57.5%;
    }
}