/* ȫ�ֳ�ʼ�� ͳһ��ģ�� */
*{
    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("../../www.105hf.top/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%;
    }
}