<style>
.breadBox {
    border-bottom: none;
    border-radius: 3px;
}
.breadBox>div{
    color: rgb(255, 255, 255);
    text-indent: 0.5vw;
    font-size: .8vw;
}

.main {
    margin-left: 15%;
    width: 70%;
}

.userInfoBox {
    margin-bottom: 1vw;
    min-height: 70vh;
    display: flex;
    /* border: 1px solid ; */
}

aside {
    width: 15%;
    height: fit-content;
    /* border: 1px solid #E2E3E9; */
    overflow: hidden;
    /* background-color: red; */
}

aside>div:nth-child(1) {
    font-size: .9vw;
    padding: .7vw 0px;
    text-indent: 10%;
    font-weight: bold;
    border: 1px solid #f3f4f8;
    background-color: gray;
    color: white;

}
aside>ul>li{
    border: 1px solid #f3f4f8;
}
dd>a{
    color: black !important;
}
.layui-nav{
    /* background-color: #286fd5; */
    background-color: white;
   
}
.layui-nav-child{
    background-color: rgb(244, 245, 245) !important;
}
.layui-nav-item>a{
    color: rgba(0, 0, 0, 0.795) !important;
    font-size: .8vw;
}
.layui-this>a{
    color: white !important;
}
dd>a{
    font-size: .7vw !important;
    text-indent: .7vw;
}
.contentBox{
    margin-left: 1vw;
    width: calc(85% - 1vw);
    padding: 0px 1vw 1vw 1vw;
    color: var(--text-color);
}
.content>div:not(:first-child){
    padding-top: .8vw;
    color: var(--text-color);
    text-indent: 1vw;
    font-size: .7vw;
}
.title{
    margin-top: .5vw;
    text-indent: .5vw;
    font-size: .8vw;
    justify-content: left;
}
.title>div{
    padding: .2vw 0px;
    color: var(--text-color) !important;
}
</style>