﻿
.quickbar_nav { width: 40px; height: auto; position: fixed; right: 26px; top: 50%; z-index: 6; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .quickbar_nav ul li { width: 40px; height: 44px; padding: 2px 0; position: relative; }
        .quickbar_nav ul li a { display: block; }
        .quickbar_nav ul li .icon { width: 40px; height: 40px; border-radius: 6px; overflow: hidden; cursor: pointer; box-shadow: 0 0 3px #b7b7b7; background-color: rgba(255, 255, 255, 0.5); }
            .quickbar_nav ul li .icon img { /* older safari/Chrome browsers */ -webkit-opacity: 0.6; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.6; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.6; /* IE9 + etc...modern browsers */ opacity: 0.6; /* IE 4-9 */ filter: alpha(opacity=60); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }
        .quickbar_nav ul li .seabtn { /* older safari/Chrome browsers */ -webkit-opacity: 0.6; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.6; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.6; /* IE9 + etc...modern browsers */ opacity: 0.6; /* IE 4-9 */ filter: alpha(opacity=60); /*This works in IE 8 & 9 too*/ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /*IE4-IE9*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); width: 100%; height: 100%; background: url(/res/cn/images/icon/icon_32.png) center no-repeat; border: none; }
        .quickbar_nav ul li:hover .icon img, .quickbar_nav ul li:hover .seabtn { opacity: 1; }
        .quickbar_nav ul li .li_hover { display: none; position: absolute; right: 50px; top: 2px; text-align: center; font-weight: bold; color: #0d0d0d; border-radius: 6px; box-shadow: 0 0 6px #d6d6d6; min-height: 24px; padding: 8px 0; width: 126px; background-color: rgba(255, 255, 255, 0.8); }
            .quickbar_nav ul li .li_hover:before { content: ""; border-left: 6px solid rgba(214,214,214,0.8); border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; right: -12px; top: 14px; }
            .quickbar_nav ul li .li_hover.ewmimg { width: 96px; height: 100px; padding: 5px 0; background: #fff; }
                .quickbar_nav ul li .li_hover.ewmimg img { width: 85px; }
        .quickbar_nav ul li .sea_input { width: 150px; padding: 0; }
            .quickbar_nav ul li .sea_input input { width: 130px; height: 40px; border: none; padding: 0 10px; outline: none; border-radius: 6px; background: none; }

        .quickbar_nav ul li.r_weChart .li_hover { width: 100px; top: -40px; }
            .quickbar_nav ul li.r_weChart .li_hover img { max-width: 100%; }
