.hide{
	display: none;
}
.import-box{
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-top{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99999;
	height: 60px;
	background-color: #33aafc;
	color: #fff;
}
.page-main{
	position: fixed;
	top:60px;
	bottom: 0;
	left: 0;
	right: 0;
}
.opt-tip-box{
	position:fixed;
	top:0;
	bottom:0;
	left:0;right:0;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}
.opt-tip-msg{
	background-color: #fff;
	border-radius: 4px;
	padding: 4px 8px;
	color: #000;
	
}
.box-pos-fixed-t60{
	position:fixed;
	top:60px;
	bottom:0;
	left:0;right:0;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}
.confirm-dialog{
	position: fixed;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.6);
}
.confirm-dialog .confirm-box{
	width: 300px;
	height: 200px;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
}
.confirm-dialog .confirm-loading{
	background-color: #fff;
	border-radius: 6px;
	padding: 2px 10px;
}
.confirm-dialog .confirm-tips{
	background-color: #fff;
	border-radius: 6px;
	padding: 2px 10px;
}
.confirm-btns{
	display: flex;
	justify-content: space-between;
	padding: 2px 50px;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
}
#loading-box{
	position:fixed;
	top:0;
	bottom:0;
	left:0;right:0;
	z-index: 999999;
}
#loading-text{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding: 2px 10px;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	color: #fff;
}
.box-hv-c{
	display: flex;
	justify-content: center;
	align-items: center;
}
.cursor-p{
	cursor: pointer;
}
.w-full{
	width: 100%;
}
.w-flex{
	flex: 1;
}
.w-30{
	width: 30px;
}
.w-50{
	width: 50px;
}
.w-80{
	width: 80px;
}
.w-100{
	width: 100px;
}
.w-110{
	width: 110px;
}
.w-120{
	width: 120px;
}
.w-150{
	width: 150px;
}
.w-160{
	width: 160px;
}
.w-170{
	width: 170px;
}
.w-180{
	width: 180px;
}
.w-200{
	width: 200px;
}
.w-300{
	width: 300px;
}
.w-p30{
	width: 30%;
}
.w-p75{
	width: 75%;
}
.w-p80{
	width: 80%;
}
.h-100{
	height: 100px;
}
.text-L{
	text-align: left;
}
.text-C{
	text-align: center;
}
.text-R{
	text-align: right;
}
.font-w{
	font-weight: bold;
}
.mar-T5{
	margin-top: 5px;
}
.mar-T10{
	margin-top: 10px;
}
.mar-T20{
	margin-top: 20px;
}
.mar-B10{
	margin-bottom: 10px;
}
.pad-all5{
	padding: 5px;
}
.pad-all15{
	padding: 15px;
}
.pad-LR5{
	padding: 0 5px;
}
.pad-B10{
	padding-bottom: 10px;
}
.mar-L10{
	margin-left: 10px;
}
.mar-L20{
	margin-left: 20px;
}
.mar-R10{
	margin-right: 10px;
}
.mar-R20{
	margin-right: 20px;
}
.mar-R30{
	margin-right: 30px;
}
.mar-LR5{
	margin: 0 5px;
}
.font-s12{
	font-size: 12px;
}
.font-s20{
	font-size: 20px;
}
.border-cc{
	border: 1px solid #ccc;
}
.color-33aafc{
	color: #33aafc;
}
.color-00{
	color: #000;
}
.color-ff{
	color: #fff;
}
.color-red{
	color:red;
}
.task-tab{
	cursor: pointer;
	text-decoration: none;
}
.btn-base{
	background-color: #33aafc;
	border-radius: 4px;
	cursor: pointer;
	padding: 3px 12px;
	font-size: 14px;
	color:#fff;
}
.btn-base-small{
	background-color: #33aafc;
	border-radius: 4px;
	cursor: pointer;
	padding: 2px 12px;
	font-size: 12px;
	color:#fff;
}
.btn-default-small{
	border: 1px solid #929292;
	border-radius: 4px;
	cursor: pointer;
	padding: 2px 12px;
	font-size: 12px;
	color:#000;
}
.btn-cancel{
	border: 1px solid #929292;
	border-radius: 4px;
	cursor: pointer;
	padding: 2px 12px;
	font-size: 14px;
}
.scroll-y{
	overflow-y: scroll;
}
.scroll-y::-webkit-scrollbar {
	display: none; /* 对于Chrome, Safari */
}
.scrollbar-none::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.paginate-tools{
	height: 40px;
	line-height: 40px;
	text-align: right;
}
.paginate-start{
	padding: 1px 3px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	color: #000;
}
.paginate-item{
	margin: 0 5px;
	padding: 1px 6px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	color: #000;
}
.paginate-end{
	padding: 1px 3px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	color: #000;
}

