body{ color:#333; font-size:13px;}
input,select,textarea{color:#333;}
.bg{ width:100%; height:100%; position:absolute; background:url(../image/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; margin-top:10px; line-height:45px;}
.logo img{ float:left; margin-right:10px;}
.loginbox { background:url(../image/tmbg-white.png); border:0px;}
/********头部******/
.header{height:70px; overflow:hidden; background:url(../image/bg.jpg) no-repeat 0 -1000px; }
.head-l{ float:left; margin:17px 15px 0 0; }
.head-l .button{ padding:8px 15px;}
.head-l .bg-blue:hover{ background-color:#03b6fd;}
.leftnav{width:170px; position:fixed; top:70px; left:0px;}
.leftnav-title { height:50px; background:url(../image/bg.jpg) no-repeat 0 -1000px;  color:#FFF; padding-left:22px;  font-size:14px; line-height:50px;}
.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;}

/***主要内容***/
.admin{background:#fff;position:fixed;border-left:solid 1px #b5cfd9;right:0;bottom:0;top:110px;left:170px; padding:0; padding-bottom:0px; overflow:auto; border-top:1px solid #b5cfd9;overflow:hidden;}
.content{width:100%;}
.body-content{padding:20px 0; overflow:hidden;}
.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%;}
.w50 { width:25%; float:left;}
.form-x .tipss{ float:left; padding-left:10px; color:#888; line-height:42px;}
.input-help { float:left; line-height:30px;}
.input-help li{ float:left;margin-left:10px;}
.bread{ margin-left:180px; margin-top:4px;}
.bread li{ float:left;}
.label label{ font-weight:normal; color:#333;}
.form-group{ margin-bottom:12px;}
.button{ padding:10px 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;}
.table th{ text-align:center;}
.table td { vertical-align:middle;}
.tip img{width:100px; height:100px;}
.clear{ clear:both; overflow:hidden;}
.pagelist {padding:10px 0; text-align:center;}
.pagelist span,.pagelist a{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}
.pagelist a{ margin:0 3px;}
.pagelist span.current{ background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}
.pagelist a:hover{background:#09F; color:#FFF; border-color:#09F; }
.pagelist label{ padding-left:15px; color:#999;}
.pagelist label b{color:red; font-weight:normal; margin:0 3px;}

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

.button.bg-main.icon-check-square-o{ padding:10px 30px;}
.button.bg-main.icon-check-square-o:hover{ background:#08bbe1;}
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;}


/*自定义的属性*/
#hideBox{
	display: none;
	padding: 5% 0;
	background: rgba(0,0,0,.35);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
}
.logi-img{
    text-align:center;
    width:100%;
    height:auto;
}
.logi-img img{
    padding-top:20px;
    width:36%;
    height:auto;
}
.fl{
    float: left ;
}
.fr{
    float: right ;
}
.clearfix .edate { 
    width: 160px;
}
#Membership-information-query>.content>.header,
#Member-backup-query>.content>.header {
	background-color: #fff;
	color: #797979;
}

#Membership-information-query>.content>.header>div>.query-condition,
#Member-backup-query>.content>.header>div>.query-condition {
	line-height: 40px;
	border-bottom: 1px solid #eee;
	font-size: 15px;
	padding-left: 10px;
}

.clearfix>.time-slot {
	padding: 0 5px;
}
.clearfix>.time-slot:nth-of-type(1) {
	padding-left: 0 ;
}

.clearfix>.query {
	line-height: 32px;
	margin-left: 10px;
}

#Membership-information-query>.content>.table,
#Member-backup-query>.content>.table {
	background-color: #fff;
	margin-top: 5px;
}

#Membership-information-query>.content>.table>div:first-child,
#Member-backup-query>.content>.table>div:first-child {
	/*line-height: 40px;*/
	font-size: 15px;
	padding: 0 10px;
}

#Membership-information-query>.content>.table>table,
#Member-backup-query>.content>.table>table {
	width: 100%;
	font-size: 13px;
}

#Membership-information-query>.content>.table>table>thead,
#Member-backup-query>.content>.table>table>thead {
	background-color: #eee;
	font-size: 14px;
}

#Membership-information-query>.content>.table>table tr,
#Member-backup-query>.content>.table>table tr {
	line-height: 30px;
}

