body{
    /*background-color: #272a2c;*/
}
.IndexContentBox{
    background-color: #272a2c;
    /*background-image: url("../images/indexBg.jpg");*/
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /*height: 100vh;*/
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.indexQrcode{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
    max-height: 228px;
    display: inline-block;
    font-family: 'PuHuiTiR';
}
.indexQrcode img{
    width: 40px;
    height: 40px;
}
/*.qrcode{*/
/*    position: absolute;*/
/*    right: 30%;*/
/*    bottom: 10%;*/
/*}*/

/* 下载链接 容器：绝对定位，覆盖在图片上 */
.qrcode {
    position: absolute;
    right: 25vw;
    bottom: 20%; /* 下载区整体位置 */
    z-index: 10; /* 确保层级高于图片 */
    /*gap: 15px; !* 图标间距 *!*/

    width: 50vw;
    height: 3.5vw;
    margin-right: 4vw; /* 每个图片左移 */

    /*transform: translateY(-50%); !* 修正垂直居中 *!*/
    /*transform: translateX(-50%); !* 修正垂直居中 *!*/
}


.appItem{
    /* 下载框 */
    width: 228px;
    height: 72px;
    border:2px solid #7f848f;
    font-size:29px;
    vertical-align: top;
    border-radius: 10px;
    background: #000;
    line-height: 33px;
}
.appItem p{
    font-size:24px;
    color:#ffffff;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    /*line-height: 20px;*/
}
.appItem span{
    font-size:15px;
    color:#ffffff;
}
.appItemFirst{
    margin-right: 10px;
}

.appItemPre{
    position: absolute;
    left: 8.5%;
    bottom: 0%;
    /*width: 400px;*/
    /*height: 72px;*/
    width: 30vw;
    height: 4vh;
    text-align: center;
    margin-bottom: 0.25rem;
}
/*.appItemPre p{*/
/*    font-size:50px;*/
/*    color:#ffffff;*/
/*    font-weight: 700;*/
/*    !*padding: 0px;*!*/
/*    !*margin: 0px;*!*/
/*    !*vertical-align: top;*!*/
/*    !*line-height: 20px;*!*/
/*}*/

.appItemPre span{
    font-size:0.2rem;
    color:#ffffff;
    font-weight: 700;
}

/*.appItemPre p{*/
/*    font-size:29px;*/
/*    color:#ffffff;*/
/*    padding: 0px;*/
/*    margin: 0px;*/
/*    vertical-align: top;*/
/*    line-height: 20px;*/
/*}*/

/*.headerTop{*/
/*    width: 228px;*/
/*    height: 72px;*/
/*}*/
/*.headerTop p{*/
/*    font-size:50px;*/
/*    color:#ffffff;*/
/*}*/


.android{
 background: #9ac415;
}
.appLogo img{
    width: 60px;
    height: 60px;
    margin-top: 5px;
}
.androidPlay img{
    width: 50px !important;
}
.qrcodeText{
    font-size:24px;
    color:#ffffff;
    text-align: center;
}
.qrcodeNotice{
    font-weight: bold;
}
.lastOne{
    vertical-align: top;
}

.bgIcon{
    width: 100%;
    height: auto;
}
.society{
    margin-top: 10px;
}
.society img{
    width: 56px;
    height: 56px;
}
.societyList{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}


@media screen and (max-width: 1440px) {
    .appItem{
        font-size:22px;
    }
    .appItem p{
        font-size:22px;
    }
    .appItem span{
        font-size:14px;
    }
    .qrcodeText{
        font-size:20px;
    }
    /*.appItemPre span{*/
    /*    font-size:25px;*/
    /*    color:#ffffff;*/
    /*    font-weight: 700;*/
    /*}*/
}
.facebook img{
    width: 56px;
}
@media screen and (max-width: 991px) {
    .society img{
        width: 38px !important;
        height: 38px !important;
    }
    /*.indexQrcode{*/
    /*    margin: 0px !important;*/
    /*}*/

    /*.indexQrcode .androidPlay img{*/
    /*    width: 32px !important;*/
    /*}*/
    /*.qrcode{*/
    /*    !*left: 0px;*!*/
    /*    !*bottom: 40% !important;*!*/
    /*    left: 18%;*/
    /*    bottom: 20% !important;*/
    /*}*/
    .qrcodeText{
        font-size: 14px;
    }
    .appLogo img{
        width: 100%;
        height: 38px;
    }
    .companyInfo{
        font-size: 13px;
    }
    .appItem{
        height: 50px;
        width: 150px;
        font-size: 18px;
        line-height: 20px !important;
    }
    /*.indexQrcode{*/
    /*    max-width: 320px;*/
    /*}*/
    .appItemFirst{
        margin-top: 0px;
    }
    .appItem span {
        font-size: 10px;
    }
    .appItem p {
        font-size: 15px;
    }

    /*.appItemPre{*/
    /*    position: absolute;*/
    /*    left: 85%;*/
    /*    bottom: 10%;*/
    /*    !*width: 250px;*!*/
    /*    !*height: 72px;*!*/
    /*    width: 20vw;*/
    /*    height: 3.5vw;*/
    /*    text-align: center;*/
    /*}*/
    /*.appItemPre span{*/
    /*    font-size:30px;*/
    /*    color:#ffffff;*/
    /*    font-weight: 700;*/
    /*}*/
}
.qrcodeList{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
/*.indexQrcode{*/
/*    margin-left: 10px;*/
/*}*/