body{ color:#333; font-size:13px;}

input,select,textarea{color:#333;}

.bg{ width:100%; height:100%; position:absolute; background:url(../images/bg.jpg) }

.panel{background:#fff;}

form .form-group:last-child{padding-bottom:0;}

.passcode{position:absolute;right:0;bottom:0;height:32px;margin:1px;border-left:solid 1px #ddd;text-align:center;line-height:32px;border-radius:0 4px 4px 0;}

ul,li{ list-style-type:none;}

.lefter{position:relative;float:left;width:180px;margin-right:-180px;background:#e6f2fb;text-align:center;}

.righter{float:right;width:100%;padding-top:15px;background:#e6f2fb;}

.mainer{margin-left:180px;}

.field-icon-right .icon{ bottom:0px; top:auto}

.logo{ float:left; color:#FFF; line-height:80px;}

.logo img{ float:left; margin-right:10px;vertical-align: middle;margin-top: 15px;}

.loginbox { background:url(../images/tmbg-white.png); border:0px;}

/********头部******/

.header{height:80px; overflow:hidden; background:url(../images/bg.jpg) no-repeat 0 -1000px; }

.head-l{ float:right; margin-top: 11px; margin-right:15px; display: flex;height: 33px; align-items: center;}
.head-l a{display: flex;align-items: center;border-radius: 5px;margin-right: 5px; color: #fff;}
.head-l .button{ padding:8px 15px;}
.head-l .bg-blue:hover{ background-color:#03b6fd;}
.bg1{background-color:#29976a;}
.bg2{background-color:#007bff;}
.bg3{background-color:#28a745;}
.bg4{background-color:#ff6600;}
.bg5{background-color:#dc3545;}

.icon img{width: 20px;height: 20px;}

.admin-nav{margin-top: 45px;float: left;margin-left: 20px;}

.admin-nav li {	display: inline-block;}

.admin-nav li a{color: #fff;line-height: 25px;font-size: 15px;}

.admin-nav .active a {	background: #09c;	color: #fff;	border-radius: 4px 4px 0 0;}

.admin-nav .active ul {	display: block;	position: fixed;	left: 0;	width: 180px;	margin-top: 41px;}

.admin-nav .active ul a {	background: transparent;	color: #333;	border-radius: 0;}

.admin-nav .active .active a {	background: #e6f2fb;	border-top: solid 1px #b5cfd9;	border-bottom: solid 1px #b5cfd9;}

.leftnav{width:180px; height:100%; position:fixed; top:80px; left:0px;}

.leftnav-title { height:40px; background:url(../images/bg.jpg) no-repeat 0 -1000px;  color:#FFF; padding-left:22px;  font-size:14px; line-height:40px;}

.leftnav-title span{ margin-right:10px;}

.leftnav h2{ padding:10px 0 10px 22px; transition:all .1s ease-in-out; display:block; cursor:pointer; font-weight:bold; font-size:14px; border-top:1px solid #b5cfd9;}

.leftnav h2.on{ color:#09c;}

.leftnav .border-bottom{ border-bottom:1px solid #b5cfd9;}

.leftnav h2 span{ margin-right:10px;}

.leftnav h2:hover{ color:#09c;}

.leftnav ul {display:none; border-top:1px solid #b5cfd9; padding:5px 0; opacity:1;}

.leftnav ul li{ list-style-type:none;  }

.leftnav ul li a{ display:block;padding-left:30px;line-height:30px; }

.leftnav ul li span{ margin-right:8px;}

.leftnav ul li a:hover,.leftnav ul li a.on{ color:#09c;}

.leftnav .leftnav_sub{display:none;}

/***主要内容***/

.table-middle td{vertical-align: middle;}

.table-img{width: 60px;height: 40px;}

.table-title{white-space: normal !important;min-width: 200px;}

/*边框-辅色*/

.border-back,

.border-back .button,

.border-back .tab-nav li a,

.border-back .tab-body,

.button.bg-back,

.selected.border-back,

.pointer.border-back li,

.nav.border-back .active a,

.nav.nav-tabs.border-back,

.nav-main.border-back a,

.nav-main.border-back .nav-head,

.pagination.border-back li,

.pager.border-back a {	border-color: #b5cfd9;}

.alert{margin-bottom: 20px;}

.admin{background:#fff;position:fixed;border-left:solid 1px #b5cfd9;right:0;bottom:0;top:120px;left:180px; padding:8px; padding-bottom:0px; overflow:auto; border-top:1px solid #b5cfd9;overflow-y:hidden;}

.content{width:100%;}

.body-content{padding: 0px;}

.body-content form{padding: 10px;}

.content .title{ border-bottom:1px solid #dfdfdf; line-height:35px; font-size:14px; font-weight:bold; color:#09c}

/*.form-x .form-group .label{ width:10%;}*/

/*.form-x .form-button { margin-left:10%;}*/

.w30 { width:30% !important;}

.w50 { width:50% !important;}

.w80 { width:80% !important; }

.w100 { width:100% !important; }

.wauto{width: auto !important;}

.form-x .tipss{ float:left; padding-left:10px; color:#888; line-height:26px;}

.input-help { float:left; line-height:30px;}

.input-help li{ float:left;list-style-type: disc;}

.bread{ margin-left:180px;border-left: solid 1px #b5cfd9;height: 40px;padding: 0px 15px;line-height: 40px;border-radius: 0px;}

.bread li{ float:left;}

.bread li a{cursor: default;}

.label label{ /*font-weight:normal;*/ /*color:#333;*/}

.text{    padding: 7px 7px 7px 0;    line-height: 20px;display: inline-block;}

.button{ padding:2px 5px;}

.radio .button, .checkbox .button,.form-group .button{padding: 6px 15px;}

.form-group .field .file{ background:#FFF; border:0px;}

.form-group .field input[type=radio]{ vertical-align:middle; line-height:35px; margin-right:5px;}

.form-group .radio { line-height:35px;}

.form-group .imgdiv .badge-corner {padding: 4px;margin-top: 10px;}

.form-group .imgdiv .badge-corner img{width: 120px;height: 80px;margin-bottom: 4px;}

.form-group .imgdiv .badge-corner .button-little{    padding: 3px 5px;}

.tip img{width:100px; height:100px;}

.clear{ clear:both; overflow:hidden;}

.button-login{padding: 6px 15px;background:linear-gradient(to bottom,#007bfe,#026cde);border: 0 !important;line-height:50px;border-radius: 10px;font-size:24px;}

.passcode{cursor: pointer;}

.admin-panel .pagination .active{background: #fff;}

.search{ overflow:hidden;}

.search li{float:left; margin-right:15px; line-height:35px;}

.laydate{height: 34px !important;}

input[type="checkbox"], input[type="radio"]{ width:15px; height:15px; vertical-align:-3px; margin-right:5px;}

/*textarea[name=content]{width:100%; height:500px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px;}*/

.admin-panel td {padding:6px 8px 4px 8px;line-height: 26px;}

.panel-button{display: none;}

.panel-search{display: none;}

.tab-panel{padding-bottom: 10px;}
.h-main{margin: 27px 48px;}
.h-main .h-top{display: flex; align-items: center; justify-content:flex-start;}
.h-main .h-top .item{display: flex;align-items: center;justify-content: flex-start; margin-right:2%; width: 23.5%; }
.h-main .h-top .item .left{width:50%;height:6.1rem;margin: 0 auto;display: flex; align-items: center;justify-content: center; border-top-left-radius: 10px; border-bottom-left-radius:10px;}
.h-main .h-top .item .left img{width:4.5rem; height:4.5rem;}
.h-main .h-top .item .le1{background-color: #27c24c;}
.h-main .h-top .item .right{background-color:#f1f1f1; width: 50%; height: 6.1rem;border-top-right-radius: 10px; border-bottom-right-radius:10px;display: flex; align-items: center;justify-content: center;flex-direction: column;}
.h-main .h-top .item .right .num{font-size: 32px;color: #212121;}
.h-main .h-top .item .right .tit{font-size:16px;color: #666666;}
.h-main .h-top .item .le2{background-color: #23b7e5;}
.h-main .h-top .item .le3{background-color: #7266ba;}
.h-main .h-top .item .le4{background-color: #f05050;}
.h-main .h-top .item:last-child{margin-right: 0;}
.h-main .h-cont{display: flex; margin-top:87px;justify-content: space-between;}
.h-main .h-cont .system{width: 38%;height: 366px;border-radius: 10px;border: 1px solid #e0dbdb;padding: 23px 28px;position: relative;}
.h-main .h-cont .system .title{font-size:20px;color: #333333;border-bottom: 2px solid #333333; font-weight: bold;width:86px;line-height: 32px;}
.h-main .h-cont .system .sys-left{}
.h-main .h-cont .system .sys-left .tit{margin: 13px 0; font-size:16px;color: #222222;}
.h-main .h-cont .system .sys-left .item{padding-left:28px; font-size:14px;line-height: 28px; color: #333333;position: relative;}
.h-main .h-cont .system .sys-left .item:before{content: "";position: absolute;left: 10px;top: 50%; transform:translateY(-50%);width:8px;height: 8px;background-color: #cacaca;border-radius: 50%;}
.h-main .h-cont .system .sys-left .items{padding-left: 28px; line-height: 32px;font-size: 14px; color: #ff0000;}
.h-main .h-cont .system .sys-left .items a{color:#ff0000;}
.h-main .h-cont .system .sys-img{position:absolute; right: 0; bottom: 0;}
.h-main .h-cont .system .sys-img img{width: 100%;}
.h-main .h-cont .pangu{border: 1px solid #e0dbdb;;padding: 23px 28px;border-radius: 10px; width:65%;height: 366px; margin-right: 2%;}
.h-main .h-cont .pangu .title{width:406px;height: 35px; font-size:20px;color: #333333;border-bottom: 2px solid #333333; font-weight: bold;}
.h-main .h-cont .pangu .info{display: flex; margin-top: 40px;}
.h-main .h-cont .pangu .info .contact{width: 50%;display: flex; align-items: center;}
.h-main .h-cont .pangu .info .contact .item{display: flex; align-items: center;height: 32px; margin-bottom: 10px; justify-content:space-between;}
.h-main .h-cont .pangu .info .contact .item img{width:32px;height: 32px; margin-right: 5px;}
.h-main .h-cont .pangu .info .contact .item .tit{line-height: 32px;font-size:16px;}
.h-main .h-cont .pangu .info .contact .item .tit span{color: red;}
.h-main .h-cont .pangu .info .kongjian{width: 50%;}
.h-main .h-cont .pangu .info .kongjian .tit{font-size:16px;color: #333;padding: 10px 0;}
.h-main .h-cont .pangu .info .kongjian .tit span{color: red; font-weight: bold;}
.h-main .h-cont .pangu .info .kongjian .k-img{margin: 20px 0;}
.h-main .h-cont .pangu .info .kongjian .k-img img{border: 2px solid #dddddd; margin-right: 10px;width: 10rem;}
.h-main .h-cont .pangu .info .kongjian .text{font-size:16px;color: #333;}
.h-main .h-cont .pangu .info .kongjian .text a{background: #d0111b;color: #fff; padding: 2px 5px;border-radius: 5px;line-height: 24px;display: inline-block; cursor: pointer;}
.h-main .h-cont .pangu .info .kongjian .item{
	display: flex; align-items: center;
	margin-top: 20px;
}
.h-main .h-cont .pangu .info .kongjian .item img{width: 28px; height: 28px; margin-right:5px; display: block;}

.h-main .h-cont .pangu .info .contact .left{ margin-right: 5%;}
.h-main .h-cont .pangu .info .contact .left img{width: 250px; max-width: 100%;}
.h-main .h-cont .pangu .info .contact .right img{ width: 200px; max-width: 100%;}
.h-main .h-cont .pangu .info .contact .right p{text-align: center;font-size: 18px;font-weight: bold;}
/*.form-top{height: 150px;}

.form-top{height: 50px;}*/

/*响应式*/

/*@media screen and (max-width:948px){*/	

.table-responsive {width: 100%;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;overflow-x: auto;overflow-y: hidden;}

.table-responsive .table tr th, .table-responsive .table tr td{white-space:nowrap;}

.table-responsive .table tr th .button-group, .table-responsive .table tr td .button-group{display: flex;}

/*}*/


@media screen and (max-width:1023px){

	/*菜单相关*/

	.header{height: auto;background: url(../images/bg.jpg) no-repeat 0 -900px;height: 50px;}

	.logo{height: 50px;line-height: 50px;width: 100%;margin:0px;}

	.logo h1{font-size: 20px;float: left;margin-left: 10px;}

	.logo img{margin-top: 5px;height: 40px;}

	.logo_menu{float: right;padding: 0px 10px;}

	.logo_menu span{font-size: 24px;}

	.head-l{margin:0px;padding: 0px 5px 5px 5px;}

	.head-l .button{padding: 4px 6px;}

	.admin-nav{margin: 10px;overflow-x: scroll;width: 100%;}

	.admin-nav ul{min-width: 600px;}

	.admin-nav ul li{margin: 5px 0px;}

	.admin-nav ul li a{padding: 0px 10px;}

	.bread{display: none;}

	.leftnav{width: 100%;position: relative;top: 0px;display: none;}

	#admin_main{left: 0px;top: 0px;border-left: 0px;position: relative;}
	.h-main .h-cont .pangu .info .kongjian .k-img img{border: 2px solid #dddddd; margin-right: 10px;width: 8rem;}

}

@media screen and (max-width:1279px) and (min-width:1024px){

	.admin-nav li a{padding: 5px 10px;font-size: 14px;}

	.head-l .button{padding: 8px;}
	.h-main .h-cont .pangu .info .kongjian .k-img img{border: 2px solid #dddddd; margin-right: 10px;width:8rem;}

}

@media screen and (max-width:767px){

	.w50,.w80 { width:100% !important;}	

	/*表格相关*/

	.table-responsive td .button-group{display: -webkit-inline-flex;display: -moz-inline-flex;display: -ms-inline-flex;display: -o-inline-flex;display: inline-flex;}	

	/*分页*/

	.pagination-group{display: none;}

	/*编辑器*/

	.edui-default .edui-dialog-content,	

	.edui-default .edui-dialog-body{

		width: 100% !important;

	}
	.h-main{margin:4%;}
	.h-main .h-top{flex-wrap: wrap;}
	.h-main .h-top .item{width: 48%; margin-bottom: 2%;}
	.h-main .h-top .item:nth-child{ margin-right: 0; }
	.h-main .h-top .item .left{height: 4rem;}
	.h-main .h-top .item .left img{width:3rem;height: 3rem;}
	.h-main .h-top .item .right{height: 4rem;}
	.h-main .h-top .item .right .num{font-size: 24px;}
	.h-main .h-cont{display: block; margin-top:2%;}
	.h-main .h-cont .pangu{width: 100%;padding:4%;height: auto; margin-bottom: 2%;}
	.h-main .h-cont .pangu .title{width: 100%; height: 30px;font-size: 16px;}
	.h-main .h-cont .pangu .info{margin-top: 4%; display: block;}
	.h-main .h-cont .pangu .info .kongjian{width: 100%;}
	.h-main .h-cont .pangu .info .kongjian .k-img{display: flex;justify-content: space-between;}
	.h-main .h-cont .pangu .info .kongjian .k-img img{width:10rem; margin-right: 0;}
	.h-main .h-cont .pangu .info .contact{width: 100%; margin-top: 2%; }
	.h-main .h-cont .pangu .info .contact .item{margin-bottom:1.5%;}
	.h-main .h-cont .pangu .info .contact .item img{width: 28px;height: 28px;}
	.h-main .h-cont .pangu .info .contact .item .tit{font-size: 14px;line-height:28px;}
	.h-main .h-cont .system{width: 100%;padding:4%;height: auto;}
	.h-main .h-cont .system .sys-img img{width: 9.5rem;}
	.h-main .h-cont .system .title{font-size: 18px;line-height: 26px;width: 80px;}
	.h-main .h-cont .system .sys-left .tit{margin: 2% 0;font-size: 16px;}
	.head-l .t1{display: none;}
	.navbar-nav{align-items: center;height: 2.5rem;}

}