.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto
}
.mlr5 {
	margin-left: 5px;
	margin-right: 5px;
}
.mlr10 {
	margin-left: 10px;
	margin-right: 10px;
}
.width25 {
	width: 25px !important
}
.width50 {
	width: 50px !important
}
.width65 {
	width: 65px !important
}
.width100 {
	width: 100px !important
}

.fontweight {
	font-weight: bold;
}

body {
  background: #e4e4e4;
}
.header {
  position: sticky;
  top: 0;
  z-index: 99;
}
.header.client.navbar {
	background-color: #266d80;
	padding: 0;
}
.header.client.navbar .navbar-brand {
	padding: 10px 15px;
  	margin-right: 0;
	background-color: #2c5865;
}
.header.navbar {
  background: #466171;
  color: #fff;
  padding-left: 10px;
  padding-right: 70px;
  color: #fff;
}
.header.navbar .navbar-brand {
  margin-right: 50px;
}
.header.navbar .navbar-brand,
.header.navbar .navbar-brand:hover,
.header.navbar-light .navbar-nav .active > .nav-link,
.header.navbar-light .navbar-nav .nav-link:hover,
.header.navbar-light .navbar-toggler {
  color: #fff;
}
.header.navbar-light .navbar-toggler {
  border-color: rgba(255, 255, 255, .7);
}
.header.navbar-light .navbar-toggler-icon {
  filter: invert(1);
}
.header.navbar-light .navbar-nav .nav-link {
  /*color: rgba(255, 255, 255, .7);*/
  color: rgba(255, 255, 255);
}
.header.navbar-light .navbar-nav .nav-link:hover {
	color: #A2B8C5;
}

.user-nav .navbar-nav .nav-item-no-hover{
	display: flex;
	align-items: center;
}
.user-nav .navbar-nav .nav-item-no-hover .nav-link{
	padding-top: 0;
	padding-bottom: 0;
	font-size: 14px;
}
.navbar-nav .nav-item-no-hover .nav-link img{
	border-radius: 50%;
}


.navbar-nav > .nav-item {
	height: 50px;
}

.navbar-nav > .nav-item:hover {
	background: #547487;
	cursor: pointer;
}

.login-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
}
.login-text h6,
.login-text h5 {
  margin-bottom: 0;
  font-weight: 600;
  margin-top: 3px;
}
.header-user .nav-link.text {
  margin-top: 9px;
}
.header-user .nav-item:last-child {
  margin-left: 50px;
}
.page-content {
  width: 1024px;
  #min-height: 768px;
  background: #fff;
  margin: 20px auto;
}
/*logo图片样式*/
.logo-header {
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100%; /* 可以根据需要设置高度 */
    width: 100%; /* 可以根据需要设置宽度 */
}

.logo-header img {
    width: auto; /* 确保图片宽度不超过容器 */
    height: 200px; /* 确保图片高度不超过容器 */
}

.footer {
  width: 100%;
  margin: auto;
  color: #868686;
}
.footer .footer-other {
   width: 100%;
   height: 100px;
   background-color: #799713;
}

.footer .company-container {
    width: 1024px;
    height: 50px;
}

.footer .footer-other .other-container {
  display: flex;
  justify-content: center;
  width:1024px;
  height:100%;
}

.footer .breadcrumb {
  background: transparent;
  justify-content: center;
  color: #868686;
  margin-bottom: 0;
}
.footer a {
  color: inherit;
}

.footer hr {
  width: 450px;
  margin-top: 0;
  margin-bottom: 12px;
}
.footer .footer-text {
  text-align: center;
}
.footer-text .footer-link {
  display: inline-block;
  margin-left: 10px;
}
.footer-text .footer-link:first-child {
  margin-left: 30px;
}
.page-title{
	background-color: #006699;
	color: #fff;
	height: 40px;
	width: 150px;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	font-size: 18px;
}
.page-title-user{
	background-color: #2b665e !important;
}

