@CHARSET "UTF-8";

.rowchange {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 30px;
}

/*错误信息提示*/
.help-block {
	margin-top: 15px;
	margin-bottom: -10px;
	margin-left: 0px;
	color: red;
}

.table th,
.table td {
	text-align: center;
}

/*分页相关*/
div.dataTables_info {
	padding-top: 8px;
}

div.dataTables_paginate {
	float: right;
	/* margin: -10px; */
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin: 2px 0;
	white-space: nowrap;
}

/*旋转图片相关样式*/
.roateleft {
	width: 70px;
	height: 30px;
	padding: 5px 8px;
	color: #3C3C3D;
	font-size: 12px;
	float: left;
	background: #ECECEC;
	text-decoration: none;
	line-height: 16px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 2px 0 0 2px;
}

.roateleft:hover,
.roateright:hover,
.roatedelete:hover {
	color: #fff;
	background: #5f95d0;
}

.roateleft .roatespan1 {
	float: left;
	width: 12px;
	height: 12px;
	background: url(../img/roate.png) -14px 0 no-repeat;
	margin-top: 2px;
	margin-right: 2px;
}

.roateleft:hover .roatespan1 {
	background: url(../img/roate.png) -14px -11px no-repeat;
}

.roateright {
	width: 70px;
	height: 30px;
	padding: 5px 8px;
	color: #3C3C3D;
	font-size: 12px;
	float: left;
	background: #ECECEC;
	text-decoration: none;
	line-height: 16px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-left: none 0;
	/* border-radius: 0 2px 2px 0; */
}

/* .roateright:hover, .roatedelete:hover {
	color: #fff;
	background: #5f95d0;
} */
.roateright .roatespan2 {
	float: left;
	width: 12px;
	height: 12px;
	background: url(../img/roate.png) 0 0 no-repeat;
	margin-top: 2px;
	margin-right: 2px;
}

.roateright:hover .roatespan2 {
	background: url(../img/roate.png) 0 -11px no-repeat;
}

.roatedelete {
	width: 70px;
	height: 30px;
	padding: 5px 8px;
	color: #3C3C3D;
	font-size: 12px;
	float: left;
	background: #ECECEC;
	text-decoration: none;
	line-height: 16px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-left: none 0;
	border-radius: 0 2px 2px 0;
}

.roatedelete .roatespan3 {
	float: left;
	width: 12px;
	height: 12px;
	margin-right: 2px;
}

.display-block {
	display: block;
}

.display-inline {
	display: inline-block;
}

.display-table-cell {
	display: table-cell;
}

.display-table-row {
	display: table-row;
}

/*加载样式*/
.load {
	width: auto;
	height: 32px;
	line-height: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -16px;
	margin-left: -55px;
	z-index: 10050;
	background: url(../../common/img/loading.gif) no-repeat #f0f0f0;
	text-align: right;
	padding-left: 35px;
	padding-right: 5px;
}

.wait {
	cursor: wait;
}

.newpage {
	background: #eff3f8;
	padding: 10px !important;
	/* 	padding: 25px 20px 10px !important; */
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active>a {
	background: #3e4b5c;
	border-left: 4px solid #5b9bd1;
	color: #f1f1f1;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a:hover,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active>a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active>a:hover {
	border-left: 4px solid #5b9bd1;
	background: #3a4656
}

.page-sidebar .page-sidebar-menu>li.active>a>.selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>.selected {
	display: block;
	float: right;
	position: absolute;
	right: 0;
	top: 8px;
	background: 0 0;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #eff3f8;
}

table.dataTable tr.heading>th {
	background-color: #e7ecf1;
}

div.tableoperation {
	margin-bottom: .8em;
	margin-left: -1.0em;
}

.input-xxlarge {
	width: 620px !important;
}

.input-xxsmall {
	width: 50px !important;
}

.tabbable-line>.nav-tabs>li.active {
	background: 0 0;
	border-bottom: 4px solid #397FAE;
	position: relative;
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
	background: 0 0;
	border-bottom: 4px solid #5b9bd1;
}

.register-btn {
	font-size: 14px;
	margin-top: 10px;
	display: inline-block;
}

/**qrcode**/
.QRCode-card {
	position: absolute;
	left: -5px;
	bottom: 57px;
	width: 403px;
	height: 302px;
	color: #555;
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
	border-radius: 10px;
}

.QRCode-image {
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* width: 250px;
	height: 250px; */
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../../../pages/smk/img/qrcode/qrcode.png);
	position: absolute;
}

.QRCode-card .sprite-index-icon-arrow {
	position: absolute;
	margin: auto;
	right: 0;
	bottom: -14px;
	left: 0;
}

.QRCode-card .sprite-index-icon-arrow {
	position: absolute;
	margin: auto;
	right: 0;
	bottom: -14px;
	left: 0;
}

