.area-list { margin: 20px auto; }
   
    .area-list li {
        float: left;
        width: 120px;
        height: 40px;
        text-align: center;
        margin: 2px;
    }

        .area-list li a {
            text-decoration: none;
            display: block;
            border-radius: 39px;
            width: 100%;
            color: #b73234;
            font: normal 13px/40px "PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif";
            border: 1px solid #b73234;
            background: white;
        }

    .area-list li a.current {
        background: #b73234;
        color: white;
     
    }

.area-list li a:hover { text-decoration: none; }

.CaseList ul li { margin-top: 15px; }

.CaseList ul li a:hover img { opacity: 0.7; }

.CaseList ul li a img {
    width: 500px;
    height: 250px;
    border: 1px solid #CCC;
}

.CaseList ul li p {
    margin: 5px;
    text-align: center;
}

    .CaseList ul li p a.item {
        font: normal 15px/28px "PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif";
        text-decoration: none;
        color: black;
    }