/* #942 lq 2022-08-08 */
span, em, i, strong { margin-top: 0; }
.box-bar { background-color: #fff; border-radius: .4rem; }

/* icon */
[class^="ico-"] { display: inline-block; vertical-align: middle; background-size: 100% 100%; background-repeat: no-repeat; }
.ico-yx { width: 2.95rem; height: .9rem; background-image: url('/images/label-yx.png'); }
.ico-ask20 { width: 1rem; height: 1rem; background-image: url('/images/ico_20_ask.png'); }
.ico-tui { width: 1.6rem; height: .9rem; background-image: url('/images/label-tj.png');}

/* hd-bar */
.hd-bar,
.hd-bar .hd-nav .hd-link .item .tap { color: #333; }
.hd-bar .ico-logo { width: 2.8rem; height: 1rem; }
.hd-bar .hd-nav .hd-title { padding-top: .75rem; line-height: 1; }
.hd-bar .icon-menu,
.hd-bar .icon-menu:before, 
.hd-bar .icon-menu:after { background-color: #333; }
.hd-bar .icon-menu { margin-top: -0.1rem; }

/* banner */
.banner { height: 14.75rem; padding-top: 3rem; background: url('/images/banner_bg.png') no-repeat; background-size: 100% auto; }
.banner .ban-txt { display: block; width: 14.9rem; height: 3.65rem; margin: 0 auto 1.2rem; }
.type-link { display: flex; padding: 0 .8rem; }
.type-link li { flex: 1; margin-right: .65rem; }
.type-link li:last-child { margin-right: 0; }
.type-link li a { 
    display: block; width: 3.8rem; height: 4.4rem; background: #fff; border-radius: .3rem; 
    font-size: .65rem; line-height: .9rem; text-align: center; padding-top: .7rem;
}
.type-link li a img { display: block; width: 1.7rem; height: 1.7rem; margin: 0 auto .4rem; }

.cont-box { margin: -1.7rem .5rem 0; }
/* art-h208-yx */
.art-h208-yx { margin-top: .4rem; }
.art-h208-yx .swiper-wrapper { padding-bottom: 1.2rem; }
.art-h208-yx.swiper-dot-bottom .swiper-pagination-bullets { bottom: .35rem; }
.art-h208-yx .bg { display: block; width: 100%; height: 10.4rem; }
.art-h208-yx .art-txt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #fff; }
.art-h208-yx .top-label { padding: 0 .5rem; font-size: .6rem; line-height: 2rem; color: #000; }
.art-h208-yx .top-label .ico-yx { float: left; margin: .55rem .4rem 0 0; }
.art-h208-yx .lawyer { padding: 1rem 6.75rem 0 1rem; }
.art-h208-yx .lawyer .tit { height: 1.2rem; }
.art-h208-yx .lawyer .tit .name { float: left; font-size: .9rem; max-width: 5.5rem; }
.art-h208-yx .lawyer .tit .post { float: left; font-size: .6rem; line-height: .8rem; opacity: .6; margin: .25rem 0 0 .2rem; max-width: 3.6rem; }
.art-h208-yx .lawyer .info { font-size: .65rem; line-height: .9rem; margin-top: .4rem; }
.art-h208-yx .lawyer .other { height: .8rem; line-height: .8rem; font-size: .6rem; color: rgba(255,255,255, .4); margin-top: .4rem; }
.art-h208-yx .lawyer .other span { float: left; margin-right: .4rem; }
.art-h208-yx .lawyer .other span em { color: rgba(255,255,255, .8); margin: -0.1rem 0 0 .2rem; }
.art-h208-yx .ask-box { 
    position: absolute; left: .5rem; right: .5rem; bottom: .8rem; 
    height: 2.2rem; padding: .6rem 6.6rem 0 .8rem; background-color: #fff; border-radius: 1.1rem;
}
.art-h208-yx .ask-box p { font-size: .7rem; color: #bbb; }
.art-h208-yx .ask-box .u-btn { position: absolute; top: .2rem; right: .2rem; 
    width: 5.2rem; height: 1.8rem; line-height: 1.8rem; padding: 0; font-size: .75rem;
    background: linear-gradient(90deg, #c5ab7d 0%, #a27c51 100%); color: #fff;
    box-shadow: 0 .25rem .75rem rgba(0,87,255, .05); border-radius: .9rem; border: none;
}
.art-h208-yx .ask-box .u-btn .ico-ask20 { margin: -0.1rem .2rem 0 0; }

/* jingxuan-bar */
.jingxuan-bar {
    background: linear-gradient(180deg, #fff 0%, rgba(255,255,255, 0) 8.4rem); border-radius: .4rem;

}
.bar-title { padding: 1rem .8rem 0; }
.bar-title .tit .ect { max-width: 4.51rem; margin-top: -0.1rem; }
.bar-title .help { position: relative; float: right; font-size: .6rem; color: #999; line-height: .8rem; margin-top: .3rem; }
.bar-title .help:before {
    position: absolute; left: -0.5rem; top: .25rem; content: '';
    width: .3rem; height: .3rem; background: #b3cdff; border-radius: 50%;
}

/* service-type */
.service-type .tab-nav { display: flex; padding: 0 .3rem 0 0; }
.service-type .nav-item { 
    position: relative; flex: 1; margin-left: .3rem; padding: 1.3rem .6rem .6rem!important; text-align: left;
    height: 6rem; background-color: #fff; box-shadow: 0 .15rem .4rem rgba(0,0,0, .03); border-radius: .4rem;
}
.service-type .nav-item img { position: absolute; right: .8rem; bottom: .6rem; }
.service-type .nav-item div[class^="badge-"] {
    position: absolute; left: 0; top: 0; z-index: 5;
    height: 1.4rem; padding-left: .3rem; font-size: .55rem; line-height: .9rem; color: #fff;
}
.service-type .nav-item .badge-hot { width: 1.95rem; background: url('/images/badge_hot.png') no-repeat; background-size: 100% 100%; }
.service-type .nav-item .badge-tui { width: 3rem; background: url('/images/badge_tui.png') no-repeat; background-size: 100% 100%; }
.service-type .nav-item .tit {     text-align: left;font-size: .9rem; color: #333; line-height: 1.2rem; font-weight: 700; margin-bottom: .4rem; }
.service-type .nav-item .info {  text-align: left;font-size: .6rem; color: #999; line-height: 1rem; }
.service-type .nav-item img { float: right; width: 2.2rem; height: 2.2rem; }
.service-type .nav-item.is-this:after {
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;
    content: ''; border: .1rem solid #b3cdff; border-radius: .4rem;
}
.service-type .nav-item:last-child.is-this:after { border-color: #f2ca8b; }
.service-type .nav-item.is-this:before {
    position: absolute; left: 50%; bottom: -0.45rem; content: ''; margin-left: -0.4rem;
    border: .4rem solid transparent; border-bottom-color: #fff;
}
.service-type .tab-conts { margin: .4rem .3rem; background-color: #f2f2f2; border-radius: 0 0 .4rem .4rem; }
.service-type .tab-item { background-color: #fff; border-radius: .4rem; }
    /**/
.service-type .card { position: relative; padding: .8rem .8rem 1rem; }
.service-type .card .u-btn { position: absolute; right: .8rem; bottom: 1.6rem; }
.service-type .card .lawyer { display: block; padding: 0 5.5rem 0 3.2rem; position: relative; }
.service-type .card .lawyer .img-block { position: absolute; left: 0; top: 0; width: 2.8rem; height: 2.8rem;}
.service-type .card .lawyer .tit { font-size: .7rem; line-height: 1rem; font-weight: 700; }
.service-type .card .lawyer .info { font-size: .6rem; line-height: .9rem; height: 1.7rem; overflow: hidden; color: #999; margin-top: .1rem; }
    /**/
.service-type .serve-list { position: relative; padding: .4rem .4rem .2rem; } 
.service-type .serve-list li { position: relative; z-index: 1; margin-top: .2rem; height: .8rem; line-height: .8rem; font-size: .6rem; } 
.service-type .serve-list li:before { position: absolute; left: 0; top: 50%; right: 0; z-index: -1; content: ''; border-top: 1px dotted #d9d9d9; } 
.service-type .serve-list li span { padding: 0 .4rem; background-color: #fff }
    /**/
.service-type .merit-span { display: flex; height: 1.6rem; line-height: 1.7rem; font-size: .55rem; color: #bbb; }
.service-type .merit-span span { flex: 1; padding: 0 .8rem; }
.service-type .merit-span span .iconfont { font-size: .6rem; color: #b3cdff; margin-right: .2rem; }

/** online-lawyer-bar */
.online-lawyer-bar { 
    position: relative; padding: 0; overflow: hidden; border-radius: .4rem;
    background: #fff url('../../pic/ask/asked/bg_lawyer_list.png') no-repeat left top; background-size: 100% auto;
}
.online-lawyer-bar .box-conts { padding: 1rem .8rem 0; background: linear-gradient(180deg, #dfebff 0%, rgba(255, 255, 255, 0) 2rem); }
.online-lawyer-bar .nav-tit { height: 1.3rem;  }
.online-lawyer-bar .nav-tit strong { float: left; line-height: 1.2rem; }
.online-lawyer-bar .nav-tit .ect { float: left; max-width: 4.1rem; }
.online-lawyer-bar .lawyer-list { margin-top: -0.2rem; }
.online-lawyer-bar .lawyer-list li { padding: 1rem 0; }
.online-lawyer-bar .lawyer-list li .lable-you {
    float: left; margin: 1px 0 0 .2rem; padding: 0 .25rem; 
    line-height: .9rem; background-color: #fbedc8; border-radius: .1rem; 
    font-size: .55rem; color: #5d4127; 
}
.online-lawyer-bar li .lawyer .tag,
.online-lawyer-bar .lawyer-list li .other { margin-top: .4rem; }
.online-lawyer-bar .lawyer-list li .other em { margin-top: -0.1rem; }
.online-lawyer-bar .lawyer-list li .other .gap-dot { margin: 0 .3rem; }
.online-lawyer-bar .lawyer-list li .u-btn { width: 3.8rem; font-size: .65rem; line-height: 1.3rem; height: 1.3rem; top: 1.1rem; } 
.online-lawyer-bar .more-block { padding: .6rem 0 1.2rem; line-height: 1.6rem; }
.online-lawyer-bar .more-block .u-btn { margin-top: -0.2rem; }

/* adept-list */
.adept-list { padding-bottom: .5rem; overflow: hidden; height: 7.8rem; }
.adept-list li { float: left; width: 20%; }
.adept-list li a { display: block; padding: .55rem .2rem; text-align: center; }
.adept-list li img { display: block; width: 1.2rem; height: 1.2rem; margin: 0 auto .55rem; }
.adept-list li p { font-size: .6rem; line-height: .8rem; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/* ask-art-card */
.ask-art-card { padding-top: 1rem; }
.ask-art-card .nav { height: 1.1rem; }
.ask-art-card .nav .ico-tui { float: left; margin: .1rem .4rem 0 0; }
.art-lrcard-3 { position: relative; }
.ico-free, .ico-pay { width: 1.6rem; height: 1.6rem; background-size: 100% 100%; margin: -0.1rem .3rem 0 0; }
.ico-free { background-image: url('../../pic/question/ico_ask_free.png'); }
.ico-pay { background-image: url('../../pic/question/ico_ask_pay.png'); }
.art-lrcard-3 .lawyer { position: relative; display: block; height: 10.15rem; }
.art-lrcard-3 .lawyer .bg { display: block; width: 100%; height: 100%; border-radius: .4rem; }
.art-lrcard-3 .lawyer .ban-txt {
    position: absolute; left: 0; top: 0; 
    width: 100%; height: 100%; padding: .9rem 5.5rem 0 .8rem;
}
.art-lrcard-3 .lawyer .tit { height: 1.1rem; }
.art-lrcard-3 .lawyer .tit .name { float: left; max-width: 8.8rem; }
.art-lrcard-3 .lawyer .tit .ico-vip { margin: -0.1rem 0 0 .2rem; }
.art-lrcard-3 .lawyer .h16 { height: .8rem; line-height: .8rem; font-size: .6rem; margin-top: .3rem; }
.art-lrcard-3 .lawyer .h16 span { margin: -0.1rem .4rem 0 0; }
.art-lrcard-3 .lawyer .h16 em { margin: -0.1rem 0 0 .2rem; }
.art-lrcard-3 .lawyer .tag { height: 1rem; line-height: 1.1rem; font-size: .6rem; margin-top: .3rem; }
.art-lrcard-3 .lawyer .tag span { float: left; padding: 0 .2rem; background-color: rgba(248,248,248, .6); border-radius: .1rem; margin-right: .5rem; }
.art-lrcard-3 .btn-group {
    position: absolute; left: .5rem; bottom: .8rem; right: .5rem; z-index: 5;
    display: flex; height: 2.8rem;
}
.art-lrcard-3 .btn-group .u-btn { 
    position: relative; flex: 1; margin: 0 .3rem; height: 2.8rem; line-height: 2.8rem; padding: 0;
    background: #fff; border-color: #fff; border-radius: .3rem; font-weight: 600;
}
.art-lrcard-3 .btn-group .u-btn .u-badge {
    position: absolute; top: -0.2rem; right: .5rem;
    padding: 0 .3rem; line-height: .8rem; font-size: .55rem; font-weight: normal;
}
.art-lrcard-3 .btn-group .u-btn .u-badge:after { 
    top: .75rem; left: .2rem; margin-left: -0.2rem; border-width: .2rem;transform: rotate(30deg); 
}
.art-lrcard-3 .u-btn .label-free { 
    position: absolute; left: 50%; top: -0.2rem; margin-left: 1.1rem;
    width: 1.7rem; height: 1rem; background: url('../../pic/local_lawyer/label_free.png') no-repeat; background-size: 100% 100%;
}
.art-lrcard-3 .u-btn .label-refund {
    position: absolute; left: 50%; top: -0.2rem; margin-left: -0.3rem;
    width: 3.35rem; height: 1rem; background: url('../../pic/local_lawyer/label_refund.png') no-repeat; background-size: 100% 100%;
}

/* part-list */
.part-list { padding: .8rem .4rem .6rem; }
.part-list li { float: left; width: 50%; padding: 0 .3rem .6rem; }
.part-list li a {
    position: relative; display: block; 
    background-color: #fff; border-radius: .4rem;
    padding: 1rem .8rem 1rem 2.9rem; background-color: #f8f8f8; border-radius: .4rem;
}
.part-list li a img,
.part-list li a .ico-column {
    position: absolute; left: .8rem; top: 1.15rem;
    width: 1.5rem; height: 1.5rem;
}
.part-list li a div { font-size: .8rem; }
.part-list li a p { font-size: .6rem; color: #999; line-height: .9rem; }