.caseNav{
    width:100%;
    margin:.5rem 0 .25rem;
    font-size: 0;
}
.caseNavBox{
    width:100%;
    border:.01rem solid #e6e6e6;
}
.caseNavItem{

    border-bottom: .01rem solid #E6E6E6;
}
.caseNavItem .caseNavItemLabel{

    width:1.2rem;
    height: 100%;
    text-align: center;
    font-size:.16rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #404040;
}
.caseNavItem .caseNavItemList{
    width:13.5rem;
    padding:.12rem .2rem;
    border-left: 0.01rem solid #E6E6E6;
    box-sizing: border-box;
}
.caseNavItem .caseNavItemList span{
    display: inline-block;
    height: .36rem;
    line-height: .36rem;
    padding:0 .26rem;
    margin-right: .1rem;
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
}
.caseNavItem .caseNavItemList .activity,.caseNavItem .caseNavItemList span:hover{
    color:#fff;
    background:#262626;
    border-radius: .05rem;
}
.caseNavItem .caseNavItemList
.caseNavItem:last-child{
    border-bottom: none;
}
.caseListBox{
    width:100%;
    margin-bottom:.7rem;
}
.caseItem{
    position: relative;
    margin-top:.25rem;
    margin-right: .3rem;
    padding-bottom: 1.3rem;
    width:7rem;
    height: 4.6rem;
    font-size: 0;
}
.caseItem:nth-child(2n){
    margin-right: 0;
}
.caseItem .caseImg{
    width:100%;
    height: 3.3rem;
    position: relative;
    /*overflow: hidden;*/
}
.caseItem .caseImg img{
    width:100%;
    transition: .5s;
    height: 3.3rem;
    object-fit: cover;
}
.caseItem .caseImg .caseHover{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    transition: .5s;
}
.caseItem .caseItemContent{
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    height: 1.3rem;
    background-color: #F2F4F7;
    padding:.4rem;
    box-sizing: border-box;
    transition: .5s;
}
.caseItem .caseItemContent .title{
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    margin-bottom:.12rem;
    color: #262626;
    transition: .5s;
}
.caseItem .caseItemContent .info{
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    transition: .5s;
}
.caseItem .caseItemContent .info span{
    border-right: .01rem solid #999999;
    padding-right: .15rem;
    margin-right: .15rem;
    transition: .5s;
}
.caseItem .caseItemContent .info span:last-child{
    border-right: none;
}
.caseItem:hover{
    /*box-shadow: 0 .05rem .15rem rgba(0,0,0,0.3);*/
}
.caseItem:hover  img{
    transform: scale(1.05);
}
.caseItem:hover .caseImg .caseHover{
    border: .01rem solid #fff;
}
.caseItem:hover .caseItemContent{
    background-color: rgba(38,38,38,.5);
    bottom: 1.3rem;
}
.caseItem:hover .caseItemContent .title,.caseItem:hover .caseItemContent .info{
    color: #fff;
}
.caseItem:hover .caseItemContent .info span{
    border-right: .01rem solid #999999;
}
.caseItem:hover .caseItemContent .info span:last-child{
    border-right: none;
}

/*设计师详情样式*/
.dDetailsTop{
    padding: 1.6rem 0 .7rem;
    background: url("../img/common/dDetailsTopBj.png") no-repeat center top;
    background-size: 100% 6rem;
}
.dDetailsTopCont{
    height: 6.5rem;
    display: flex;
    /*align-items: center;*/
    background-color: #262626;
}
.dDetailsTopLeft{
    flex: 1;
    width: 1px;
    padding: .65rem .9rem 0;
    font-size: 0;
}
.designerName{
    height: .44rem;
    margin-bottom: .16rem;
    line-height: .44rem;
    font-size: .36rem;
    font-weight: bold;
    color: #FFFFFF;
}
.designerName span{
    font-size: .18rem;
    font-weight: 500;
    text-transform: uppercase;
}
.bookThis{
    display: block;
    float: right;
    width: 2rem;
    height: 100%;
    font-size: .16rem;
    font-weight: 400;
    color: #999;
    text-align: center;
    border: .01rem solid #999;
}
.designerPost{
    display: inline-block;
    height: .3rem;
    padding: 0 .2rem;
    font-size: .16rem;
    line-height: .3rem;
    color: #FFFFFF;
    background-color: #666;
}
.eachDDTips{
    font-size: .16rem;
    line-height: .31rem;
    color: #999;
}
.getHonor{
    margin-bottom: .13rem;
    font-size: .18rem;
    color: #FFFFFF;
    line-height: .18rem;
}
.mrb33{
    margin-bottom: .33rem;
}
.designRightImg{
    width: 4.8rem;
    height: 100%;
    margin-left: .1rem;
}
.goodOpusTit{
    position: relative;
    margin-bottom: .25rem;
    font-size: .4rem;
    line-height: .4rem;
    color: #262626;
    text-align: center;
}
.goodOpusTit:after{
   position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 6.3rem;
    height: .02rem;
    margin-top: -.01rem;
    background-color: #262626;
}
.goodOpusTit:before{
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 6.3rem;
    height: .02rem;
    margin-top: -.01rem;
    background-color: #262626;
}