.page_d1rag{
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	align-items: flex-start;
	width: 100%;
	height:100%;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: start;
	-ms-flex-align: start;
	height: 100%;
	background: #f8f8f8;
}
.pdfPage img{
	user-select:none;
}
.headerNav{
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
	background: rgb(53, 53, 53);
}
#pageContent_d1rag{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	-ms-flex-align: start;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	align-items: flex-start;
	width: 100%;
	overflow: hidden;
}
#leftContent_d1rag{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 240px;
	height: 100%;
	background: #fdfdfd;
	overflow: auto;
	border-right: 1px solid #e4e4e4;
}
#pdfContent_d1rag{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	height: 100%;
	overflow: auto;
	background: #f5f5f5;
}
#rightContent_d1rag{
	isplay: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 240px;
	height: 100%;
	background: #fdfdfd;
	overflow: auto;
	padding: 0 15px 0 15px;
	border-left: 1px solid #e4e4e4;
}
.fileList{
	width: 100%;
	/*width: 240px;*/
	padding-bottom: 30px;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom:5px;
}
.fileList .title{
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	/*padding-left: 16px;*/
	padding-left: 0px;
	/*margin-top: 30px;*/
	/*margin-bottom: 10px;*/
	color: #333;
	margin: 30px auto 10px;
	width: 212px;
}
.fileList .fileListOuter{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;

	width: 100%;
	max-height: 180px;
	overflow-y: auto;
	overflow-x: hidden;
}
.fileList .fileListOuter .fileListItem{
	font-weight: 500;
	color: #333;
	background: #f1f1f1;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 192px;
	/*width: 200px;*/
	margin: 0 auto;
	padding: 0 10px;
	/*padding: 0 15px;*/
}
.fileList>.fileListOuter>.fileListItem>.fileName{
	width: 170px;
	line-height: 44px;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0;
	margin-left: 5px;
	margin-right: 5px;
}
.componentsList, .c_componentsList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
}
.componentsList .title, .c_componentsList .title{
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	/*padding-left: 16px;*/
	padding-left: 0px;
	/*margin-bottom: 4px;*/
	box-sizing: border-box;
	width:212px;
	margin:0 auto 4px;
}
.componentsList .tips, .c_componentsList .tips{
	/*margin: 0 14px;*/
	margin:0 auto 4px;
	font-size: 12px;
	line-height: 20px;
	color: #999;
	width:212px;
}
.componentsList .componentArea, .c_componentsList .componentArea{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 190px;
	height: 28px;
	margin: 8px auto;
	padding: 0 10px;
	border: 1px dashed rgba(0,0,0,.3);
	font-size: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: -webkit-grab;
	cursor: grab;
}
#pdfContent_d1rag{
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	height: 100%;
	overflow: auto;
	background: #f5f5f5;
}
#pdfContent_d1rag .controllerBar{
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	background: #fdfdfd;
	border-bottom: 1px solid #e4e4e4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#pdfContent_d1rag .controllerBar .scaleController{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 220px;
	height: 40px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}
#pdfContent_d1rag .controllerBar .paginationController{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-right: 1px solid #e4e4e4;
	height: 40px;
	width: 164px;
}
#pdfContent_d1rag .controllerBar .fullScreenController{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-right: 1px solid #e4e4e4;
	height: 40px;
	width:54px;
}
#pdfContent_d1rag .pdfViewerContent{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #f5f5f5;
}

