.swiper {

    position: relative;

}



.img {

    width: 100%;

    margin-top: -7px;

}



.index {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 501;

}



.logo {

    width: 136px;

    position: absolute;

    top: 86px;

    left: 0;

}



.qrcodes {

    position: absolute;

    right: 9.8%;

    top: 23vh;

    display: flex;

}



.qrcode_box {

    width: 261px;

    height: 305px;

    background: #F8F8F8;

    border-radius: 10px;

    padding-top: 30px;

    font-size: 22px;

    font-family: Source Han Sans CN;

    font-weight: 500;

    color: #333333;

}



.qrcode_li {

    text-align: center;

    margin-left: 30px;

}



.qrcode_box img {

    width: 198px;

    height: 198px;

    margin-bottom: 13px;

}



.btn1 {

    width: 200px;

    height: 50px;

    background: #17BC63;

    border-radius: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    font-family: Source Han Sans CN;

    font-weight: 500;

    color: #FFFFFF;

    margin: 20px auto;

}



.btn1 img {

    width: 20px;

    margin-right: 3px;

}



.btn2 {

    width: 200px;

    height: 50px;

    background: #3084E5;

    border-radius: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    font-family: Source Han Sans CN;

    font-weight: 500;

    color: #FFFFFF;

    margin: 20px auto;

}



.btn2 img {

    width: 20px;

    margin-right: 3px;

}



.ipc {

    position: absolute;

    text-align: center;

    font-size: 12px;

    color: #ccc;

    width: 100%;

    bottom: 100px;

    z-index: 501;

    left: 0;

    display: block;

}



.box {

    position: relative;

}
.img2{
    position: absolute;
    right: 50px;
    z-index: 7;
}