.rightBoxNav {
    background: rgba(8, 9, 35, 0.6);
    box-shadow: 0 1px 30px 0 rgba(76, 197, 254, 0.3) inset;
    border: 1px solid;
    border-image: linear-gradient(0deg, rgba(12, 196, 252, .7), rgba(2, 115, 255, .7)) 2 2;
    margin: -1px -1px 1px;
    height: 48px;
    width: 100%;
    box-sizing: content-box;
    display: flex;
    position: relative;
}

.navTab {
    margin: -1px 20px 0;
    width: 100%;
    height: 38px;
    background: rgba(11, 24, 56, 1);
    border: 1px solid rgba(5, 146, 247, 1);
    border-radius: 0 0 17px 17px;
    box-shadow: 0 1px 2px 0 rgba(4, 8, 22, 0.1), 0 0 12px 0 rgba(133, 174, 207, 0.5) inset;
    overflow: hidden;
    position: relative;
    display: flex;
}

.navTab > .linkSpan {
    height: 38px;
    line-height: 38px;
    padding:0 30px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    transition: all 500ms;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 0 2px;
    white-space:nowrap;
}
.navTab > .linkSpan:last-child{
    margin-right: 0;
}
.navTab > .linkSpan:first-of-type{
    margin-left: 0;
}
.navTab > .linkSpan .iconfont{
    font-size: 1.2em;
    margin-right: .2em;
    margin-top: -.1em;
}
.navTab > .active ,
.navTab > .linkSpan:hover{
    background: linear-gradient(180deg, rgba(41, 185, 249, 1) 0%, rgba(6, 147, 255, 1) 100%);
}

.Btn {
    display: flex;
    cursor: pointer;
    background: transparent;
    color: #249BCF;
    border: none;
    align-items: center;
    font-size: 24px;
    padding-right: 10px;
    height: 80%;
    margin-left: -10px;
}