a:hover{
    text-decoration: none;
}
.btn:focus{
    outline: none;
    outline-offset: 0;
}
.nav>li>a:focus, .nav>li>a:hover {
    background: none;
    text-decoration: underline;
}
.header {
    /* background: #009fbd; */
    background: linear-gradient(to right, #f6dc24, #2196F3);
    color: #fff;
    font-size: 18px;
    padding: 20px;
   /* margin-bottom: 25px;*/
}


.header a{
    color: inherit;
}
.header .logo{
    height: 70px;
    margin-top: -10px;
}
.header .navbar{
    margin-bottom: 0;
}









@keyframes updown {
    0%{
        top: 50%;
    }
    25%{
        top: 20%;
    }
    75%{
        top: 80%;
    }
    100%{
        top: 50%;
    }
}

.tool-box{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    animation: updown 15s linear infinite;
}
.tool-box:hover{
    animation-play-state: paused;
}
.tool-box .qq-link{
    position: absolute;
    display: block;
    padding-left: 24px;
    top: 32px;
    z-index: 1;
}
.tool-box .qq-link:nth-child(2){
    top: 65px;
}
.tool-box .qq-link .qq-img{
    width: 25px;
    height: 25px;
}
.tool-box .adv-link{
    display: block;
}
.tool-box .adv-img{
    width: 150px;
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
	not supported by any browser */
}