/*背景页*/

.InternetExplorer .pace,
.IE .pace {
  display: none;
}

@media (max-width: 600px) {
  .app-frame-main {
    padding: 0;
  }
  header {
    display: block;
    background: #546e7a;
  }
  header a i {
    color: white;
    padding: 5px;
  }
  .app-frame-tabs {
    display: none;
  }
  .app-frame-personCenter {
    display: none;
  }
}

.app-loadbg {
  position: relative;
  top: 0;
  left: 0;
  background: #fff;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: 50%;
}

.app-loadpagebg {
  position: relative;
  height: 100%;
  width: 100%;
}

.app-loadpagebg #app-pageloading {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: 50%;
}

/*顶部*/

.app-frame-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 50px;
  line-height: 50px;
  background: #1976D2;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

.app-frame-top .app-title {
  font-size: 24px;
  font-weight: bold;
  padding-left: 10px;
  letter-spacing: 5px;
}

/*logo标题*/

.app-frame-menu img {
  width: 60px;
  height: 60px;
  margin-top: 20px;
}

/*菜单*/

.app-frame-menu {
  position: absolute;
}

.app-frame-menu-wrap {
  position: relative;
  top: 0;
  height: 100%;
  overflow: visible;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.app-frame-menu-wrap .app-scroll-box {
  overflow: visible;
}

.app-uitheme-default .app-frame-menu-wrap {
  top: -35px;
}

.app-frame-menu li {
  position: relative;
  width: 100%;
  zoom: 1;
}

.app-menu-item {
  display: block;
  position: relative;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
}

.app-menu-item-icon {
  font-size: 14px;
  width: 25px;
  vertical-align: middle;
  margin-bottom: 1px;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.app-uitheme-default .app-menu-item-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}

.app-second-menu-list,
.app-three-menu-list {
  display: none;
}

/*功能窗口*/

.app-frame-main {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.app-uitheme-windos .app-frame-main {
  background: #eceff1;
}

.app-uitheme-default .app-frame-main {
  background: #eceff1;
}

.app-frame-main > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -300px;
  z-index: -1;
}

/*功能窗口ifame*/

.app-frame-iframe {
  width: 100%;
  height: 100%;
  display: none;
}

.app-frame-iframe.active {
  display: block;
}

/*头像和个人中心*/

.app-frame-personCenter {
  position: fixed;
  right: 0px;
  top: 0px;
  height: 50px;
  line-height: 50px;
  width: 130px;
  text-align: left;
  font-size: 14px;
}

.app-frame-personCenter > .dropdown-toggle > img {
  /* float: left;*/
  width: 26px;
  height: 26px;
  border-radius: 50%;
}

.app-frame-personCenter #currentUser {
  color: #ffffff;
  position: fixed;
  top: 2px;
  width: 70px;
  right: 25px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap; 
 
}
 
.app-frame-personCenter .dropdown-menu > li > a {
  padding: 10px 15px;
  color: #333;
}

dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right: 10px;
}

.dropdown-menu i {
  vertical-align: inherit;
  margin-bottom: 3px;
}

/*全屏*/

.app-frame-fullscreen {
  position: absolute;
  top: 50px;
  right: 10px;
  height: 29px;
  line-height: 29px;
  z-index: 1;
}

.app-frame-fullscreen a {
  cursor: pointer;
  color: #999;
}

.app-frame-fullscreen a:hover {
  color: #999;
}

*/
/*菜单 */

.app-frame-menu-wrap .app-scroll-vertical {
  right: 76px;
}

.app-frame-menu {
  top: 50px;
  width: 80px;
  height: 100%;
  background-color: #ffffff;
  border-right: 1px solid #cccccc;
  box-shadow: 5px 0px 5px 0px #c2bfbf;
  -moz-box-shadow: 5px 0px 5px 0px #c2bfbf;
  -webkit-box-shadow: 5px 0px 5px 0px #c2bfbf;
  -ms-box-shadow: 5px 0px 5px 0px #c2bfbf;
  -khtml-box-shadow: 5px 0px 5px 0px #c2bfbf;
  z-index: 2;
}

.app-first-menu-list {
  width: 80px;
  padding-top: 38px;
}

.app-first-menu-list > li > .app-menu-item {
  /* height: 84px; */
  font-size: 12px;
  color: #000000;
  text-align: center;
  margin-top: 20px;
}

