@-webkit-keyframes bounce-up {
    25% {-webkit-transform: translateY(1.25rem);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(-1.25rem);}
}
@keyframes bounce-up {
    25% {transform: translateY(1.25rem);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(-1.25rem);}
}


/* 光标样式 */
#plane{
    width: 4.375rem;
    height: 4.375rem;
    z-index: 999;
}
#target{
    top: 31.25rem !important;
}
/* 顶部导航栏二级菜单样式 */
.wrap .team img{
    display: inline-block;
    width: 13rem;
    padding:0 0 1.25rem 1.25rem;
    height: 140%;
}

.wrap{
    z-index: 4;
    width: 100%;
    height: 3.4375rem;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: fixed;
    background-color: #8a61ad;
    top: 0;
}
.wrap .aaa a{
    text-decoration-line: none;
    color: #ffffff;
}   /* 去掉默认a标签的下划线 */
.wrap .aaa{
    width: 90rem;
    height: 5rem;
    padding-top: 0.4375rem;
}

.menu {
    z-index:3;
    font-size: 12px;
    position: absolute;
    right: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
        background-color: #8a61ad;
        transition: 1s;
    }
    
    .menu .menu-list {
        padding: 0;
        margin: 10px auto;
        list-style-type: none;
        width: 100px;
        position: relative;
    }
    
    .menu li {
        height: 26px;
        position: relative;
    }
    
    .menu li {
        float: left;
        margin: 10px 0 5px 0px;
        position: relative;
    }
    .menu li a{
        color: #ffffff;
        text-align: center;
    }
    .menu a, .menu a:visited {
        display: block;
        text-decoration: none;
        height: 25px;
        line-height: 25px;
        width: 130px;
        text-indent: 5px;
        border-bottom: 1px solid #8a61ad;
    }
    .menu a:hover {
        background: #ffffff;
        border-radius: 0.9375rem;
        color: #8a61ad;
    }
    .menu .menu-list ul {
        visibility: hidden;
        position: absolute;
        top: -1px;
        left: 140px;
    }
    /* 次级菜单样式 一 */
    .menu .menu-list .list-one{
        top: -5px;
        left: 140px;
    }
    /* 次级菜单样式 二 */
    .menu .menu-list .list-two{
        top: -80px;
        left: 140px;
    }
    .menu .menu-list .list-two li:nth-child(4) {
        height: 50px;
        line-height: 15px;
    }
    /* 次级菜单样式 三 */
    .menu .menu-list .list-third{
        top: -100px;
        left: 140px;
    }
    /* 次级菜单样式 四 */
    .menu .menu-list .list-four{
        top: -120px;
        left: 140px;
    }
    .menu ul ul li{
        width: 85px;
        height: 10px;
        line-height: 2px;
        padding: 0.7125rem 0;
        cursor: pointer;
        color: #ffffff;
        text-align: center;
    }
    .menu ul ul li:hover{
        background: #ffffff;
        border-radius: 0.9375rem;
        color: #8a61ad;
    }
    .menu ul li:hover ul, .menu ul a:hover ul {
        visibility: visible;
    }
    .menu ul :hover ul ul {
        visibility: hidden;
    }
    .menu ul :hover ul {
        visibility: visible;
    }
    
    /* 导航栏小于770px隐藏 */
    @media screen and (min-width: 771px) {
        .aaa-list {
            display: none;
        }
    }
    @media screen and (max-width: 770px) {
        .level{
            display: none;
        }
        .aaa-list {
            display: block;
        }
    }
    
    /* 响应式导航栏内容 */
    .wrap .aaa-list .list-nav{
        width: 80rem;
    }
    .wrap .aaa-list .list-nav .ball{
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-right: 5px;
        border-radius: 50%;
        background-color: #ffffff;
    }
     .wrap .aaa-list .list-nav .ball:hover{
        background-color: #49325d;
    }
     .wrap .aaa-list ul,li{
        list-style: none;
    }
     .wrap .aaa-list .list-nav>li{
        width: 12.86%;
        height: 2.5rem;
        text-align: center;
        background: #8a61ad;
        padding: 0.625rem 0;
        font-size: 1rem;
        transition: .4s;
    }
     .wrap .aaa-list .list-nav>li a{
        color: #ffffff;
        padding-top: 0;
    }
     .wrap .aaa-list .list-nav>li:hover{
        background: #8a61ad;
        border-radius: 0.9375rem;
    }   /* 设置鼠标滑过后的样式 */
    h .wrap .aaa-list .list-nav .two li{
        background-color: #8a61ad;
    }
      .wrap .aaa-list .list-nav .two{
        display: none;
        margin-top: 0.625rem;
        height: 0;
        margin-left: 1.5625rem;
    }  /* 先使二级菜单的内容隐藏 */
    
      .wrap .aaa-list .list-nav>li:hover .two{
        display: block;
    }   /* 鼠标滑过一级菜单后的显示二级菜单 */
      .wrap .aaa-list .list-nav .two li{
        padding: 0.7125rem 0;
        transition: .4s;
        cursor: pointer;
        color: #8a61ad;
    
    }
     .wrap .aaa-list .list-nav .two li:hover{
        background: #8a61ad;
        border-radius: 0.9375rem;
        color: #ffffff;
    }
    
    
    
    
    
    
    .wrap .aaa .list-nav{
        width: 80rem;
    }
    .wrap .aaa .level .ball{
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-right: 5px;
        border-radius: 50%;
        background-color: #ffffff;
    }
     .wrap .aaa .level .ball:hover{
        background-color: #8a61ad;
    }
     .wrap .aaa ul,li{
        list-style: none;
    }
     .wrap .aaa .level>li{
        float: left;
        width: 15.86%;
        height: 2.5rem;
        text-align: center;
        background: #8a61ad;
        padding: 0.625rem 0;
        font-size: 1rem;
        transition: .4s;
    }
     .wrap .aaa .level>li a{
        color: #ffffff;
        padding-top: 0;
    }
     .wrap .aaa .level>li:hover{
        background: #8a61ad;
        border-radius: 0.9375rem;
    }   /* 设置鼠标滑过后的样式 */
    h .wrap .aaa .level .two li{
        background-color: #8a61ad;
    }
      .wrap .aaa .level .two{
        display: none;
        margin-top: 0.4rem;
        height: 0;
        margin-left: 1.5625rem;
    }  /* 先使二级菜单的内容隐藏 */
    
      .wrap .aaa .level>li:hover .two{
        display: block;
    }   /* 鼠标滑过一级菜单后的显示二级菜单 */
      .wrap .aaa .level .two li{
        padding: 0.7125rem 0;
        transition: .4s;
        cursor: pointer;
        color: #49325d;
        background-color:#eff8f1;
        border-radius: 5px;
        opacity:0.8;
    
    }
     .wrap .aaa .level .two li:hover{
        background: #49325d;
        border-radius: 0.9375rem;
        color: #ffffff;
    }