@charset "utf-8";
/* CSS Document */
html, body, div, span, input, button, figure, i, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt, dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td, ul, ol, li, p, a {
    margin: 0;
    padding: 0;
}
body {
    font: 14px/1.5 "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
html, body {
    height: 100%;
    background: #f4f4f4;
	color:#333;
}
a{
	text-decoration:none;
}
a:link{text-decoration:none; }  /* 指正常的未被访问过的链接*/

a:visited{text-decoration:none; }/*指已经访问过的链接*/

a:hover{text-decoration:none;}/*指鼠标在链接*/

a:active{text-decoration:none;}/* 指正在点的链接*/ 
i{
	margin-right:6px;
}
.font-color-r{
	color:#e44642;
}
.font-color-b{
	color:#2292d6;
}
.font-color-green{
	color:#15ce7d;
}
.font-color-gray{
	color:#999;
}
.font-color-pink{
	color:#c2479a;
}
.bg-color-gray{
	background-color:#999;
}
.bg-color-pink{
	background-color:#c2479a;
}
.bg-color-green{
	background-color:#15ce7d;
}
.bg-color-blue{
	background-color:#2292d6;
}

/* 登录*/ 
.login-page{
	background:url(../images/login_img_bg.jpg) no-repeat;
	-moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    min-height: 100%;
    min-width: 600px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: inherit;
}
.login-box{
	background:url(../images/login_img_input_bg.png) no-repeat;
	background-size:100% 100%;
	margin-left:20%;
	min-height:600px;
	min-width:800px;
}
.login-box-form{
	padding:20px 30px 20px 60px;
}
.login-tab{
	margin-top:90px;
    width:100%;
}
.login-tab img{
	width:94%;
	margin:0 auto;
}
.login-input .account,.login-input .password,.login-input .login-btn{
	width:90%;
	margin:0 auto;
	margin-bottom:40px;
}
.login-input .account input,.login-input .password input{
	padding:10px 30px;
	background-color:transparent; 
	border:none;
	border-bottom:1px solid #ccc;
	width:100%;
	outline: none;
	color:#333;
}
.login-input .account input{
	background:url(../images/login_icon_username.png) 4px 8px no-repeat;
}
.login-input .password input{
	background:url(../images/login_icon_password.png) 4px 8px no-repeat
}
.login-input .login-btn input{
	border: none;
    width: 100%;
    background: url(../images/login_btn_input1.png) no-repeat;
    background-size: 100% 100%;
    height: 56px;
	padding: 10px 0px 16px 0px;
	outline: none;
}
.input-name{
	margin-bottom:10px;
	color:#666;
	text-align:left;
}
.input-name span{
	font-size:12px;
	color:#999;
	margin-left:10px;
}
/*header*/ 
header{
	height:70px;
	width:100%;
	background:url(../images/header_bg.png) no-repeat;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
}
header section{
	width:1230px;
	margin:0 auto;
	height:70px;
}
header section .logo{
	height:70px;
}
header section .logo img{
	width:270px;
	height:60px;
	margin-top:5px;
}
header .login-user{
	text-align:right;
	height: 70px;
    line-height: 70px;
}
header .login-user a{
	color:#fff;
}
header .login-user a .user-name,header .login-user a .user-name i{
	margin-left:4px;
	margin-right:10px;
}
.login-user .drop-down{
	padding:16px;
	position:relative;
}
.login-user .drop-down .arrow{
	position: absolute;
    top: -14px;
    right: 6px;
    font-size: 50px;
    z-index: 100;
	color:#fff;
}
.login-user .drop-down .drop-down-jc{
	background-color:#fff;
	box-shadow:0px 4px 12px #999;
	position:absolute;
	right:-10px;
	border-radius: 4px;
	width:500px;
	padding:10px;
	z-index:1;
}
.login-user .drop-down .drop-down-jc .jcxx{
	margin-bottom:20px;
	overflow:hidden;
}
.drop-down-btn{
	line-height:34px;
}
.drop-down-btn button{
	height:30px;
	line-height:30px;
	border:none;
	border-radius:4px;
	padding:0px 20px;
	color:#fff;
}
.drop-down-menu{
	color:#999;
	text-align:center;
	line-height:24px;
}
.drop-down-menu img{
	margin-right:4px;
}
.drop-down-menu .menu{
	border-right:1px solid #ccc;
	cursor:pointer;
}
.drop-down-menu .menu:last-child{
	border:none;
}
.drop-down .drop-down-jc .user-imfor{
	line-height:28px;
}
.drop-down .drop-down-jc .user-imfor a{
	color:#2292d6;
}
.drop-down .drop-down-jc .user-imfor-name{
	font-size:16px;
	font-weight:bolder;
	color:#333;
	text-align:left;
	line-height:34px;
}
.drop-down-jc .user-img{
	text-align:left;
}
.drop-down-jc .user-imfor-name i{
	background-color:#c2479a;
	padding:4px;
	border-radius:20px;
	width:20px;
	height:20px;
	margin-left:4px;
	color:#fff;
	font-size:12px;
}
.drop-down-jc .user-imfor span{
	color:#999;
	text-align:left;
	padding:4px 0;
}
.drop-down-jc .user-imfor input{
	width:78%;
	float:right;
	border:1px solid #ccc;
	border-radius:4px;
}

/*content*/ 
/*首页*/ 
.index-body{
	background:url(../images/index_bg.jpg) no-repeat;
	-moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    min-height: 100%;
    min-width: 600px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: inherit;
}
.content{
	width:1230px;
	margin:0 auto;
	padding:90px 0px 0px 0px;
}
.content .container .classify{
	padding:10px;
}
.content .container .classify a{
	display:block;
	width:100%;
	height:100%;
}
.content .container .classify .name{
	text-align:center;
	color:#fff;
}
.content .container .classify .name img{
	width:90px;
	height:90px;
}
.content .container .classify .name span{
	display:block;
}
.classify-menu1{
	width:100%;
	background-color:rgba(194,71,154,0.8)
}
.classify-menu2{
	width:100%;
	background-color:rgba(1,218,144,0.8)
}
.classify-menu3{
	width:100%;
	background-color:rgba(220,104,77,0.8)
}
.classify-menu4{
	width:100%;
	background-color:rgba(241,158,85,0.8)
}
.classify-menu5{
	width:100%;
	background-color:rgba(62,159,214,0.8)
}
.classify .tzgg,.classify .bysj{
	width:100%;
	background-color:rgba(255,255,255,0.8);
	padding:10px;
}
.classify .tzgg .title,.classify .bysj .title{
	border-bottom:1px solid #ccc;
	text-align:left;
	padding:0px 0px 6px 0px;
	color:#333;
}
.classify .tzgg .title img,.classify .bysj .title img{
	width:26px;
	height:26px;
}
.list-group li{
	width: 100%;
    padding: 10px 4px;
    text-align: left;
}
.list-group li span.list-num{
	width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 4px;
	display:inline-block;
	background-color:#cccccc;
	margin-right:10px;
	color:#fff;
}
.list-group li:nth-child(1) span.list-num{
	background-color:#b864a4;
}
.list-group li:nth-child(2) span.list-num{
	background-color:#f4621b;
}
.list-group li:nth-child(3) span.list-num{
	background-color:#1ba5f4;
}
.list-group li span.list-title{
	width:96%;
	display:inline-block;
	text-align:left;
	color:#333;
	padding-left:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.list-group li span.list-time,.list-group li span.list-author{
	color:#999;
	font-size:12px;
}
.list-group li span.list-author{
	margin-left:40px;
	margin-right:10px;
}
.classify .bysj .mr{
	text-align:center;
}
.classify .bysj .mr img{
	width:130px;
	height:80px;
	margin-top:100px;
}
/*其他*/ 
.left-menu,.right-content{
	background-color:#fff;
	box-shadow:0 2px 10px #ccc;
	padding:10px;
}
.right-content{
	min-height:780px;
	position: relative;
    padding-bottom: 110px;
}
.left-menu ul li{
	border-bottom:1px solid #f8f8f8;
	padding:10px;
}
.left-menu ul li:last-child{
	border:none;
}
.left-menu ul li a span{
	display:inline-block;
}
.left-menu .menu-first{
	padding:10px 0;
}
.left-menu .menu-first span{
	margin-left:10px;
}
.left-menu .menu-first img{
	width:28px;
}
.left-menu .menu-first a span{
	color:#666;
}
.classify .left-menu .menu-first a span.name{
	text-align:left;
	color:#666;
	width: 80px;
}
.left-menu .menu-first a.in{
	position:relative;
}
.left-menu .menu-first a.in .line1{
	position:absolute;
	left:-20px;
	top:0;
	width:4px;
	height:28px;
	background-color:#c2479a;
}
.left-menu .menu-first a.in span.name,.left-menu .menu-first a.in i{
	color:#c2479a;
}
.left-menu .menu-first a i{
	margin-left:10px;
	color:#666;
}
.left-menu .menu-second a{
	color:#999;
	text-align:center;
	padding: 2px 0;
	margin:6px 0px;
	font-size:12px;
}
.left-menu .menu-second a.in span{
	width:90%;
	margin:0 auto;
	display:block;
	background-color:#c2479a;
	border-radius:13px;
	color:#fff;
	box-shadow: 0 2px 4px #ddd;
    padding: 2px 0px;
}
.right-content .table-title{
	padding:4px;
	overflow:hidden;
}
.right-content .table-title .search input,.right-content .table-title .search button{
	height:34px;
	float:right;
}
.right-content .table-title .search button{
	border:none;
	background-color:#c2479a;
	padding:0 16px;
	border-radius:0px 4px 4px 0px;
	color:#fff;
}
.right-content .table-title .search input{
	background: url(../images/icon_search.png) 6px no-repeat;
    background-size: 20px;
    border: 1px solid #ccc;
    padding: 4px 10px 4px 40px;
    width: 300px;
    border-radius: 4px 0px 0px 4px;
}
.right-content .table-title div:first-child{
	line-height:34px;
}
.right-content .table-title span{
	margin-right:10px;
}
.right-content .table-title span.fir{
	font-size:12px;
}
.right-content .table-title .btn{
	float:right;
	padding: 0 4px;
}
.right-content .table-title .btn button{
	border:none;
	border-radius:20px;
	padding:6px 14px;
	color:#fff;
	outline:none;
	box-shadow: 0 2px 4px #ddd;
}
.right-content .table-title .btn button i{
	margin-right:10px;
}
.right-content .table{
	padding:10px;
}
.right-content .table .table-explain{
	border:1px solid #ccc;
	width: 96%;
    padding: 20px;
    position: absolute;
    margin: 0 auto;
    border-radius: 4px;
    margin-top: 50px;
    bottom: 20px;
}
.right-content .table .table-explain .title{
	position:absolute;
	left:10px;
	top:-10px;
	width:80px;
	background-color:#fff;
	text-align:center;
}
.right-content .table .table-explain .title i{
	color:#f4621b;
}
.right-content .table table{
	width:100%;
	table-layout: fixed;
}
.right-content .table table tr{
	border-bottom:1px solid #f8f8f8;
}
.right-content .table table tr:nth-child(1){
	background-color: #c2479a;
	color:#fff;
	border:none;
}
.right-content .table table tr:nth-child(1) th:nth-child(1){
	width:60px;
}
.right-content .table table td,.right-content .table table th {
	padding: 16px 4px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
}
.right-content .table table td a.upload i{
	margin-left:10px;
	font-size:16px;
}
.right-content .table ul.menu{
	display: block;
    overflow: hidden;
	padding:0px 20px 10px 20px;
}
.right-content .table ul.menu li{
	padding:6px 10px;
	margin-right:10px;
	width:auto;
	float:left;
	cursor:pointer;
}
.right-content .table ul.menu li.on{
	border-bottom:3px solid #c2479a; 
	color:#c2479a;
}
.right-content .table ul.upload-content{
	padding:20px;
}
.right-content .table ul.upload-content li{
	display:none;
}
.right-content .table ul.upload-content .upload-btn button{
	border: none;
    border-radius: 20px;
    padding: 6px 14px;
    color: #fff;
    outline: none;
    box-shadow: 0 2px 4px #ddd;
}
.right-content .table ul.upload-content .upload-btn button i{
	margin-right:10px;
}
.right-content .table ul.upload-content .upload-list{
	margin-top:20px;
}
.right-content .table ul.upload-content .upload-list-nth{
	padding:20px;
	border-bottom:1px solid #f8f8f8;
}
.right-content .table ul.upload-content .upload-list-nth a{
	width:66.666667%;
}
.right-content .table ul.upload-content .upload-list-nth .file-name span{
	margin-right:10px;
}
.right-content .table ul.upload-content .upload-list-nth .file-operation button{
	border:none;
	background:none;
	outline:none;
	color:#c2479a; 
}
.right-content .table ul.upload-content .upload-list-nth .file-operation span{
	padding-right:28px;
	float:right;
}
.right-content .form{
	width:80%;
	margin:0 auto;
	padding:40px 20px;
}
.right-content .form .forms{
	display:block;
	overflow:hidden;
	padding:10px 0;
}
.right-content .form .title{
	text-align:right;
	line-height: 30px;
}
.right-content .form .formlist span{
	padding:4px;
}
.right-content .form .formlist span.upload{
	padding:0;
	position:relative;
}
.right-content .form .formlist span.upload input{
	position:absolute;
	left:10px;
	top: 0px;
    opacity: 0;
    cursor: pointer;
}
.right-content .form .formlist span span.choice{
	float: left;
	margin-right:20px;
}
.right-content .form .formlist span span.choice input{
    width: 20px;
    margin-top: 4px;
}
.right-content .form .formlist span input,.right-content .form .formlist select,.right-content .form .formlist textarea{
	border:1px solid #ccc;
	border-radius:4px;
	padding:6px 10px ;
	width:90%;
}
.right-content .form .operation-btn{
	text-align:center;
	margin-top:30px;
}
.right-content .form .operation-btn button{
	border:none;
	color:#fff;
	padding:6px 10px;
	border-radius:20px;
	box-shadow: 0 2px 4px #ddd;
	min-width:120px;
	outline:none;
}
.right-content .form .tsmr{
	text-align:center;
	padding:100px;
}
.right-content .form .tsmr img{
	margin-bottom:20px;
}
.right-content .form .tsmr p{
	padding:10px;
	width:60%;
	margin:0 auto;
}
.right-content .form .tsmr p span{
	font-size:28px;
	font-weight:bolder;
	margin-right:10px;
} 


/*font*/ 
font{
	display: block;
    margin-top: 10px;
	width:100%;
	text-align:center;
	color:#999;
	font-size:12px;
	padding:6px;
}

.right-content .form .article{
	width:100%;
}
.right-content .form .article .title{
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:bolder;
}
.right-content .form .article .subtitle{
	width:100%;
	text-align:center;
	font-size:12px;
	color:#999;
}
.right-content .form .article .content{
	width:100%;
	padding:20px;
	background-color:#fcfcfc;
	margin-top:20px;
}
.right-content .form .article .content p{
	text-indent:2em;
}
.right-content .form .reply{
	margin-top:20px;
}
.right-content .form .reply .reply-list .title{
	padding:10px 0;
	width:100%;
	text-align:left;
	font-size:16px;
	font-weight:bolder;
	border-bottom:1px solid #ccc;
}
.right-content .form .reply .reply-list .title span{
	dispaly:block;
	border-left:4px solid #c2479a;
	padding:0 10px;
}
.right-content .form .reply .reply-list ul li{
	padding:20px;
	border-bottom:1px solid #f8f8f8;
}
.right-content .form .reply .reply-list ul li .name{
	color: #c2479a;
    font-weight: bolder;
    padding: 10px 0;
    text-align: left;
}
.right-content .form .reply .reply-list ul li .name span{
	margin-left:10px;
	color:#999;
	font-weight:normal;
	display: inline-block;
}
.reply-form {
	padding:20px;
	width:100%;
}
.reply-form textarea{
	width:100%;
	padding:10px;
	border:1px solid #ccc;
	border-radius:4px;	
}
.reply .page{
	overflow:hidden;
}
.reply .page .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px;
    border-radius: 0px;
    float: left;
}
.reply .page .pagination a{
    width:inherit;
}
.reply .page span.page-bc{
	display: inline-block;
    padding-left: 0;
    margin: 26px 4px;
    border-radius: 0px;
    float: left;
}
.reply .page ul.pagination li a.active {
    background-color: #c2479a;
    color: white;
    border: 1px solid #c2479a;
}


.left-menu ul li a{
    position: relative;
}
.left-menu ul li a .tips{
	color: #fff;
    background-color: #f13f40;
    padding: 0 4px;
    border-radius: 10px;
    position: absolute;
    right: -22px;
    top: -4px;
    font-size: 12px;
	width:23px;
}
.left-menu ul li .menu-second a .tips {
    right: -18px;
}
.left-menu ul li .menu-second span{
	width: 90%;
    margin: 0 auto;
    display: block;
}