div,form{font-family:'Microsoft YaHei';margin:0px;padding:0px;}
form{width:60%;margin:0px auto 0px auto;}
input, textarea, select, button {
	/* -webkit-appearance: none; */
    border: 1px solid #bbb;
    margin: 0px;
	padding: 8px;
	background-color:#fff;
}
input[type="checkbox"] {
    border:1px solid #bbb;
	padding: 6px;
	width: 15px;
    height: 15px;
    -webkit-appearance:none;
    border-radius: 2px;
    outline: none;
	vertical-align:middle;
}
/* 2021-09-28 */
/* #sceneform_wrapper 
body{
	background: orange;
	padding:50px 10px 50px 10px;
}*/
i#title{
	font-size:20px;
	font-weight:bold;
	margin-bottom: 10px;
}
i#title:before {
    margin-right:5px;
}
#remark{color:#666;text-indent:32px;}
#sceneform{
	min-height:630px;
	border:1px solid #eee;
	overflow: hidden;
	/* 2021-09-28 */
	background-color:#fff;
}
#sceneform .section {
	margin: 10px 0px;
	padding: 0px;
	background: #fff;
	color: #666;
	/* border:1px solid #eee; */
}
#sceneform div.section div.controlbox, .strip {padding: 10px;}
/* 轮播图 */
#imageSlider{
	width: 100%;
	display: block;
	height: 211px;
	margin:0px;
	padding:0px;
	/* display:none; */
}
div.full, div.sticky{
	margin:0px;padding:0px;
}
div.padding{
	margin:0px;
	padding:10px;
}
#imageWrapper.padding{
	margin: 0px;
	padding:5px 10px 5px 10px;
}
#imageWrapper.padding img{
	margin-top:5px;
	margin-bottom:5px;
}
#imageWrapper img{max-width:100%;}
table.dataGrid {
	clear:both;
	border-color:#DDE1EC;
	border-width:1px;
	border-style:none;
	border-collapse:collapse;
	border-bottom:1px solid #DDE1EC;
    color:#666;
    margin-top:10px;
    width:96%;
    margin:auto;
	line-height:24px;
}
.dataGrid td {padding: 6px; border: 1px solid #eee; }
.dataGrid td.lcel{white-space:nowrap;min-width:50px;text-align:left;}
table.dataGrid input[type="text"] {
	padding:5px;
	width:96%;
}
table.dataGrid input[type="text"]:focus {
	border:1px solid #34A853;
	outline:0;
}
.ctrl-area {
	color:#888;
}
.textarea-ctrl{
	min-height:64px;
}
.image-ctrl, div.section[data-component="video"] > div.controlbox > div.ctrl-area{
	font-family: layui-icon!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	line-height:40px;
	margin-bottom: 32px;
}
.image-ctrl:before{/*, .video-ctrl:before */
    content: "\e654";
	display:block;
	position:relative;
	font-weight:bold;
	top:16%;
}
.image-ctrl div.l, div.section[data-component="video"] > div.controlbox > div.ctrl-area div.l {
	position: relative;
    left: 25%;
}
.image-ctrl{
	width:100px;
	height:100px;
	float: left;
	margin-right: 5px;
	margin-bottom: 6px;
	text-align:center;
	cursor: pointer;
	background-color:#F6F8F9;
}
/* Thursday, March 03, 2025. */
/* #sceneform > div > div > div.ctrl-area > div.l */

div.section[data-component="video"] > div.controlbox > div.ctrl-area > div.l{left:0px;width: 100%;float:none;}
div.section[data-component="video"] > div.controlbox > div.ctrl-area > div.r {display:none;}
/* div.video-ctrl.ctrl-area > div.l {left:0px;width: 100%;float:none;} 
div.video-ctrl.ctrl-area > div.r {display:none;}

 div.video-ctrl.ctrl-area > div.l > div.videoPoster{
div.video-ctrl.ctrl-area > div.l > div.videoIcons{
	 */
div.section[data-component="video"] > div.controlbox > div.ctrl-area div.videoPoster{
	position:relative;
	overflow: hidden;
	background:#000;
	/*子元素下的图片水平和垂直居中*/
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 3px;
    height: 300px;
}
div.section[data-component="video"] > div.controlbox > div.ctrl-area div.videoIcons{
	position: absolute;
    width: 100%;
    text-align: justify;
    /* width: 100vh; */
}
div.section[data-component="video"] > div.controlbox > div.ctrl-area div.videoIcons > i{
	margin-right:10px;
}
div.section[data-component="video"] > div.controlbox > div.ctrl-area div.videoIcons > i:before{padding-right:5px;}
div.section[data-component="video"] > div.controlbox > div.ctrl-area div.videoPoster > img{
	max-width: 100%;
    /* height: 100%; */
    vertical-align: middle;
	/* border-radius: 8px; */
	/* max-height: 350px; */
}
div.section[data-component="video"] > div.controlbox > div.ctrl-area div.videoPoster > div.duration {
    color: #eee;
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 12px;
}
div.section[data-component="video"] > div.controlbox > div.ctrl-area div.videoPoster > i.fa-play-circle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* 子元素水平和垂直居中 */
	font-size: 50px;
    color: #fff;
}
.image-ctrl-uploaded{
	border:1px solid #eee;
	border-radius:3px;
	width:31.5%;
	height:100px;
	float: left;
	margin-right: 5px;
	margin-bottom: 6px;
	text-align:center;
	cursor: pointer;
	display: flex;
	background:rgba(0,0,0,0.9);
}
.image-ctrl-uploaded div:nth-child(1),
.image-ctrl-uploaded div:nth-child(2) {
	margin-left: auto;
	margin-right:auto;
}
.image-ctrl-uploaded div:nth-child(1) {
	position:absolute;
	background:rgba(0,0,0,0.9);
	height:22px;
	line-height:22px;
	color:#fff;
	/* text-align:right; */
	font-weight:bold;
	/* width:inherit; */
}
.image-ctrl-uploaded div:nth-child(2) {
	height:100px;
	line-height:100px;
	display:table-cell;
	vertical-align:middle;
	background-color:#000;
	overflow:hidden;
	width:100px;
}
.image-ctrl-uploaded img{
	max-width:100%;
	max-height:100%;
	display: inline-block;
	vertical-align: middle;
}
.signature-ctrl,
.signature-ctrl-bgimage{
	width:99%;
	height:100px;
	cursor: pointer;
	border:1px dashed #bbb;
}
.signature-ctrl{
	font-family: layui-icon!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	text-align:center;
	line-height:40px;
	background-color:#F6F8F9;
}
.signature-ctrl:before {
	content: "\e642";
	text-align:left;
	font-size:32px;
	position: relative;
    top:15px;
	left: -25px;
}
.signature-ctrl div.l {
	/* border:1px solid #aaa; */
	position: relative;
	top:45px;
    left: 45%;
}
.signature-ctrl-bgimage{
	background-repeat:no-repeat;
	background-position:center center;
	background-size: contain;
}
.signature-ctrl-bgimage div.l,
.signature-ctrl-bgimage div.r{
	display:none;
}
.signature-ctrl-bgimage div.layui-icon-close {
	max-width:2rem;
	max-height:2rem;
	font-size:2rem;
	border:1px solid #eee;
	background:rgba(0, 0, 0, 0.5);
	color:#fff;
	border-radius:50%;
	position:relative;
	top:10px;
	left:88%;
}
.signature-ctrl-detial > div.l > table > tbody > tr > td > img {
	max-width: 20% !important;
}
table.datalist, .datalistborder{
	clear:both;
	border-style:none;
    width:100%;
    margin:0px;
	border-spacing:0px;
}
table.datalist td, .datalistborder td { padding: 3px; }
table.datalist.border, .datalistborder{
	border-color:#bbb;
	border-width:1px;
	border-collapse:collapse;
	border-bottom:1px solid #bbb;
	margin-bottom: 1px;
}
table.datalist.border td, .datalistborder td { 
	border:1px solid #bbb;
	padding:10px;
	vertical-align: middle;
}
body > div.worktop > div > div.l.magboth > input.btn {
	margin-left:5px;
	margin-right:5px;
}
#tooltip{border-radius:5px;}
.success{text-align:center;padding-left:60px;padding-right:60px;}
.success a{margin-left:10px;margin-right:10px;color:#34A853;}
.controlbox > div.title.c > div.l {
	font-weight:bold;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
}
.controlbox > div.title.c > div.l.require:after {
	content: '*';
	font-weight:bold;
	color:red;
	font-size:20px;
}
.controlbox > div.title.c > div.r {
	color:#888;
	font-size:14px;
}
.controlbox div.desc {
	padding-top:5px;
	padding-bottom:5px;
	color:#888;
}
.checklist-ctrl div.l,
.file-ctrl div.l,
.date-ctrl div.l,
.time-ctrl div.l,
.text-ctrl div.l,
.radio-ctrl div.l,
.checkbox-ctrl div.l,
.textarea-ctrl div.l,
.ctrl-area select{
	width:100%;
}
.bar0,.bar1,.bar2{font-weight:bold;}
.bar0{background-color:#F6F8F9;color:#333;}
.bar1{background-color:#243E62;color:#fff;}
.bar2{background-color:#008529;color:#fff;}
.bar{padding:4px 4px 0px 4px !important;}
.address-ctrl div.l {
	width:94%;
	border:1px solid #bbb;
	border-radius:3px;
	padding:10px;
	cursor:pointer;
}
.date-ctrl input,
.time-ctrl input,
.text-ctrl input,
.textarea-ctrl textarea{
	width:94.5%;
}
.textarea-ctrl textarea{
	min-height:4rem;
}
label input {
	margin-right:10px;
}
input[type="radio"]:checked + span {
	color:#0075FF;
}
input[type="checkbox"]:checked {
   background: url(/ig/png/bt/checkbox_tick_normal.png)no-repeat center;
   border:1px solid #fff;
}
input[type="checkbox"]:checked + span {
	color:#34A853;
}
.controlbox div.trace-ctrl > div.l,
.controlbox div.richTable-ctrl > div.l{
	overflow-x: auto;
    width: 100%;
}
.controlbox div.table-ctrl.ctrl-area{
	padding:0px;
	border:none;
}
.controlbox div.richTable-ctrl > div.l > table,
.controlbox div.table-ctrl div.l table.datalist,
.controlbox div.table-ctrl div.l table.datalistborder {
	width:100%;
	table-layout:fixed;
}
.controlbox div.richTable-ctrl > div.l > table > tbody > tr > td {
	padding:1px;
	text-align: center;
	font-size: 14px;
}
.controlbox div.richTable-ctrl > div.l > table > tbody > tr > td > input[type=text] {
	width:75%;
	padding: 8px 6px 8px 6px;
}
.controlbox div.table-ctrl div.l table.datalist > tbody > tr > td,
.controlbox div.table-ctrl div.l table.datalistborder > tbody > tr > td {
	padding:8px;
}
.controlbox[data-selected-settings="两边对齐"]>div.table-ctrl div.l table.datalist>tbody>tr>td:nth-child(2) input,
.controlbox[data-selected-settings="居中对齐"]>div.table-ctrl div.l table.datalist>tbody>tr>td:nth-child(2) input,
.controlbox[data-selected-settings="两边对齐"]>div.table-ctrl div.l table.datalistborder>tbody>tr>td:nth-child(2) input,
.controlbox[data-selected-settings="居中对齐"]>div.table-ctrl div.l table.datalistborder>tbody>tr>td:nth-child(2) input{
	width:90%;
	border:none;
}
.controlbox[data-selected-settings="居中对齐"]>div.table-ctrl div.l table.datalist >tbody>tr>td:nth-child(2),
.controlbox[data-selected-settings="两边对齐"]>div.table-ctrl div.l table.datalist >tbody>tr>td:nth-child(2),
.controlbox[data-selected-settings="居中对齐"]>div.table-ctrl div.l table.datalistborder >tbody>tr>td:nth-child(2)
.controlbox[data-selected-settings="两边对齐"]>div.table-ctrl div.l table.datalistborder >tbody>tr>td:nth-child(2){
	padding:2px;
}
.controlbox[data-selected-settings="居中对齐"]>div.table-ctrl div.l table.datalist>tbody>tr>td:nth-child(1),
.controlbox[data-selected-settings="两边对齐"]>div.table-ctrl div.l table.datalist>tbody>tr>td:nth-child(2) input,
.controlbox[data-selected-settings="居中对齐"]>div.table-ctrl div.l table.datalistborder>tbody>tr>td:nth-child(1),
.controlbox[data-selected-settings="两边对齐"]>div.table-ctrl div.l table.datalistborder>tbody>tr>td:nth-child(2) input{
	text-align:right;
}
div.ctrl-area div.l img,
table.trace > tbody > tr > td > a > img{max-width:100% !important;}
table > tbody > tr > td.col{
	text-align:right;
	white-space:nowrap;
	vertical-align:top !important;
}
div.trace-ctrl.ctrl-area > div.l > table > tbody > tr > td.col {
	text-align:justify;
}
table > tbody > tr > td.val{}
.file-ctrl div.l{
	cursor: pointer;
    font-family: layui-icon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
	background:url(/ig/png/upload/e.png) no-repeat right 5px top 5px;
	background-size:24px 24px;
	border:1px dashed #ddd;
	border-radius:3px;
	padding-top:8px;
	padding-bottom:8px;
	background-color:#fefefe;
}
.file-ctrl div.l:before {
	content: "\e654";
	font-weight:bold;
	position: relative;
    left: 80px;
}
.file-ctrl-uploaded{
	border-bottom: 1px dashed #ddd;
	margin-top:3px;
	margin-bottom:3px;
	padding-top:8px;
}
.file-ctrl-uploaded div.l{
	width:90%;
    background: none;
	border:none;
    border-radius: 0;
}
.file-ctrl-uploaded div.l > img {
	width:14px;
}
.file-ctrl-uploaded div.l > span{
	margin-right:5px;
	position: relative;
    top: 3px;
	display: inline-block;
}
.file-ctrl-uploaded div.l > span.original{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width: 160px;
	/* color:red; */
}
.file-ctrl-uploaded div.l:before{
	content:'';
	font-weight: normal;
    position: static;
    left: auto;
}
.file-ctrl-uploaded div.r{
	padding-top: 8px;
    padding-bottom: 8px;
	font-weight:bold;
}
.bgmask{
	position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    overflow-y: auto;
    /* backgroundcolor: rgba(0,0,0,.5); */
	/* color:#eee; */
	display:none;
	/* background: url(/ig/svg/codelines.svg); */
	background-color:#F7F8FA;
}
div.bgmask > div:nth-child(1) > div.r > i {font-weight:bold;font-size:18px;}
div.bgmask p, div.bgmask span {
	color:#666;
}
div.bgmask input {
	display:inline-block;
	margin-top:20px;
	margin-bottom:20px;
}
.msgbox{margin-top:10%;text-align:center;}
.msgbox h3{margin-top:64px;margin-right:auto;margin-bottom:64px;margin-left:auto;text-align:center;font-size:16px;font-weight:normal;max-width:90%;line-height: 28px;}
.msgbox > a.btn{background-color:#00A4E3;}
.msgbox > img.logo{max-height: 32px;}
#tooltip > div.copyright {
	position:fixed;
	bottom: 1rem;
    width: 100%;
}
fieldset{
    border:1px solid #ddd;
	border-radius:3px;
	margin-bottom:10px;
}
#msgReceiver > label.checked{
	background: url(/ig/png/bt/checkbox_tick_normal.png) no-repeat 0px 2px;
	color:green;
}
#msgReceiver > label.unchecked{
	background: url(/ig/png/bt/checkbox_normal.png) no-repeat 0px 2px;
}
#msgReceiver > label {
	display:block;
	text-align:justify;
	padding-left:5px;
	padding-right:16px;
	padding-left:16px;
}
img.radius {
    height: 18px;
    border-radius: 50%;
	margin: 3px;
    vertical-align: middle;
    position: relative;
    top: -3px;
	border:1px solid #d4d0c8;
}
.progress{
	background: #eee;
	display:none;
}
.progress div{
	background: #34A853;
    min-height: 32px;
    color: #fff;
    line-height: 32px;
	width:0px;
}
.addbtn{
	cursor: pointer;
    font-family: layui-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
	color: #1074E7;
}
.addbtn:before{
	content: "\e654";
}
.search{
	cursor: pointer;
    font-family: layui-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
	color: #1074E7;
}
.search:before{
	content: "\e615";
}
.tempMask{
	position:absolute;
	left:0px;
	right:0px;
	background-color:rgba(128,128,128,.1);
	color:red;
	text-align:center;
	border-radius:3px;
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
select[multiple="multiple"] > option {
	border-bottom:1px solid #eee;
	padding-top:5px;
	padding-bottom:5px;
}
/* div.checklist-ctrl > div.l > table > tbody > tr > td { */
	/* text-align:center; */
/* } */
div.checklist-ctrl > div.l > table > tbody > tr > td > span {
	display:block;
	margin-bottom:5px;
}
div.download-ctrl, div.download-ctrl-detial {
	border:1px solid #bbb;
}
div.download-ctrl > div.l > ol > li,
div.download-ctrl-detial > div.l > ol > li {
	padding-top:8px;
	padding-bottom:8px;
}
div.checklist-ctrl > div.l > table > tbody > tr > td > i.layui-icon.layui-icon-yes {
	margin-left:20px;
	margin-right:20px;
}
/**
2023-01-28 导航链接
*/
.underline{border-bottom:1px solid;}
div.section[data-component="navigation"] > div.controlbox > div.title,
div.section[data-component="navigation"] > div.controlbox > div.desc{
	display:none;
}
div.section[data-component="navigation"] > div.controlbox > div.navigation-ctrl > div.c > div {
	color:#000;
	font-size:18px;
	text-align:center;
	font-weight: bold;
	margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
	/* .signature-ctrl-detial > div.l > table > tbody > tr > td > img { */
		/* max-width: 50% !important; */
	/* } */
	form, .tempMask{width:100%;}
	.bgmask input[type="password"] {width:80%;}
	.bgmask input[type="submit"] {width:85%;}
	.msgbox{margin-top:30%;}
	div.section[data-component="video"] > div.controlbox > div.ctrl-area div.videoPoster{
		height: 200px;
	}
	div.video-ctrl.ctrl-area > div.l > div.videoPoster > img{
		width: 100%;
		/* height: 100%; */
		/* max-height: 100%; */
	}
}