/**
 * created by lukez
 */

/*初始化*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
body{font:12px"PingFangSC-Regular","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;font-weight: normal;} 
a{color:#2d374b;text-decoration:none;cursor: pointer;margin-right: 5px;} 
a:hover{text-decoration:none} 
a:active{text-decoration:none} 
em{font-style:normal} 
li{list-style:none} 
img{border:0;vertical-align:middle} 
table{border-collapse:collapse;border-spacing:0;text-align:center;} 
th{text-align: center;font-size:16px;font-weight:normal;}
p{word-wrap:break-word;} 
body{
	width: 100%;
	background: #F7F7F7;
	font-family:"PingFangSC-Regular","PingFangSC-Regular",Arial,Helvetica,sans-serif;
}
ul{
	padding: 0;
}
hr{
	border: 0;
	border-top: 1px solid  #C9C9C9;
}

/*修正因为ui-widget导致的btn字小*/
.ui-widget input.btn,.ui-widget button.btn{
  font-size: 14px;
  border-radius: 7px;
}

th#opt{
  /* width: 500px; */
}

/*左导航 + 窄版*/
.left_nav,.left_nav_narrow{
	position: relative;
}
.left_nav a{
	display: block;
}
.left_nav li{
	display: block;
	overflow: hidden;
	/*height: 53px;*/
	line-height: 53px;
	border-bottom: 1px solid #233547;
}
.left_nav_narrow li{
	padding-left: 0;
}

.left_nav li:hover{
	cursor: pointer;
}
/*标头*/
.left_nav .head{
	height: 191px;
}
/*logo*/
header .logo{
	height: 64px;
	line-height: 64px;
}
header .logo img{
	height: 40px;
	display: inline-block;
}
header .title{
	font-size: 24px;
}
header>.nav>li>a:hover,header>.nav>li>a:focus,header>.nav>li>a:active{
	color: white;
	background-color :transparent;
}

.left_nav .head .logo{
	width: 120px;
	height: 89px;
	line-height: 89px;
}
.left_nav .head .logo img{
	display: inline-block;
}
	
/*公司名称*/
.left_nav .head .company{
	line-height: normal;
}

.left_nav li a{
	color: #8096AF;
	display: block;
	width: 100%;
	height: 53px;
}

.left_nav .ico_wrap{
	width: 100px;
}
.left_nav .ico_wrap img{
	width: 22px;
}

.left_nav .current{
	background: #33465C;
	color: white;
}
/*右标*/
.left_nav .angle{
	position: absolute;
	line-height: 53px;
	right: 20px;
}



/*整体布局*/
body{
	min-width: 1240px;
}

aside{
	width:280px;
/*	position: fixed;
	top: 0;
	overflow: scroll;*/
}

/*右侧*/
article{
	margin-left: 280px;	
}

/*头部*/
header{
	background: #31C2A6;
	padding: 0 20px 0 30px;
	width: 100%;
	height: 64px;
	line-height: 64px;
	-moz-box-shadow:0px 2px 5px 0px rgba(132, 132, 132, 0.18);
	box-shadow: 0px 2px 5px 0px rgba(132, 132, 132, 0.18)
}

header  .nav>li>a{
	display: inline-block;
}


.main_content{
	margin:0 30px;
}	



/*面板*/
.panel_wrap{
/*	-moz-box-shadow:0px 0px 5px 0px rgba(162, 161, 161, 0.18);
	-webkit-box-shadow:0px 0px 5px 0px rgba(162, 161, 161, 0.18);
	box-shadow: 0px 0px 5px 0px rgba(162, 161, 161, 0.18);*/
	/*border-radius: 6px;*/
	margin: 0px 0 20px 0;
	overflow: hidden;
  background: white;
}

/*form面板*/
.panel_form{
  padding: 40px;
  margin-top: 0;
  padding-top: 0;
}

/*简要面板*/
.brief{
	padding: 0 20px;
	/* line-height: 84px; */
	overflow: hidden;
}
.brief div{
	float: left;
  margin-right: 28px;
  height: 58px;
  line-height: 58px;
  color: #495060;
}


