.main{

}
.img-box{
    max-width: 600px;
    margin:0 auto;
}
#qrcode{
    width: 100%;
    margin:0 auto;
    height: auto;
}
.page-box{
    display: flex;
    justify-content:space-between;
    position: absolute;
    top:55%;
    color: white;
    font-size: 32px;
    line-height: 64px;
    width:100%;
    /*width: 500px;*/
    background-color:rgba(0,0,0,0)
}
.btn{
    background: #fff;
    color: white;
}
.btn:hover{
    color: blue;
    -webkit-touch-callout: none; /* iOS Safari */

    -webkit-user-select: none; /* Chrome/Safari/Opera */

    -khtml-user-select: none; /* Konqueror */

    -moz-user-select: none; /* Firefox */

    -ms-user-select: none; /* Internet Explorer/Edge */

    user-select: none;
}
.left-btn{
    cursor: pointer;
    padding: 3px 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color:rgba(202, 50, 50, 0.7)
}
.right-btn{
    cursor: pointer;
    padding: 3px 5px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color:rgba(202, 50, 50, 0.7)
}
.desc{
    max-width: 600px;
    margin: 0 auto;
    font-size: 28px;
    color: #0944c7;
    text-align: left;
}