html{background-color:#f7f8f9}
.details-box{width:1570px;margin:0 auto}
.details-box-cont{padding-bottom:150px}
.details-cont{width:100%;margin-top:-80px;position:relative;background:#fff;border-radius:20px;padding:80px 135px}
.details-cont-top{padding-bottom:30px;border-bottom:1px solid #ebebeb}
.details-title{font-size:30px;font-weight:700;color:#333;line-height:60px}
.details-times{margin-top:10px;font-size:14px;color:#999}
.details-content{margin-top:39px}
.details-content p{font-size:16px;color:#333;line-height:34px;margin-top:25px}
.details-footer{margin-top:30px;display:flex;align-items:center;justify-content:space-between;font-size:16px;color:#999}
.details-footer a{display:block;width:calc((100% - 30px)/ 2);height:88px;line-height:88px;text-align:center;background:#fff;border-radius:16px;padding:0 30px;overflow:hidden;text-overflow:ellipsis;word-wrap:normal}
.details-footer a:hover{background:#009b4c;color:#fff}

@media screen and (max-width:1570px){

    .details-box{width:1200px}

}

@media screen and (max-width:768px){
    
    .details-box{width:100%!important;padding:0 15px}
    .details-cont{margin-top:-30px}
    .details-cont-top{padding-bottom:20px}
    .details-cont{padding:30px 15px}
    .details-title{font-size:20px;line-height:30px}
    .details-times{margin-top:12px}
    .details-content p{font-size:13px;color:#333;line-height:24px;margin-top:15px}
    .details-footer a{height:50px;line-height:50px;font-size:12px;border-radius:8px}
    .details-content{margin-top: 20px;}

    .details-footer{display: block;margin-bottom: 25px;overflow: hidden;}
    .details-footer a{width: 100%;margin-bottom: 8px;}
    .details-box-cont{padding-bottom: 0;}

}