@charset "utf-8";
/**base**/
body{background:#fff;}
.cl{zoom:1;}
.cl:after{content:'\20'; display:block; height:0; clear:both; visibility:hidden;}
.z{float:left;}
.y{float:right;}


/*** 头部 ***/
.header{ background:#393D49; height:60px; width:100%; position:fixed; left:0; top:0; z-index:999; }
.header div{ padding: 0 50px; }
.header a{ font-size:18px; line-height:60px; font-weight:100; color:#fff; }
.header a:hover{color:#fff;}
.header i{padding:0 10px; line-height:60px; color:#fff;}


/*** 左侧导航 ***/
.admin{ min-height:100%; width:100%; }
.aleft{ position:fixed; left:0; top:60px; width:200px; height:100%; border-right:1px solid #EAEAEA; }
.aleft h3{ font-size:16px; padding:15px 30px; font-weight:100; color:#333; border-bottom:1px solid #EAEAEA; background:#F9F9F9; }
.aleft ul li{ padding:12px 0 12px 30px; float:left; color:#333; width:150px; border-bottom:1px solid #EAEAEA; }
.aleft ul li a:hover{ color:#009688; }
.aleft ul li i{ position:relative; right:3px; top:1px; color:#009688; }


/*** 管理后台首页***/
.aright{ margin-left:200px; margin-top:80px; }
.aright_1{ margin:20px 30px 0 30px; }
.aright_1 table{ margin-bottom:10px; }
.aright_1 tr{ font-size:13px; line-height:38px; border-bottom:1px solid #EAEAEA; }
.aright_1 tr:last-child{ border:none; }
.aright_1 blockquote { padding:10px; border-left:5px solid #FF5722; }


/*** 管理后台文章列表页 ***/
.aright .arz{ float:left; margin:0 20px 20px 30px; }
.aright .arz a{ color:#fff; padding:10px 18px; background:#009688; height:36px; line-height:36px; border-radius:2px; }
.aright .arz a i{ position:relative; right:3px; top:1px; }
.aright .arz a:hover{ opacity:.8; filter:alpha(opacity=80); color:#fff; }
.artlist-search input{float:left; margin-right:10px; width:300px;}

.aform {margin-bottom: 50px;}
.aform table { width:100%; }
.aform tr{ border:1px solid #EAEAEA; }
.aform tr th{ border-left:1px solid #EAEAEA; background:#F9F9F9; line-height:45px; }
.aform tr td{ border-left:1px solid #EAEAEA; line-height:40px; }

/*添加文章表单*/
.bform{ width:800px; }

/*图片上传*/
.file-box img{ margin-top:15px; }
.file-box{ position:relative; width:100%;}
.file-txt{ width:560px; height:36px; line-height:36px; background:#fff; border:0 solid #fff; padding-left:5px; }
.file-box i{ position:absolute; left:16px; top:11px; font-size:16px; color:#5FB878; }
.file-btn:hover{ border-color:#D2D2D2 !important; }
.file-btn{ width:120px; height:36px; line-height:36px; background:#fff; border:1px solid #e6e6e6; padding-left:15px; border-radius:2px; }
.file-file{ position:absolute; top:0; left:0; height:36px; filter:alpha(opacity:0); opacity:0; width:110px; }


/** 网站配置 **/
.tpt_sels a{padding-right:15px;position:relative}
.tpt_sels a{padding:0 20px 0 8px;color:#3B6268;background:#FFFFBA;border:1px #F8E06E solid;margin-right:5px;margin-bottom:5px;font-size:14px;height:26px;line-height:26px;display:block;float:left}
.tpt_sels a em{width: 12px;height: 12px;font-style: normal;display: block;position: absolute;top: 7px;right: 4px;z-index: 2;}


/*** 登录页面 ***/
#login{ background:#179898; }
.login{ width:280px; margin:80px auto 0; background:#fff; padding:50px 60px; }
.login h2{ font-size:28px; font-weight:100; color:#333; text-align:center; margin-bottom:50px; }


/** bootstrap分页样式 **/
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #428bca;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #428bca;
	border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}
.pager li {
	display: inline;
}
.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
	text-decoration: none;
	background-color: #eee;
}
.pager .next > a,
.pager .next > span {
	float: right;
}
.pager .previous > a,
.pager .previous > span {
	float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
}


.list_page { width:100%; margin:0 auto; text-align:center; }

/*

.sort-input{width:25px;text-align:center}


.inside{width:100%;min-width:1000px;height:65px;background:#009688}
.inside h2 img{float:left;padding:18px 0 0 0}
.inside ul{width:120px;height:65px;float:left;margin-left:68px}
.inside .innumber1{background:#FF5722!important;color:#fff!important}
.inside .innumber{margin-top:12px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;border-radius:50%;background:#fff;float:left;color:#009688}
.inside .inword{width:80px;height:65px;float:left;line-height:65px;text-indent:10px;font-size:16px;color:#fff}
.inwp{width:1000px;margin:0 auto}
.inout1 a{float:left;border:1px solid #C9C9C9;background-color:#fff;color:#555;padding:8px 18px;border-radius:2px;margin-right:10px;margin-top:20px}
.inout2 a{float:left;color:#fff;padding:9px 18px;background:#009688;border-radius:2px;margin-top:20px}
.inout1 a:hover{color:#555;opacity:.8;filter:alpha(opacity=80)}
.inout2 a:hover{color:#fff;opacity:.8;filter:alpha(opacity=80)}
.inout2 input{float:left;color:#fff;padding:9px 18px;background:#009688;border-radius:2px;margin-top:20px;border:none}
.inout2 input:hover{color:#fff;opacity:.8;filter:alpha(opacity=80)}
.inside2 h2{font-size:20px;margin:20px 0}
.inside2 h3{font-size:16px;margin:20px 0 10px 0;color:#FF5722}
.inside2 p{font-size:14px;line-height:28px;margin-bottom:10px}
.inside2 tr{border:1px solid #EAEAEA}
.inside2 tr th{border-left:1px solid #EAEAEA;background:#F9F9F9;line-height:45px}
.inside2 tr td{border-left:1px solid #EAEAEA;line-height:40px;padding-left:20px}
.layui-form-pane .layui-form-label{width:100px!important}
.layui-form-pane .layui-input-block{margin-left:132px!important}
*/