* {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-family:  "微软雅黑","雅黑宋体", "新宋体", "宋体";
}
[v-cloak] { display: none }
.page-head{
	height:auto;
	box-shadow: 0px 5px 5px #bbb;
	position: fixed;
	top:0px;
	width:100%;
	z-index:20;
}
.page-body{
	
	margin-top: 110px;
	
}
.page-head-img{
	background-color: #0096eb;
}
.page-operate-btn{
	padding:10px 15%;
	background-color: white;
}
.page-operate-btn button{
	margin-right: 15px;
	min-width:100px;
}
.nav-borders{
	border-bottom:none;
    background-color: #ddd;
    padding: 30px 0px 0px 50px;
}
.btn-blue,.btn-white:hover{
	background-color: #0096eb;
	color:white;
	border:1px solid transparent;
}
.btn-white,.btn-blue:hover{
	background-color: white;
	color:#0096eb;
	border:1px solid #0096eb;
}
/* .nav-tabs>li>a{margin-right:0px;border-radius:0px 0px 0 0;color: #000000;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#0096eb;cursor:default;background-color:#FFFFFF;border:0px solid red;}

.nav-tabs>li {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-radius:8px 8px 0px 0px;
}
.nav-li{
border:none;
color: #0096eb;
font-weight: bold;
} */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	color:#0096eb;
}
.nav-tabs>li>a{
	color:black;
}
.nav-tabs>li>a:hover{
	border:0px;
}

.border-all{
	margin: 0 auto;
	width: 70%;
	height: 100%;
	border: 1px solid #DDDDDD;
	border-radius:8px;

}
.margin-lefts{
	margin-top:10px;
	margin-left:50px;

	width:90%;
	

}

.border-size{

	margin-top:50px;
	margin-left: 50px;
	width:90%;
	height:400px;
	background-color: #F1F1F1;


}

.textarea-resize{
margin-top:50px;
margin-left:50px;
width:90%;



}
.resize{

	
	resize:none;

}
.input-wy{
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 30px;	
}
.input-width{
	padding-left:20px;
	padding-top:30px;
}
.operate-button{
	text-align: right;
	padding:20px 50px;
}
.but-a{
	margin-right: 10px;
	color:#0096eb;
	font-weight:400; 
}
.but-b{
	margin-right: 10px;
	background-color:#0096eb;
	color:#FFFFFF;
	font-weight:bold; 
}

.but-primily{

background-color:#0096eb;

}
/* 新建案卷标签页样式*/
.new-volume-content{
	padding:0px 50px;
}
/* 点击添加案卷 */
.volume-table{
	margin-top: 40px;
}
.volume-table .table-body{
	overflow:auto;
	height: 170px;
    border: 1px #ccc solid;
	text-align: center;
}
.volume-table .table-body .add-volume{
	margin-top: 60px;
    display: block;
    width: 8em;
    margin-left: 26em;
    color: #0096eb;
    font-size: 16px;
}
.add-volume-continue{
	display: block;
	width: 5em;
    margin-top: 10px;
	color:#0096eb;
	font-size: 14px;
}
.table-body table{
	text-align: left;
}
.table-body table thead{
	background-color: #0096eb;
	color:#fff;
}
/* 添加案卷modal */
#new-volume-modal .modal-header{
	background-color: #0096eb;
	color: #fff;
}
#new-volume-modal .modal-header button{
	color: #fff;
	opacity:1.0;
}
#new-volume-modal .modal-body{
	padding:15px 25px;
}
#new-volume-modal .modal-body > .row{
	margin-top: 5px;
}
.add-volume-save,.add-volume-save-new:hover,.add-volume-cancel:hover{
	background-color: #0096eb;
	color:#fff;
	border-color: transparent;
}
.add-volume-save-new,.add-volume-cancel,.add-volume-save:hover{
	background-color: #fff;
	color:#0096eb;
	border-color: #0096eb;
}
/* 添加文件部分 */
.files-list{
	margin-top: 40px;
}
.files-list .list-head{
	font-size: 16px;
}
.files-list .list-body{
	overflow:auto;
	height: 200px;
    border: 1px #ccc solid;
	text-align: center;
	margin-top: 10px;
	
}
.files-list .list-body .add-file{
	margin: 0 auto;
	margin-top: 60px;
    display: block;
    width: 9em;
    color: #0096eb;
    font-size: 16px;
}
.list-body .file-detail{
	padding: 0 10px;
	margin-top:10px;
	text-align: left;
}
.list-body .file-detail hr{
	margin-top: 10px;
    margin-bottom: 10px;
}
.file-detail .file-operate{
	float: right;
    margin-right: 10px;	
}
.file-detail .file-operate span:nth-child(1){
	color:#0096eb;
}
.file-detail .file-operate span:nth-child(2){
	color:red;
}
.file-detail .file-title{
	font-size: 16px;
	font-weight: 600;
}
.file-detail > div{
	padding:3px 0px;
}
.file-detail .file-info-2{
	color: #aaa;
}
.add-file-continue{
	display: block;
    margin-top: 10px;
	color:#0096eb;
	font-size: 14px;
}
/* 备注部分 */
.comment-area{
	margin-top: 40px;
}
.comment-area .area-head{
	font-size: 16px;
}
.comment-area .area-body{
	margin-top: 10px;
}
/* 底部按钮部分 */
.volume-operate-button{
	padding:20px 0;
	text-align: right;
}
.volume-operate-button .btn{
	width:90px;
	margin-left: 15px;
}
.volume-info-save,.volume-info-cancel:hover{
	background-color: #0096eb;
	color:#fff;
	border-color: transparent;
}
.volume-info-cancel,.volume-info-save:hover{
	background-color: #fff;
	color:#0096eb;
	border-color: #0096eb;
}
/* 弹出添加文件页面 */
/* .add-files{
	z-index: 2;
	position: absolute;
	top: 0;
	left:0;
} */
.alert-null{
	border:1px solid red;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(180,0,0,.075), 0 0 8px rgba(102,11,22,.6);
    box-shadow: inset 0 1px 1px rgba(180,0,0,.075), 0 0 8px rgba(102,17,23,.6);
}
.cursor{cursor:pointer }
.form-control{
	resize:none;
	
}
.resize::-webkit-input-placeholder {
	
	text-align: center;
	padding-top: 4em;
	
}
.pitch{
	
	background-color:#ccc;
}

.fade-enter-active {
  transition: opacity .8s
}
.fade-enter{
  opacity: 0
}