:root{
    --color-index: #360001;
}
body{
    padding: 0;
    margin: 0;
}
header{
    background-image: url("../img/header.png");
    background-size: 100%;
}
body{
    background-image: url("../img/body.png");
}
footer{
    background-image: url(../img/footer.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}
.index-slide{
    width: 100vw;
    height: 56.25vw;
    background-size: 100% 100%;
}
.card.card-cpanel>.card-body{
    background-color: unset;
}
.card.card-cpanel>.card-head{
    background-color: unset;
    border-bottom: 1px solid var(--color-index);
    color: var(--color-index);
}
.card.card-cpanel {
    max-height: 100%;
    border: unset;
    box-sizing: border-box;
}
.teacher-logoimg{
    background-image: url("../img/user-border.png");
    background-size: 100%;
    overflow: hidden;
}
.card.teacher-simple{
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 0.5rem;
    overflow: hidden;
}
.page-footer{

}
.page-footer i{
    font-size: 1.4rem;
}
.integralCode{
    font-size: 3rem;
    height: 4rem;
    display: inline-block;
    border: 1px solid #ddd;
    line-height: 4rem;
    padding: 1rem;
    border-radius: 50%;
    background-image: radial-gradient(#FF9800, transparent);
    min-width: 4rem;
    transition: 0.5s;
    box-shadow: inset 0px 0px 6px 0px #FF9800;
}
.integralCode:active,.integralCode:hover{
    background-image: radial-gradient(#FF5722, transparent);
    transition: 0.5s;
}
.card-commonyuyue{
    background-color: var(--color-index);
    padding: 0.5rem;
    border-radius: 0.5rem;
}
.card-commonyuyue button{
    width: 2.5rem;
    border-radius: 0.25rem;
    border: none;
    padding: 0.25rem;
}
.card.card-api>.card-head{
    background-color: #360001 !important;
    color: #fff;
}
.card.card-teach{
    border: 1px solid #ddd;
    box-sizing: border-box ;
    border-radius: 0.5rem;
    overflow: hidden;
}