/** #3471 LQ 2022-11-01 */
span, em, i, strong { margin-top: 0; display: inline; vertical-align: inherit; }
.hd-bar .ico-logo {float: left; margin-top: .6rem; }
.pt20 { padding-top: 1rem; }
.ptb5 { padding: .25rem 0; }
.btn-hint-line { border-color: #FF7919; color: #FF7919; }
.btn-hint { border: none; background: linear-gradient(180deg, #FF9E59 0%, #FF7919 100%); color: #fff; }
.btn-brown-line { border-color: #A37D52; color: #A37D52; }
.btn-brown { border: none; background: linear-gradient(90deg, #C5AB7D 0%, #A27C51 100%); color: #fff; }
.box-bar { background-color: #fff; border-radius: .4rem; }
.box-bar .ask-list-3 { padding: 0; }
.pull-down-bar3 { height: 2.2rem; line-height: 2.2rem; }

/* yxtj-list */
.yxtj-list { padding: 3.5rem .5rem 0; background: url('http://www.365canyin.com/mobile/chuzu/images/lawyer_list_h216.png') no-repeat center top; background-size: 100% auto; }

/* art-h210-lr */
.art-h210-lr { 
    position: relative; height: 10.5rem; margin-bottom: .4rem;
    /* background: url('http://www.365canyin.com/mobile/chuzu/images/h210.png') no-repeat; background-size: 100% auto;  */
}
.art-h210-lr .bg { display: block; width: 100%; height: 100%; }
.art-h210-lr .lawyer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 2.2rem .5rem 0 5.65rem; }
.art-h210-lr .photo { position: absolute; left: .25rem; bottom: 0; width: 5rem; height: 8.75rem; }
.art-h210-lr .photo:after {
    position: absolute; left: 0; right: 0; bottom: 0; content: '';
    height: 2.8rem;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); border-radius: 0 0 0 .4rem;
}
.art-h210-lr .ys-tip { 
    position: absolute; left: 5.65rem; top: .5rem; 
    height: .9rem; line-height: .9rem; font-size: .6rem; color: #666;
}
.art-h210-lr .ys-tip span { 
    float: left; padding-left: .9rem; margin-right: .6rem;
    background: url(http://www.365canyin.com/mobile/chuzu/images/ft_pe2.png) no-repeat left .1rem; background-size: .7rem .7rem;
}
.art-h210-lr .tit { height: 1.1rem; line-height: 1.1rem; }
.art-h210-lr .tit .name { float: left; font-size: .8rem; max-width: 7.4rem; }
.art-h210-lr .tit .post { 
    float: left; height: .9rem; padding: 0 .2rem; margin: .1rem 0 0 .3rem;
    background: #E6EEFF; border-radius: .2rem; max-width: 3.4rem; overflow: hidden;
    font-size: .5rem; color: #6699FF; line-height: .9rem;
 }
.art-h210-lr .h16 { height: .8rem; line-height: .8rem; font-size: .6rem; margin-top: .4rem; }
.art-h210-lr .help span { float: left; }
.art-h210-lr .help span em { vertical-align: top; }
.art-h210-lr .help .line-vertical { float: left; height: .5rem; margin: .15rem .3rem 0 .4rem; }
.art-h210-lr .help .line-vertical:after { border-right-color: #d9d9d9; }
.art-h210-lr .tag { height: 1rem; line-height: 1rem; margin-top: .4rem; }
.art-h210-lr .tag span { 
    float: left; margin-right: .2rem; padding: 0 .3rem; background: #FFF8EB; border-radius: .2rem; 
    font-size: .55rem; color: #B38936; 
}
.art-h210-lr .btn-group { position: absolute; left: 5.65rem; bottom: .95rem; z-index: 5; }
.art-h210-lr .btn-group .u-btn { float: left; padding: 0 .9rem; font-size: .7rem; }
.art-h210-lr .btn-group .u-btn .iconfont { font-size: .7rem; margin: 0 .3rem 0 0; }

/* que-lawyer-list */
.que-lawyer-list li { position: relative; background: #fff; border-radius: .4rem; margin-bottom: .4rem; }
.que-lawyer-list .lawyer { display: block; width: 100%; height: 100%; padding: .8rem; }
.que-lawyer-list .top { position: relative; padding-left: 4.1rem; }
.que-lawyer-list .photo { position: absolute; left: 0; top: 0; width: 3.5rem; height: 3.5rem; }
.que-lawyer-list .photo .ico-vip { width: .8rem; height: .8rem; right: 1px; bottom: 1px; border: 1px solid #fff; border-radius: 50%; }
.que-lawyer-list .photo .online { position: absolute; left: 0; right: 0; top: 3.9rem; line-height: 0.9rem; text-align: center; font-size: .6rem; color: #333; }
.que-lawyer-list .photo .online .ico-dot{ background-color: #11bb65; margin: -0.1rem 0.25rem 0 0; }
.que-lawyer-list .tit { height: 1.1rem; line-height: 1.1rem; }
.que-lawyer-list .tit .name { float: left; font-size: .8rem; max-width: 7.2rem; }
.que-lawyer-list .tit .ico-vip { float: left; margin: .1rem 0 0 .3rem; }
.que-lawyer-list .tit .post { 
    float: left; height: .9rem; padding: 0 .2rem; margin: .1rem 0 0 .3rem;
    background: #E6EEFF; border-radius: .2rem; max-width: 3rem; overflow: hidden;
    font-size: .5rem; color: #6699FF; line-height: .9rem;
 }
.que-lawyer-list .h16 { height: .8rem; line-height: .8rem; font-size: .6rem; margin-top: .4rem; }
.que-lawyer-list .help span { float: left; }
.que-lawyer-list .help span em { vertical-align: top; }
.que-lawyer-list .help .line-vertical { float: left; height: .5rem; margin: .15rem .3rem 0 .4rem; }
.que-lawyer-list .help .line-vertical:after { border-right-color: #d9d9d9; }
.que-lawyer-list .h16-ph { 
    padding-left: .8rem; background: url('http://www.365canyin.com/mobile/chuzu/images/lab_ph.png') no-repeat left .1rem; background-size: .6rem .6rem;
    font-size: .6rem; color: #FF7919; margin-top: .4rem; 
}
.que-lawyer-list .tag { height: 1rem; margin-top: .4rem; }
.que-lawyer-list .tag span { 
    float: left; margin-right: .2rem; padding: 0 .3rem; border: 1px solid #D9E6FF; border-radius: .2rem; 
    font-size: .55rem; color: #6699FF; line-height: .9rem;
}
.que-lawyer-list .answer { 
    background: linear-gradient(90deg, #F8F8F8 0%, rgba(255,255,255,0) 100%); border-radius: .3rem; 
    padding: .6rem 5.3rem .6rem .5rem; font-size: .6rem; color: #666; line-height: .8rem; margin-top: .4rem;
}
.que-lawyer-list .answer.ect-clamp { height: 2.8rem; }
.que-lawyer-list .btn-group { position: absolute; bottom: 1rem; right: .8rem; z-index: 5; }
.que-lawyer-list .btn-group.abs-b28 { bottom: 1.4rem; }
.que-lawyer-list .btn-group .u-btn { float: left; padding: 0 .9rem; font-size: .7rem; }
.que-lawyer-list .btn-group .u-btn .iconfont { font-size: .7rem; margin: 0 .3rem 0 0; }
    /* art-platform */ 
.que-lawyer-list li.art-platform { height: 10.5rem; background: url('http://www.365canyin.com/mobile/chuzu/images/jx_h210.png'); background-size: cover; }
.que-lawyer-list li.art-platform .lawyer { padding: 2.25rem .8rem 0; }
.que-lawyer-list li.art-platform .lable { 
    position: absolute; top: .6rem; right: .8rem; 
    font-size: .5rem; line-height: .6rem; color: #666;
}
.que-lawyer-list li.art-platform .lable span { float: left; padding-top: .1rem; }
.que-lawyer-list li.art-platform .lable .cho { 
    padding-left: .8rem; margin-left: .5rem; 
    background: url('http://www.365canyin.com/mobile/chuzu/images/choose.png') no-repeat left center; background-size: .6rem .6rem; 
}
.que-lawyer-list li.art-platform .lable .r-jt { 
    padding-right: .5rem; margin-left: .7rem; 
    background: url('http://www.365canyin.com/mobile/chuzu/images/right-gray.png') no-repeat right center; background-size: .4rem .4rem; 
}
.que-lawyer-list li.art-platform .tag span { border-color: #FFF8EB; background-color: #FFF8EB; color: #B38936; }
.que-lawyer-list li.art-platform .btn-group { left: 4.9rem; bottom: .95rem; right: auto; }
.que-lawyer-list li.art-platform .btn-group .u-btn { position: relative; padding: 0; }
.que-lawyer-list li.art-platform .btn-group .u-btn .lable-ks {
    position: absolute; top: -0.45rem; right: 0; content: '';
    width: 2.3rem; height: .9rem; background: url('http://www.365canyin.com/mobile/chuzu/images/label-ksxy.png'); background-size: cover;
}
.que-lawyer-list li.art-platform .btn-group .u-btn .lable-free {
    position: absolute; top: -0.45rem; right: 0; content: '';
    width: 2.3rem; height: .9rem; background: url('http://www.365canyin.com/mobile/chuzu/images/label-free.png'); background-size: cover;
}
.que-lawyer-list li.art-platform .btn-group .w88 { width: 4.4rem; }
.que-lawyer-list li.art-platform .btn-group .w112 { width: 5.6rem; }
.que-lawyer-list li.art-platform.bg-pingtai { background-image: url('http://www.365canyin.com/mobile/chuzu/images/bg_ptyx_.png');}

/* nav-f18 */
.nav-f18 { height: 1.3rem; line-height: 1.3rem; }
.nav-f18 .tit { float: left; font-size: .9rem; }

/* hot-tag-box */
.hot-tag-box { overflow: hidden; margin-left: -0.6rem; padding: .6rem 0 1rem 0; }
.hot-tag-box a { 
    float: left; padding: .3rem .6rem; margin: .4rem 0 0 .6rem;
    background-color: #f5f5f5; border-radius: .2rem; font-size: .7rem; line-height: 1rem; 
    width: 7.75rem; text-align: center;
}

/* case-list */
.case-list li a { display: block; padding: 1rem 0 1rem 1.4rem; }
.case-list li .tit { position: relative; height: 1.1rem; }
.case-list li .tit:after {
    position: absolute; left: -1.4rem; top: .1rem; content: '案';
    width: .9rem; height: .9rem; background: #E6EEFF; border-radius: .2rem;
    font-size: .6rem; color: #4D88FF; line-height: .9rem; text-align: center;
}
.case-list li .tx { font-size: .7rem; line-height: 1rem; color: #666; margin-top: .4rem; }
.case-list li .other { height: .8rem; line-height: .8rem; font-size: .6rem; color: #999; margin-top: .6rem; }
.case-list li .other .user { float: left; }
.case-list li .other .user img { float: left; width: .75rem; height: .75rem; border-radius: 50%; margin-right: .2rem; }

/* line-nav-h20 */
.line-nav-h20 { height: 1rem; line-height: 1rem; font-size: .7rem; color: #D9BC82; text-align: center; box-sizing: content-box; padding-bottom: .1rem; }
.line-nav-h20 span { position: relative; }
.line-nav-h20 span:before,
.line-nav-h20 span:after {
    position: absolute; top: .25rem; content: ''; width: 2.1rem; height: .25rem;
    background: url('http://www.365canyin.com/mobile/chuzu/images/line-nav.png') no-repeat; background-size: 2.1rem .65rem;
}
.line-nav-h20 span:before{ left: -2.7rem;  background-position: 0 0; }
.line-nav-h20 span:after { right: -2.7rem; background-position: 0 -0.4rem; }


/* art-ask-h235 */
.art-ask-h235 { display: block; height: 11.75rem; padding: .8rem .6rem; background: url('http://www.365canyin.com/mobile/chuzu/images/bg_ask_h235.png'); background-size: 100% 100%;  }
.art-ask-h235 .title { height: 1.2rem; line-height: 1.2rem; padding: 0 .2rem; }
.art-ask-h235 .title .logo { float: left; width: 2.95rem; height: 1rem; margin-top: .1rem; }
.art-ask-h235 .title .line-vertical { float: left; height: .7rem; margin: .25rem .4rem 0; }
.art-ask-h235 .title .line-vertical:after { border: none; background-color: #bbb; }
.art-ask-h235 .title strong { float: left; font-size: .85rem; }
.art-ask-h235 .h14 { padding: 0 .2rem; height: .7rem; line-height: .7rem; font-size: .5rem; color: #999; margin-top: .2rem; }
.art-ask-h235 .h14 .gap-dot { width: .1rem; height: .1rem; background-color: #999; margin: -0.1rem .4rem 0; }
.art-ask-h235 .box { padding: 1rem .5rem .8rem; border-radius: .4rem; margin-top: .6rem; }
.art-ask-h235 .box .promise { display: flex; height: .9rem; line-height: .9rem; font-size: .6rem; text-align: center; }
.art-ask-h235 .box .promise span { flex: 1; }
.art-ask-h235 .box .promise span .ico-pe {
    display: inline-block; vertical-align: middle; margin: -0.2rem .2rem 0 0; 
    width: .7rem; height: .7rem; background: url('http://www.365canyin.com/mobile/chuzu/images/ft_pe.png') no-repeat; background-size: cover; 
}
.art-ask-h235 .box .ask { 
    position: relative; margin: .8rem .3rem; padding: 0 0 0 .8rem; 
    height: 2rem; border: 1px solid #ab885c; border-radius: 1rem;
    font-size: .75rem; color: #bbb; line-height: 1.9rem;
}
.art-ask-h235 .box .ask .u-btn {
    position: absolute; top: 0; right: 0;
    border: none; width: 5.65rem; height: 1.9rem; padding: 0; border-radius: 1rem;
    background: linear-gradient(90deg, #c5ab7d 0%, #a27c51 100%); box-shadow: 0rem .1rem .5rem rgba(162,124,81,0.3);
    font-size: .75rem; color: #fff; text-align: center; line-height: 1.9rem;
}
.art-ask-h235 .box .ask .u-btn .icon-ask { font-size: .7rem; margin: 0 .2rem 0 0; transform: rotatey(180deg); }
.art-ask-h235 .box .ask .u-btn .icon-arrow-right { font-size: .4rem; margin: -0.1rem 0 0 .2rem; }
.art-ask-h235 .box .ask .u-lable { 
    position: absolute; left: 50%; top: 0; margin: -0.5rem 0 0 3.9rem;
    padding: 0 .3rem; background: #000; border-radius: .55rem .55rem .55rem 0rem;
    font-size: .45rem; color: #fff; line-height: .8rem; white-space: nowrap;
}
.art-ask-h235 .box .ask .u-lable:after {
    position: absolute; left: 0; bottom: 0; content: '';
    border: .25rem solid transparent; border-left-color: #000; border-right: none;
    transform: translatey(30%);
}

/* fw-data */
.fw-data { display: flex; height: 1.2rem; background: linear-gradient(281deg, #fff 35%, #f1f3f6 80%); border-radius: .4rem; }
.fw-data .swiper-bar { flex: 1; height: 1.2rem; line-height: 1.2rem; }
.fw-data .swiper-slide { height: 1.2rem; padding: 1px 0 0 .4rem; font-size: .5rem; }
.fw-data .online { 
    float: right; height: 1.2rem; background: #f5f5f5; border: .5px solid #e8e8e8; border-radius: .4rem; 
    padding: .2rem; font-size: .5rem; color: #999; line-height: .8rem; margin-left: .15rem;
}
.fw-data .online .s-gn { color: #0fb55d; }
.bottom-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; }

/** ask-tips-card */
.ask-tips-card {  background: url("http://www.365canyin.com/mobile/chuzu/images/tips_bg.png") no-repeat; background-size: 100% auto; }
.ask-tips-card .nav-f18 { padding: .9rem .8rem 0; height: 2.85rem; }
.ask-tips-card .tip-bg-ff { padding: 1rem .75rem; background-color: #fff; border-radius: .4rem; }
.ask-tips-card .tip-bg-ff dt { font-size: .8rem; line-height: 1.1rem; }
.ask-tips-card .tip-bg-ff dd { position: relative; padding-top: 1.75rem; }
.ask-tips-card .tip-bg-ff dd:before {
    position: absolute; left: 0; top: .6rem; content: '';
    width: 2.25rem; height: 1rem;
    background: url("http://www.365canyin.com/mobile/chuzu/images/tips_lab.png") no-repeat; background-size: 100% 100%;
}
.ask-tips-card .tip-cont p { padding: .2rem 0; font-size: .6rem; line-height: 1rem; color: #666; }
.ask-tips-card .unfd-ovh { height: 5.2rem; }
.ask-tips-card .unfd-btn {
    position: absolute; right: 0; bottom: 0;
    height: 1rem; line-height: 1rem; background-color: #fff;
}
.ask-tips-card .unfd-btn:before {
    position: absolute; top: 0; right: 100%; bottom: 0; content: ''; width: 1rem;
    background: linear-gradient(90deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, 1) 100%);
}

/** swiper-esteemlawyer */
.pt14 { padding-top: .7rem; }
.swiper-esteemlawyer { height: 5.1rem; padding: 0; }
.swiper-esteemlawyer .swiper-slide { height: inherit; }
.swiper-esteemlawyer .item {
    display: block; height: 5.1rem;
    background: linear-gradient( 3deg, #FFFFFF 0%, #F3FAFF 100%);
border: .05rem solid #D6E1FF; border-radius: .4rem;
    padding: .6rem .8rem 0 3.75rem; position: relative;
}
.swiper-esteemlawyer .photo {
    position: absolute; top: .65rem; left: .65rem;
    width: 2.6rem; height: 2.6rem; background-color: #DBE5FF; padding: .1rem; border-radius: .4rem;
}
.swiper-esteemlawyer .photo img { border-radius: .4rem; }
.swiper-esteemlawyer .photo .ico-vip {
    position: absolute; right: .1rem; bottom: .1rem;
}
.swiper-esteemlawyer .name {
    font-size: .7rem; line-height: 1rem; font-weight: 700;
}
.swiper-esteemlawyer .txt {
    margin-top: .25rem; font-size: .55rem; color: #666; line-height: .8rem;
    height: 2.4rem; -webkit-line-clamp: 3;
}
.swiper-esteemlawyer-dot { height: .3rem; padding-right: .2rem; margin-top: .55rem; }
.swiper-esteemlawyer-dot span { float: left; width: .3rem; height: .3rem; margin-left: .3rem; background-color: #e8e8e8; border-radius: 50%; }
.swiper-esteemlawyer-dot span.is-this { background-color: #0057ff; }