body {
    font-weight: 400;
    font-size: 0.875rem; 
    background: #f4f4f4;
    color: #333333;
}
a{
    color: #000000;
}
a:hover {
    color: #6f42c1;
    text-decoration: none;
}
.bg-muted{
    background-color: #cfcfcf !important;
}
.btn-sm-block{
    width: 100%;
}
.dh-row{
    margin-left: -5px!important;
    margin-right: -5px!important;
}
.dh-badge{
    min-width: 25px!important;
}
.dh-badge-pink{
    background-color:#e83e8c;
}
.dh-text-pink{
    color:#e83e8c;
}
.dh-btn{
    min-width: 75px!important;
}
.dh-pill {
    border-radius: 10rem!important;
}
.dh-circle {
    border-radius: 50%!important;
}
.w-10{
    width: 10%;
}
.img-detail{
    width: 128px;
    height: 128px;
}
.img-list{
  width: 96px;
  height: 96px;
}
/*purple*/
.badge-purple {
    color: #fff;
    background-color: #563d7c;
}
/*p*/
.lead{
    font-size: 1.05rem;
}
/*模态框*/
.modal-scrollbar-measure {
    display: none;
}
/*导航栏*/
.nav-mx{
    width: 25%;
    text-align: center;
}
/*胶囊菜单*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #563d7c;
}
/*下拉菜单*/
.dropdown-menu{
	min-width: 5rem;
    font-size: 14px;
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #563d7c;
}
/*分页*/
.pagination .page-item .page-link{
	color: #7952b3;
}
.pagination .page-item .page-link:hover{
	color: #fff;
	background-color: #7952b3;
	border-color: #7952b3;
}
.pagination .page-item.active .page-link{
	color: #fff;
	background-color: #563d7c;
	border-color: #563d7c;
}
.pagination .page-item.active .page-link:hover{
	color: #fff;
	background-color: #7952b3;
	border-color: #7952b3;
}
/* bootstrap-input plus*/
.bootstrap-tagsinput {
    width: 100%;
}
.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: auto !important;
    max-width: inherit;
    font-size: .875rem;
}
/*bootstrap default*/
@media (min-width: 768px){
    .btn-sm-block{
        width: auto;
    }
    .navbar .nav-mx{
        width: auto;
    }
    .navbar .nav-item:first-child .nav-link
    {
        padding-left: 0;
    }
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}