@charset "UTF-8";

/* lawyer-letter */
.lawyer-letter { display: block; margin-top: .8rem; padding: .6rem 2rem .45rem .6rem; background-color: #F8F8F8; position: relative; overflow: hidden; }
.lawyer-letter .le-pic { float: left; width: 3rem; height: 3rem; border-radius: .2rem; overflow: hidden; margin-right: .4rem; }
.lawyer-letter .le-pic img { display: block; width: 100%; height: 100%; }
.lawyer-letter .le-name { font-size: .8rem; line-height: 1.1rem; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.lawyer-letter .le-txt { margin-top: .2rem; line-height: .7rem; font-size: .5rem; color: #999; }
.lawyer-letter .le-txt i { margin: 0 .4rem; color: #d9d9d9; }
.lawyer-letter .le-info { margin-top: .1rem; }
.lawyer-letter .le-num { display: inline; font-size: .5rem; margin-right: .4rem; }
.lawyer-letter .le-price { color: #EC3B3B; }
.lawyer-letter .le-price em { font-size: .8rem; }
.lawyer-letter .le-tag { position: relative; display: inline-block; vertical-align: middle; margin-top: -.1rem; padding: 0 .2rem; background-color: #fff; border-radius: .1rem; color: #EF5858; font-size: .5rem; line-height: .8rem; }
.lawyer-letter .le-tag:before { content: ''; position: absolute; top: 0; left: 0; width: 199%; height: 199%; border: 1px solid #EF5858; border-radius: .2rem; -webkit-transform: scale(.5,.5) translate(-50%,-50%); transform: scale(.5,.5) translate(-50%,-50%); -webkit-box-sizing: border-box; box-sizing: border-box; }
.lawyer-letter .le-arrow { position: absolute; top: 50%; right: .8rem; border-top: .075rem solid #bbb; border-right: .075rem solid #bbb; margin-top: -.325rem; border-radius: 1px; width: .5rem; height: .5rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.lawyer-letter.mt0 { margin-top: 0; }
.pro-img{border-bottom: 1px solid #ddd;}
.pro-img img{width: 100%;}

/* BBB-1453 LJ 2022-01-14 */
.art-mall-bar { padding: .6rem; background-color: #f8f8f8; border-radius: .2rem; overflow: hidden; display: block; }
.art-mall-bar.bgff { background-color: #fff; box-shadow: 0 .15rem .5rem rgba(0, 0, 0, 0.05); color: #333; }
.art-mall-bar .pic { float: left; width: 5.6rem; height: 5.6rem; margin-right: .5rem; }
.art-mall-bar .tit { font-size: .8rem; line-height: 1.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.art-mall-bar .det { font-size: .6rem; line-height: .8rem; color: #666; margin-top: .2rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; height: 3.2rem; }
.art-mall-bar .info { overflow: hidden; white-space: nowrap; }
.art-mall-bar .info .photo { margin: .4rem 0 0 .5rem; font-size: .5rem; line-height: .7rem; color: #999; }
.art-mall-bar .info .photo img { display: inline-block; vertical-align: middle; width: .7rem; height: .7rem; border-radius: 50%; margin-top: -0.15rem; margin-left: -0.5rem; border: 1px solid #fff; box-sizing: border-box; }
.art-mall-bar .info .photo .tx { display: inline-block; }
.art-mall-bar .info .photo span { color: #ec3b3b; }
.art-mall-bar .info .btn { box-sizing: border-box; color: #ec3b3b; font-size: .5rem; border-radius: .55rem; height: 1.1rem; line-height: 1.05rem; padding: 0 .3rem; border: 1px solid #ec3b3b; background-color: #f8f8f8; position: relative; z-index: 1; }
.art-mall-bar.bgff .info .btn { background-color: #fff; }