.v_application {
    background: rgb(var(--v-theme-background));
    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
    display: flex;
}

.v_application_wrap{
    backface-visibility: hidden;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    position: relative;
}

.appViewContainer{
    height: 100%;
    width: 100%;
    background-color: #f4f5fa;
}

.HomeContainer{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
}

.homeRight{
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    flex-direction: column;
    flex:1;
}

.textBox{
    width: 100%;
    letter-spacing: 5px;
    font-family: Gill Sans, Gill Sans MT, Calibri, Trebuchet MS, sans-serif;
}

.mainTitle{
    display: flex;
    justify-content: center;
    width: 100%;
    color: #9c27b0;
    font-weight: 700;
    font-size: 120px;
}

.subTitle{
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 30px;
    letter-spacing: 5px;
    color: #c9a7cf;
}

.homeSidebar{
    box-shadow: 5px 5px 5px #dbdce2;
    height: 100%;
    position: relative;
}

.sideBarTitle{
    height: 70px;
    position: relative;
}


#menu
{
width:225px;
height:320px;
padding:0px;
margin:0px;
}
/*去掉列表前的圆点*/
#menu ul
{
width:225px;
list-style-type:none;
padding:0px;
margin:0px; /*消除左侧间隙*/
}
#menu ul li
{
width:225px;/*填充满整个边栏*/
/*
margin:0px;
padding:0px;
*/
}
#menu ul li a
{
display:block; /*先转化成块级元素*/
color:#696671;
text-align:left;
text-decoration:none;
padding:10px 0px 10px 30px;/*设置距离左侧的边栏和上边距*/
font-size:16px;
}
#menu ul li a:hover
{
color:Orange;
text-align:left;
text-decoration:none;
padding:10px 0px 10px 30px;
}
/*设置子菜单的样式*/
#menu ul li ul
{
list-style-type:none;
/*
padding:0px;
margin:0px;
*/
}
#menu ul li ul li
{
width:225px; /*通过设置宽度来填充*/
}
#menu ul li ul li a
{
display:block;
/*此处可以通过设置来调整相关的样式*/
padding:6px 0px 6px 60px;
text-align:left;
text-decoration:none;
font-size:12px;
}
#menu ul li ul li a:hover
{
padding:6px 0px 6px 60px;
text-align:left;
text-decoration:none;
font-size:12px;
color:#fff;
background-color:#9c27b0;
border-radius: 50px 50px 50px 50px / 0 120px 120px 0;
}

.afterclick{
    text-align:left;
    text-decoration:none;
    font-size:12px;
    color:#fff !important;
    background-color:#9c27b0;
    border-radius: 50px 50px 50px 50px / 0 120px 120px 0;
}