#Membership-information-query>.content>.table>table tr>td,
#Member-backup-query>.content>.table>table tr>td {
	text-align: center;
	border: 1px solid #ccc;
}

.layui-table {
	width: 100% !important;
}

.layui-table th {
	text-align: center !important;
}

.layui-table td {
	text-align: center!important;
}

.layui-table-cell {
	padding: 0 5px !important;
}

#body .table tbody tr td{
	cursor: pointer !important;
}


#body .activeTR {
	background: #337ab7 !important;
	color: #fff !important;
}

::-webkit-scrollbar-thumb {
	background-color: #D0D0D0 !important;
}

::-webkit-scrollbar-track {
	background-color: #E6E6E6 !important;
}

.ms-choice {
	border: 1px solid #e3e6ed !important;
	height: 34px !important;
  line-height: 34px !important;
}

.Defaults {
	color: #333;
	background-color: #e6e6e6;
}
.time-slot{
    line-height:34px;
    padding: 0 5px;
}

.ms-choice>div {
	height: 34px !important;
	background: url('multiple-select.png') left 4px no-repeat !important;
}
.layui-table-view{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.table{
    margin-bottom:0 !important;
}
.table .row{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.form-control{
    padding:6px 8px ;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color:#f2f2f2;
}
.row{
    margin-right:0;
    margin-left:0;
}
.chart >div{
    box-sizing:border-box;
    padding-right:5px;
    padding-left:5px;
}
#gifBox{
    position:absolute;
    width:100%;
    height:100%;
    z-index:9999;
}
body,html{
    width:100% !important;
    height:100% !important;
}
#body .table tbody tr td{
	cursor: pointer !important;
}


#body .activeTR {
	background: #337ab7 !important;
	color: #fff !important;
}
@media screen and (max-width: 1560px) {
	.clearfix .edate {
		width: 110px ;
	}
	.form-control {
		padding: 6px 5px ;
	}
	.form-control {
		font-size: 12px ;
	}
	.time-slot{
		font-size:12px;
	}
}
@media screen and (max-width: 1400px) {
	.clearfix .edate {
		width: 90px ;
	}
	.form-control {
		padding: 6px 2px ;
	}
	.form-control {
		font-size: 12px ;
	}
	.time-slot{
		font-size:12px;
	}
}
@media (max-width: 1240px) {
	.clearfix .edate {
		width: 78px;
	}
	.form-control {
		padding: 6px 2px;
	}
	.form-control {
		font-size: 12px;
	}
	.time-slot{
		font-size:12px ;
	}
}



//动画
.hide {
  display: none;
}
.show {
  display: block;
}
.load {
  position: fixed;
  z-index: 1050;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255,255,255,.5);
}
.load > div {
  position: absolute;
  top: 45%;
}
body .bgc,
body .isSelect {
  background-color: darkseagreen !important;
  color: #000 !important;
}
.loader {
  width: 50px;
  height: 50px;
  margin: 30px auto 40px;
  position: relative;
}
.loader:before {
  content: "";
  width: 70px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.2;
  position: absolute;
  top: 77px;
  left: 0;
  animation: shadow .5s linear infinite;
}
.loader:after {
  content: "";
  width: 65px;
  height: 65px;
  border-radius: 3px;
  background: #008bba;
  position: absolute;
  top: 0;
  left: 0;
  animation: loading .5s linear infinite;
}
@-webkit-keyframes loading {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes loading {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@-webkit-keyframes shadow {
  0%,
  100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1);
  }
}
@keyframes shadow {
  0%,
  100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1);
  }
}
#gritter-notice-wrapper {
  top: 35% !important;
  right: 40%!important;
}
.gritter-item {
  padding: 18px 0!important;
}
.gritter-close {
  top: 20px!important;
}
.gritter-title {
  display: none!important;
}
.gritter-without-image > p {
  text-align: center;
  font-size: 18px;
}
.form-control:focus {
  border-color: #656060;
  color: #000;
  outline: 0;
  box-shadow: 0 0 6px #ccc;
}
//动画