.succeed-case{
    padding: .25rem .25rem 0;
    background: #fff;
    margin-top: .25rem;
    text-align: left;
}
p.details-tt{
    position: relative;
    font-size: .3rem;
    color: #333;
    padding: .1rem .2rem .2rem;
}
p.details-tt:before{
    position: absolute;
    content: "";
    left: 0;
    top:.14rem;
    width: .04rem;
    height: .29rem;
    background: #447cf9;
}
.succeed-case>a{
    position: relative;
    font-size: .24rem;
    color:#666;
    padding: .2rem 0;
    border-top:1px solid #ddd;
    padding-left: .2rem;
}
.succeed-case>a:before{
    position: absolute;
    content: "";
    left: 0;
    top:.3rem;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background: #666;
}
.common-problem{
    padding: .25rem;
    background: #fff;
    margin-top: .25rem;
    text-align: left;
}
.common-problem .dialogue{
    width: 100%;
}
.lawer-tj>.intro{
    margin-top: 0;
}
.person-intro-box{
    background: #fff;
    padding: .3rem;
}
.person-intro-box>.left{
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.person-intro-box>.right{
    text-align: left;
    width: 4.1rem;
}
.person-intro-box>.right>li>b,.person-intro-box>.right>li>span{
    display: inline-block;
    vertical-align: middle;
    font-size: .2rem;
    color:#333;
}
.person-intro-box>.right>li.case-cl>span{
    width: 100%;
    line-height: .26rem;
    height: .52rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.person-intro-box>.right>li.case-cl>b{
    margin-bottom: .08rem;
}
.person-intro-box>.right>li.name>b{
    font-size: .3rem;
    margin-right: .3rem;
}
.person-intro-box>.right>li.name>span{
    font-size: .25rem;
}
.person-intro-box>.right>li.case-cl{
    margin-top: .22rem;
}
.lawer-more{
    background: #fff;
    margin-top: .2rem;
    padding: .3rem .2rem;
}
.lawer-more ul{
    display: flex;
    justify-content: center;
    margin-top: .3rem;
}
.lawer-more ul li{
    float: left;
    width: 31%;
    border: 1px solid #ddd;
}
.lawer-more ul li:not(:last-child){
    margin-right: .2rem;
}
.lawer-more ul li a{
    display: block;
    color:#333;
}
.lawer-more ul li a .img{
     width: 100%;
    height: 2.2rem;
    overflow: hidden;
}
.lawer-more ul li a .img img{
    width: 100%;
    height: 100%;
}
.lawer-more ul li a .cont{
    padding: .1rem .1rem .2rem;
}
.lawer-more ul li a .cont p{
    font-size: .22rem;
    margin: .05rem 0;
}
.lawer-more ul li a .cont span{
    font-size: .16rem;
    color:#666;
    display: inline-block;
    text-align:left;
    line-height: .2rem;
    height: .6rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.lawer-more ul li a .cont b{
    display: block;
    font-size: .18rem;
    width: 1.3rem;
    padding: .1rem 0;
    text-align: center;
    border: 1px solid #447cf9;
    background: #447cf9;
    color:#fff;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    margin: .1rem auto 0;
}