body {
    margin: 0;
    padding: 0;
}

.Bananer {
    background-color: #fff;
    padding:50px 0 0;
}

.Bananer .topbar {
    position: fixed;
    background-color: #fff;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(88.87deg, #ff5285 38.11%, #fc8db4 110.53%);

}

.Bananer .topbar .topbar-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 5px 20px;
}

.Bananer .topbar .topbar-content .logo img {
    display: block;
    height: 35px;
    cursor: pointer;
}

.Bananer .topbar .topbar-content #service img {
    display: block;
    width: 40px;
    cursor: pointer;
}

.Bananer .content1{
    width: 100%;
}
.Bananer .content1 .body-img{
    width: 100%;
}
.Bananer .content1 .body-img #body-img{
    width: 100%;
}
.Bananer .content4 {

}

.Bananer .content4 img {
    display: block;
    width: 100%;
}

.Bananer .content4 .download-code {
    position: fixed;
    left: 1%;
    z-index: 100;
    bottom: 1%;
    display: none;
}

.Bananer .content4 .download-code .code-content {
    padding: 20px;
    border-radius: 20px;

}


.Bananer .content4 .download-code .code-content #images_scan-QRcode {
  width: 200px;
  height: 260px;

}

.Bananer .content4 .download-code .code-content #qrcode {
 position: absolute;
top: 121px;
width: 130px;
height: 130px;
left: 55px;
z-index: 1000;
}
.Bananer .content5 {
    /* display: none; */
    cursor: pointer;
    position: fixed;
    right: 1%;
    z-index: 100;
    bottom: 1%;
}
.Bananer .content5 img {
  display: block;
  width: 80px;
}