body {
  padding-top: 3.5rem;
  background-color:#fff;
}


.navbar {
  margin-bottom: 20px;
}


.footer {
  background-color: #f5f5f5;
  
    padding-top: 3rem;
  padding-bottom: 3rem;

  
}



footer p {
    margin-bottom: .25rem;
}


.app-line {
            position: relative;

}
.app-line:before {
            background-color: #ff0000;
            position: absolute;
            content: "";
            display: block;
            width: 2px;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            z-index: -1;
			color:#ff0000;
}


.active1{
  background-color: #6c757d;
}

.page{
    overflow:hidden;
}
.page ul a,.page ul span{
    float:left;
    display:inline-block;
    padding: 0 5px;
    height:40px;
    width:auto;
    border:1px solid #DDDDDD;
    border-radius: 4px;
    background:#fff;
    text-align:center;
    line-height:40px;
    margin-right:5px;
    font-family: "microsoft yahei" simhei sans-serif;
    color:#7d7d7d;
}
.page ul a:hover{
    background:#337AB7;
    color:#fff;
    text-decoration:none;
}
.page ul span.current{
    background: #337AB7;
    color:#fff;
}
.page ul a:first,.page ul a:last{
    float:left;
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:50%;
    background:rgb(215, 215, 217);
    text-align:center;
    line-height:40px;
    margin-right:5px;
    font-family: "microsoft yahei" simhei sans-serif;
}
#pageTips {
    float:rightright;
}

.card-body img{
    max-width: 100%;
}