@charset "utf-8";
/**
 * vbar main style sheet.
 * @author qinglin.wuql
 */
.vbar {
    position: fixed;
    z-index: 9999;
}
.vbar .vbar-promotions div.icon,
.vbar .vbar-menus div.icon,
.vbar .vbar-tools div.icon {
    background-repeat: no-repeat;
    background-position: left top;
}
.vbar .vbar-promotions li,
.vbar .vbar-menus li,
.vbar .vbar-tools li {
    cursor: pointer;
}
.vbar .vbar-promotions li:hover div.icon,
.vbar .vbar-menus li:hover div.icon,
.vbar .vbar-tools li:hover div.icon,
.vbar .vbar-promotions li.selected div.icon,
.vbar .vbar-menus li.selected div.icon,
.vbar .vbar-tools li.selected div.icon {
    background-position: right top;
}
/*
 * vbar-main
 */
.vbar .vbar-main {
    display: none;
    opacity: 0;
    width: 36px;
    height: 100%;
    position: fixed;
    top: 0px;
    right: -36px;
    color: #555555;
    background-color: #e6e6e6;
    z-index: 9999;
}
/*
 * promotions
 */
.vbar .vbar-main .vbar-promotions {
    width: 100%;
}
.vbar .vbar-main .vbar-promotions .vbar-promotions-wrapper {
    position: relative;
}
/*
 * menus
 */
.vbar .vbar-main .vbar-menus .vbar-menu {
	margin: 1px 0px;
    padding: 12px 0px;
    text-align: center;
    font-family: "\5b8b\4f53", "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei", STHeiti;
}
.vbar .vbar-main .vbar-menus .vbar-menu:hover,
.vbar .vbar-main .vbar-menus .vbar-menu.selected {
    background-color: #ff7300;
    color: #ffffff;
}
.vbar .vbar-main .vbar-menu .menu-icon {
    height: 20px;
}
.vbar .vbar-main .vbar-menu .menu-title {
    height: 18px;
    line-height: 18px;
}
.vbar .vbar-main .vbar-menus li.my {
    height: 55px;
}
.vbar .vbar-main .vbar-menus li.my img.icon {
    height: 32px;
    border-radius: 50%;
}
.vbar .vbar-main .vbar-menus li.my:hover {
    background-color: transparent;
    color: #555555;
}
/*
 * vbar-main tools
 */
.vbar .vbar-main .vbar-tools {
    width: 100%;
    *position: relative;
    overflow: hidden;
}
.vbar .vbar-main .vbar-tools .vbar-tools-wrapper {
    position: relative;
    bottom: 0px;
}
.vbar .vbar-main .vbar-tools .vbar-tool {
    height: 36px;
    margin: 1px 0px;
    background-color: #e6e6e6;
}
.vbar .vbar-main .vbar-tools .vbar-tool .tool-icon {
    height: 36px;
}
.vbar .vbar-main .vbar-hide {
    height: 60px;
    cursor: pointer;
    background-image: url('/images/web/2015/2183353_1513159559.png');
    background-repeat: no-repeat;
}
/*
 * vbar-sub
 */
.vbar .vbar-sub {
    display: none;
    width: 36px;
    position: fixed;
    right: -41px;
    bottom: 20px;
    z-index: 9999;
}

.vbar .vbar-sub .vbar-tools {
    margin-bottom: 10px;
}
.vbar .vbar-sub .vbar-tools .vbar-tool {
    background-color: #e6e6e6;
    margin: 1px 0px;
    height: 36px;
}
.vbar .vbar-sub .vbar-tools .vbar-tool .icon {
    height: 36px;
}
.vbar .vbar-sub .vbar-show {
    width: 41px;
    height: 39px;
    cursor: pointer;
    margin-left: -5px;
    background: url('/images/web/2015/2099821_1513159559.png') no-repeat transparent left top;
}
/*
 * panels
 */
.vbar .vbar-panels {
	display: none;
    width: 240px;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0px;
    right: -204px;
    background-color: #f6f6f6;
    overflow: hidden;
    z-index: 9998;
    border-left: 1px solid #dddddd;
    -webkit-box-shadow: 3px 0 15px #555555;
    -moz-box-shadow: 3px 0 15px #555555;
    box-shadow: 3px 0 15px #555555;
}
.vbar .vbar-panels .vbar-panels-bg {
    width: 100%;
    height: 100%;
}
.vbar .vbar-panels .vbar-panels-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: -100%;
}
.vbar .vbar-panels .vbar-panel {
    display: none;
    height: 100%;
}
.vbar .vbar-panel .panel-hd {
    height: 70px;
    line-height: 70px;
    background-color: #f6f6f6;
}
.vbar .vbar-panel .panel-hd:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}
.vbar .vbar-panel .panel-hd .panel-title {
	float: left;
    padding-left: 21px;
    color: #222222;
    font-family: "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei", STHeiti;
    font-size: 18px;
}
.vbar .vbar-panel .panel-hd .vbar-panel-close {
    float: right;
    width: 25px;
    height: 25px;
    margin: 22px 20px 0px 0px;
    background-image: url('/images/web/2015/2044774_2071302863.png');
}
.vbar .vbar-panel .panel-bd .panel-container {
    position: relative;
}
.vbar .vbar-panel .panel-bd .panel-container .loading,
.vbar .vbar-panel .panel-bd .panel-container .loading-error {
    text-align: center;
    padding-top: 200px;
}

/*
 * bubble
 */
.vbar .vbar-bubbles {
    display: none;
}
.vbar .vbar-bubbles .vbar-bubble {
	display: none;
	opacity: 0;
    position: fixed;
    right: 36px;
    z-index: 10000;
}
.vbar .vbar-bubble .vbar-bubble-close {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
}