/* CSS Document */
*{ margin:0; padding:0; }
html{}
body{ font-size:14px; font-family:'Microsoft YaHei',Helvetica; background:#f9f9f9; color:#666;  word-break:break-all;  word-wrap:break-word; }
ul,li{ list-style:none; }
a,a:hover{ text-decoration:none; color:#666;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s; }
header,aside,footer,section,article,figure,nav,menu{ display:block; }
input,button,textarea{font-size:14px; font-family:'Microsoft YaHei',Helvetica; padding:0;margin:0; border:none; background:none; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0; outline:none;resize:none;}

:root {
	--primary-color: #4e73df;
	--secondary-color: #f8f9fc;
	--accent-color: #36b9cc;
	--text-color: #5a5c69;
	--success-color: #1cc88a;
	--warning-color: #f6c23e;
	--danger-color: #e74a3b;
	--sidebar-width: 250px;
	--header-height: 70px;
	--leftMenu-bg-color: #fff;
	--leftMenu-font-color: #495057;
	--leftMenu-bg-active-color: #e7f5ff;
	--leftMenu-bg-hover-color: #e9ecef;
	--top-name-color: #4dabf7;
	--divSel-bg-color: #4aa6fc;
}

.headLogo{
	font-size:22px; color:var(--top-name-color);font-weight:bold;
}

h1,h2,h3,h4,h5,h6{ font-style:normal; font-weight:normal; }
em,cite,i{font-style:normal;}
img{ border:none; display:inline-block; vertical-align:middle;}

.clearfix:after {clear:both;content:".";display:block;font-size:0;height:0;overflow:hidden;visibility:hidden;}
.clearfix {*zoom:1;}
.mt0{margin-top:0!important;}
.pl0{ padding-left:0px!important;}
.pr0{ padding-right:0px!important;}
.mt10{ margin-top:10px!important;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px!important;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.co-blue{ color:#037ec9;}

.page-header{ margin-top:20px;}
.page-header a:hover{ color:#037ec9;}

.navbar-header{ height:58px;  background:#1e2a3a; width:100%; color:#000;}
.navbar-header .navbar-brand{ width:300px; position:absolute; }
.navbar-header .navbar-brand img{ width:100%; height:auto;}
.navbar-header ul.nav{ position:relative;  margin-left:0; text-align:center; margin-top:40px; width:100%;  padding:0px  0 0 300px;bottom:0;}
.navbar-header ul.nav li{display:inline-block;}
.navbar-header ul.nav li a{padding:0px 15px; height:40px; line-height:40px; margin:0px 1px; background:#31b7e2; color:#fff;}
.navbar-header ul.nav li a:hover,.navbar-header ul.nav li a.active{  background:#0291cd; color:#fff;}
.navbar-header .userInfo{top:0;  line-height:40px;font-size:14px; position:absolute; right:15px;top:10px; color:#fff;}
.navbar-header .userInfo a{color:#fff; margin-right:20px;}
.navbar-header .userInfo a:hover{color:#fff;}
.navbar-header .userInfo a i{ margin-right:3px;}
.sidebar ul li a.active{ color:var(--leftMenu-font-color);border-right: 1px solid #0054e6;}
.form-group .pub_label{ font-weight:bold;line-height:32px; width:100px;  padding-left:15px;white-space:nowrap;}
.form-group label{ font-weight:normal;line-height:32px;}
.form-control{ font-weight:normal;}
select.form-control{ padding-left:0; padding-right:0;}
.btn-pub{ width:120px; border:1px #037ec9 solid; color:#037ec9;}
.btn-pub:hover,.btn-pub:active,.btn-pub:visted{ background:#037ec9; border:1px #037ec9 solid;color:#fff; }
.btn-link{ padding:0px 5px;}
.td-oprate{ width:150px;}
.table th{ background:#e3e8ec !important; vertical-align:middle!important;  border:1px #037ec9 solid; color:#4d5c63;}
.table td{ vertical-align:middle!important;}
.table td.vtop{ vertical-align:top!important;}

.dataTables_info{padding-left:10px;}
.dataTables_length{padding-top: 0.755em;padding-left:10px;}
.bottom{padding-top:20px;padding-bottom:50px;}
#userList th{text-align:center;height:40px;}

@media screen and (max-width:1350px){
	.col-md-8{ width:80%!important;}
	.col-md-4 .col-md-8{ width:68%!important;}
	.col-md-4{ width:50%!important;}
	.form-group .pub_label{ text-align:left!important;}
}
@media screen and (max-width:960px){
	.col-md-8{ width:100%!important;}
	.col-md-4 .col-md-8{ width:100%!important;}
	.col-md-4{ width:100%!important;}
	.pl0{ padding-left:0px!important;padding-right:0px!important;}
	.pr0{ padding-left:0px!important;padding-right:0px!important;}
}
.uploadCla:hover{ color:#fff;}
.upload_con{ width:100px; height:34px; line-height:34px; display:inline-block; margin-left:10px; cursor:pointer;}
.uploadCla{ width:100px; height:34px;display:block; background:#fff;  border:1px #037ec9 solid; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; color:#037ec9;cursor:pointer;  line-height:34px; text-align:center; text-decoration:none;}
.uploadCla_hover a{ background:#037ec9; color:#fff; border:1px #037ec9 solid;}
.nobor{ border:none;}
.nobor td{ border:none!important;}
.alertBoxtab .tags{font-size:40px; line-height:60px; width:60px; height:60px;border-radius:70px; -webkit-border-radius:70px; -moz-border-radius:70px;  box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;text-align:center;  margin-bottom:0;}
.alertBoxtab .corrent{border:10px #037ec9 solid; color:#037ec9;}
.alertBoxtab .error{border:10px #a94442 solid; color:#a94442;}
.alert_tit{ margin-top:10px;color:#333;}
.alert_p{ margin-top:10px;color:#666;}
.successBox .alert_p{ color:#037ec9;}
.errorBox .alert_p{ color:#a94442;}
.error_tips{ position: absolute;top: 34px;color:#a94442;width: 100%;height: 20px;line-height: 20px;}
.area_con .error_tips{ top: 74px;}
.linesLabel label{}
.linesLabel label input{ margin-top:10px;}
.sidebar ul li a.cur{ color:var(--leftMenu-font-color);padding-left:30px;}
.pub_nav_tit{padding: 0;margin: 0;text-align: center;font-size: 20px;background: #f2f2f2;color: #037ec9;border-bottom: 2px #037ec9 solid;line-height: 50px;height: 50px;}
.fast-btn{ min-width:100px; display:block; cursor:pointer; overflow:hidden;}
.fast-btn i.arrow:before{ content:"\f105";}
.fast-btn i.arrow{ line-height:40px; width:20px; text-align:center; overflow:hidden;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;}
.userInfo .on i.arrow{ -webkit-transform:rotate(90deg);transform:rotate(90deg);}
.fast-nav{ position:absolute; top:40px; width:100px; border:1px #ddd solid; background:#f1f1f1; padding:5px;}
.fast-nav li,.navbar-header .userInfo .fast-nav li a{ height:30px; font-size:12px; display:block;width:100%; line-height:30px; color:#666;}
.navbar-header .userInfo .fast-nav li a i{ width:20px; display:inline-block; text-align:center;}
.navbar-header .userInfo .fast-nav li a:hover{ background:#ddd; color:#fff;}

.page_block .row{ margin:0!important; padding:0px 10px;}
.showImportant{ display:block!important;}
.err_prompt{color: #F00;padding-left:130px;padding-bottom:10px;}

.timer,.timerCon{width:150px;}
@media screen and (max-width:960px){
	.timer,.timerCon{width:100%;}
}

.fixed-table-container thead th .th-inner{
	    white-space: inherit !important;
}

.njNav{margin-left: 10px;}
.wrap {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;
	width: 100%;
	height: 100%;
	display: none;
}
.divSel{margin:10px 0;}
.divSel a{cursor: pointer;}
.divSel a:hover{background-color:var(--divSel-bg-color);border:1px solid var(--divSel-bg-color);color:#fff;}
.typeSel{padding:5px;display:inline-block;margin:2px 3px;border:1px solid #d2dcf8;border-radius: 10px;}
.typeSelActive{padding:5px;display:inline-block;margin:2px 3px;border-radius: 10px;background-color:var(--divSel-bg-color);border:1px solid var(--divSel-bg-color);color:#fff;}
.bigImg{border: 1px solid #ccc;padding:2px;margin-left:3px;border-radius:5px;font-size:12px;}
.search-bar {display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 20px;padding: 10px;transition: box-shadow 0.3s ease;}
.search-input {padding: 10px 20px;font-size: 16px;border: none;border-radius: 20px;background-color: transparent; outline: none;box-shadow: 0 8px 16px rgba(0,0,0,0.2);}
.search-btn {padding: 10px 20px;font-size: 16px;background-color: #4CAF50;color: white;border: none;border-radius: 20px;cursor: pointer;}
.njTitle{background-color:var(--divSel-bg-color);padding:5px 20px;border-radius: 20px;color:#fff;}