/**
 * desc:页面全局效果
 * date:2017-06-01
 */
html, body { background: #F7F7F7; -ms-overflow-style: scrollbar; /*ie-scrollbar*/ }

@media(max-width:768px) {
    html, body { overflow-x: hidden; /* Prevent scroll on narrow devices */ }
}

.all { margin-top: 50px; margin-left: 220px; z-index: 20; padding-left: 0; padding-right: 0; }
.sidebar { position: fixed; left: 0; top: 0px; width: 220px; padding: 0; background-color: #333744; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: -blackberry-touch; border-right: 1px solid #ccc; overflow-y: auto; overflow-x: hidden; height: 100%; }
.sidebar .nav {margin-top:50px;font-size:13px}
.sidebar ul { list-style-type: none; margin: 0; padding: 0; }
.sidebar li { border-top: 1px solid #333744; }
.sidebar li a { color: white; }
.sidebar li .caret { margin-top: 9px; }
.sidebar li i { margin-right: 15px; }
.sidebar .nav-header { padding: 10px; background-color: #f5f5f5; }
.sidebar .nav > li[class*=active] > a { background-color: #00c1de; color: #fff; }

.sidebar .nav > li[class*=active] > a :hover{ background-color: #00c1de; }

.sidebar .nav > li > a { padding: 13px 15px; border-bottom: 1px solid #333744; }
.sidebar .sub-menu { display: none; }
.sidebar .sub-menu li:hover { background-color: #4A5064; }


.sidebar .nav > li[class*=hasclick] > a { background-color: #333744; color: #fff; }
.sidebar .nav > li[class*=hasclick] :hover { background-color: #42485b; color: #fff; }
.sidebar .sub-menu li[class*=hasclick] > a { color: #C23531 !important; }

.sidebar .nav > li :hover { background-color: #42485b; }



.sidebar .sub-menu li a { padding: 15px 30px; text-decoration: none; display: block; background-color: #333744; }
.sidebar .sub-menu li[class*=active] > a { color: #C23531 !important; }

.maindiv { width: 100%; height: 100%; margin: 0 auto; min-width: 320px !important; overflow: hidden;padding:20px 20px;padding-left:9%;padding-right:9%}
.maincontent { width: 100%; height: 100%; margin: 0 auto; min-width: 320px !important; overflow: hidden;padding:20px 20px}
.maincontent .breadcrumb { padding: 14px 15px; }

#goTop { padding: 5px 15px; border-radius: 8px; position: fixed; right: 20px; bottom: 20px; display: none; background-color: #aaa; color: #fff; text-align: center; display: none; -moz-transition: background 0.5s linear; -webkit-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; z-index: 99; }
#goTop:hover { background: #808080; }

@media (max-width:768px) {
    .navbar-toggle[class*=pull-left] { margin-left: 15px; margin-right: 0; }
    #goTop { padding: 0 8px; }
}

.forkme { position: absolute; top: 50px; right: 0; border: 0; }
/*fa字体库样式纠正，注意写法，中间是没有间隔的*/
.fa.pull-right { line-height: inherit; }

/**进度条样式开始**/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #31b0d5;
  position: fixed;
  z-index: 2000;
  top: 46px;
  right: 100%;
  width: 100%;
  height: 5px;
}
/**进度条样式结束**/

/*自定义样式*/
.color1{color:#666666}
.color2{color:#999}
.border1{border:1px solid #E5E5E5;border-radius:0px}
.font14{font-size:14px;color:#999}
.font20{font-weight:bold;font-size:20px;color:#666666}
.font24{font-weight:bold;font-size:24px;color:#666666}