/* back to top */
svg:not(:root) {
overflow: hidden;
}


#back-to-top {
    position:fixed;
    display:none;
    width:48px;
    height:48px;
    right:10px;
    bottom:80px;
    background:rgba(255,255,255,0.3);
    border-radius:24px;
    box-shadow:0 1px 8px 1.5px rgba(0,0,0,0.35),0px 20px 70px 8px rgba(0,0,0,0.25);
    cursor:pointer;
    -webkit-transition:background 500ms;
    -moz-transition:background 500ms;
    -ms-transition:background 500ms;
    -o-transition:background 500ms;
    transition:background 500ms;
    -webkit-user-select:none;
    -webkit-touch-callout:none;
    z-index:999;
}

#back-to-top:hover {
    background:rgba(255,255,255,0.8)
}
#back-to-top #rocket {
    margin:8px auto;
    display:block;
}
#back-to-top #rocket path,#back-to-top .tooltip {
    -webkit-transition:all 500ms;
    -moz-transition:all 500ms;
    -ms-transition:all 500ms;
    -o-transition:all 500ms;
    transition:all 500ms
}
#back-to-top:hover #rocket path {
    fill:rgba(0,0,0,0.5)
}
#back-to-top .tooltip {
    width:100px;
    top:8px !important;
/*     left:-30px !important; */
    cursor:pointer
}
#back-to-top .tooltip.in {
    left:-100px !important
}
#back-to-top .tooltip .tooltip-inner {
    color:rgba(0,0,0,0.5);
    background:rgba(255,255,255,0.8);
    box-shadow:0 1px 8px 1.5px rgba(0,0,0,0.35),0px 20px 70px 8px rgba(0,0,0,0.25)
}
#back-to-top .tooltip .tooltip-arrow {
    border-left-color:rgba(255,255,255,0.8)
}
.tooltip {
position: absolute;
z-index: 9999;
/*display: block;*/
visibility: visible;
/*font-size: 11px;
line-height: 1.4;*/
opacity: 0;
filter: alpha(opacity=0);
font-family: "Microsoft Yahei",STXiHei,sans-serif;
color: #898989;

/*border-color: transparent;*/
border-color: #ffffff;
box-shadow: 0px 0px 3px #ffffff inset;
/*border-radius: 10px;*/

-webkit-transition: background .25s linear;
/*width: 10px;*/
background: transparent;
opacity: .8;
font-size: 14px;
line-height: 20px;
/*padding:10px;*/
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
border-radius: 10px;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.fade.in {
opacity: 1;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 8px;
text-align: center;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/*----------*/
::-webkit-scrollbar {
    width: 10px;
    background: #eee;
    opacity: .8;
}
::-webkit-scrollbar-button {
    width: 10px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: #eee;
    border: 1px solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #969696;
    border: thin solid gray;
    border-radius: 10px;
    -webkit-transition: background .25s linear;
}
::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
    -webkit-transition: background .25s linear;
}