.p-20{
	padding: 20px;
}
.ptb-10{
	padding-top: 10px;
	padding-bottom: 10px;
}
.prl-30{
	padding-right: 30px;
	padding-left: 30px;
}
.prl-20{
	padding-right: 20px !important;
	padding-left: 20px !important;
}
.prl-50{
	padding-right: 50px !important;
	padding-left: 50px !important;
}
.mr-10 {
	margin-right: 10px;
}
.mb-20{
	margin-bottom: 20px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-35 {
	margin-left: 35px;
}
.ml-50 {
	margin-left: 50px;
}
.ml-60 {
	margin-left: 60px;
}
.text-disable{
	color: #868686 !important;
}
.text-disable:hover{
	cursor: auto;
	color: #fff !important;
}
.text-orange{
	color: #FF6600;
}
.font-weight700{
	font-weight: 700;
}
.font35{
	font-size: 35px !important;
}
.font30{
	font-size: 30px !important;
}
.font20{
	font-size: 20px !important;
}
.font16{
	font-size: 16px !important;
}
.font14{
	font-size: 14px !important;
}
.font13{
	font-size: 13px !important;
}
.font12{
	font-size: 12px !important;
}
.cursor-pointer{
	cursor: pointer;
}
.btn-close{
	border: 1px solid #bcbcbc;
}
.btn-close:hover{
	background-color: #bcbcbc;
}


.upload-button{
	background: #e4e4e4;
	border: 1px solid #aeaeae;
	border-radius: 0;
}
.upload-button:hover,.upload-box:hover .upload-button{
	background-color: #6b6b6b;
	border: 1px solid #aeaeae;
	color: #fff;
}

.file-upload{
	background-color: #006699;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}
.file-upload:hover{
	background-color:#0066cc;
	color: #fff;
}

.upload-box{
	position: relative;
}
.upload-box input{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	opacity:0;
	filter: alpha(opacity=0)
}

.file-search{
	border: 1px solid #bcbcbc;
}
.file-search:hover{
	background-color: #009999;
	color: #fff;
}

.green-light-deep{
	background-color: #009999;
	color: #fff;
}
.green-light-deep:hover{
	background-color: #006666;
	color: #fff;
}

.grey-light-deep{
	background-color: #6b6b6b;
	color: #fff;
}
.grey-light-deep:hover{
	background-color: #434343;
	color: #fff;
}

/* tab锟斤拷式 */
.material-nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e4e4e4;
}
.material-nav ul{
	margin-bottom: -1px;
}
.material-nav-list a{
	height: 45px;
	line-height: 45px;
	display: inline-block;
	width: 100px;
	color: #000;
	background-color: #f2f2f2;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}
.material-nav-list:last-child a{
	border-right: 1px solid #c9c9c9;
}
.material-nav-list a:hover{
	background-color: #e4e4e4;
}
.material-nav-active{
	background-color: #fff !important;
	font-weight: bold;
}


.extended-space{
	color: #000;
	text-decoration: none;
}
.extended-space:hover{
	color: #007bff;
	text-decoration:underline;
}


.material-list{
	border-bottom: 2px dashed #e4e4e4;
}
.material-list:first-child{
	border-top: 2px dashed #e4e4e4;
}


.common-nav{
	background-color: #266d80 !important;
	height: 60px;
	z-index: 99999999999;
}
.loadingModal{
	top: 48%; 
	position: relative; 
	left: 48%; 
}

.user-nav-base-top{
	background-color: #466171 !important;
	height: 50px;
	z-index: 99999999999;
}
/* //鐢ㄦ埛绔ご閮ㄨ彍鍗� */
.user-nav{
	background-color: #466171 !important;
	height: 50px;
}
.user-nav .navbar-brand p{
	margin-bottom: 0;
	font-size: small;
}
.user-nav .navbar-nav .nav-item{
	display: flex;
	align-items: center;
}
.user-nav .navbar-nav .nav-item .nav-link{
	padding-top: 0;
	padding-bottom: 0;
	font-size: 14px;
}
.navbar-nav .nav-item .nav-link img{
 	border-radius: 50%;
}
.user-nav-right li{
	border-right: 1px solid #4f8982;
}
.user-nav-right li:last-child{
	border: 0;
}
.user-nav-right li:nth-last-child(2) {
	border: 0;
}
.modal-footer.client {
	justify-content: center;
}
.user-nav .dropdown-item,.user-nav .dropdown-item{
	padding: 10px 20px;
}
.user-nav .dropdown-item:focus,.user-nav .dropdown-item:hover{
	background-color: #2b665e !important;
	color: #fff;
}
.user-nav .dropdown-menu{
	top: 42px !important;
	border-radius: 0;
	box-shadow: 2px 2px 8px #999;
	border: 0;
}
.border-radius-50 {
	border-radius: 50%;
}
.plr5 {
	padding-left: 5px;
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}

.font-color1 {
	color: #D6E0EF;
}
.font-italic {
	font-style: italic;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-10 {
	margin-bottom: 10px;
}
.ml-10 {
	margin-left: 10px;
}
.page-breadcrumb > a {
	text-decoration: none;
	color: #000;
}
.page-breadcrumb > a:hover {
	color: #5A7887;
}
.border-bottom1 {
	border-bottom: 1px solid #e8e8e8;
}
.num-orange {
	color: #FF9900;
}
.num-yellow {
	color: #FECB01;
}
.course-light-deep{
	background-color: #FF9900;
	color: #fff;
	left: 0px;
	top: 0px;
	min-width: 96px;
	height: 33px;
	border: none;
	border-radius: 5px;
	font-size: 14px;
}
.course-light-deep:hover{
	background-color: #FFCC00;
	color: #fff;
}

.join-course-light-deep{
	background-color: #fff;
	color: #000;
	left: 0px;
	top: 0px;
	width: 96px;
	height: 33px;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(148, 148, 148, 1);
	border-radius: 5px;
	font-size: 14px;
}
.join-course-light-deep:hover{
	background-color: #D7D7D7;
	color: #000;
}
.join-course-ash-deep{
	background-color: #D7D7D7;
	color: #000;
	left: 0px;
	top: 0px;
	width: 96px;
	height: 33px;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(148, 148, 148, 1);
	border-radius: 5px;
	font-size: 14px;
}