/*表单*/
.form_wrap .form-group{
	overflow: hidden;
	line-height: 48px;
	margin: 10px 0;
}
.form_wrap .form-group>* {
	float: left;
	margin-right: 20px;
}
.form_wrap .form-control{
	display: inline-block;
	height: 34px;
	border-radius: 4px;
	padding: 4px 8px;
	border: solid 1px #cfdce7;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
  box-shadow:none;
  font-size: 12px;
}
.form-control::-webkit-input-placeholder{
  color: #bdc0c8;
}
.form_wrap .form-control:disabled{
    background-color: #F1F3F4;
}

.form_wrap .form-control:focus{
	outline-color: #31C2A6;
	border-color:#31C2A6;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.form_wrap label{
	width: 200px;
	text-align: right;
	font-weight: normal;
	margin-bottom: 0;
}

.form-inline label{
	width: auto;
  line-height: normal;
  margin-right: 0px;
}
.form-inline .form-control{
	height: 34px;
}


.form_modal .form-group>*{
	margin-right: 0;
}

input[type=checkbox] {
    width:13px;
    z-index:10;
} 
input[type=checkbox]:before {
    content:" ";
    display:inline-block;
    color:#000;
    width:13px;
    height:13px;
    background-color:white;
	  border: 1px solid #c6cacb;
    z-index:9;
    position: absolute;
    cursor: pointer;
}
input[type=checkbox]:checked:before {
    content:"\f00c";
    color:white; 
    background: #31C2A6;
    border-color: #31C2A6;
    font: normal normal normal 12px/1 FontAwesome; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}

input[type=radio] {
    width:16px;
    z-index:10;
}
input[type=radio]::before {
    content:" ";
	display:inline-block;
	width:16px;
	height:16px;
	background-color:white;
	border: 5px solid #c6cacb;
	border-radius:100%;
	margin-right:10px;
	margin-top:-1px;
	vertical-align:middle;
	cursor: pointer;
    z-index:9;
    position: absolute;
}
input[type=radio]:checked::after {
  content:" ";
	display:inline-block;
	width:16px;
	height:16px;
	background-color:white;
	border: 5px solid #31C2A6;
	border-radius:100%;
	margin-right:10px;
	margin-top:-1px;
	vertical-align:middle;
	cursor: pointer;
    z-index:9;
    position: absolute;
}

/*时间选择input*/
.time_control{
	

}





/*logo*/
.form_logo{
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 4px;
	border: 1px solid #ccc;
	text-align: center;
}
.form_logo img{
	width: 90%;
}

.form_wrap .input_w540{
	width: 540px;
}
.form_wrap .input_w368{
	width: 368px;
}
.form_wrap .input_w260{
	width: 260px;
}
.form_wrap .input_w170{
	width: 170px;
}
.form_wrap .input_w140{
	width: 140px;
}
.form_wrap .input_h30{
	height: 30px;
}
.form_wrap .input_h34{
	height: 34px;
}	
.form_wrap .input_h40{
	height: 40px;
}
.form_wrap .textarea_h100{
	height: 100px;
}

.form_wrap .from-group.align_top{
	-webkit-align-items: flex-start;
    align-items: flex-start;
}





/*小图标*/
.ico{
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%;
	cursor: pointer;
	color: white;
}
.ico .fa{
	font-size: 18px;
	vertical-align: middle;
}

/*溢出*/
.cut {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap; 
}



/*面包屑*/
.crumbs{
	line-height: 82px;
}
.crumbs>span:first-child{
  color: #31c2a6;
  font-size: 24px;
  display: block;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  margin-top: 40px;
  border-left: 2px solid #31c2a6;
  /* margin-bottom: 30px; */
}
.crumbs>span:nth-child(2){
  display: none;
}
.crumbs .option{
  margin-left: 5px;
}

.quickOperation{
	/* margin-right: 20px; */
	margin: -2px;
	color: #31C2A6;
	border: 1px solid #31c2a6;
	border-left: none;
	border-right: 1px solid #31c2a6;
	display: inline-block;
	width: 48px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	padding: 0 2px;
	transform: translateY(3px);
}
/* .crumbs .option>a:hover{
  color: #fff;
  background-color: #31C2A6
} */
.quickOperation:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-left: 1px solid #31c2a6;
}
.quickOperation:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.quickOperation.current{
	text-decoration: none;
	color: #fff;
	background-color: #31C2A6
}

