.report {
    height: 15.5rem;
    border-top: 1px black solid;
}

.report .ground-img{
    height: 15.5rem; 
    width: 100%; 
    position: absolute;
    z-index: -1;
}
.report-title{
    width: 26%;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
}

.report-title h1{
    font-size: 0.5rem;
    color: white;
}

.report-title h2{
    font-size: 0.32rem;
    color: white;
    padding-top: 15px;
}

.report-title h4{
    font-size: 0.22rem;
    color: white;
    position: relative;
    padding-top: 15px;
}

.web{
    position: absolute;
    left: 20px;
}


.web::after{
    content: '|';
    padding-left: 60px;
}

.andriod{
    position: absolute;
    right: 20px;
}

.ios{
    position: absolute;
    left: 50%;
    /* transform: translate(0,-50%); */
}

.ios::after{
    content: '|';
    padding-left: 60px;
}

.content{
    padding-top: 2.4rem;
    padding-left: 7rem;
    position: relative;
    overflow: hidden;
}

.content .layout-img img{
     width: 12rem; 
     height: 7rem; 
     opacity: 0.9;
     float: left;
}

.qrcode{
    position: absolute;
    bottom: 0;
    right: 10rem;
    text-align: center;
}

.qrcode h4{
    font-size: 0.23rem;
    color: white;

}

.qrcode .qrcode-1{
    margin-bottom: 1px;
}

.qrcode .qrcode-2{
    margin-bottom: 6px;
}

.qrcode img{
    width: 2rem;
    height: 2rem;
    border: 0.02rem white solid;
    background-clip: content-box;
    padding: 0.1rem;
}