#rightContent_d1rag{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 240px;
	height: 100%;
	background: #fdfdfd;
	overflow: auto;
	padding: 0 15px 0 15px;
	border-left: 1px solid #e4e4e4;
}
#rightContent_d1rag .emptyStyle{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin-top: 250px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#rightContent_d1rag .emptyStyle .emptyP{
	margin: 0;
	width: 196px;
	font-size: 12px;
	color: #333;
	line-height: 22px;
	font-weight: 500;
	text-align: center;
}
#EPdfViewer{
	width:100%;
	height: 100%;
	overflow: auto;
	text-align: center;
}
#pdfInner{
	display: inline-block;
	text-align: center;
	background: rgb(245, 245, 245);
}
#pdfContent_d1rag .pageOuter{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}
.pdfPage{
	position: relative;
	box-shadow: 5px 5px 5px #e9e9e9;
	margin:20px 0 15px 0;
}
.dragLayer{
	position: absolute;;
	left: 0;
	right: 0;
	top: 0;
	bottom:0;
	width:100%;
	height: 100%;
}
.dragLayer .sealComp{

	z-index: 1100;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: hsla(0,0%,100%,.85);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* width: 160px;height: 20px;*/
	/* left: 298px;
    bottom: 725px; */
	z-index: 1200;
	/*  border: 1px solid rgb(48, 123, 246); */
}
.dragLayer .sealComp .sealCompInfo{
	margin: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: -1px;
	top: -21px;
	z-index: 10;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 20px;
	padding: 0 8px 0 4px;
	white-space: nowrap;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
.dragLayer .sealComp .itemConentStyle{
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.dragLayer .sealComp .itemConentStyle .infoMsg{
	width: 100%;
	font-size: 12px;
	color: #333;
	text-align: center;
}
.dragLayer .sealComp .deleteBtn{
	margin: 0;
	position: absolute;
	left: 50%;
	bottom: -18px;
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	height: 18px;
	margin-left: -20px;
	background: rgba(11,11,11,.6);
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}
.layui-form-item-seal{margin-bottom: 10px;}
.layui-form-item-seal .layui-form-label{padding: 4px 5px;width: 105px;}
.layui-form-item-seal .layui-input-inline{width: 175px;}
.layui-form-item-seal .layui-input,.layui-form-item-seal .layui-select{height: 30px;}
.layui-form-item-seal .layui-inline{margin-bottom: 5px;}
.layui-form-item-seal .layui-textarea{min-height:60px;height:60px;    margin-bottom: 5px;}
.layui-form-item-seal .layui-input-block{margin-left: 0;}
.layui-form-item-seal .layui-form-select dl{top: 32px;min-height: 100px;}
.layui-form-item-seal .layui-form-checked[lay-skin=primary] i{border-color: #409eff;background-color: #409eff;}
.layui-form-item-seal .layui-form-checked[lay-skin=primary] span{color:#409eff;}
.layui-form-item-seal2 .layui-form-checked[lay-skin=primary] i{border-color: red;background-color: red;}
.layui-form-item-seal2 .layui-form-checked[lay-skin=primary] span{color:red;}
.layui-form .titleh1{margin-bottom: 15px;margin-top:30px;font-size:14px;font-weight:500;line-height:22px;user-select:none;color: #333;}
.lay-seal-title{margin-bottom: 5px;font-size:12px;font-weight:500;line-height:22px;user-select:none;color: #333;}
.secTitle{color: #777;font-size: 12px;}

.errorInfo{
	position: absolute;
	left: 0;
	bottom: -16px;
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 14px;
	color: #e61717;
	font-size: 10px;
	line-height: 18px;
	white-space: nowrap;}
.inputReset{
	border: none;
	outline: none;
	width: 100%;
	height: 100%;
	padding: 0!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.sign-seal-list-wrapper .fast-seal{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	width: 280px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #888;
}
.seal-wrapper-title{
	width: 100%;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	color: #333;
	padding-bottom: 12px;
	cursor: default;
}
.sign-seal-list-wrapper .seal-list{
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0 20px 0;
}
.sign-seal-list-wrapper .seal-list-item{
	margin: 0 18px 5px 18px;
	width: 80px;
	height: 80px;
	text-align: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 50%;
	z-index: 10001;
	cursor: move;
}
.es-drag-seal {
	position: relative;
}
.seal-box{
	vertical-align: top;
	display: inline-block;
	position: relative;
	height: 118px;
	width: 118px;
	cursor: move;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px dotted #e1e1e1;}

.sealDetImg{
	color: #575757;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

/*自定义合同控件库列表展示样式*/
#leftContent_d1rag::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

#leftContent_d1rag::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #4E565D;
}
#leftContent_d1rag::-webkit-scrollbar-track {
	border-radius: 3px;
}
.c_componentsList .title>span{
	transition: all .3s;
	-webkit-transition: all .3s;
}
.c_componentsList p.tips{
	display: none;
}
.c_componentsList .list{
	width:100%;
	-webkit-animation-name: slideUpOut;
	animation-name: slideUpOut;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}
.c_componentsList.show .title>span{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.c_componentsList.show p.tips{
	display: block;
}
.c_componentsList.show .list{
	-webkit-animation-name: slideUpIn;
	animation-name: slideUpIn;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}
@keyframes slideUpIn{
	0% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 0;
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 1;
	}
}
@-webkit-keyframes slideUpIn {
	0% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 0;
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 1;
	}
}
@-webkit-keyframes slideUpOut {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 0;
	}
}
@keyframes slideUpOut {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		opacity: 0;
	}
}