.crumbs .option>a{
  /* margin-right: 20px; */
  margin: -2px;
  color: #31C2A6;
  border: 1px solid #31c2a6;
  border-left: none;
  border-right: 1px solid #31c2a6;
  display: inline-block;
  width: auto;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding: 0 5px;
}
/* .crumbs .option>a:hover{
  color: #fff;
  background-color: #31C2A6
} */
.crumbs .option>a:first-child{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #31c2a6;
}
.crumbs .option>a:last-child{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.crumbs .option .current{
  text-decoration: none;
  color: #fff;
  background-color: #31C2A6
}


/*表格*/
.table_wrap{
	margin-bottom: 0;
}

.table_wrap thead{
	background: #E9FEFF;
}
.table_wrap>thead>tr>th{
	border: 1px solid #e3eef1;
	border-bottom: 1px solid #e3eef1;
	border-top: none;
	font-size: 16px;
}
.table_wrap tr>td{
  border: 1px solid #e3eef1;
	border-bottom: 1px solid #e3eef1;
	border-top: none;
	font-size: 12px;
}


/*隔行换色*/
.table_wrap_striped tbody tr:nth-child(2n){
	/*background: #f2f7fa;*/
}
.table_wrap_striped tbody .clear_striped td{
	background: white;
}

.table_wrap>tbody>tr>td,.table_wrap>thead>tr>th{
	height: 50px;
	line-height: 50px;
	vertical-align:middle;
  padding-top: 0;
  padding-bottom: 0;
	/*
  padding-left: 20px;
  */
	/*box-shadow:0,0,6px,0,rgba(0,0,0,0.18);*/
}

/*竖线*/
/*.table_borderd tr>th,.table_borderd tr>td{
	border-right: 1px solid #e3eef1;
}
.table_borderd tr>th:last-chind,.table_borderd tr>td:last-chind{
	border-right: none;
}
*/
/*四角圆角*/
/*.table_wrap tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

.table_wrap tr:first-child th:last-child {
    border-top-right-radius: 6px;
}
.table_wrap tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

.table_wrap tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}*/

/*左右padding*/
.table_wrap th:first-child,.table_wrap td:first-child {
	/*
	    padding-left: 10px;
	*/
}
.table_wrap th:last-child,.table_wrap td:last-child {
    padding-right: 0px;
}


/*模态框*/
.modal-dialog{
	margin-top: 200px;
	padding: 17px 27px;
	border-radius: 4px ;
}
.modal-header{
	border-radius: 4px 4px 0 0;
	background: #fff;
	color: #31C2A6;
	padding-left: 40px;
}
.modal-header .close{
	opacity: 1;
	color: #ccc;
	font-size: 30px;
	font-weight: normal;
}
.modal-body{
	padding: 15px 40px;
	font-weight: 300;
	font-size: 18px;
	color:  #2a3f54;
}




/*分页*/


.pagetotal{
	float: left;
	line-height: 30px;
	margin-left: 20px;
}
.pagelist{
	margin: 10px;
	float: right;
/*	-moz-box-shadow:0px 0px 5px 0px rgba(162, 161, 161, 0.18);
	-webkit-box-shadow:0px 0px 5px 0px rgba(162, 161, 161, 0.18);
	box-shadow: 0px 0px 5px 0px rgba(162, 161, 161, 0.18);
	border-radius: 6px;*/
}
.pagego{
	display: none;
}
.pagelist>ul>li{
	float: left;
}
.pagelist>ul>li>a,.pagelist>ul>li>span{
	display: inline-block;
	width: 63px;
	line-height: 26px;
	padding: 0;
	border-right:1px solid #f1f1f1; 
	text-align: center;
	color: #959699;
}
.pagelist .link_page>a,.pagelist .link_page>span{
	width: 26px;
	height: 26px;
	margin: 0 10px;
}
.pagelist .current{
	width: 26px;
	height: 26px;
	background: #31C2A6;
	border-radius: 100%;
	color: white;
}
.pagelist .link_page>a:focus{
	color: #353B48;
	background: #E1F2F1;
	opacity: 0.1;
	border-radius: 100%;
}
.pagelist .link_page>a:hover{
	color: #353B48;
	background: #E1F2F1;
	border-radius: 100%;
}




/*美化按钮*/
.file {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
.file input {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}





/*背景颜色*/
.main_color{
	background: #2A394A;
}
.backgroud_normal{
	background: #31C2A6;
}


/*字体颜色*/
.font_color_warning{
	color: #FDB44D;
}
.font_color_warning_two{
	color: #FDB44D;
}
.font_color_danger{
	color: #F5496D;
}
.font_color_normal{
	color: #5E6266;	 
}
.font_color_gray{
	color: #9ea9b4;
}
.font_color_tint{
	color: #E3EEF0;
}
.font_color_white{
	color: white;
}
.font_color_gray_two{
	color : #8096AF; 
}
.font_color_gray_three{
	color: #666;
}
.font_color_gray_four{
	color: #959699;
}
.font_color_normal_two{
	color: #5E6266;	
}
.font_color_normal_three{
	/* color: #8E9DAA; */
}
/*查看等操作功能字体*/
.font_color_operate{
	color: #2693FF;
}



/*字体格式*/
.font_style_one{
	font-size: 18px;
}
.font_style_two{
	font-size: 14px;
	/*font-weight: bold;*/
}
.font_style_three{
	font-size: 14px;
}
.font_style_four{
	font-size: 14px;
}
.font_style_five{
	font-size: 12px;
}

.font_bold{
	/* font-weight: bold; */
}

/*按钮*/
.btn_def{
    height: 34px;
    border-radius: 5px;
    color: #fff;
    border: solid 1px #ccc; 
    font-size: 14px;
}
.btn_def.file{
	color: #666;
}
.btn_def:disabled{
  margin-right: 44px;
  color: #fff;
  background-color: #FDB44D;
  border-radius: 20px;
  border: 1px solid #FDB44D;
}
.btn_def:hover{
	color: #fff;
}
.btn_def:active{
	color: #fff;
}

.btn_normal{
	background: #f7f7f7;
	color: #31C2A6; 
	border-color: #31C2A6; 
}
.btn_normal:hover{
	background: white;
	color: #31C2A6; 
	border-color: #31C2A6; 
}
.btn_normal_two{
	background: #f7f7f7;
	color: #31C2A6; 
	border-color: #31C2A6; 
}
.btn_normal_two:hover{
	background: white;
	color: #31C2A6; 
	border-color: #31C2A6; 
}
.btn_normal_three{
	background: #f7f7f7;
	color: #31C2A6; 
	border-color: #31C2A6; 
}
.btn_normal_three:hover{
	background: white;
	color: #31C2A6; 
	border-color: #31C2A6; 
}
.btn_normal_four{
	background: #31C2A6; 
	border-color: #31C2A6; 
}
.btn_normal_four:hover{
  background: white;
	color: #31C2A6; 
	border-color: #31C2A6; 
} 
.btn_success{
	background: #e4eaf0;
	color: #31C2A6; 
	border-color: #31C2A6; 
}
.btn_success:hover{
	background: #fff; 
	color: #31C2A6;
	border-color: #31C2A6; 
}
.btn_danger{
	width: 60px;
  color: #495060;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  border-radius: 20px!important;
}
.btn_danger:hover{
	color: #495060;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
}
.btn_warning{
  width: 60px;
  color: #495060;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  border-radius: 20px;
}
.btn_warning:hover{
  color: #495060;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
}
.btn_right{
	margin-right: 16px;
}

#btnupload{
  border-radius: 20px;
}

.btn_42{
	height: 42px;
}
.btn_46{
	height: 46px;
}
.btn_38{
	height: 38px;
}
.btn_w88{
	width: 88px;
}
.btn_w60{
	width: 60px;
}
.copy_button{
	color: #31C2A6;
}
.copy_button:hover{
	color: #31C2A6;
}

#search_status{
  font-size: 14px;
}
.panel_wrap.special_table{
  margin-top: 30px;
}
.ui-dialog .ui-dialog-title {
  float: left;
  color: #31C2A6;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.center-block {
  width: 400px!important;
  height: 478px!important;
  display: block;
  margin-right: auto;
  margin-left: auto;
  
  /* border: 1px solid #ccc; */
  padding-bottom: 50px;
}
/* 登录页面 */
.bg_img{
  /* width: 100%; */
  height: 591px;
  margin-top: 98px;
	background: url(/Public/img/bgback.png) no-repeat center;
	background-size: cover;
	overflow: hidden;
	margin-bottom: 11px;
}
#title {
  text-align: left;
  margin-left: -88px;
  margin-top: 43px!important;
  color: #31C2A6;
  font-size: 18px!important;
  background-color: #fff!important;
  position: absolute;
  top: 0;
}
.login_form{
  padding-left: 30px;
  padding-right: 30px;
}
.login_form input,.login_form button{
  width: 338px;
  height: 48px!important;
}
.login_form input{
  margin-bottom: 30px;
  margin-right: 30px;
}
.login_form button{
  margin: 0px 0 50px 0;
  margin-top: 20px;
}
div.form_box{
  position: absolute;
  background-color: #fff;
  top: 155px;
  right: 360px;
  height: 478px!important;
  display: block;
  /* border: 1px solid #ccc; */
	border-radius: 4px;
}
.form-group .form-group-form {
	width: calc(100% - 240px);
}
.form-group .form-group-form .font_style_four{
	float: left;
	margin-right: 20px;
}
.form_box .form-group{
	position: relative;
}
.form_box .form-group img{
  position: absolute;
  left: 12px;
  top: 15px;
  width: 19px;
  height: 19px;
}
.form_box .form-group input{
	padding-left: 40px;
	margin-bottom: 22px;
}
.ui-dialog-title{
  color: #31C2A6!important;
  font-weight: normal!important;
}

