bbh-pc/bottom.css

#bottom{
    position: relative;
    width: 100%;
    height: 19.5rem;
    background: #17181D;
    opacity: 1;
    border-width: 0;
    margin:0;
}

.decoration{
    position:absolute;
    /* top:255rem; */
    top:-18.1rem;
    right:0;
}
.decoration img{
    width:70.6rem;
}


#fdage{
    width:12rem;
    height:3.2rem;
}

.info{
    position:absolute;
    left:12.7rem;
    top:7.7rem;
    font-size: 0.7rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 19px;
    color: #FFFFFF;
    opacity: 0.7;
}

.support{
    position:absolute;
    left:0;
    margin-top:1rem;
}

.bottom-qrcode{
    position:absolute;
    top:8.2rem;
    left:31.9rem;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width:10.1rem;
    height:4.5rem;
    opacity:1;
}

.aboutus{
    position:absolute;
    top:5.6rem;
    left:45.7rem;
}
.line{
    position:absolute;
    top:7.2rem;
    left:45.7rem;
    width:42.2rem;
    border:solid #4B4B4B 1px;
}

.box{
    height:8rem;
    margin-top:0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content:space-around;
        -ms-flex-pack:distribute;
            justify-content:space-around;
}
.box a{
    text-decoration: none;
    color:inherit;
}

.box-extra1{
    height:4.3rem;
}

.box-extra2{
    height:2.7rem;
}


.info div:nth-child(1){
    margin-bottom:0.4rem;
    font-size: 0.8rem;
}

.operation{
    position:absolute;
    top:5.6rem;
    left:67.4rem;
}

.explore{
    position:absolute;
    top:5.6rem;
    left:82.6rem;
}