



.right-sidebar {
	position: fixed; bottom: 40px; right: 0; z-index: 1301; transition: right .2s ease-in-out; }
.right-sidebar .sidebar-menu {width: 55px; height: 100%; font-size: 12px; position: relative; }
.right-sidebar .sidebar-menu .menu-middle {box-shadow: 0 3px 8px rgba(0,0,0,.2); border-top: 1px solid rgba(0,0,0,.05); background: #fff; position: absolute; width: 100%; }
.right-sidebar .sidebar-menu .item-ctx {background-color: #fff; background-size: 25px; background-repeat: no-repeat; background-position: 12px 5px; height: 40px; }
.right-sidebar .sidebar-menu .item-ctx {    height: 55px; border-bottom: 1px solid transparent; width: 55px; padding-right: 6px; line-height: 55px; text-align: center; display: block; cursor: pointer; font-size: 13px; position: relative; }
.right-sidebar a {text-decoration: none; }
.right-sidebar .sidebar-menu .hover-icon-menu9 {background-image: url('/images/server_index.png'); }
.right-sidebar .sidebar-menu .hover-icon-menu3{background-image: url('/images/phone_index.png'); }
.right-sidebar .sidebar-menu .hover-icon-menu2{background-image: url('/images/qrcode_index.png'); }
.right-sidebar .sidebar-menu .hover-icon-menu1{background-image: url('/images/time_index.png'); }
.right-sidebar .sidebar-menu .hover-icon-menu5{background-image: url('/images/input_index.png'); }
.right-sidebar .sidebar-menu .hover-icon-menu6{background-image: url('/images/fixed_ico6_on.png'); }
.right-sidebar .sidebar-menu .hover-icon-menu9:hover {background-image: url('/images/server_index_on.png'); }
.right-sidebar .sidebar-menu .hover-icon-menu3:hover{background-image: url('/images/phone_index_on.png'); }
.right-sidebar .sidebar-menu .hover-icon-menu2:hover{background-image: url('/images/qrcode_index_on.png'); }
.right-sidebar .sidebar-menu .hover-icon-menu6:hover{background-image: url('/images/fixed_ico6.png'); }
.right-sidebar .sidebar-menu .hover-icon-menu5:hover{background-image: url('/images/input_index_on.png'); }
.right-sidebar .sidebar-menu .item-ctx .ctx-hover-txt {text-align: center; display: block; color: #fff; width: 98px; left: -108px; top: 0; opacity: 0; position: absolute; background-color: #ff6900; white-space: nowrap; transition: all .3s ease-in-out; visibility: hidden; }
.right-sidebar .sidebar-menu .item-ctx .ctx-def {padding-top: 35px; line-height: 20px; font-size: 13px; transform: scale(0.8); color: #333; }
.right-sidebar .sidebar-menu .item-ctx .ctx-hover-txt::after {content: ' '; width: 0; height: 0; border-width: 5px; border-style: solid dashed dashed; border-color: transparent transparent transparent #ff6900; position: absolute; right: -10px; top: 16px;
}
.right-sidebar .item-line {margin: 5px 10px; height: 1px; background: #ccc; }
.right-sidebar .sidebar-menu .item-ctx:hover, .right-sidebar .sidebar-menu .item-ctx.is-active {background-color: #394042; }
.right-sidebar .sidebar-menu .hover-icon-menu1:hover, .right-sidebar .sidebar-menu .hover-icon-menu1.is-active {background-image: url('/images/time_index_on.png'); }
.right-sidebar .sidebar-menu .item-ctx:hover .ctx-def, .right-sidebar .sidebar-menu .item-ctx.is-active .ctx-def {color: #fff; }
.right-sidebar .sidebar-menu .item-ctx:hover .ctx-hover-txt {opacity: 1; left: -98px; visibility: visible; }
.item-ctx.hover-icon-menu2:hover .ctx-hover-txt {width: 112px !important; left: -112px !important; }
.ctx-hover-txt img{width: 112px;height: 112px;text-align: center;display: none;}
.item-ctx.hover-icon-menu2:hover .ctx-hover-txt img{width: 112px;height: 112px;text-align: center;display: block;}

