@charset "utf-8";
.sidebar{float:left; width:20%;}
.maincontent{float:right; position: relative; width:80%;}
.maincontent .inbox{margin-left: 40px;}
.maincontent .detail{padding-right:0!important; padding-bottom:0!important;}
.maincontent .page_list{margin-bottom:15px;}

.parentname{ font-size:1.375em; color:#226DB1; border-bottom: #E5E5E5 solid 1px;}
.parentname span{ display: inline-block; line-height:1.4em; padding:10px 0; border-bottom: #226DB1 solid 4px;} 

.sidenav{position:relative; z-index:13; overflow:hidden;}
.sidenav li a{position:relative; display:block; padding-left: 43px; padding-right: 45px; padding-top: 18px; padding-bottom: 18px; font-size:1.25em; line-height:1.6; background-color:#F2F8FF; color: #808080; border-radius: 2px;}
.sidenav li a:hover,.sidenav li.on a{color:#226DB1; font-weight: bold;}

.sidenav li.on a:after{content: ''; width: 3px; height: 16px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.sidenav li + li{margin-top: 10px;}

.pagelists .setModule:last-child{margin-bottom: 0;}


@media (max-width: 1280px){
  .sidebar, .maincontent{float:none; width:100%;}
  .sidebar .inbox{background-color: #F2F8FF;}
  .sidebar .inbox:after, .maincontent:before{display: none;}
  .maincontent .inbox{padding-left:0; margin-left: 0;}
  .maincontent .rel-appendixs{border-top-width:1px; border-top-style:dashed;}

  .m-sidebar{position:fixed; left:-200px; top:0; bottom:0; z-index:99; background:rgba(0,0,0,0.6)!important; width:200px!important; transition: all .3s; -webkit-transition:all .3s;}
  .m-sidebar.active{left: 0; box-shadow:0 0 5px rgba(0,0,0,0.4);}
  .m-sidebar-mark{position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.3); z-index:10; display:none;}
  .m-sidebar > .inbox{overflow-y: auto; max-height: 100%; overflow-x:hidden;}
  .m-sidebar-icon{position:absolute; left:100%; bottom:0; z-index:13; width:60px; height:60px; background:url(../images/sidenav_open.png) no-repeat center center; background-color:rgba(0,0,0,0.6); border-radius:0 8px 0 0;   cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.5); background-size: 45px 45px;}
  .m-sidebar-icon-open{transform: rotate(180deg); border-radius: 0 0 0 4px;}
  .sidenav li{margin-bottom:0; border-top:none;}
  .sidenav li a{padding-top: 12px; padding-bottom: 12px; padding-left: 26px; border-bottom:1px solid rgba(255,255,255,1); text-align: left; border-radius: 0; font-size: 1.25em;}
  .sidenav li + li{margin-top: 0;}

  .parentname.m-parentname{color:#fff; border-bottom: #E5E5E5 solid 1px; background-color: #226DB1; margin-bottom: 0; text-align: center;}
  .parentname.m-parentname span{ border-bottom: #fff solid 4px;} 
}