.ui-dialog{
  width: 700px!important;
}
.ui-dialog .ui-dialog-titlebar{
  margin-bottom: 30px!important;
}
.special_back{
  margin-bottom: 30px;
}
#info{
	text-align: center;
	margin-top: 140px;
	margin-bottom: 20px;
}
.member_list a{
  width: 80px;
}
#btrestore{
  width: 80px;
}
.modal_add{
	margin-left: 300px;
}
/* 按钮调整 */
.form_save{
	position: relative;
	left: 508px;
	top: 6px;
}
#updateroom{
	width: 70px;
	margin-left: 450px;
	border-radius: 20px;
	background: #f7f7f7;
}
#submit_save{
  width: 60px;
  color: #fff;
  background-color: #FDB44D;
  border-radius: 20px;
	border: 1px solid #FDB44D;
}
.go_back{
  position: absolute;
  left: 500px;
	top: 81px;
}
.go_back a{
	width: 50px!important;
}
.special_save{
  width: 60px;
  margin-right: 24px;
  width: 60px;
  color: #fff;
  background-color: #FDB44D;
  border-radius: 20px;
  border: 1px solid #FDB44D;
}
#login_btn{
	background-color: #31C2A6;
	color: #fff;
}
.special_style:focus,#add_user0,#add_user2,#add_user4,#add_server_btn,#adddocument:focus{
	outline: none;
	background: #f7f7f7;
	color: #31C2A6;
	box-shadow: none; 
	border-color: #31C2A6;
}
#add_user2:hover{
	background-color: #fff;
}
.btn:focus{
	outline: #fff!important;
}
@media screen and (max-width: 1600px){
	.bg_img {
			height: 550px;
			margin-top: 98px;
			margin-bottom: 101px;
	}
	div.form_box{
		top: 135px;
		right: 230px;
	}
}
@media screen and (max-width: 1300px){
	.bg_img {
			height: 491px;
			margin-top: 108px;
			margin-bottom: 221px;
	}
	div.form_box{
		top: 243px;
		right: 230px;
	}
}
@media screen and (max-width: 1000px){
	.bg_img {
			height: 391px;
			margin-top: 108px;
			margin-bottom: 311px;
	}
	div.form_box{
		top: 273px;
		right: 150px;
	}
}
@media screen and (max-width: 768px){
	.bg_img {
			height: 291px;
			margin-top: 40px;
			margin-bottom: 501px;
	}
	div.form_box{
		top: 333px;
		right: 60px;
	}
}
@media screen and (max-width: 470px){
	.bg_img {
			height: 241px;
			margin-top: 28px;
			margin-bottom: 561px;
	}
	div.form_box{
		top: 333px;
		right: 0px;
	}
}