.sprite-index-icon-arrow {
	background-position: 0 0;
	width: 54px;
	height: 42px;
}

.sprite-index,
[class*=sprite-index-] {
	background-repeat: no-repeat;
	background-image:
		url(../../../pages/smk/img/login/sprites.auto.fe745534.png);
}

@media (max-width : 440px) {
	.QRCode-card {
		position: absolute;
		left: -5px;
		bottom: 57px;
		width: 283px;
		height: 302px;
		color: #555;
		background-color: #fff;
		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
		border-radius: 10px;
	}
}

@media (min-width : 992px) {
	.page-sidebar {
		width: 175px;
	}

	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.newpage {
		margin-left: 175px !important;
	}
}

/**
*客户端页面相关样式
*/
@media (min-width : 992px) {
	.login-form input {
		background-color: #dde3ec;
		height: 43px;
		color: #8290a3;
		border: 1px solid #dde3ec;
	}
}

@media only screen and (max-width:480px) {
	.page-header .page-header-top .top-menu {
		margin: -58px -18px 0 0px;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}

	.page-header.navbar .top-menu {
		display: block;
		clear: none;
		float: none;
	}
}

@media only screen and (max-width:990px) {
	.page-container .page-content .container-fluid .breadcrumb {
		padding: 8px 15px !important;
	}
}

@media only screen and (max-width:766px) {
	.page-container .page-content .container-fluid .page-content-inner .tjfk {
		/* margin-top: -3.5em; */
		margin-bottom: .5em;
	}
}

@media only screen and (min-width:767px) and (max-width:990px) {
	.page-container .page-content .container-fluid .page-content-inner .tjfk {
		margin-top: -2.5em;
	}
}

@media only screen and (max-width:355px) {
	.login .login-form .customerloginbtn {
		width: 95%;
		margin: 0 auto;
	}

	.fkyjgs,
	.hfwd,
	.tjjy {
		margin-bottom: .5em;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width:356px) and (max-width:365px) {
	.login .login-form .customerloginbtn {
		width: 80%;
		margin: 0 auto;
	}

	.fkyjgs,
	.hfwd,
	.tjjy {
		margin-bottom: .5em;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width:366px) and (max-width:410px) {
	.login .login-form .customerloginbtn {
		width: 60%;
		margin: 0 auto;
	}

	.fkyjgs,
	.hfwd,
	.tjjy {
		margin-bottom: .5em;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width:411px) and (max-width:480px) {
	.login .login-form .customerloginbtn {
		width: 72%;
		margin: 0 auto;
	}

	.fkyjgs,
	.hfwd,
	.tjjy {
		margin-bottom: .5em;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width:481px) and (max-width:539px) {

	.fkyjgs,
	.hfwd,
	.tjjy {
		margin-bottom: .5em;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width:540px) and (max-width:767px) {
	.replyDiv {
		float: right;
		margin-top: -3.5em;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width:768px) and (max-width:890px) {
	.replyDiv {
		margin: .5em 0 .5em;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width:891px) and (max-width:990px) {
	.replyDiv {
		float: right;
		margin-top: -2.5em;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width:991px) {
	.replyDiv {
		text-align: right;
	}
}

@media only screen and (min-width:300px) and (max-width:991px) {
	.page-content-wrapper .page-content {
		padding: 10px 0 0 !important;
	}
}

/**手机行列互换样式**/
@media only screen and (max-width: 520px) {

	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	#no-more-tables thead tr {
		/* position: absolute;
		top: -9999px;
		left: -9999px; */
		display: none;
	}

	#no-more-tables tr {
		border-bottom: 1px solid #efefef;
	}

	#no-more-tables td {
		border: none;
		/* border-bottom: 1px solid #efefef; */
		position: relative;
		padding-left: 10em;
		/* padding-left: 50%; */
		white-space: normal;
		text-align: left;
	}

	#no-more-tables td:before {
		position: absolute;
		/* Top/left values mimic padding */
		/* top: 6px;
		left: 6px;
		width: 45%; */
		left: 0.5em;
		width: auto;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
		width: auto;
		content: attr(data-title);
	}

	#no-more-tables tr td:last-child {
		border-bottom: 5px solid #efefef;
		width: auto !important;
	}

	.container,
	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	/* #no-more-tables tr td:nth-child(9) {
		display: none;
	} */
	div.table-scrollable a.blue {
		margin-top: .5em;
	}
}

/*手机答卷矩阵题样式*/
@media only screen and (max-width: 650px) {

	/* Force table to not be like tables anymore */
	#no-more-tables-survey table,
	#no-more-tables-survey thead,
	#no-more-tables-survey tbody,
	#no-more-tables-survey th,
	#no-more-tables-survey td,
	#no-more-tables-survey tr {
		display: block;
	}

	#no-more-tables-survey thead tr {
		/* position: absolute;
		top: -9999px;
		left: -9999px; */
		display: none;
	}

	#no-more-tables-survey tr {
		border-bottom: 1px solid #efefef;
	}

	#no-more-tables-survey td {
		border: 1px solid #efefef;
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
		white-space: normal;
		text-align: left;
		vertical-align: middle !important;
		margin-top: 0.2em;
	}

	#no-more-tables-survey td:before {
		text-align: left;
		width: 98%;
		content: attr(data-title);
		padding-left: 30px;
		display: inline-block;
		box-sizing: border-box;
	}
	#no-more-tables-survey td.zxx-title:before{
		padding-left: 0;
		display: block;
	}
	#no-more-tables-survey td.jztk:before {
	    width: 100%;
	    padding-left: 0px;
	}

	#no-more-tables-survey tr td:first-child {
		font-weight: bold;
		background: #efefef;
	}

	#no-more-tables-survey tr td:last-child {
		border-bottom: 5px solid #efefef;
		width: auto !important;
	}

	.container,
	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	/* #no-more-tables tr td:nth-child(9) {
		display: none;
	} */
	div.table-scrollable a.blue {
		margin-top: .5em;
	}
}

