spfm-market-front/public/static/css/temp.css

/**
 * 背景颜色,灰色
 */
.bg-info {

	background-color: #f2f3f7;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}


.layui-card-margin {
	margin: 15px;
	padding-top: 15px;
	position: relative;
}

.layui-card-form {

	margin: 15px;
	padding: 30px 0px;

	padding-bottom: 5px;
	position: relative;

}

.layui-card-form .layui-inline {

	margin-bottom: 25px;

}

.layui-card-footer {

	border-top: 1px solid #e6e6e6;

	padding: 15px 15px 10px 15px;

	text-align: right;

}



.layui-input-block-tips {

	position: absolute;
	top: 23px;
	left: 110px;
	font-size: 10px;
}

.param-left {
	margin-right: 200px;
}

.btns-right {
	float: right;
	width: 200px;
	text-align: right;
	margin-top: -45px;
	margin-right: 10px;
}

.layui-card-margin .layui-inline {

	margin-bottom: 15px;
}

.ztree-left {

	position: absolute;
	width: 300px;
	top: 90px;
	left: 15px;
	bottom: 0px;
}

.query-right {

	position: absolute;
	top: 90px;
	right: 15px;
	left: 320px;
	bottom: 0px;
}

body {

	font-family: PingFang SC;
}




.layui-inline-search {
	display: block;
	position: relative;

}

.layui-input-block-search>button.layui-btn {

	margin-top: -30px;

	float: right;

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;
}

.layui-inline-search>input.layui-input {

	padding-right: 50px;
	width: 100%;

	border-top-right-radius: 0;

	border-bottom-right-radius: 0;
}

.layui-inline-search>button.layui-btn {

	margin-top: -30px;

	float: right;

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;
}



.layui-btn-blue {
	border: 1px solid #0b82ff;
	background-color: #fff;
	color: #0b82ff;

}

.layui-card-list {

	position: relative;

	margin: 15px;

}

.btn-span-middle {
	float: right;
	top: -10px;
}

.layui-btn-blue:hover {
	border-color: #0b82ff;
	background-color: #0b82ff;
	color: #fff
}

.layui-table,
.layui-table-view {

	margin: 0;
}

.layui-table-tool {

	background-color: white;
}


.ag-area-page {
	position: absolute;
	left: 0;
	right: 14px;
	bottom: 0;
	text-align: center;
}

.layui-table-page{
	
	border: none;
}


/**
 * 证件采集相关样式  start 2020-2-19 16:06:01
 */

.card-btn {
	border: 1px solid white;
	background: none;
	display: inline-block;
	width: 70px;
}

.card-btn-img {
	height: 40px;
	width: 40px;
	text-align: center;
	margin: 0 auto;
}

.card-btn:hover,.card-btn:hover >.card-btn-desc {
	background-color: #E4F6FD;
	color: #77c7fe;
	font-weight: 500;
	cursor: pointer;
}

.card-btn-desc:hover {
	color: #77c7fe;
	font-weight: 500;
}

.card-btn-desc {
	font-weight: 700;
	text-align: center;
	margin: 0px auto;
	font-size: 12px;
	color: #605e5e;
}

.upload-tb{
	
	position: absolute;left: 50%;top: 50%;margin-top: -45px;margin-left: -50px;width: 120px;height: 90px;
}

.upload-tb-del{
	
	position: absolute;bottom: 0;right: 10px;
	font-size: 45px;
}

.upload-tb-del:hover{
	
	color: #FF5722;
}

.img-cert-idcard {

	background: url("../images/face/idcard_40.png") no-repeat center top;
}

.img-cert-upload{

	background: url("../images/face/card-upload-btn_40.png") no-repeat center top;
}

.img-cert-photograph {

	background: url("../images/face/photograph_40.png") no-repeat center top;
}

.img-del {

	background: url("../images/face/del_40.png") no-repeat center top;
}

.img-save {

	background: url("../images/face/keep_40.png") no-repeat center top;
}

.img-default-face {
	width: 83px;
	height: 94px;
	background: url("../images/face/default-face_83.png") no-repeat center top;
}

.img-cert-card-front {
	width: 316px;
	height: 200px;
	background: url("../images/face/cardfront_200.png") no-repeat center top;
}

.img-cert-card-image {
	width: 92px;
	height: 89px;
	background: url("../images/face/card-image_89.png") no-repeat center top;
}

.img-cert-photo-rect {
	width: 380px;
	height: 367px;
	background: url("../images/face/photo_rect_367.png") no-repeat center top;
}

.img-cert-upload-pic {
	width: 34px;
	height: 35px;
	background: url("../images/face/upload_35.png") no-repeat center top;
}


.card-photo-left.card-photo-left-succ{
	
	background: none;
	border: none;
}
.card-photo-default-center{
	
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -44px;
	margin-left: -46px;;
}

.card-photo-left-succ .img-cert-photo-rect{
	
	display: block;
	position: relative;
}

.card-dk-right-type.card-dk-right-type-padd{
	
	padding-top: 20px;
	position: relative;
}

.card-dk-right-type.card-dk-right-type-padd .layui-btn{
	
	margin-left: 10px;
}

.card-dk-right-type-padd .input-ljcg{
	
	position: absolute;
	top:25px;
	left:150px;
}


 .card-dk-right-type-padd .layui-form-select .layui-input{
	
	padding-right: 60px;
}

.layui-color-succ{
	
	color: #5FB878;
}

.card-photo-succ{
	
	position: absolute;
	left: 50%;
	top: 50%;
	width: 316px;
	height: 200px;
	margin-top: -100px;
	margin-left: -158px;;
}

.img-cert-card-back {
	width: 320px;
	height: 200px;
	background: url("../../images/face/cardback_200.png") no-repeat center top;
}

.layui-card-static {

	margin: 15px;

	position: relative;

}



.cert-table {

	width: 100%;
	table-layout: fixed;

}

.cert-table tr {

	padding-top: 10px;
}

.cert-table th {

	text-align: right;
	font-weight: 300;
	color: rgba(185, 189, 193, 1);
}

.cert-table td {

	height: 30px;
	text-align: left;
}


.card-dk-left-split {

	height: 50%;
	position: relative;

}

.card-dk-right-type .layui-btn {

	margin-left: 20px;
}

.card-btn-right {

	float: right;
	margin-top: -66px;
	border-left: 2px solid #e1e4e3;
	padding-left: 5px;
}


.cert-table td {
	height: 35px !important;
}


.card-auto {
	height: 450px;
	width: 752px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -376px;
	margin-top: -250px;

}

.card-photo-left {

	float: left;
	width: 380px;
	height: 100%;
	margin: 0px 10px;
	background-color: #fafafe;
	border: 1px solid rgba(169, 176, 183, 1);
	position: relative;
}

.card-photo-right {
	float: left;

	/* border: 1px dashed #bcbfbe; */
	width: 348px;
	height: 200px;
}

.card-dk-left {
	float: left;
	width: 400px;
	height: 100%;
}

.card-dk-right {
	float: left;
	background-color: #fafafe;
	/* border: 1px dashed #bcbfbe; */
	width: 350px;
	height: 100%;
}

.card-dk-right-type {

	padding: 0px 20px 20px 20px;
}

.card-dk-right-img {

	width: 83px;
	height: 94px;
	margin-left: 22px;
}

.card-dk-left-btns {

	text-align: center;

	margin-left: -60px;
}

.layui-card-header-bb-2{
	
	border-bottom: 2px solid #9bb8d2;
}

/**
 * 证件采集相关样式  end 2020-2-19 16:06:01
 */

 /**
 *tab样式修改  用法  1. layui-tab添加一个class ag-tab 2.layui-tab-title下的li  加span标签
 */
 .ag-tab .layui-this span{
	display: inline-block;
	line-height: 30px;
	border-bottom: 2px solid #0b82ff;
	color:#0b82ff;
  }
  .ag-tab .layui-this:after{
	border: none;
  }
  
  
  /**
   *  附件上传 下载样式 start  2020年2月20日14:14:32 jiangyong
   */
  
  /****附件***/
  
  .ag-form .ag-file {
  	border: 1px dashed #ccc;
  	border-radius: 0px;
  	transition: background-color .01s linear .01s;
  	position: relative;
  	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  	font-size: 14px;
  	line-height: 20px;
  	margin-bottom: 0px;
  	margin-left: 110px;
  	margin-right: 0px;
  	margin-top: 5px;
  	padding-bottom: 7px;
  	padding-left: 7px;
  	padding-right: 7px;
  	padding-top: 7px;
  	min-height: 50px;
  }
  
  .ag-file .layui-progress-bar,
  .ag-file .layui-progress {
  	border-radius: 0;
  }
  
  .ag-form .ag-file:before,
  .ag-form .ag-file:after {
  	content: " ";
  	display: table;
  }
  
  .ag-form .ag-file:after {
  	clear: both;
  }
  
  .ag-form .ag-file .ag-file-header {
  	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  	font-size: 14px;
  	line-height: 20px;
  	text-align: center;
  	border-radius: 0px;
  	padding: 7px;
  	transition: background-color .01s linear .01s;
  	position: relative;
  }
  
  .ag-form .ag-file .ag-file-header_target {
  	position: absolute;
  	left: 0px;
  	top: 0px;
  	right: 0px;
  	bottom: 0px;
  }
  
  .ag-form .ag-file .ag-file-header_text {
  	text-align: center;
  	display: block;
  }
  
  .ag-form .ag-file .ag-file-header_icon {
  	position: relative;
  }
  
  .ag-form .ag-file .ag-file-header_icon:before {
  	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjFweCIgdmlld0JveD0iMCAwIDI1IDIxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSIwNV9Ecm9wem9uZS0oQ0EpLS0tdXBsb2FkZWQiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTMuMDAwMDAwLCAtNjQ1LjAwMDAwMCkiIGZpbGw9IiM3MDcwNzAiPgogICAgICAgICAgICA8ZyBpZD0iSXNzdWUtQXR0YWNobWVudHMiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgNjAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkRyYWctJmFtcDstZHJvcC1lbXB0eS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOTMuMDAwMDAwLCA0My4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iY2xvdWQtdXBsb2FkLTIiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuMTI0Nzk3NywxOS42NDc5NDEgTDEzLjEyNDc5NzcsMTEuMDU2MzA2IEwxNS4xNzM3OTIyLDEzLjEzMDYxMDQgQzE1LjQ1NzI5NTcsMTMuNDE2NjYzNiAxNS45MTQzNzI3LDEzLjQxNjY2MzYgMTYuMTk4NzAyNywxMy4xMzA2MTA0IEMxNi40ODEzNzk2LDEyLjg0MzcyMDcgMTYuNDgxMzc5NiwxMi4zODAzNDc5IDE2LjE5ODcwMjcsMTIuMDk0Mjk0NiBMMTIuOTEzMjAzMyw4Ljc2OTU1MjY3IEMxMi44Nzg0ODg2LDguNzM1MjU5NzMgMTIuODQwNDY3Nyw4LjcwNTE0ODg2IDEyLjgwMTYyMDMsOC42NzgzODM2NCBDMTIuNzg1MDg5NSw4LjY2NzUxMDI3IDEyLjc2NzczMjEsOC42NjA4MTg5NyAxMi43NTEyMDEzLDguNjUwNzgyMDEgQzEyLjcyNzIzMTYsOC42MzY1NjI5OSAxMi43MDI0MzU0LDguNjIyMzQzOTcgMTIuNjc2ODEyNyw4LjYxMTQ3MDYgQzEyLjY1NTMyMjYsOC42MDIyNzAwNSAxMi42MzMwMDYsOC41OTcyNTE1OCAxMi42MTE1MTU5LDguNTkxMzk2NjggQzEyLjU4ODM3MjgsOC41ODM4Njg5NyAxMi41NjUyMjk3LDguNTc0NjY4NDIgMTIuNTQxMjYsOC41NzA0ODYzNiBDMTIuNTA0MDY1Nyw4LjU2MjEyMjIzIDEyLjQ2Njg3MTMsOC41NjA0NDk0IDEyLjQyOTY3Nyw4LjU1ODc3NjU3IEMxMi40MTg5MzIsOC41NTg3NzY1NyAxMi40MTA2NjY1LDguNTU1NDMwOTIgMTIuMzk5MDk1LDguNTU1NDMwOTIgQzEyLjM4NzUyMzQsOC41NTU0MzA5MiAxMi4zNzg0MzE1LDguNTU4Nzc2NTcgMTIuMzY2ODU5OSw4LjU1ODc3NjU3IEMxMi4zMzA0OTIxLDguNTYwNDQ5NCAxMi4yOTQxMjQzLDguNTYyOTU4NjQgMTIuMjU4NTgzMSw4LjU3MDQ4NjM2IEMxMi4yMzI5NjAzLDguNTc1NTA0ODQgMTIuMjA4OTkwNiw4LjU4NTU0MTc5IDEyLjE4NDE5NDQsOC41OTMwNjk1MSBDMTIuMTYzNTMwOSw4LjU5OTc2MDgyIDEyLjE0MzY5MzksOC42MDMxMDY0NyAxMi4xMjMwMzA0LDguNjExNDcwNiBDMTIuMDk0OTI4LDguNjIzMTgwMzggMTIuMDY5MzA1Miw4LjYzODIzNTgyIDEyLjA0Mjg1NTksOC42NTQxMjc2NiBDMTIuMDI3OTc4Miw4LjY2MjQ5MTc5IDEyLjAxMzEwMDUsOC42NjgzNDY2OSAxMS45OTgyMjI3LDguNjc3NTQ3MjMgQzExLjk1NzcyMjIsOC43MDUxNDg4NiAxMS45MjA1Mjc5LDguNzM2MDk2MTQgMTEuODg2NjM5Nyw4Ljc3MDM4OTA4IEw4LjYwMTk2NjksMTIuMDk0Mjk0NiBDOC40NjA2Mjg0NCwxMi4yMzczMjEyIDguMzg5NTQ1OTQsMTIuNDI1NTE0MiA4LjM4OTU0NTk0LDEyLjYxMjAzNDMgQzguMzg5NTQ1OTQsMTIuODAwMjI3MiA4LjQ2MDYyODQ0LDEyLjk4NzU4MzcgOC42MDE5NjY5LDEzLjEzMDYxMDQgQzguODg0NjQzODMsMTMuNDE2NjYzNiA5LjM0MjU0NzM5LDEzLjQxNjY2MzYgOS42MjYwNTA4NiwxMy4xMzA2MTA0IEwxMS42NzUwNDUzLDExLjA1NjMwNiBMMTEuNjc1MDQ1MywxOS42NDg3Nzc0IEMxMS42NzUwNDUzLDIwLjA1MzYwMTMgMTEuOTk5MDQ5MywyMC4zODIzMTE2IDEyLjM5ODI2ODQsMjAuMzgyMzExNiBDMTIuODAwNzkzOCwyMC4zODE0NzUyIDEzLjEyNDc5NzcsMjAuMDUzNjAxMyAxMy4xMjQ3OTc3LDE5LjY0Nzk0MSBMMTMuMTI0Nzk3NywxOS42NDc5NDEgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMC43MDMzNDk2LDYuMjg0NTY5NDUgQzIwLjQ3OTM1NzEsMi45MTQ2NjEyMiAxNy42OTgwNDc1LDAuMjQzMTU3ODk1IDE0LjMxMjUzNjgsMC4yNDMxNTc4OTUgQzEyLjE4MjU0MTMsMC4yNDMxNTc4OTUgMTAuMjEwNDE1MSwxLjMzMzg0MDUzIDkuMDMyNTk0NjIsMy4wNjY4ODg0IEM4LjU1NzMzMzcsMi44NjExMzA3OCA4LjA0MjM5ODgzLDIuNzUyMzk3MDkgNy41MTkxOTg1NiwyLjc1MjM5NzA5IEM1LjUxMzE4NDIyLDIuNzUyMzk3MDkgMy44NTU5NzAwOCw0LjI5MzA2OTk1IDMuNjQyNzIyNTcsNi4yNjYxNjgzNyBDMS42MDE5OTM1Myw3LjA1NzQxNTEzIDAuMjEwMDk4OTUxLDkuMDM4MDQxMjYgMC4yMTAwOTg5NTEsMTEuMzIzOTU4MiBDMC4yMTAwOTg5NTEsMTQuMzIxNjYyNiAyLjYyMDI5MTcsMTYuNzYwNjQzMSA1LjU4MjYxMzY0LDE2Ljc2MDY0MzEgTDkuNjYzMjQ1MTksMTYuNzYwNjQzMSBMOS42NjMyNDUxOSwxNS41MDYwMjM1IEw1LjU4MTc4NzEsMTUuNTA2MDIzNSBDMy4yOTg4ODE2MywxNS41MDYwMjM1IDEuNDQ5MDgzNDksMTMuNjM2NjQwMyAxLjQ0OTA4MzQ5LDExLjMyMzk1ODIgQzEuNDQ5MDgzNDksOS4yNTA0OTAxOCAyLjk0OTI1NDksNy41MzkxODkwNSA0LjkwOTgwOTUsNy4yMTIxNTE1NCBDNC44NzY3NDc4Nyw3LjA0NTcwNTM0IDQuODU4NTYzOTcsNi44NzUwNzcwOCA0Ljg1ODU2Mzk3LDYuNjk5NDMwMzMgQzQuODU4NTYzOTcsNS4yMTE0NTE0OSA2LjA0OTYwOTE1LDQuMDA3MDE2NjggNy41MTkxOTg1Niw0LjAwNzAxNjY4IEM4LjI5ODYyNjQ2LDQuMDA3MDE2NjggOC45OTI5MjA2Niw0LjM1MjQ1NTI4IDkuNDc5NzUzMTUsNC44OTI3NzgxMiBDMTAuMjE0NTQ3OSwyLjkwOTY0Mjc0IDEyLjA5ODIzNDIsMS40OTc3Nzc0OSAxNC4zMTI1MzY4LDEuNDk3Nzc3NDkgQzE3LjE2NTc1NTMsMS40OTc3Nzc0OSAxOS40Nzg0MTYzLDMuODM3MjI0ODMgMTkuNDc4NDE2Myw2LjcyNTM1OTE0IEMxOS40Nzg0MTYzLDYuODkwOTY4OTMgMTkuNDcxODAzOSw3LjA1NjU3ODcxIDE5LjQ1NDQ0NjYsNy4yMTg4NDI4NSBDMjEuMzc2OTgwMyw3LjU3ODUwMDQ2IDIyLjgzNjY1MTIsOS4yNzU1ODI1NyAyMi44MzY2NTEyLDExLjMyMzk1ODIgQzIyLjgzNjY1MTIsMTMuNjM2NjQwMyAyMC45ODY4NTMxLDE1LjUwNjAyMzUgMTguNzAzOTQ3NiwxNS41MDYwMjM1IEwxNS4wODc4MzE5LDE1LjUwNjAyMzUgTDE1LjA4NzgzMTksMTYuNzYwNjQzMSBMMTguNzAzOTQ3NiwxNi43NjA2NDMxIEMyMS42NjYyNjk2LDE2Ljc2MDY0MzEgMjQuMDc2NDYyMywxNC4zMjE2NjI2IDI0LjA3NjQ2MjMsMTEuMzIzOTU4MiBDMjQuMDc1NjM1OCw5LjA3MzE3MDYxIDIyLjcwNzcxMDksNy4wOTY3MjY1NCAyMC43MDMzNDk2LDYuMjg0NTY5NDUgTDIwLjcwMzM0OTYsNi4yODQ1Njk0NSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  	background-position: 0 0;
  	width: 24px;
  	height: 21px;
  	position: absolute;
  	margin-left: -31px;
  	display: inline-block;
  	content: " ";
  }
  
  .ag-form .ag-file .ag-file-header-button {
  	position: relative;
  	cursor: pointer;
  	color: #3572b0;
  	background: transparent;
  	padding: 0;
  	border: 0;
  	font-family: inherit;
  	font-size: inherit;
  }
  
  .ag-form .ag-file .ag-file-header-file {
	  opacity:0;
	  position: absolute;
	  left:50%;
	  width:100px;
	  margin-left:-50px;
	  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	  
  }
  
  .ag-form .ag-file .ag-file-item {
  	float: left;
  	width: 100%;
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }
  
  .ag-form .ag-file .ag-file-item::after {
  	clear: both;
  	content: ".";
  	display: block;
  	height: 0;
  	visibility: hidden;
  }
  
  .ag-form .ag-file .ag-file-item .ag-file-item-li {
  	border: none;
  	border-radius: 3px;
  	height: 155px;
  	margin: 5px;
  	padding: 10px 0px 5px 0px ;
	border: 1px solid #e9e9e9;
  	float: left;
  	width: calc( 50% - 14px );
	max-width: 250px;
	min-width: 165px;
	position: relative;
  	text-align: center;
  }
  
  .ag-form .ag-file .ag-file-item .ag-file-item-li:after {
  	content: ".";
  	display: block;
  	height: 0;
  	clear: both;
  	visibility: hidden;
  }
  
  .ag-form .ag-file .ag-file-item .ag-file-item-li:before,
  .ag-form .ag-file .ag-file-item .ag-file-item-li:after {
  	content: " ";
  	display: table;
  }
  
  .ag-form .ag-file .ag-file-item-li-thumb {
  	position: absolute;
  	height: 107px;
  	width: calc( 100% -0px);
  	display: table-cell;
  	text-align: center;
  	vertical-align: middle;
  	border-radius: 3px;
  }
  
  .ag-form .ag-file .ag-file-item-li-thumb .layui-progress {
  	margin-top: 10px;
  }
  
  .ag-form .ag-file .ag-file-item-li-thumb .ag-file-item-li-thumb-icon {
  	background-repeat: no-repeat;
  	background-position: 0 0;
  	border: none;
  	display: inline-block;
  	height: 80px;
  	margin: 0;
  	padding: 0;
  	text-align: left;
  	text-indent: -999em;
  	width: 80px;
  	line-height: 0;
  	position: relative;
  	vertical-align: text-top;
  }
  
  .ag-form .ag-file .ag-file-item-li-thumb .ag-file-item-li-thumb-icon:before {
  	color: #e9e9e9;
  	font-size: 80px;
  	width: 80px;
  	margin-top: -40px;
  	left: 0;
  	line-height: 1;
  	position: absolute;
  	text-indent: 0;
  	top: 50%;
  }
  
  .ag-form .ag-file .ag-file-item-li dl {
	position: absolute;
	top:120px;
	display: block;
  	height: 42px;
  	overflow: hidden;
  	margin: 5px 10px;
  	left: 0;
	right: 0;
  }
  
  .ag-form .ag-file .ag-file-item-li dt,
  .ag-form .ag-file .ag-file-item-li dd {
  	position: relative;
  	text-align: left;
  }
  
  .ag-form .ag-file .ag-file-item-li dt {
  	float: left;
  }
  
  .ag-form .ag-file .ag-file-item-li .ag-file-blender {
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: -40px;
  	width: 50px;
  	height: 100%;
  	background-size: 100% 100%;
  	pointer-events: none;
  }
  
  .ag-form .ag-file .ag-file-item-li .ag-file-delete {
  	position: absolute;
  	padding: 0;
  	margin: 0;
  	width: 30px;
  	right:0px;
  	top:7px;
  	padding-left: 5px;
	z-index: 999;
  }
  
  .ag-form .ag-file .ag-file-item-li .ag-file-delete a {
  	border: 0;
  	height: 1px;
  	margin: 5px;
  	overflow: hidden;
  	padding: 0;
  	width: 1px;
  	position: absolute;
  }
  
  .ag-form .ag-file .ag-file-item-li .ag-file-item-li-title {
  	display: block;
  	float: none;
  	height: 21px;
  	white-space: nowrap;
  	width: 180px;
  	padding-right: 30px;
  	word-wrap: normal;
  	overflow: hidden;
  	text-overflow: ellipsis;
  }
  
  .ag-form .ag-file .ag-file-item-li .ag-file-item-li-size {
  	float: right;
  	margin: 0;
  	width: auto;
  	color: #707070;
  	font-size: 12px;
  	top: 0px;
  }
  
  .ag-form .ag-file .ag-file-item-li .ag-file-item-li-date {
  	width: auto;
  	color: #707070;
  	font-size: 12px;
  	top: 0px;
  	float: left;
  	padding-left: 0px;
  }
  
  .ag-form .ag-file .ag-file-item-li:hover {
  	background-color: #f4f5f7;
  }
  
  .ag-form .ag-file .ag-file-item-li:hover .ag-file-blender {
  	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #f4f5f7 100%)
  }
  
  .ag-form .ag-file .ag-file-item-li:hover .ag-file-delete a {
  	position: initial;
  }
  
  .ag-form .ag-file .ag-file-item-li:hover .ag-file-delete a span {
  	color: red;
  	font-size: 24px;
  	width: 30px;
  	height: 30px;
  	position: relative;
  	top: -8px;
  }
  .ag-form-type-zip {
  	background-image: url(../../images/file/zip.png);
  	background-size: contain;
  }
  
  .ag-form-type-doc {
  	background-image: url(../../images/file/doc.png);
  	background-size: contain;
  }
  .ag-form-type-excel {
  	background-image: url(../../images/file/excel.png);
  	background-size: contain;
  }
  
  .ag-form-type-ppt {
  	background-image: url(../../images/file/ppt.png);
  	background-size: contain;
  }
  
  .ag-form-type-pdf {
  	background-image: url(../../images/file/pdf.png);
  	background-size: contain;
  }
  
  .ag-form-type-png {
  	background-image: url(../../images/file/png.png);
  	background-size: contain;
  }
  
  .ag-form-type-bmp {
  	background-image: url(../../images/file/bmp.png);
  	background-size: contain;
  }
  
  .ag-form-type-jpg {
  	background-image: url(../../images/file/jpg.png);
  	background-size: contain;
  }
  
  .ag-form-type-gif {
  	background-image: url(../../images/file/gif.png);
  	background-size: contain;
  }
  
  .ag-form-type-default {
  	background-image: url(../../images/file/default.png);
  	background-size: contain;
  }
  
  /**
   * 附件上传 下载样式 end 
   */
  
  
  
  /**
   * 拖拽组件 start  2020年2月21日17:03:40 姜永
   */
  
  
  /* Nestable list */
  .dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
	overflow-y: auto;
  }
  .dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .dd-list .dd-list {
    padding-left: 30px;
  }
  .dd-collapsed .dd-list {
    display: none;
  }
  .dd-item,
  .dd-empty,
  .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
  }
  .dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #e7eaec;
    background: #f5f5f5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .dd-handle span {
    font-weight: bold;
  }
  .dd-handle:hover {
    background: #f0f0f0;
    cursor: pointer;
    font-weight: bold;
  }
  .dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
  }
  .dd-item > button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
  }
  .dd-item > button[data-action="collapse"]:before {
    content: '-';
  }
  
  .dd-placeholder,
  .dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .dd-empty {
    border: 1px dashed #bbb;
    min-height: 200px;
    background-color: white;
  /*  background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px; */
  }
  .dd-dragel {
    position: absolute;
    z-index: 9999;
    pointer-events: none;
  }
  .dd-dragel > .dd-item .dd-handle {
    margin-top: 0;
  }
  .dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  }
  .nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
  }
  
  
   .dd-handle {
    color: inherit;
    border: 1px dashed #e7eaec;
    background: #f3f3f4;
    padding: 10px;
  }
  
  
  /**
   * 拖拽组件 end 2020年2月21日17:03:58 姜永
   */
  
  .ag-area-page  .layui-table-page {
	  
	  border-top: #e6e6e6 1px solid !important;
	  height: 30px !important;
	  z-index: 555;
	  padding:4px 7px 3px 7px;
  }
  
  .layui-input-block>input[readonly=readonly].layui-input{
  	
  	background-color: #f2f2f2 !important;
  	color: #d2d2d2!important;
  	cursor: not-allowed!important;
  }
	
  
  .layui-inline{
  	
  	*display:inline;
  	zoom: 1;
  	width:300px;
  }
  
  .layui-side-scroll {
	  
	  overflow: scroll;
	  
	  overflow-x: hidden;
  }
  
  /*******ztree 样式bug修改*********/
  .ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
  
  
  /**选项卡处理**/
  .layui-card.layui-card-form .layui-card-body  .layui-tab .layui-tab-content{
  	  padding: 10px 0px 0px 0px ;
  }
  
  
  .layui-card.layui-card-form .layui-card-body  .layui-tab .layui-tab-content  .layui-card-list{
	  
	  margin: 0;
  }