/* reset */
@font-face {
  font-family: "FamilyName";
  src: url("../../fonts/hanyi.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fangzheng";
  src: url("../../fonts/FZLTCHJW.TTF");
}


html,body,p, h1, h2, h3, h4, h5, h6,ul,li,ol,p,textarea,th,td{
  margin: 0;
  padding: 0;
}
html,body{
  font-family: "Microsoft YaHei UI Light";
  width: 100%;
  height: 100%;
  font-size: 16px;
}
body{
  -webkit-tap-highlight-color:transparent;
}
a:link, a:hover, a:active, a:visited {
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
}
li{
  list-style: none;
}
input{
	background: none;
}

/* common */
.fl{
  float: left;
}
.fr{
  float: right;
}
.cl{
  clear: both;
}
.hidden{
  display: none;
}
.clearFix::after{
  content: ' ';
  height: 0;
  display: block ;
  visibility: hidden;
  clear: both;
}

.fa:hover{
  cursor: pointer;
}


.inline-b{
  display: inline-block;
}
.ma-rl5{
  margin-right: 15px;
}

input,button,select{outline:none}

button:hover,.fa:hover{
  opacity: 0.8;
}
button[disabled], html input[disabled]{
  cursor: not-allowed;
}


.h100{
  height: 100%;
}

.w100{
  width: 100%;
}
.bold{
  font-weight:bolder;
}
.word_div{
  text-indent: 2em;
  color: #949494;
}
.relative{
  position: relative;
}
.align{
  text-align: center;
}
input:focus{ outline:none; }

.colorRed{
  color: #F22727;
}
.hover{
  cursor: pointer;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span,
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span{
  border-radius: 50%;
  background: #896042;
  color: #fff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
  border-radius: 50%;
  margin: 0 5px;
  background: #F7CB74;
}
.pagination-sm > li > a, .pagination-sm > li > span{
  border-radius: 50%;
  margin: 0 5px;
}
.pagination > li > a, .pagination > li > span{
  border:none;
  color: #333;
  font-weight: bold;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{
  /*background: #fff;*/
}

.pagination-sm > li > a{
  padding: 3px 10px;
}
.none{
  display: none;
}

.datetimepicker-inline{
	width: 100%;
}
.datetimepicker table{
	width: 100%;
	height: 280px;
}
.datetimepicker>div{
	height: 300px;
    overflow: hidden;
    font-size: 12px;
}
.datetimepicker th.switch{
	font-size: 14px;
	color: #8a6692;
}
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active{
	background: #ae9ffd;
}
.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active{
	background: #ae9ffd;
}
.datetimepicker table tr:first-child{
	display: none;
}



.layui-laydate, .layui-laydate-hint{
	 background: none !important;
     border: none !important;
     box-shadow: none !important;
	width: 100% !important;
}
.layui-laydate-main{
	width: 100% !important;
}
.layui-laydate-content table{
	width: 100% !important;
}
.layui-laydate-footer{
	border: none !important;
	display: none;
}
.layui-laydate .layui-this{
	background-color: #ae9ffd !important;
	border-radius: 5px !important;
}
.laydate-day-mark::after{
	width: 90% !important;
	height: 90% !important;
	z-index: -1;
	border-radius: 5px !important;
	background: #a5bdfd !important;
	right: 5% !important;
	top: 5% !important;
}