input[type="button"i],
input[type="file"i]::-webkit-file-upload-button {
	cursor: pointer;
	height: 100%;
	width: 100%;
}

/**sliderQuestion style*/
/**滑块题目效果**/
.irs-with-grid {
	margin: 0 1em 0;
}

.irs-grid-pol {
	display: none;
}

.irs-slider {
	top: 27px !important;
	width: 18px !important;
	height: 18px !important;
	box-shadow: none !important;
}

.irs-grid-text {
	font-size: 14px !important;
	line-height: 15px !important;
	padding: 0 !important;
}

.irs-bar {
	height: 7px !important;
	border-top: 1px solid #146fb9 !important;
	border-bottom: 1px solid #146fb9 !important;
	background: #146fb9 !important;
}

.irs-bar-edge {
	height: 7px !important;
	border: 1px solid #146fb9 !important;
	;
	background: #146fb9 !important;
	border-radius: 16px 0 0 16px !important;
}

.irs-slider {
	border: none !important;
	background: #146fb9 !important;
	border-radius: 27px !important;
}

.irs-line {
	border: none !important;
	background: #e5e5e5 !important;
	height: 7px !important;
	border-radius: 16px !important;
}

.irs-from,
.irs-to,
.irs-single {
	background: #146fb9 !important;
}

.irs-single i.singleArrow {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 10px;
	bottom: -10px;
	border: 5px solid transparent;
	border-top: 5px solid #146fb9;
}

/** 问卷附件新样式 **/
.field {
	padding-top: 15px;
	padding-bottom: 15px;
	word-wrap: break-word;
}

/*附件div*/
.field .field-content {
	padding-top: 3px;
}

/*进度条*/
.field-attachment-field .attachment .attchment-progress-bar {
	position: absolute;
	background-color: #99D6FF;
	height: 100%;
}

/*进度条提示*/
.field-attachment-field .attachment .attchment-progress-bar span {
	line-height: 40px;
	text-align: right;
	float: right;
	margin-right: .5em;
	color: #ff0000;
}

/*具体附件div*/
.field-attachment-field .attachment {
	position: relative;
	overflow: hidden;
	width: 100%;
	border: 1px solid #E9E9E9;
	/* margin-bottom: 6px; */
	border-bottom: none;
}

.field-attachment-field-review .attachment {
	position: relative;
	overflow: hidden;
	width: 100%;
	border: 1px solid #E9E9E9;
	margin-bottom: 6px;
}

/*附件缩略图*/
.field-attachment-field .attachment .info .preview-area,
.field-attachment-field-review .attachment .info .preview-area {
	width: 28px;
	height: 28px;
	margin: 5px;
	position: relative;
}

.field-attachment-field .attachment .info .preview-area img {
	cursor: pointer;
}

.field-attachment-field-review .attachment .info .preview-area img {
	cursor: pointer;
	width: 28px;
	height: 28px;
}

/*附件正文*/
.field-attachment-field .attachment .info .status,
.field-attachment-field-review .attachment .info .status {
	position: relative;
	margin-top: 11px;
}

.field-attachment-field .attachment .info p,
.field-attachment-field-review .attachment .info p {
	margin: 0;
}

/*附件操作栏*/
.field-attachment-field .attachment .info .actions,
.field-attachment-field-review .attachment .info .actions {
	position: relative;
	margin-top: 11px;
	padding-right: 10px;
}

