body {
    padding: 0;
    margin: 0;
    font-size: 0.36rem;
}

a {
    text-decoration: none;
    color: black;
}

p {
    margin: 0;
}

.genre {
    border-bottom: 2px solid rgb(211, 211, 211);
    background: white;
    display: flex;
    padding: 4%;
}

.genre a {
    display: block;
    width: 20%;
}

.genre .nav-item {
    font-size: 0.4rem;
}

.genre>p {
    text-align: center;
    width: 60%;
}

.form div {
    font-size: 0.3rem;
    display: flex;
    border-bottom: 1px solid rgb(211, 211, 211);
    padding: 6% 4% 0.1rem;
    flex-Direction: row;
}

.form div input {
    flex-Grow: 1;
    border: 0;
    outline: none;
}

.form .huoqu {
    color: rgb(0, 94, 179);
    width: 10%;
}

.form .huoqu[disabled] {
    color: gray;
    opacity: 1;
    background: none;
}

.form .confrim {
    padding: 4%;
    display: flex;
    justify-content: flex-end;
}

.form .confrim button {
    margin-left: 0.3rem;
    background: none;
    border: 1px solid gray;
    padding: 0.1rem 0.6rem;
    border-radius: 0.3rem;
    outline: none;
}

.form .confrim button:last-child {
    border: 0;
    background: rgb(0, 94, 179);
    color: white;
}