﻿#header {overflow: hidden; height: 30px; background-color:#35537e;background: linear-gradient(135deg, #35537e,#00bbee); line-height: 20px; color: #fff; font-family: Verdana, 微软雅黑,黑体; }
#header a { color:white; }
#header a:hover { text-decoration:underline}
#header img {vertical-align:middle}
#logo {display:inline-block;font-size:11pt;margin-left:12px;letter-spacing:1px;}
#clock {width:150px;display:inline-block;}
#tabs div.panel-body {overflow:hidden}
#tabs em{display:none}
#tabs .l-btn-text{line-height:30px}
.tabs-tool{border-top:none;border-right:none;background-color:#f0f6ff}
.panel-title{height:22px;line-height:22px;}

.btnbox {
    margin-right:5px;
    cursor:pointer;
    color:white;
    background-color:#43608A;
    display:inline-block;
    border:1px solid white;
    border-radius:6px;
    line-height:25px;
    height:25px;
    font-size:15px;
    font-family:'Microsoft YaHei';
    letter-spacing:1px;
}

.listbox{
    position:absolute;
    top:24px;
    z-index:9998;
    padding:3px;
    box-shadow: 4px 4px 6px 1px steelblue;
    cursor:pointer;
    color:white;
    background-color:#3f5d87;
    display:inline-block;
    border:1px solid white;
    border-radius:6px;
    line-height:25px;
    font-size:15px;
    font-family:'Microsoft YaHei';
    letter-spacing:3px;
    text-align:center;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#3f5d87), to(#1E2B3C));
    min-width:113px;
    display:none;
}
.listbox li{line-height:32px;font-size:16px;}
.listbox .over{color:black;border-radius:5px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#ffe48d));}

#menu ul {text-align:center;padding:3px;cursor:pointer}
#menu li{padding-top:5px;padding-bottom: 6px;margin-bottom:5px;text-align:center; border:1px dotted #ccc;border-radius:3px; white-space:normal;position:relative; filter: grayscale(100%);opacity:.8}
#menu :last-child{margin-bottom:0px}
#menu li.over{border:1px outset #ccc!important;background: linear-gradient( #fff 0%, #6EB8EE 50%, #fff 100%);filter: none;opacity:1}
#menu li.selected{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#ffe48d));border-style:solid;filter: none;opacity:1}
#menu img{max-width:36px;max-height:34px;margin-top:4px;}
#menu img.right2{position:absolute;right:8px;top:38%}
#menu li.over img.right2{display:none}

.menu3{z-index:999;border: 1px solid #95B8E7;border-radius: 3px;box-shadow: 3px 3px 4px 1px grey;cursor: default;
    position:fixed;left:94px; width:100px;background-color:#fff; display:none;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3)
}
.menu3::before{content:'三级菜单';display:block;text-align:center;font-family:serif;font-size:12px;color:#999;padding-bottom:3px}
.menu3 li{padding:8px 0px;}



.point {
    display: none;
    width: 0;
    height: 0;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #95B8E7 transparent transparent;
    position: fixed;
    z-index: 99999;
    left: 80px;
    margin-top: 0px;
}

.point span {
    display: block;
    width: 0;
    height: 0;
    border-width: 14px 14px 14px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: 1px;
    margin-top: -14px;
}
::-webkit-scrollbar {
    width: 0px;
    background-color:#eee

}
::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2); 
} /* 滑块颜色 */
::-webkit-scrollbar-button {
    height:8px;
    background-color: #ccc;
} /* 滑轨两头的监听按钮颜色 */

.menu3header {
  display: inline-flex;
}

.menu3header li {
  position: relative;
  margin:0px 12px;
  padding: 3px 6px;
  line-height: 1;
  text-decoration: underline;
  -webkit-transition: 0.2s all linear;
  transition: 0.2s all linear;
  cursor: pointer;
}

.menu3header li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 100%;
  border-bottom: 2px solid #000;
  -webkit-transition: 0.2s all linear;
  transition: 0.2s all linear;
}
.menu3header li:not(:last-of-type)::after{
    content:"|";
    color:#ccc;
    font-size:12px;
    font-family: serif;
    position: absolute;
    margin-left:16px;
}

.menu3header li:hover::before {
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  
}

.menu3header li:hover ~ li::before {
  left: 0;
}

.menu3header li.active,.menu3header li:hover {
  color:#000;
  text-decoration:none;
}
.menu3header li.active::before {
  width:100%;
    left:0;

}

.divp sup {
    font-size: 14px;
    color: #606266;
}
.badge{display:none}



#divAccount{visibility:hidden;opacity:0;position:absolute;top:30px;right:-6px;padding:10px;transition:all 0.3s;}
#divAccount>div{border:1px solid #CCC;width:200px;padding-bottom:8px;border-radius:5px;box-shadow: 0 6px 12px 2px rgb(64 64 64 / 10%);background-color:#fff;}
#divAccount.show{visibility:visible;top: 18px;right:-8px;opacity: 1;}
