@charset "utf-8";
/* 内页innerpage */
.sidebar{float:left; width:18%; border-radius: 16px 16px 0 0; background: linear-gradient(180deg, rgb(250, 230, 199) 0%, rgba(255, 255, 255, 0) 100%); padding: 15px; box-sizing: border-box;}
.maincontent{float:right; position: relative; width:82%;}
.maincontent .inbox{ margin-left: 30px;}
.maincontent .detail{padding-right:0!important; padding-bottom:0!important;}

.parentname{position:relative; z-index:11; line-height:28px; padding:10px 20px; font-size:1.25em; color:#fff; background:#AB1A1C; border-radius: 4px; font-weight: bold;}

.sidenav{position:relative; z-index:13;}
.sidenav li{margin-top:15px;}
.sidenav li a{position:relative; display:block; line-height:28px; padding:12px 20px; line-height:1.6; background-color:#F1E6E6; border-radius: 4px; color: #F17B4D; transition: .3s all; overflow: hidden;}
.sidenav li.on a,
.sidenav li a:hover{ color: #AB1A1C; background: #E5A8A9;}
.sidenav li.on a{ border: 1px solid #AB1A1C; font-weight: bold;}

.pagetitle{border-bottom: 1px solid #D9D9D9;}
.pagetitle h2{display: inline-block; padding-bottom: 15px; padding-top: 9px;  position: relative; font-weight: bold; color: #2354AF; font-size: 1.625em;}
.pagetitle h2:before{content: ''; position: absolute; width:100%; bottom:-1px; left:0; height: 3px; background: #2354AF;transition: all .3s; -webkit-transition: all .3s; overflow: hidden;}


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

.singlepage{clear:both; font-size: 1.125em; line-height:2.25; overflow:hidden;}
.singlepage p{margin:15px 0;}
.singlepage table,
.singlepage video,
.singlepage img{max-width:100%;}


@media (max-width: 1280px){
  .sidebar, .maincontent{float:none; width:100%;}
  .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; padding: 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;}
  .parentname{text-align: left; border-radius: 0; padding-top: 15px; padding-bottom: 15px;}
  .sidenav li{margin-top: 0;}
  .sidenav li a{padding-left: 20px; padding-right: 20px; border-bottom:1px solid rgba(255,255,255,.8); text-align: left; border-radius: 0;}
  .sidenav li.on a{border: none; border-bottom: 1px solid #8FC1FF;}
}

/* piclist */
/* ===
.imgratio-***:图片比例
===*/
.piclist{overflow:hidden; zoom:1;}
.piclist li{position:relative; float:left; }
.piclist li .box{overflow:hidden;}
.piclist li .txt{display:block; padding:15px; text-align:center; background-color:#f4f4f4;}
.piclist li .txt br{display: none;}
/* .piclist .imgratio{padding-top: 56.35%;} */

@media (max-width: 992px) {
	.piclist[class*="col"] li{width: 50%;}
}
@media (max-width: 380px) {
	.piclist[class*="col"] li{width: 100%;}
}


/*pages*/
.pages{ clear:both; line-height:28px; color:#555; font-size: 14px;}
.pages .pagination_index_last *{vertical-align:middle\9;}
.pages a{display: inline-block; padding:0 10px; margin:3px; zoom:1; color: #555; border:#dfdfdf 1px solid; border-radius:3px;
	transition: all .2s;
	-webkit-transition: all .2s;
	background: #f1f1f1;
	background: -webkit-linear-gradient(#ffffff 10%, #f1f1f1);
	background: -o-linear-gradient(#ffffff 10%, #f1f1f1);
	background: -moz-linear-gradient(#ffffff 10%, #f1f1f1);
	background: linear-gradient(#ffffff 10%, #f1f1f1);}
.pages a.current{background:#3067BA; border-color:#2C6DE6; color:#fff !important; text-decoration:none; font-weight: bold;}
.pages a:hover{color: #3067BA;}