.paginate-current{
	margin: 0 5px;
	padding: 1px 6px;
	background-color: red;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
.paginate-back,.paginate-next{
	margin: 0 5px;
	padding: 1px 6px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	color: #000;
}
.index-box-list{
	width:20%;
	height: 100px;
	border: 1px solid #dedede;
	border-radius: 10px;
}
.exam-table{
	width: 100%;
	/*border: 1px solid #ccc;*/
	border-color: #ccc;
	/*height:600px;*/
	overflow-y: hidden;
}
.exam-table td{
	word-wrap: break-word;
}
#table-listh thead tr th{
	border: 1px solid #ccc;
}
#table-listb thead tr{
	display: none;
}
#table-listb tbody tr td{
	border: 1px solid #ccc;
}
.table-base{
	width: 100%;
	cellspacing:0;
}
.table-base{
	width:100%;/* 使表格宽度为100%*/
	border-collapse:collapse;/*合并边框*/
}
.table-base th, td {
	border:0px solid #ccc;/* 表格边框 */
	padding:8px;/* 内边距 */
}
.table-base thead{
	position: 'fixed';
	top:0;
	left:0;
	width:'100%';
	zIndex:'1000';
}
.table-base thead th {
	background-color:#f2f2f2;/*表头背景色*/
	position:sticky;/*设置为粘性定位 */
	top:-1px;/* 向上紧贴 */
	z-index:1;/*确保在其他内容上方*/
}
.table-base .td-L{
	border-left: 1px solid #ccc;
}
.table-base .td-R{
	border-right: 1px solid #ccc;
}
.table-base .td-C{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.table-base .tr-T{
	border-top: 1px solid #ccc;
}
.table-base .tr-B{
	border-bottom: 1px solid #ccc;
}
.table-base .tr-C{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.exam-box p{
	margin: 0;
}
.exam-btn{
	border: 1px solid #929292;
	border-radius: 4px;
	cursor: pointer;
	padding: 2px 12px;
	font-size: 14px;
}
.exam-submit{
	background-color: #33aafc;
	border-radius: 4px;
	cursor: pointer;
	padding: 3px 12px;
	font-size: 14px;
	color:#fff;
	margin-left: 10px;
}

.exam-reject{
	background-color: red;
	border-radius: 4px;
	cursor: pointer;
	padding: 3px 12px;
	font-size: 14px;
	color:#fff;
	margin-left: 5px;
}
.exam-list{
	height: 400px;
	overflow-y: scroll;
}
.exam-page{
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #ccc;
	text-align: right;
	padding: 0 5px;
}
.exam-page-start{
	padding: 1px 3px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	color: #000;
}
.exam-page-item{
	margin: 0 5px;
	padding: 1px 6px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	color: #000;
}
.exam-page-end{
	padding: 1px 3px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	color: #000;
}

.exam-page-current{
	margin: 0 5px;
	padding: 1px 6px;
	background-color: red;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
.exam-page-back,.exam-page-next{
	margin: 0 5px;
	padding: 1px 6px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	color: #000;
}
.word-table{
	border-color: #dedede;
}
.word-table thead th,tbody td{
	text-align: center;
}
.word-info{
	position: fixed;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.6);
}
.word-box{
	width: 800px;
	height: 750px;
	background-color: #fff;
	border-radius: 10px;
	padding: 0 10px;
}
.word-title{
	margin-bottom: 5px;
}
.word-title input{
	width: 60%;
	border: 1px solid #dedede;
	border-radius: 4px;
	padding: 1px 6px;
	height: 24px;
	line-height: 24px;
}
.expert-box{
	width: 400px;
	/*height: 300px;*/
	background-color: #fff;
	border-radius: 10px;
	padding: 0 10px 5px 10px;
}