.qr_banner>img{width: 100%;}

.qr_reg{padding: 100px 0;width: 700px;margin: 0 auto;}
.qr_reg>h1{background-color: #333;color: #fff;line-height: 50px;font-size: 18px;padding: 0 20px;}
.qr_form{padding: 80px 120px 80px 40px;display: flex;justify-content: center;flex-direction: column;align-items: center;border: 1px solid #ccc;}
.qr_form>button{width: 1px;opacity: 0;}
.qr_reg_i{display: flex;justify-content: flex-end;align-items: center;margin-bottom: 20px;width: 100%;}
.qr_reg_i>span{color: #666;margin-right: 20px;}
.qr_reg_i>input{width: 350px;padding: 0 15px;height: 40px;border: 1px solid #ccc;border-radius: 4px;}
.qr_form>a{display: block;background-color: #333;color: #fff;width: 350px;line-height: 38px;border-radius: 4px;align-self: flex-end;text-align: center;cursor: pointer;}
.qr_reg_i>[name="code"]{width: 240px;margin-right: 10px;}

@media screen and (max-width: 766px) {
    .qr_banner>img{height: 14rem;object-fit: cover;}

    .qr_reg{width: 100%;padding: 0;}
    .qr_form{padding: 2rem;}
    .qr_reg_i{flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}
    .qr_reg_i>span{margin-bottom: 1rem;width: 100%;}
    .qr_reg_i>input{}
    .qr_reg_i>[name="code"]{width: 20rem;}
    .qr_form>a{width: 100%;}
}