
.cate-show{
    display: block;
}
.cate-show img{
    width: 100%;
}

.sights{
    display: flex;
    flex-wrap: wrap;
}
.sights .item{
    width:33.333333%;
    margin-bottom: 1.5rem;
}
.sights .item .item-link{
    display: inline-block;
    padding:.5rem .5rem;
    margin:.25rem 1rem;
    border: 1px solid #e8e8e8;
    border-radius: .3rem;
    overflow: hidden;
    background-color: #f6f6f6;
}
.sights .item .item-link .item-img img{
    width: 100%;
    border-radius: .3rem;
}


.block-detail{
    padding-bottom: .48rem;
    font-size: .18rem;
    line-height: .42rem;
}
.block-detail .detail-part{
    margin-bottom: .28rem;
}
.block-detail .detail-part .part-title{
    margin-bottom: .20rem;
}
.block-detail .detail-part .part-title span{
    display: inline-block;
    height: .56rem;
    line-height: .56rem;
    padding: 0rem .15rem;
    font-family: PlayfairDisplayBold,"Open Sans";
    font-size: .24rem;
    font-weight: bold;
    text-transform: capitalize;
}

.block-detail .detail-part .part-content{
    color:#45424a;
}
.block-detail .detail-part .part-content a{
    color:#0d74bc;
    text-decoration: none;
}
.block-detail .detail-part .part-content a:hover{
    color:#f60;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .sights{
        display: flex;
        flex-wrap: wrap;
    }
    .sights .item{
        width:50%;
        margin-bottom: .25rem;
    }
    .sights .item .item-link{
        display: inline-block;
        padding:.5rem .5rem;
        margin:.25rem .5rem;
        border: 1px solid #e8e8e8;
        border-radius: .3rem;
        overflow: hidden;
        background-color: #f6f6f6;
    }
    .sights .item .item-link .item-img img{
        width: 100%;
        border-radius: .3rem;
    }

    .block-detail {
        padding-bottom: .32rem;
        font-size: .16rem;
        line-height: 1.5;
    }
    .block-detail .detail-part {
        margin-bottom: .2rem;
    }
    .block-detail .detail-part .part-title span {
        font-size: .2rem;
        height: .48rem;
        line-height: .48rem;
    }
}

@media (max-width: 480px) {
    .block-detail {
        font-size: .14rem;
        padding-bottom: .24rem;
    }
    .block-detail .detail-part .part-title span {
        font-size: .18rem;
        height: .4rem;
        line-height: .4rem;
    }
    .things .item {
        width: 100%;
    }
}