html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
/* * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */
.box-z{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body {color: #323232;-webkit-text-size-adjust: none;background-color: #EDF1F7;}
html, body {width: 100%;height: 100%;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
button, input, select, textarea { color: inherit; font: inherit; }
table { border-collapse: collapse; border-spacing: 0;}
input, textarea, select, button { border: 0; outline: none; }
img, a img { font-size: 0; border: 0; vertical-align: middle; }
i, em { text-decoration: none; font-style: normal; }
textarea { overflow: auto; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }
input { -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: 0 0 0 1000px white inset; }
a,a:hover{text-decoration:none !important;outline:none;}
h1,h2,h3,h4,h5,h6,label{font-weight:normal;margin:0 !important;padding:0;}
ul,dl,ol{list-style:none;margin:0 ;padding:0;}
input,textarea,select{border:0;outline:none;}
img{font-size:0;border:0;vertical-align:middle;}
i,em{text-decoration:none;font-style:normal;}
a{cursor:pointer;}
.fl{float:left;}	
.fr{float:right;}
.dis {display: none !important;}
.ov-hidden {overflow: hidden;}
/*pointer手势*/
.cursor-pointer { cursor: pointer; }
.cursor-text { cursor: text; }
/*清除浮动*/
.clearfloat:after { height: 0; display: block; visibility: hidden; clear: both; content: ''; }
.clearfloat { zoom: 1; }

/*单行省略*/
.ellipsis-1 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
/*两行省略*/
.ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/*三行省略*/
.ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/*四行省略*/
.ellipsis-4 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

/*框架*/
.contWidth { width: 1220px; margin: 0 auto; }
.contWidth a:hover { text-decoration: none; outline: 0; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.fontArial { font-family: arial; }
.claer {clear: both;}
.wrapper-box {
	width: 100%;
	height: calc(100% - 64px)
}
.wrapper {
	/*width: 100%;*/
	/*min-width: 1200px;*/
	min-width: 1040px;
	min-height: calc(100% - 122px);
	padding: 10px 10px 0 10px;
}
.wrapper-box .wrapper {
	min-height: auto;
	height: 100%;
	padding-bottom: 58px;
	position: relative;
}
.wrapper-box .wrapper .footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



/*flex兼容写法 开始*/
.flex {
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-align-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.flex-align-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.flex-pack-start {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-pack-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.flex-pack-around {
　　-webkit-box-pack: center;
　　-webkit-justify-content: space-around;
　　-ms-flex-pack: center;
　　justify-content: space-around;
}
.flex-hw {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-1 {
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
}
/*flex兼容写法 结束*/

/*分页样式*/
.pagination {
 	width: 100%;
 	text-align: right;
  	display: inline-block;
  	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.pagination.txt-center {
	text-align: center;
}
.pagination li {
  display: inline-block;
  margin: 0 6px;
}
.pagination li span, 
.pagination li a {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 14px;
  color: #000;
  background-color: #fff;
}
.pagination li.active a {	
  border: 0;
}
.pagination li.active a,
.pagination li.active span  {
  background-color: #204066;
  color: #fff;
}

.table thead tr th {
	border-bottom: 0;
}
.table-striped tbody tr:nth-of-type(even) {
	background-color: #edf1f7;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: #fff;
}
.table-striped thead tr {
	background-color: #edf1f7;
}
.table.noborder th, .table.noborder td {
	border-top: 0;
}
.table th.lab, .table td.lab {
	background-color: #edf1f7;
}
.table tr td {
	font-size: 16px;
}
.pl-100 {
	padding-left: 100px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-20 {
	margin-right: 20px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-20 {
	margin-left: 20px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.layui-layer-btn0 {
	color: #fff !important;
}
.red {
	color: #EF3232 !important;
}
.orange {
	color: #F16F35 !important;
}
.blue {
	color: #4CA3E5 !important;
}
.green {
	color: #80C269 !important;
}
.btn {
	white-space: nowrap;
}
/* 其他通用样式 */
.main {
	width: 100%;
	zoom: 1;
}
.main:before,
.main:after {
	display: table;
	content: "";
}
.main:after {
	clear: both;
}

.modulebox {
	padding: 10px;
	border-radius: 6px;
	background-color: #fff;
	margin-bottom: 10px;
}
.modulebox .titbox {
	margin-bottom: 20px;
}
.modulebox .titbox .tit {
	font-size: 20px;
	font-weight: 400;
	color: #000;
}
.modulebox.m-btn {
    margin-top: -8px;
    padding: 10px 20px;
}

.filterbox {
	margin-bottom: 10px;
}
.filterbox .inp, .filterbox .sel, .formbox .inp, .formbox .sel {
	height: 36px;
	background: #ffffff;
	border: 1px solid #bec4cd;
	border-radius: 4px;
	position: relative;
	
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.filterbox .inp, .formbox .inp {
	padding: 0 30px 0 10px;
}

.filterbox .inp.date::after, .formbox .inp.date::after {
	content: '\e779';
	font-family: "iconfont";
	right: 6px;
	position: absolute;
	color: #999;
	font-size: 16px;
}
.filterbox .inp.price::after, .formbox .inp.price::after {
	content: '元';
	right: 6px;
	position: absolute;
	color: #999;
}
.filterbox .inp.year::after, .formbox .inp.year::after {
	content: '年';
	right: 6px;
	position: absolute;
	color: #999;
}
.filterbox .inp.day::after, .formbox .inp.day::after {
	content: '天';
	right: 6px;
	position: absolute;
	color: #999;
}
.filterbox .group {
	margin-right: 10px;
}
.filterbox .group .label {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	margin-right: 15px;
}
.inp input, .sel select {
	border-radius: 4px;
	border: 0 !important;
	background-color: transparent;
	position: relative;
	z-index: 1;
}
.inp input {
	width: 190px;
	height: 100%;
	font-size: 16px;
	font-weight: 400;
	color: #333;
}
.sel select, 
.sel input {
	width: 200px !important;
	height: 100%;
	padding: 0 30px 0 10px;
	
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.sel select::-ms-expand {display: none;}
.textatea {
	padding: 10px;
	border: 1px solid #bec4cd;
	border-radius: 4px;
}
.textatea textarea {
	width: 280px;
}
.filterbox .sel::after, .formbox .sel::after {
	content: '\e63b';
	font-family: "iconfont";
	right: 6px;
	position: absolute;
	color: #999;
	font-size: 14px;
	z-index: 0;
}
input[type='checkbox'], input[type='radio'] {
	-webkit-box-shadow: none;
}
.tabledown {
	padding: 0 12px;
}
.tabledown .chkbox span {
	font-size: 14px;
	font-weight: 400;
	color: #999;
	margin-left: 10px;
}

.tab-box {
	margin-bottom: 30px;
}
.tab-box ul.tab {
	width: 100%;
}
.tab-box ul.tab li {
	height: 40px;
	display: inline-block;
	margin: 0 25px 10px 25px;
	padding: 0 15px;
	position: relative;
}
.tab-box ul.tab li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-weight: 400;
	color: #999999;
}
.tab-box ul.tab li.active a {
	font-weight: 700;
	color: #000000;
} 
.tab-box ul.tab li .hr {
	width: 100%;
	height: 4px;
	background-color: #12447F;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scale(0, 0);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.tab-box ul.tab li.active .hr {
	transform: scale(1, 1);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.tab-box ul.tab li .icon {
	font-size: 18px;
	color: #999;
	position: absolute;
	top: 0;
	right: -20px;
	z-index: 10;
	line-height: 18px;
}


.formbox .group, .formbox .inp-group  {
	margin-bottom: 10px;
}
.formbox .group .label {
	width: 100px;
	padding-right: 10px;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
}
.formbox .inp-group .label {
	padding: 0 10px;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
}
.formbox .toolsbtn {
	margin-left: 10px;
}
.formbox .toolsbtn .btns {
	width: 26px;
    height: 26px;
    line-height: 22px;
	display: inline-block;
	border: 1px solid #12447f;
	border-radius: 4px;
	text-align: center;
	margin-right: 10px;
}
.formbox .toolsbtn .btns.on {
	color: #fff;
	background-color: #12447f;
}
.formbox .toolsbtn .btns .icon {
	color: #12447f;
	font-size: 14px;
}
.formbox .toolsbtn .btns.on .icon {
	color: #fff;
}
.formbox .btn-item .btn {
	margin-right: 10px;
}
.w50 {
	width: 50%;
}
.w33 {
	width: 33%;
}
.btn i {
	font-size: 14px;
}
.btn.btn-xs i {
	font-size: 12px;
}


/*通用弹窗样式 开始*/
.commonModalbox {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	overflow: hidden;
	transform: scale(0, 0);
}
.commonModalbox.show {
	transform: scale(1, 1);
}
.commonModalbox .mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.5);
}
.commonModalbox .modals {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 101;
}
.commonModalbox .modals .modalbox {
	/*min-width: 425px;
	max-width: 890px;*/
	min-height: 160px;
	max-height: 580px;
	overflow-y: auto;
	width: 890px;
	position: relative;
	z-index: 101;
	transform: scale(0, 0);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.commonModalbox.show .modals .modalbox {
	transform: scale(1, 1);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.commonModalbox .modals .modalbox .modal-top {
	width: 100%;
	height: 30px;
	text-align: right;
	margin-bottom: 5px;
}
.commonModalbox .modals .modalbox .modal-top .close {
	width: 30px;
	line-height: 30px;
	display: inline-block;
	position: relative;
	/*right: -30px;*/
	right: 0;
}
.commonModalbox .modals .modalbox .modal-top .close .icon {
	font-size: 30px;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 300;
}
.commonModalbox .modals .modalbox .modal-con .titbox .tit {
	font-size: 20px;
    font-weight: 600;
    color: #000;
	text-align: center;
}
.commonModalbox .modals .modalbox .modal-con {
	width: 100%;
	height: 100%;
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
}
.commonModalbox .modals .modalbox .modal-con .inp input {
	width: 130px;
}

.commonModalbox .modals .modalbox .modal-con .sel select {
	width: 170px;
}
/*通用弹窗样式 结束*/

/* 设置滚动条的样式 开始 */
::-webkit-scrollbar {
  	width:6px;
  	height: 6px;
}
  /* 滚动槽 */
::-webkit-scrollbar-track {
  	-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
  	border-radius:10px;
}
  /* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  	border-radius:10px;
  	background:rgba(0,0,0,0.3);
  	-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.3);
}  
/* 设置滚动条的样式 结束 */

/*隐藏上传图片按钮旁边的上传文本框*/
.layui-btn+.layui-upload-file {
	display: none;
}

.layui-form-switch {
	height: 24px !important;
}
.layui-form-onswitch {
	border-color: #12447F !important;
	background-color: #12447F !important;
}
.layui-form-switch {
	margin-top: 0 !important;
}



/*平板端兼容样式*/
@media screen and (min-width: 640px) and (max-width: 1024px) {
	.wrapper {
		min-width: auto;
	}
	.wrapper-box .wrapper {
		width: 100%;
	}
	.group.w50 {
		width: 100%;
	}
}



/*多选下拉框样式*/
.bootstrap-select {
	width: 289px !important;
	height: 36px;
  background: #ffffff;
  border: 1px solid #bec4cd;
}
.bootstrap-select .btn-def {
	width: 100%;
	height: 100%;
	line-height: 32px;
  padding: 0 30px 0 10px;
  border: 0;
  box-shadow: none;
}
.bootstrap-select .btn-def:after {
	display: none;
}
.bootstrap-select .btn-def:before {
  content: '\e63b';
  font-family: "iconfont";
  right: 6px;
  position: absolute;
  color: #999;
  font-size: 14px;
  z-index: 0;
}
.bootstrap-select .btn-def .filter-option {
	font-size: 14px;
  font-weight: 400;
  color: #333;
}
.bootstrap-select.open .dropdown-menu {
	display: block;
	left: 0;
}
.bootstrap-select.open .dropdown-menu li.selected .icon {
	margin-top: 0 !important;
	color: #12447F;
}
.bootstrap-select .dropdown-toggle:focus {
	outline:  0 !important;
}


.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.btn {
	-webkit-box-shadow: none !important;
}