.inv-feedback{width:100%;margin-top:.25rem;margin-left:.25rem; font-size:90%;color:#dc3545}
.wd100{width:100px;margin:0 auto}
[v-cloak]{
	display: none
}
.bgc{
	background-color: rgba(0,0,0,0.05);
}
.bg-sh{
	box-shadow: 3px 2px 3px 2px #888;
}

#tip{visibility: hidden; bottom:20px; right:20px; position:fixed;}
#tip.show {
	visibility: visible;
	animation:fadein-tips 2s,fadeout-tips 0.5s 48s;
}

@keyframes fadein-tips
{
	from {opacity:0;bottom:0;}
	to {opacity:1;bottom:20px;}
} 
@-webkit-keyframes fadein-tips
{
	from {opacity:0;bottom:0;}
	to {opacity:1;bottom:20px;}
}
@-moz-keyframes fadein-tips
{
	from {opacity:0;bottom:0;}
	to {opacity:1;bottom:20px;}
}
@-o-keyframes fadein-tips
{
	from {opacity:0;bottom:0;}
	to {opacity:1;bottom:20px;}
}

@keyframes fadeout-tips
{
	from {bottom:20px;opacity:1;}
	to {bottom:0px;opacity:0;}
} 
@-webkit-keyframes fadeout-tips
{
	from {bottom:20px;opacity:1;}
	to {bottom:0px;opacity:0;}
}
@-moz-keyframes fadeout-tips
{
	from {bottom:20px;opacity:1;}
	to {bottom:0px;opacity:0;}
}
@-o-keyframes fadeout-tips
{
	from {bottom:20px;opacity:1;}
	to {bottom:0px;opacity:0;}
}

/* *html .tip-msg{ right:18px; position:absolute;} */
.notification{
	font-family: Digital,'YouYuan','Microsoft YaHei',STFangsong;
	display: :flex;
	margin: 0 auto;
	width: 380px;
	min-height: 70px;
}
.notification .info {
	flex:1;	
	background: rgba(245,245,245,0.5);
	border-radius:3px 3px 3px 3px;
	-moz-box-shadow:0 0 10px #a9a9a9;
	-webkit-box-shadow:0 0 10px #a9a9a9;
	box-shadow:0 0 10px #a9a9a9;
}

.notification .info .title-tips{
	background:#AED0EA;
	padding:5px 5px 5px 20px;
}

.notification .info span{	
	margin: 0;
	padding: 0;
	font-size: 22px;
	color:#fff;
}

.notification .info p{
	margin: 0;
	padding: 20px 0 50px 20px;
	font-size: 20px;
	color:#000000;
}

.notification .info .button{
	display: inline-block;
	margin: 3px 3px 5px 0;
	padding: 3px 7px;
	border-radius:2px;
	border-bottom: 1px solid;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color:#ecf0f1;
}

.notification .info .button .gray{
	background: #95a5a6;
	border-bottom-color: #798d8f;
}

.notification .info.button{
	background: #435d8a;
	border-bottom-color: #435d8a;
}


.theme-color{
	background-color:#AED0EA;
}

