.caseShowBox{
    background:#ffffff;
    border:1px solid #ddd;
    display:inline-block;
    height:100%;
    padding:20px;
    text-align:left;
    vertical-align:top;
    width:93%;
}
.caseShowBoxTitle{
    font-size:40px;
}
.caseShowBoxDetails{
    font-size:12px;
    padding:10px 0 10px 0;
}
.caseShowBoxBody{
    margin:10px 0 0 0;
}
.moreCase > div > div{
    margin:20px 0;
}
.moreCase{
    border-top:2px solid;
    display:inline-block;
    vertical-align:top;
    max-width:29%;
}
#casePar{
    display:inline-block;
    width:70%;
}
.caseShowBoxFa{
    height:100%;
}
#caseShowhandle>span{
    cursor:pointer;
}
@media (max-width:600px){
    .caseShowBox{
        background:#ffffff;
        border:1px solid #ddd;
        display:inline-block;
        height:100%;
        padding:20px;
        text-align:left;
        vertical-align:top;
        width:93%;
    }
    .caseShowBoxTitle{
        font-size:40px;
    }
    .caseShowBoxDetails{
        font-size:12px;
        padding:10px 0 10px 0;
    }
    .caseShowBoxBody{
        margin:10px 0 0 0;
    }
    .moreCase > div > div{
        margin:15px 0;
    }
    .moreCase{
        border-top:1px solid #bcbcbc;
        display:inline-block;
        height:100%;
        vertical-align:top;
    }
    .caseShowBoxFa{
        height:100%;
        margin:0 auto;
        text-align:center;
        width:100%;
    }
}