@charset "utf-8";
/**
 * @author：Code丶Lee
 * @description：layout and  modules style
 */

/*常用功能样式*/
.f-h100{
	height: 100%;
}
.f-h-auto{
	height: auto;
}
.f-cb:before,.f-cb:after{display:table;content:" ";line-height:0;}
.f-cb:after{clear:both;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-tal{text-align:left !important;}
.f-tar{text-align:right !important;}
.f-tac{text-align:center !important;}
.f-oh{overflow:hidden;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-nowrap{word-wrap:normal;white-space:nowrap;}
.f-wrap{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-ellipsis{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}

/* 文本不可选中 */
.f-noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-notext{overflow:hidden;text-indent:-20000px;}
.f-dn{display:none;}
.f-db{display:block;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-fwb{font-weight:bold;}
.f-fwn{font-weight:normal !important;}
.f-move{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;}
.f-pr{position:relative;}
.f-pa{position:absolute;}
.f-vbh{visibility:hidden;}
.f-bfc-overflow{overflow:auto;}

::-webkit-scrollbar{width: 7px; height: 7px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{background-color: #e2e2e2;}
::-webkit-scrollbar-thumb{border-radius: 0; background-color: rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}

.f-mb15{
	margin-bottom: 15px;
}
.f-card{
	position: relative;
  padding: 15px;
  background: #FFFFFF;
	border: 1px solid #E0E1E3;
	margin-bottom: 15px;
}
.f-btn-w1{
	width: 70px;
}
html,body{
	height: 100%;
}
body {
  font: 14px Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}

/********************layui.css***********************/
a {
	color: #006EFF;
	text-decoration: none
}

a:hover {
	color: #4998ff;
}
.layui-nav * {
  font-size: 12px;
}
.layui-form-radio * {
  font-size: 12px;
}
.layui-nav-itemed>.layui-nav-child {
  display: block;
  padding: 0;
  background-color: transparent !important;
}
.layui-nav .layui-nav-item a {
 	color: #484848;
  font-weight: bold;
  padding: 0 15px;
}
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover {
  background-color: rgba(38,52,71,0.1) !important;
  color: #006EFF;
}
.layui-nav-tree .layui-nav-child a {
  height: 36px;
  line-height: 36px;
  color: #484848;
}
.layui-side-menu .layui-nav {
	margin-top: 50px;
}
.layui-nav-itemed>a,
.layui-nav-tree .layui-nav-title a,
.layui-nav-tree .layui-nav-title a:hover {
  color: #006EFF !important;
}
.layui-side-menu .layui-nav .layui-nav-more{
	position: absolute;
	font-size: 16px;
}
.layui-nav .layui-nav-more{
  font-family: iconfont!important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  transition: all .2s;
  -webkit-transition: all .2s;
  right: 3px;
}
.layui-nav .layui-nav-more:before{
	content: '\e760';
}
.layui-nav .layui-nav-mored:before,
.layui-nav-itemed>a .layui-nav-more:before{
	content: '\e7b5';
}
.layui-layout-admin .layui-header a,
.layui-layout-admin .layui-header a cite{
	color: #C1C6C8;
	font-weight: normal;
}
.layui-tab-title li{
	color: #2E2E2E;
}
.layui-tab-brief>.layui-tab-title .layui-this {
  color: #022041;
  font-weight: bold;
}
.layui-tab-brief>.layui-tab-title .layui-this:after {
  border-bottom: 3px solid #006EFF;
}
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
  border-color: #E0E1E3;
  font-size: 12px;
  color: #444444;
}
.layui-form-label {
  display: inline-block;
  padding: 5px 15px 5px 0;
  font-size: 12px;
  color: #666666;
}
.layui-form-radio {
  margin: 0px 10px 0 0;
}
.layui-input, .layui-textarea {
  display: block;
  width: 100%;
  padding-left: 12px;
}
.layui-input, .layui-select, .layui-textarea {
  height: 30px;
  line-height: 1.3;
  line-height: 30px\9;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  border-radius: 0;
}
.layui-form-switch {
	height: 18px;
	line-height: 18px;
	padding: 0;
	background-color: #E0E1E3;
}
.layui-form-switch i {
	top: 1px;
	left: 0;
	background-color: #FFFFFF;
}
.layui-form-onswitch {
	border-color: #006EFF;
	background-color: #006EFF
}
.layui-form-onswitch i {
	left: 100%;
  margin-left: -16px;
}
.layui-form-checkbox{
	margin-bottom: 10px;
}
.layui-form-checkbox span{
	font-size: 12px;
}
.layui-form-checkbox i {
	color: #E0E1E3;
}
.layui-form-checkbox:hover i {
	color: #c2c2c2;
}
.layui-form-checked i, .layui-form-checked:hover i {
  color: #006EFF;
}

.layui-nav .layui-nav-more{
	right: 10px;
}
/*.layui-btn {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #0082FF;
}
.layui-laypage button {
  background-color: #0082FF;
  border: none;
  color: #FFFFFF;
}
.layui-laypage a, .layui-laypage span{
	background-color: transparent;
}
.layui-laypage a{
  border: 0;
}
.layui-laypage a, .layui-laypage span{
	height: 22px;
	line-height: 22px;
	padding: 0 7px;
	margin: 0 7px;
	color: #444;
}

body .custom-class .layui-layer-btn0{
  border-color: #006EFF;
  background-color: #006EFF;
  padding: 0 23px;
  font-size: 12px;
  margin: 10px 10px 0;
}
body .custom-class .layui-layer-btn1{
  border-color: #E3F2FF;
  background-color: #E3F2FF;
  color: #006EFF;
  padding: 0 23px;
  font-size: 12px;
  margin: 10px 10px 0;
}

.layui-tree-spread > .layui-tree-entry .layui-tree-iconArrow:after{
	top: 35%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/*查询表单样式*/
.filter-container{
	padding: 20px 20px 0 20px;
	background-color: #FFFFFF;
	border: 1px solid #E0E1E3;
	margin-bottom: 20px;
}
.filter-container .layui-btn{
	padding: 0 20px;
}
.filter-container .u-sale-btn{
	color: #006EFF;
	background: #E3F2FF;
}
.filter-container .layui-btn .iconfont{
	vertical-align: middle;
}
.filter-container .layui-form-item .layui-inline {
  margin-bottom: 15px;
}
.filter-container .layui-form-item {
  margin-bottom: 0;
}
.filter-container .layui-form-item .layui-input-inline {
 	width: 240px;
}
.filter-container .layui-form-item .radio-group {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 0;
}
.filter-container .layui-form-item .radio-group  .u-radio-button{
  position: relative;
  display: inline-block;
  outline: none;
}
.filter-container .layui-form-item .radio-group .u-radio-button:first-child .layui-form-radio{
	border-left: 1px solid #dcdfe6;
  box-shadow: none!important;
}
.filter-container .layui-form-item .radio-group .layui-form-radio{
	position: relative;
  display: inline-block;
  outline: none;
  white-space: nowrap;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #dcdfe6;
  font-weight: 500;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  cursor: pointer;
  transition: all .3s cubic-bezier(.645,.045,.355,1);
  padding: 0 15px;
  font-size: 12px;
}
.filter-container .layui-form-item .radio-group .layui-form-radio * {
  font-size: 12px;
}
.filter-container .layui-form-item .radio-group .layui-form-radioed{
  color: #006EFF;
  border-color: #006EFF !important;
  box-shadow: -1px 0 0 0 #006EFF;
}
.filter-container .layui-form-item .radio-group .layui-anim.layui-icon {
  display: none;
}
.filter-container .layui-form-item .layui-form-checkbox[lay-skin=primary] {
  margin-top: 6px;
}
.filter-container .layui-form-checkbox span {
	font-size: 12px;
}

/*数据内容面板*/
.data-container{
	margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #E0E1E3;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

/*工具栏*/
.m-tool-container{
	/*padding-bottom: 5px;*/
	padding: 10px 20px;
	border-bottom: 1px solid rgba(112,112,112,.1);
}
.m-tool-container .u-tit{
	font-size: 14px;
	font-weight: bold;
	color: #022041;
	line-height: 30px;
}
.m-tool-container .layui-btn{
	padding: 0 15px;
}
.m-tool-container .layui-btn .iconfont{
	font-size: 12px !important;
}

/*卡片*/
.m-card-wrap{
	margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #E0E1E3;
}
.m-card-wrap .card-header{
	position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  border-bottom: 1px solid #E0E1E3;
  color: #263447;
  font-weight: bold;
  font-size: 14px;
}
.m-card-wrap .card-body {
  position: relative;
  padding: 10px 15px;
}
.m-card-wrap .card-foot {
  position: relative;
  border-top: 1px solid #E0E1E3;
  padding: 15px;
}

/*子页面-数据表格*/
.m-table-wrap{
	padding: 20px;
}
.data-table{
	color: #444444;
	table-layout: fixed;
	min-width: 600px;
}
.data-table thead th{
	white-space: nowrap;
	text-align: center;
 	border: none;
  font-weight: bold;
  font-size: 12px;
  padding: 10px 15px;
}
.data-table tbody td{
	white-space: nowrap;
	text-align: center;
	border-width: 1px 0 1px 0;
	font-size: 12px;
	border-color: rgba(112,112,112,.09);
}
.data-table thead tr{
	background-color: #FAFAFA;
}
.data-table tbody tr:hover{
	background-color: #FAFAFA
}
.data-table tbody td>a{
	display: inline-block;
	color: rgba(68,68,68,.6);
}
.data-table tbody td>a:hover{
	color: #006EFF;
}
.data-table tbody td>a{
	margin-right: 10px;
}
.data-table tbody td>a:last-child{
	margin-right: 0;
}
.data-table .layui-form-checkbox{
	margin-bottom: 0;
}

/*子页面-数据卡片*/
.m-card-list{
	padding: 20px;
}
.m-card-list .item{
	background: #FFFFFF;
  border: 1px solid #E0E1E3;
  box-sizing: border-box;
  padding: 15px 0 0 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.m-card-list .item>.item-time{
	width: 40%;
	padding: 0 15px;
	border-right: 1px dashed #DDDDDD;
}
.m-card-list .item>.item-time>h4{
	color: #999999;
	font-size: 12px;
	margin-bottom: 6px;
}
.question-write-content .item-wrap .time>p{
	color: #444444;
	font-size: 14px;
}
.m-card-list .item .u-status{
	right: 0;
	top: 15px;
	padding: 10px 15px;
	background: #E3F2FF;
	font-size: 12px;
	color: #006EFF;
}
.m-card-list .item .u-angle{
	right: -3px;
  width: 3px;
  top: 0;
  height: 100%;
  background: #D3E9FC;
  border-top-right-radius: 3px;
}
.m-card-list .item .u-status .iconfont{
	font-size: 12px;
	margin-right: 5px;
	font-weight: bold;
}
.m-card-list .item .u-angle:after{
	content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 0;
  border-top: 3px solid #D3E9FC;
  border-left: 3px solid transparent;
  z-index: 1;
}
.m-card-list .item .item-body{
	display: table;
	width: 100%;
	padding: 20px 15px 20px 15px;
	box-sizing: border-box;
	table-layout: fixed;
}
.m-card-list .item .item-body .img-box,
.m-card-list .item .item-body .text-box
{
	display: table-cell;
	vertical-align: middle;
}
.m-card-list .item .item-body .text-box>h4{
	font-size: 14px;
	font-weight: bold;
	color: #022041;
	margin-bottom: 12px;
	line-height: 1;
}
.m-card-list .item .item-body .text-box>p{
	font-size: 12px;
	font-weight: 400;
	color: #999999;
	line-height: 1;
}
.m-card-list .item .item-body .text-box>p>span{
	display: inline-block;
	margin-right: 20px;
}
.m-card-list .item .item-body .text-box>p>span:last-child{
	margin-right: 0;
}
.m-card-list .item .item-body .img-box{
	text-align: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	overflow: hidden;
	padding-right: 15px;
}
.m-card-list .item .item-body .img-box>img{
	width: 100%;
	height: 100%;
}
.m-card-list .item .item-foot{
	border-top: 1px solid #E0E1E3;
	height: 46px;
}
.m-card-list .item .item-foot{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.m-card-list .item .item-foot>.u-btn{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.m-card-list .item .item-foot>a:not(:last-child)::after{
	position: absolute;
	content: "";
	right: 0;
	top: 9px;
	width: 1px;
	height: 22px;
	background-color: #E0E1E3;
}
.m-card-list .item .item-foot>.u-more{
	cursor: pointer;
}
.m-card-list .item .item-foot .more-down {
  display: none;
  position: absolute;
  top: 36px;
  right: 5px;
  white-space: nowrap;
  padding: 10px 0;
  border: 1px solid #E0E1E3;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  z-index: 103;
}
.m-card-list .item .item-foot .more-down a {
  font-size: 12px;
  color: #666666;
  padding: 6px 18px;
  line-height: 30px;
}
.m-card-list .item .item-foot .more-down a:hover {
  background-color: #E3F2FF;
}
.m-card-list .item .item-foot .u-more:hover .more-down{
	display: block;
}

/*表单页*/
.form-container{
	margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #E0E1E3;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}
.form-container .layui-card-header {
  font-weight: bold;
  color: #263447;
  border-bottom: 1px solid #E0E1E3;
  height: 50px;
  line-height: 50px;
}
.form-container .card-footer{
	border-top: 1px solid #E0E1E3;
	padding: 15px;
}
.form-container .layui-card-body{
	padding: 15px;
}
.form-container .u-important{
	color: #006EFF;
	margin-left: 5px;
	font-style: normal;
	font-weight: bold;
}
.form-container .card-footer .layui-btn{
	padding: 0 15px;
}
.form-container .data-form .layui-input-inline{
	width: 30%;
}
.form-container .data-form .u-upload-txt{
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: #999999;
	padding: 10px 0 0 0;
}
.form-container .form-btn{
	padding-top: 15px;
}
.form-container .layui-btn {
  padding: 0 20px;
}
.form-container .layui-btn.u-back{
	color: #006EFF;
  background: #E3F2FF;
}
.form-container .table-form table{
	width: 100%;
}
.form-container .table-form table thead th{
	background: #FAFAFA;
	font-size: 12px;
	font-weight: bold;
	color: #022041;
	text-align: left;
	padding: 8px 12px;
}
.form-container .table-form table tbody td{
	padding: 8px 0;
}
.form-container .table-form table .layui-input,
.form-container .table-form table .layui-unselect
{
	width: 94%;
}
.form-container .table-form table .layui-unselect .layui-input{
	width: 100%;
}
.form-container .table-form table .u-del,
.form-container .u-add
{
	border: 0;
	outline: none;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	cursor: pointer;
}
.form-container .u-add{
	margin-top: 9px;
	float: right;
	background-color: #0081FF;
}
.form-container .u-add:hover{
	background-color: #006EFF;
}
.form-container .u-add .iconfont{
	color: #FFFFFF;
}
.form-container .table-form table .u-del{
	background: #EAEDF0;
}
.form-container .table-form table .u-del:hover{
	background: #FF002B;
}
.form-container .table-form table .u-del:hover .iconfont{
	color: #FFFFFF
}
/*详情*/
.form-container .view-form,
.form-container .view-table
{
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	padding: 0 10px;
}
.form-container .view-form td{
	padding: 8px 2px;
}
.form-container .view-table table tbody td
{
	padding: 8px 12px;
}
.form-container .view-file .item{
	display: table;
	padding-left: 10px;
}
.form-container .view-file .item-img{
	display: table-cell;
	width: 150px;
	height: 150px;
	background: rgba(250,250,250,.2);
	border: 1px dashed rgba(112,112,112,.2);
	text-align: center;
	vertical-align: middle;
}
.form-container .view-file .item-img .iconfont{
	font-size: 36px;
	color: #3caaea;
}
.form-container .view-file .item-img p{
	margin-top: 5px;
	font-size: 12px;
	color: #666666;
}
.form-container .view-file .btn{
	padding-top: 20px;
	width: 150px;
	text-align: center;
}

/*弹出表单*/
.layer-form-container{
	border: none;
	box-shadow: none;
	padding: 15px 30px;
}
.layer-form-container .data-form .layui-input-inline {
  width: 70%;
}
.layer-form-container .u-title{
	margin-bottom: 20px;
}
.layer-form-container .u-title.u-line:first-child{
	margin-top: 0;
}
.layer-form-container .u-title.u-line{
	margin-top: 18px;
	padding: 12px;
	border-bottom: 1px solid rgba(112,112,112,.1);
}
.layer-form-container .table-form{
	padding: 0 20px;
}

.layer-form-container .layui-form-item .radio-group {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 0;
}
.layer-form-container .layui-form-item .radio-group  .u-radio-button{
  position: relative;
  display: inline-block;
  outline: none;
}
.layer-form-container .layui-form-item .radio-group .u-radio-button:first-child .layui-form-radio{
	border-left: 1px solid #dcdfe6;
  box-shadow: none!important;
}
.layer-form-container .layui-form-item .radio-group .layui-form-radio{
	position: relative;
  display: inline-block;
  outline: none;
  white-space: nowrap;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #dcdfe6;
  font-weight: 500;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  cursor: pointer;
  transition: all .3s cubic-bezier(.645,.045,.355,1);
  padding: 0 15px;
  font-size: 12px;
}
.layer-form-container .layui-form-item .radio-group .layui-form-radio * {
  font-size: 12px;
}
.layer-form-container .layui-form-item .radio-group .layui-form-radioed{
  color: #FFFFFF;
  border-color: #006EFF !important;
  box-shadow: -1px 0 0 0 #006EFF;
  background-color: #006EFF;
}
.layer-form-container .layui-form-item .radio-group .layui-anim.layui-icon {
  display: none;
}
.layer-form-container .layui-form-item .radio-group + ul{
	padding: 15px 0;
}
.layer-form-container .layui-form-item .radio-group + ul>li{
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: #999999;
}


/*错误页面style*/
.error-page-container{
	height: 100%;
	background: #F0F5FD;
	color: #006EFF;
}
.error-page-container .content{
	padding-top: 10%;
}
.error-page-container .img-box{
	padding-right: 6%;
	text-align: right;
}
.error-page-container .img-box img{
	max-width: 100%;
}
.error-page-container .text{
	padding-left: 6%;
}
.error-page-container .text h2{
	font-size: 110px;
	font-weight: bold;
}
.error-page-container .text h2.u-hiddlen{
	color: #F0F5FD;
	visibility: hidden;
}
.error-page-container .text p{
	padding-bottom: 30px;
	padding-top: 10px;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 1px;
}
.error-page-container .text .u-back{
	display: inline-block;
	width: 210px;
	height: 40px;
	background: #006EFF;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 1px;
}
@media screen and (max-width: 992px){
	.error-page-container .content{
		padding-top: 5%;
	}
	.error-page-container .img-box{
		padding-right: 0;

	}
	.error-page-container .text{
		padding-left: 0;
	}
	.error-page-container .text,
	.error-page-container .img-box
	{
		text-align: center;
	}
}
@media screen and (max-width: 768px){
	.error-page-container .img-box img{
		max-width: 80%;
	}
	.error-page-container .text h2{
		font-size: 80px;
	}
	.error-page-container .text p{
		font-size: 24px;
	}
}