.details {
    font-size: .08rem;
    color: #2668fc;
}
.details img {
    vertical-align: middle;
}
.details-content {
    margin-top: .1rem;
    background: #ffffff;
    box-shadow: 3px 3px 20px rgba(97, 106, 153, 0.15);
    padding: 2% 10%;
}
.details-content p {
    text-align: center;
    margin-top: .1rem;
    font-size: .08rem;
    color: #333333;
    text-align: left;
    /* #616a99 */
}
.details-content p:nth-child(1) {
    font-size: .14rem;
    font-family: source han sans cn;
    font-weight: 500;
    color: #333333;
    text-align: center;
}
.details-content .time {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .1rem;
    
}
.details-content .time p:nth-child(2) {
    font-size: .08rem;
    color: #999999;
    text-align: center;
    margin-top: 0;
}
.details-footer {
    overflow: hidden;
    margin:4% 0 0 0;
}

.details-footer .details-right {
    margin-top: 1%;
} 
.details-footer p {
    font-size: 0.07rem;
}
.details-footer .details-left p {
    color: #2668fc;
}
.details-footer a{
    color: #333333;
}
.details-footer a:hover{
    color: #2668fc;
}