.thetop{
    width: 103%;
    height: 60px;
    background: #9c27b0;
    color: white;
    font-size: 16px;
    margin-top: -10px;
}

.thetop1{
    max-width: 1100px;
    margin: 0 auto;
}

.theright a{
    color: white;
    padding: 0 8px;
}

.theright{
    float: right;
    line-height: 60px;
}


.theleft{
    float: left;
    line-height: 60px;
}

.bg-white.py-5{
   background: #673ab7d1!important;
}

.bg-light.py-5{
   background: #9c27b000!important;
}

.footer.mt-3.pt-5.border-top.text-secondary.bg-light{
    background: #9c27b0!important;
    margin-top: 0px!important;
    color: white!important;
}

.jumbotron.jumbotron-fluid.mb-2 {
    margin-top: 60px!important;
}

.shijian{
    float: right;
}

.jingri{
    margin: 10px auto;
    text-align: center;
    margin-top: 20px;
}

.jingri a{
    font-size: 14px;
    font-weight: 500;
    padding: 5px 35px;
    border-radius: 3px;
    border: green 1px solid ;
}

.jingri a:hover{
    font-size: 14px;
    font-weight: 500;
    padding: 5px 35px;
    border-radius: 3px;
    border: green 1px solid ;
    background: green;
    color: white;
}




@media only screen and (min-width: 576px){
.card-img-150 {
    height: 400px!important;
    overflow: hidden;
 }
}


@media (min-width: 992px){
.navbar-expand-lg {
    flex-flow: column;
 }
}