.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.selected{
    /* background-color: Silver; */
	background-color:#EFEFEF;
}

#myTabContent table{
	border-collapse: collapse;
}

/* 遮罩层 */
.shade {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    /* 这里一定要把遮罩层移到重叠元素的上层，就可以造成父窗口无法操作的效果 */
    z-index: 1;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);                                                                                 
}

/* 模态框 */
.modal {
    display: none;
    width: 650px;
    /* height: 450px; */
    box-shadow: 5px 5px 10px rgba(10, 20, 20, .2), -5px -5px 10px #919191;
    background-color: #fff;
    /* 和遮罩层同理，模态框一定要在最上层 */
    z-index: 1;
/* 模态框水平垂直居中 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    /* margin: 0;
    padding: 0;
    box-sizing: border-box; */
}
.modal-footer{
   
    background-color: #F0F0F0;
    height: 45px;
    line-height: 45px;
    text-align: center;
}

.modal-body{ 
    width:100%;
	max-height: 400px;
	background:#F0F0F0; 
}

.modal-header {
    cursor: move;
    user-select: none;  /* 禁止用户选中文字 */
    position: relative;
    height: 40px;
    color: #0e0d0d;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    line-height: 40px;
    padding-left: 30px;
}
.modal .modal-header .exit {
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 30px;
}
.modal .modal-header .exit:hover {
    cursor: pointer;
    text-shadow: 2px 2px 4px rgba(10, 20, 20, .5);
}


.confirm-style {
    width:75px;
	height:30px;
	box-shadow: 2px 2px 5px #636161;
	border:1px solid #F0F0F0;
    display: inline-block;
    vertical-align: middle;
}


/*表格相关样式*/
.table-container{
	max-height: 400px;
	overflow-y: auto ;
	padding:0 20px 0 20px;
	background:#F0F0F0; 
}

.table-info{
	padding:10px 0 5px 0;
	font-size:15px;
	position:sticky;
	top:0;
	background:#F0F0F0;
	border-bottom: 2px solid  #565454;
}
/* 设置垂直滚动条宽度为0,页面看不到滚动条状态*/
::-webkit-scrollbar{
	width: 0px;
}

#tableList {	
	border-left: 2px solid #565454;
	width: 100%;
	border-collapse: separate;
   
}

	#tableList> tbody > tr > td {
		/* border-top:1px solid #fff; */
        height: 35px;
	}

	#tableList> tbody >tr > td :first-child {
		width:0;
		
	}
	#tableList> tbody >tr > td :nth-child(2) {

		width:200px;
		
	}
	#tableList> tbody >tr > td :nth-child(3) {
		width:350px;
	}

	#tableList> tbody >tr > td :nth-child(4) {
		width:150px;
	}
	#tableList> tbody >tr > td :nth-child(5) {
		width:150px;
	}

#tableList > tbody {
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 5px;
	background-color: rgb(255, 255, 255);
	width:100%;
	font-size:14px;
}


#tableList > thead > tr {
	background:#F0F0F0; 
	color:#000;
	height:30px;
	font-size:15px;
	position:sticky;
	top:37;
	
}

#tableList > thead > tr > th  {
	padding:8px;
	text-align: left;
	box-shadow: 1px 1px 2px #7F7F7F;
	
}
#tableList > thead > tr > th:first-child  {
    width: 0;
    padding:0;
	
}