*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: black;   
}
.pc-wrap{
    width: 100%;
    border-radius: .625rem;
    box-sizing: border-box;
    padding: 1.875rem 1.25rem;
    margin: 0 auto;
}
.input-control {
    margin-top: .625rem;
}
.input-control input {
    width: 18.125rem;
    padding: .625rem .3125rem;
    border: .0625rem solid black;
    outline: none;
    border-radius: .3125rem;
    font-size: 1rem;
}
.input-control2 input{
    width: 10.3125rem;
}
.input-control2 img{
    width: 7.5rem;
    height: 2.5rem;
    background-size: 100%;
    vertical-align: bottom;
}
.btn-row{
    width: 100%;
    text-align: center;
    margin-top: .625rem;
}
.btn {
    width: 6.25rem;
    height: 2.5rem;
    background-color: red;
    color: white;
    border-radius: .3125rem;
    cursor: pointer;
    border: none;
    font-size: 1rem;
}
.panel-rt{
    width: 100%;
    text-align: center;
}
.zczh{
    text-align: center;
}
.zczh a{
    color: brown;
    font-weight: 500;
}
.back{
    display: none;
    /* margin-left: 0; */
}

@media screen and (max-width: 50rem){
    .back{
        display: block;
    }
    .pc-wrap{
        width: 100%;
        height: 100%;
        /* height: 37.5rem; */
        /* background-image: linear-gradient(to top, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%); */
        border-radius: .625rem;
        /* position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -15.625rem;
        margin-top: -18.75rem; */
        /* text-align: center; */
        box-sizing: border-box;
        padding: 1.875rem .625rem;
        margin: 0 auto;
        /* text-align: center; */
    }
}