/*附件操作栏下载*/
.field-attachment-field .attachment .info .actions .download-link,
.field-attachment-field-review .attachment .info .actions .download-link {
	margin-right: .2em;
}

/*上传附件按钮*/
.field-attachment-field .attachment-select-trigger {
	border: 1px dashed #C3C9D0;
	text-align: center;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.65);
	margin-bottom: 0.8em;
}

.field-attachment-field .attachment-select-trigger label {
	margin: 0;
	display: table;
	width: 100%;
	padding-left: 0 !important;
}

.field-attachment-field .attachment-select-trigger label .select-text-wrapper {
	display: table-cell;
	vertical-align: middle;
}

.field-attachment-field .attachment-select-trigger label .plus {
	font-size: 24px;
	line-height: 1;
	width: 26px;
	display: table-cell;
	vertical-align: middle;
}

.field-attachment-field .attachment-select-trigger label .select-text {
	padding: 11px 10px 10px 0;
	text-align: left;
	line-height: 1.4;
	display: table-cell;
	vertical-align: middle;
}

.field-attachment-field .attachment-select-trigger input[type=file] {
	position: absolute;
	width: 96%;
	height: 3em;
	margin-left: 0;
	margin-top: 0;
	visibility: visible;
	/* text-indent: -10000rem; */
	opacity: 0;
	filter: alpha(opacity=0);
	outline: none;
	/* border: 1px solid #ccc; */
}

.newuploadfilediv .myfile {
	padding: 0 !important;
}




.newuploadfilediv .myfile {
	padding: 0 !important;
}


#showimg .modal-title {
	min-height: 33px;
}

#showimg .modal-dialog .modal-content {
	height: 100%;
}

#showimg .modal-dialog .modal-content .modal-body {
	height: calc(100% - 64px);
}

#showimg .modal-dialog .modal-content .carousel.slide {
	height: 100%;
}

#showimg .modal-dialog .modal-content .carousel.slide .carousel-inner {
	height: 100%;
}

#showimg .modal-dialog .modal-content .carousel.slide .item.active {
	height: 100%;
	position: relative;
}

#showimg .modal-dialog .modal-content .carousel.slide .item.active img {
	height: 100%;
}

#showimg .modal-dialog .modal-content .carousel.slide .item.active audio {
	width: 60%;
	position: absolute;
	left: 20%;
	top: 50%;
	transform: translate(0, -50%);
}


/* 更新日志弹出层 */
.updateLog-mode-mask {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.updateLog-mode-mask .updateLog-mode-cont {
	width: 960px;
	height: 376px;
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
}

.updateLog-mode-mask .updateLog-mode-cont .updateLog-mode-title {
	/* border-bottom: 1px solid #3C3C3D; */
	height: 30px;
	line-height: 30px;
	display: flex;
	justify-content: space-between;
}

.updateLog-mode-mask .updateLog-mode-cont .updateLog-mode-title span {
	font-size: 20px;
}

.updateLog-mode-mask .updateLog-mode-cont .updateLog-mode-title i {
	cursor: pointer;
	color: #9e9e9e;
}

.updateLog-mode-mask .updateLog-mode-cont .updateLog-mode-details {
	height: calc(100% - 70px);
	overflow: auto;
	padding-right: 30px;
}

.scrollbar {

	width: 30px;

	height: 300px;

	margin: 0 auto;



}

.updateLog-mode-mask .updateLog-mode-cont .updateLog-mode-details::-webkit-scrollbar {
	/*滚动条整体样式*/

	width: 10px;
	/*高宽分别对应横竖滚动条的尺寸*/

	height: 1px;

}

.updateLog-mode-mask .updateLog-mode-cont .updateLog-mode-details::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/

	border-radius: 10px;

	/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */

	background: #dcdddf;

}

.updateLog-mode-mask .updateLog-mode-cont .updateLog-mode-details::-webkit-scrollbar-track {
	/*滚动条里面轨道*/

	/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */

	border-radius: 10px;

	background: #FFF;

}

.updateLog-mode-details>li {
	font-size: 18px;
	list-style: square;
}

.updateLog-mode-details>li p,
.updateLog-mode-details>li div {
	font-size: 14px;
}

.updateLog-mode-details>li div ul li {
	padding: 0 0 4px 0;
}

.updateLog-mode-details>li div ul li:last-child {
	padding: 0 0 0 0;
}

.updateLog-mode-mask .updateLog-mode-cont .updateLog-mode-details li p {
	margin: 20px 0 2px;
}

.updateLog-mode-footer {
	text-align: right;
}

.updateLog-mode-footer input {
	width: 100px;
}

.updateLog-close {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('../img/close.png') center center no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 650px){
	.table-matrix .input-small {
		width: 100% !important;
		margin-top: 4px;
	}
}