.app-first-menu-list > li:first-of-type > .app-menu-item {
  margin-top: 5px;
}

.app-first-menu-list > li > .app-menu-item:hover {
  background: #e5e5e5;
}

.app-first-menu-list > li > .app-menu-item > .app-menu-item-icon {
  display: block;
  font-size: 20px;
  line-height: 30px;
  height: 30px;
  width: 30px;
  border-radius: 5px;
  margin: 0 auto;
  margin-bottom: 7px;
}

.app-first-menu-list > li > .app-menu-item > .app-menu-item-icon:before {
  color: #fff;
}

.app-first-menu-list
  > li:nth-of-type(8n + 1)
  > .app-menu-item
  > .app-menu-item-icon {
  background-color: #985ce2;
}

.app-first-menu-list
  > li:nth-of-type(8n + 2)
  > .app-menu-item
  > .app-menu-item-icon {
  background-color: #6a9ae1;
}

.app-first-menu-list
  > li:nth-of-type(8n + 3)
  > .app-menu-item
  > .app-menu-item-icon {
  background-color: #45b1df;
}

.app-first-menu-list
  > li:nth-of-type(8n + 4)
  > .app-menu-item
  > .app-menu-item-icon {
  background-color: #48d4d7;
}

.app-first-menu-list
  > li:nth-of-type(8n + 5)
  > .app-menu-item
  > .app-menu-item-icon {
  background-color: #3089dc;
}

.app-first-menu-list
  > li:nth-of-type(8n + 6)
  > .app-menu-item
  > .app-menu-item-icon {
  background-color: #e4474d;
}

.app-first-menu-list
  > li:nth-of-type(8n+7)
  > .app-menu-item
  > .app-menu-item-icon {
  background-color: #078171;
}

.app-first-menu-list
  > li:nth-of-type(8n)
  > .app-menu-item
  > .app-menu-item-icon {
  background-color: #fa2c9d;
}


.app-first-menu-list > li > .app-menu-item > .app-menu-item-arrow {
  display: block;
  position: absolute;
  left: 65px;
  top: 57px;
  text-indent: 0;
  font-weight: bold;
  color: #b8d2e1;
}

.app-first-menu-list > li:hover > .app-menu-item > .app-menu-item-arrow {
  text-indent: -99999px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent;
  border-right-color: white;
  border-left: none;
  left: 67px;
  top: 50%;
  margin-top: -20px;
  z-index: 10;
}

.app-second-menu-list {
  position: absolute;
  top: 0;
  left: 74px;
  width: 135px;
  line-height: 28px;
  padding: 3px 0 3px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

.app-first-menu-list > li:hover .app-second-menu-list {
  display: block;
}

.app-second-menu-list li {
  margin: 4px 0;
}

.app-second-menu-list .app-menu-item {
  padding-left: 10px;
  font-size: 12px;
  color: #333;
}

.app-second-menu-list li:hover {
  background-color: #eee;
}

.app-second-menu-list > .app-meun-had:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f105';
  color: #333;
  position: absolute;
  top: 8px;
  right: 10px;
}

.app-second-menu-list .app-menu-item-icon {
  color: #333;
  width: 18px;
  margin-right: 5px;
}

.app-three-menu-list {
  position: absolute;
  top: 0px;
  left: 133px;
  width: 130px;
  line-height: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #fff;
  font-size: 12px;
  color: #333;
  border: 1px solid #cccccc;
}

.app-second-menu-list > li:hover .app-three-menu-list {
  display: block;
}

.app-uitheme-default .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background: #eee;
}

/*功能窗口*/

.app-frame-main {
  padding: 80px 0px 0px 80px;
  background: #fff;
}

.app-frame-main img {
  opacity: 0.2;
}

.app-first-menu-list > li > a > .app-menu-item-text {
  /* overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; */
  display: block;
  padding: 0 10px;
}

.app-second-menu-list .app-menu-item-text {
  /* overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; */
  display: block;
  position: absolute;
  top: 0;
  left: 30px;
  width: 190px;
}

/*弹框confire样式*/

.msgtext {
  color: #ffffff;
  position: relative;
}

.msgtext i {
  margin-right: 10px;
}

#closeerrormsg{
  position: absolute;
  top: 0;
  right: 5px;
}

#closeerrormsg:hover{
  cursor: pointer;
}