.menu-font{
	border-radius:5px 5px 0 0 ;
	font-weight: bold;
	font-family: YouYuan; 
	font-size: 20px; 
}
.menu-first{
	padding-top:12px;
	width:400px;
	height:100px;
	background:-ms-linear-gradient(to top,#ff0000,#cd0000 20%,#e54646 60%,#ee7c6b 85%,#f5a89a 99%);
	background:-webkit-linear-gradient(top,#ff0000,#cd0000 20%,#e54646 60%,#ee7c6b 85%,#f5a89a 99%);
	background:-moz-linear-gradient(top,#ff0000,#cd0000 20%,#e54646 60%,#ee7c6b 85%,#f5a89a 99%);
	background:-o-linear-gradient(top,#ff0000,#cd0000 20%,#e54646 60%,#ee7c6b 85%,#f5a89a 99%);
	background:linear-gradient(to top,#ff0000,#cd0000 20%,#e54646 60%,#ee7c6b 85%,#f5a89a 99%);
	margin-left:400px;
	margin-top: 75px;
	color:#fff;
	font-size: 50px;
	font-family: YouYuan;
	text-align: center;
	border-radius:10px 10px 10px 10px;
	-moz-box-shadow:0 0 10px #a9a9a9;
	-webkit-box-shadow:0 0 10px #a9a9a9;
	box-shadow:0 0 10px #a9a9a9;
}
/*20210721首页菜单*/
.menu-box{
	height: calc(100vh - 83px);
	/* margin-top: 10px; */
	padding: 10px;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	_position: static;
}
.menu-box a{
	color: #343a40;
}
.menu-box a p{
	margin-bottom: 0;
}
.menu-box .nav-link.sub-menu{
	padding-left: 1rem;
	font-size: 1.1rem;
	/* font-weight: bold; */
	font-family: Microsoft Yahei;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background-color: #e84646;
}
.nav-pills .nav-link.active{
	background-image:url(../image/element1.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.menu-box .menu-icon{
	position: relative;
	font-size: 1.3rem;
	/* font-weight: bold; */
	font-family: Microsoft Yahei;
}
.menu-box .active .menu-icon,
.menu-box .active .notice-box{
	color: #fff;
}
.menu-box .menu-icon:before{
	content: '';
	display: inline-block;
	position: relative;
	top: 4px;
	margin-right: 8px;
	width: 20px;
	height: 20px;
	background-image: url(../image/icons-menu.png);
	background-size: 500% auto;
}
.menu-icon.icon1:before{
	background-position: 0 -20px;
}
.menu-icon.icon2:before{
	background-position: -20px -20px;
}
.menu-icon.icon3:before{
	background-position: -40px -20px;
}
.menu-icon.icon4:before{
	background-position: -60px -20px;
}
.menu-icon.icon5:before{
	background-position: -80px -20px;
}
.menu-box .active .menu-icon.icon1:before{	
	background-position: 0 0;
}
.menu-box .active .menu-icon.icon2:before{	
	background-position: -20px 0;
}
.menu-box .active .menu-icon.icon3:before{	
	background-position: -40px 0;
}
.menu-box .active .menu-icon.icon4:before{	
	background-position: -60px 0;
}
.menu-box .active .menu-icon.icon5:before{	
	background-position: -80px 0;
}
.menu-box .nav-item:not(.disable) a:not(.active):hover{
	background-color: #eee;
}
.menu-box .notice-box{
	position: relative;
}
.menu-box .notice-box span{
	display: inline-block;
	background-color: #fd7e14;
	padding: 0 6px;
	color: #fff;
	border-radius: 10px;
	font-size: 0.8em;
	position: relative;
	top: -1px;
	margin-left: 4px;
}

.main-box{
	margin-top: 10px;
}
.main-box.page-first{
	min-height: calc(100vh - 100px);
	min-height: -webkit-calc(100vh - 100px);
	min-height: -moz-calc(100vh - 100px);
	min-height: -o-calc(100vh - 100px);
	min-height: -ms-calc(100vh - 100px);
}
.main-box.page-first .btn-link{
	
}
.main-box.page-first .btn-link:hover,
.main-box.page-first .btn-link:focus{
	text-decoration: none;
	font-weight: bold;
}
.card-body p{
	text-indent: 2em;
}

/* 窄屏时不变形 */
@media screen and (max-width:1200px) and (min-width:640px) {
	.container{
		max-width: 1400px;
		width: 1400px;
	}
	.main-box{
		overflow: scroll;
		width: 1166px;
	}
	.menu-box{
		width: 233px;
	}
	.navbar{
		width: 1400px;
	}
	.navbar-brand .logo{
		height:50px
	}
}

.changea{
	margin-left:10px;
	color:#494f54;
}
.changea:hover{
	cursor:pointer;
}

.submenu-check{
	display: none;
}
.submenu-check:checked+.nav-item>.sub-nav{
	height: 84px;
	/* height = 项目数n * 42px */
}
.submenu-check:checked+.nav-item>.sub-nav1{
	height: 42px;
	/* height = 项目数n * 42px */
}
.sub-nav{
	list-style: none;
	overflow: hidden;
	transition: all .3s ease-in-out;
	height: 0;
}
.sub-nav1{
	list-style: none;
	overflow: hidden;
	transition: all .3s ease-in-out;
	height: 0;
}
.submenu-trigger,.submenu-trigger p{
	margin-bottom: 0;
}

.swal-title{
	border-radius:5px 5px 0 0;
	background-image: url(../image/element1.png);
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-color:#e84646;color:#f8f9fa;
	}
.swal-title:first-child{
	margin-top:0px;
	}
.swal-title:not(:last-child){
	margin-bottom:30px;
	}
.swal-text{
	margin-right:250px;
	width:100%;
	max-width:calc(100%);
	}
.swal-button--cancel{
	background:#73b1dc;
	font-weight:60;
	color:#fff;
	}
.swal-button--confirm{
	font-weight:60;
	background:#e84646;
	}
.swal-button:not([disabled]):hover{
	background-color:#e84646;
	}
.swal-button--cancel:not([disabled]):hover{
	background-color:#73b1dc;
	}
.bodybackground{
	background-image:url(../image/bg3.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	 background-attachment:fixed;
	 background-position: right top;
	 background-color:#f2f5f7;
}