/** hlx-5589 lq 2022-03-17 */
span, em, i, strong { margin-top: 0; }
.conts-wrap { min-height: 100%; }
.hd-abs-top .hd-bar .hd-nav { background: transparent; }
.mlr10 { margin-left: .5rem; margin-right: .5rem; }
.plr0 { padding-left: 0 !important; padding-right: 0 !important; }
.ico-lable-recom { width: 1.7rem; height: 1rem; background-image: url('../images/label_tui.png'); background-size: 100% 100%; }

/* box-bar */
.box-bar { padding: 1rem .8rem 0; background-color: #fff; border-radius: .4rem; }
.box-bar .bar-title { padding: 0; height: 1.2rem; line-height: 1.2rem; font-size: 1.2rem; }
.plr0 .bar-title { padding: 0 .8rem; }

/* ask-entry */
.ask-entry { min-height: 11rem; padding: 3rem .8rem 0; background: url('../images/bg_index_banner.png') no-repeat; background-size: 100% 10.1rem; }
.ask-entry a { float: left; color: #fff; background-size: 100% 100%; }
.ask-entry strong { position: relative; }
.ask-entry p { font-size: .6rem; line-height: .9rem; opacity: .6; }
.ask-entry .item-1 {
    width: 7.6rem; height: 8rem; padding: 1rem; margin-right: .6rem;
    background-image: url('../images/bg_online_ask.png');
}
.ask-entry .item-1 strong { font-size: 1.2rem; line-height: 1.6rem; margin-bottom: .25rem; }
.ask-entry .item-2 { width: 8.95rem; height: 3.7rem; padding: .8rem; }
.ask-entry .item-2 strong { margin-bottom: .2rem; }
.ask-entry .item-2 strong .ico-lable-recom { position: relative; top: -0.3rem; left: .1rem; }
.ask-entry .bg2 { background-image: url('../images/bg_tw_ask.png'); margin-bottom: .6rem; }
.ask-entry .bg3 { background-image: url('../images/bg_tel_ask.png'); }

/* safe-bar */
.safe-bar { display: flex; padding: .5rem .8rem; text-align: center; opacity: .24; }
.safe-bar span { flex: 1; font-size: .55rem; line-height: .8rem; }
.safe-bar span .gap-dot { width: .2rem; height: .2rem; border-radius: 50%; margin: -0.1rem .2rem 0; }

/* data-show-bar */
.data-show-bar { margin: .2rem 0; }
.data-show-bar .nav-tit { height: 1.3rem; line-height: 1.3rem; }
.data-show-bar .nav-tit strong { position: relative; z-index: 2; float: left; font-size: .9rem; }
.data-show-bar .nav-tit strong:after {
    position: absolute; left: 0; bottom: 0; right: -1rem; z-index: -1; content: '';
    height: .8rem; background: linear-gradient(100deg, #0057ff 0%, rgba(0, 87, 255, 0) 100%); opacity: 0.12;
}
.data-show-bar .nav-tit .fr { padding-top: .3rem; font-size: .55rem; color: #999; line-height: 1rem; }
.data-show-bar .data-num { display: flex; padding: .65rem 0; font-size: .55rem; color: #bbb; line-height: .8rem; }
.data-show-bar .data-num dd { flex: 1; text-align: center; } 
.data-show-bar .data-num dd p { font-size: 1rem; color: #333; line-height: 1.2rem; margin-bottom: .4rem; }
.data-show-bar .h40 { height: 2rem; padding: .5rem 0; }
.data-show-bar .h40 .swiper-wrapper { height: 1rem; }
.data-show-bar .h40 .swiper-slide { line-height: 1rem; font-size: .6rem; color: #999; }
.data-show-bar .h40 .swiper-slide .iconfont { font-size: .6rem; color: #e8e8e8; }
.data-show-bar .h40 .swiper-slide time { margin: 0 .2rem; }

/** online-lawyer-bar */
.ico-asked { width: 1.85rem; height: 1.2rem; background-image: url('../images/ico_asked.png'); background-size: cover; }
.online-lawyer-bar { position: relative; background: #fff linear-gradient(180deg, #dfebff 0%, rgba(255, 255, 255, 0) 2rem); }
.online-lawyer-bar .botm-left,
.online-lawyer-bar .botm-right {
    position: absolute; bottom: 0; z-index: 1; 
}
.online-lawyer-bar .botm-left {
    left: 0; width: 5rem; height: 3.5rem; opacity: .4;
    background: #fff linear-gradient(45deg, #dfebff 0%, rgba(255, 255, 255, 0) 60%); 
}
.online-lawyer-bar .botm-right { 
    right: 0; width: 9rem; height: 10rem; opacity: .6;
    background: #fff linear-gradient(312deg, #dfebff 0%, rgba(255, 255, 255, 0) 50%); 
}
.online-lawyer-bar .nav-tit { height: 1.3rem; }
.online-lawyer-bar .nav-tit .ico-asked { float: left; margin-right: .2rem; }
.online-lawyer-bar .nav-tit strong { float: left; line-height: 1.2rem; }
.online-lawyer-bar .nav-tit .fr { padding-top: .2rem; font-size: .6rem; color: #8b8fa2; line-height: .9rem; }
.online-lawyer-bar .nav-tit .fr .line-vertical { margin: -0.1rem .3rem 0; }
.online-lawyer-bar .nav-tit .fr .line-vertical:after { border-right-color: #bbb; }
.online-lawyer-bar .lawyer-list-price { margin-top: -0.2rem; }
    /*lawyer-list-price*/
.lawyer-list-price { position: relative; z-index: 5; }
.lawyer-list-price li { padding: 1.2rem 0; }
.lawyer-list-price li .lawyer .tit { padding-right: 0; }
.lawyer-list-price li .lawyer .tit .name { float: left; max-width: 10rem; }
.lawyer-list-price 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;
}
.lawyer-list-price li .h30 { height: 1.5rem; margin-top: .2rem; }
.lawyer-list-price li .h30 .price { float: left; padding-top: .3rem; font-size: .6rem; line-height: 1.2rem; }
.lawyer-list-price li .h30 .price em { font-size: .9rem; margin-top: -0.1rem; vertical-align: top; }
.lawyer-list-price li .u-btn { top: auto; bottom: 1.2rem; width: 4.8rem; height: 1.5rem; line-height: 1.4rem; }

/* swiper-adept-type */
.swiper-adept-type { padding: .5rem .3rem 1.5rem; }
.swiper-adept-type .swiper-slide { float: left; width: 20%; }
.swiper-adept-type .swiper-slide a { display: block; padding: .65rem .2rem; text-align: center; }
.swiper-adept-type .swiper-slide img { display: block; width: 1.2rem; height: 1.2rem; margin: 0 auto .6rem; }
.swiper-adept-type .swiper-slide p { font-size: .6rem; line-height: .8rem; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.swiper-adept-type .swiper-pagination { bottom: 1rem; height: .15rem; line-height: .15rem; }
.swiper-adept-type .swiper-pagination-bullet { width: .9rem; height: .15rem; background-color: #e8e8e8; border-radius: .2rem; margin: -0.1rem 0 0 !important; }
.swiper-adept-type .swiper-pagination-bullet-active { background-color: #0057ff }

/* ask-list */
.ask-list .item { padding: 1.1rem 0; }
.ask-list .item .tit { background-position: left 1px; }
.more-block { line-height: 3rem; }

/* view-list */
.view-list { padding: 1rem 0 .4rem; margin-top: -0.5rem; }
.view-list .link-item { padding: .6rem 0; }
.view-list.img-h73 .link-item .tit { height: 2.2rem; }

/* art-lrcard */
.art-lrcard { position: relative; height: 9.4rem; }
.art-lrcard .lable-yx { position: absolute; left: 0; top: 0; 
    height: 1.15rem; line-height: 1.2rem; padding: 0 .45rem; 
    background: linear-gradient(93deg, #444444 0%, #282624 100%); border-radius: .4rem 0 .4rem 0;
    font-size: .6rem; color: #f5e5cf;
}
.art-lrcard .bg { display: block; width: 100%; height: 100%; border-radius: .4rem; }
.art-lrcard .ban-txt { 
    position: absolute; left: 0; top: 0; z-index: 2; 
    width: 100%; height: 100%; padding: 1.8rem 6rem 0 .8rem;
}
.art-lrcard .ban-txt .tit { height: 1.4rem; line-height: 1.4rem; }
.art-lrcard .ban-txt .tit .name { float: left; font-size: 1rem; max-width: 7rem; }
.art-lrcard .ban-txt .tit .u-tag {
    float: left; max-width: 3.5rem; overflow: hidden; height: 1rem; line-height: 1rem; padding: 0 .2rem;
    background-color: rgba(255,250,243, .4); border-radius: .1rem;
    font-size: .6rem; margin: .2rem 0 0 .3rem;
}
.art-lrcard .ban-txt .h18 { line-height: .9rem; font-size: .65rem; color: #666; margin-top: .2rem; }
.art-lrcard .ban-txt .h18 .line-vertical { margin: -0.1rem .3rem 0; }
.art-lrcard .ban-txt .h18 .line-vertical:after { height: .6rem; border-right-color: #999; }
.art-lrcard .ban-txt .price { height: 1.2rem; line-height: 1.2rem; font-size: .55rem; color: #e72d2e; margin-top: .5rem; }
.art-lrcard .ban-txt .price span { float: left; font-size: .9rem; margin-top: -0.05rem; }
.art-lrcard .ask-link { 
    position: absolute; left: .4rem; right: .4rem; bottom: .6rem; z-index: 5;
    height: 2.2rem; line-height: 1rem; background: #ffffff; border: 1px solid #e8e8e8; border-radius: .4rem;
    padding: .6rem 0 .6rem .8rem; font-size: .7rem; color: #999;
}
.art-lrcard .ask-link .u-btn {
    position: absolute; top: .2rem; right: .5rem;
    width: 4.4rem; height: 1.7rem; line-height: 1.7rem;  padding: 0;
    background: linear-gradient(128deg, #f2d2a9 0%, #e1be96 100%); border: none; border-radius: 1.2rem;
    font-size: .7rem; color: #333; font-weight: 700;

}

/* art-lrcard-yx */
.ico-ask { width: 1rem; height: 1rem; background-size: 100% 100%; }
.ico-ask.online { background-image: url('../images/ico_ask.png'); }
.ico-ask.fast { background-image: url('../images/ico_ask_fast.png'); }
.ico-ask.phone { background-image: url('../images/ico_ask_phone.png'); }
.art-lrcard-yx { background-color: #ecf3ff; border-radius: .4rem; overflow: hidden; }
.display-ident { 
    display: flex; height: 2rem; line-height: 2rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%);
}
.display-ident span { flex: 1; font-size: .6rem; color: #666; text-align: center; }
.display-ident span .iconfont { font-size: .6rem; color: #5b8dfc; margin-right: .2rem; }
.art-lrcard-yx .nav-tit { 
    height: 3.15rem; padding: .9rem .8rem 1rem; 
    background-image: url('../images/bg_h63.png'); background-size: 100% 100%;
}
.art-lrcard-yx .nav-tit strong { float: left; font-size: .9rem; line-height: 1.2rem; }
.art-lrcard-yx .nav-tit .tag {
    float: left; height: .7rem; line-height: .7rem; margin: .25rem 0 0 .3rem;
    background: #fbedc8; border-radius: .2rem 0 .2rem 0; 
    padding: 0 .1rem; font-size: .5rem; color: #5d4127;
}
.art-lrcard-yx .pad-box { padding: 0 .8rem .8rem; }
.art-lrcard-yx .lawyer { position: relative; width: 7.8rem; height: 10.4rem; }
.art-lrcard-yx .lawyer .ban-txt {
    position: absolute; left: .4rem; right: .4rem; bottom: .4rem;
    padding: .4rem .3rem; background-color: #fff; border-radius: 0 .2rem .2rem .2rem;
}
.art-lrcard-yx .lawyer .ban-txt .tag { position: absolute; left: 0; top: -1rem; 
    line-height: 1rem; background: #0057ff; border-radius: .2rem .2rem 0rem 0rem;
    padding: 0 .3rem 0; font-size: .55rem; color: #fff;
}
.art-lrcard-yx .lawyer .ban-txt .name { font-size: .7rem; line-height: 1rem; }
.art-lrcard-yx .lawyer .ban-txt p { font-size: .55rem; color: #bbb; line-height: .8rem; }
.art-lrcard-yx .r-link { width: 7.8rem; margin-top: -0.4rem; }
.art-lrcard-yx .r-link a { 
    display: block; margin-top: .4rem; 
    height: 3.2rem; padding: .65rem .25rem .65rem .8rem; background-color: #fff; border-radius: .2rem; 
}
.art-lrcard-yx .r-link a div { height: 1rem; line-height: 1rem; font-size: .7rem; }
.art-lrcard-yx .r-link a div .ico-ask { float: left; margin-right: .2rem; }
.art-lrcard-yx .r-link a div .ico-lable-recom { position: relative; top: -0.4rem; left: .2rem; }
.art-lrcard-yx .r-link a p {
    font-size: .55rem; color: #999; line-height: .8rem; margin-top: .1rem;
}
.art-lrcard-yx .r-link a p span { margin-right: .2rem; }

/* ask-list */
.ask-list .item.hr-line:after { left: 0; right: 0; }
/* ask-art-card */
.ask-art-card { padding: 1rem 0 .5rem; }
.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('../images/ico_ask_free.png'); }
.ico-pay { background-image: url('../images/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: .8rem 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); 
}

/* fil-nav */
.fil-nav { display: flex; padding: 0 1rem; background-color: #fff; }
.fil-nav li { flex: 1; line-height: 2.4rem; text-align: center; }
.fil-nav li span { 
    max-width: 6rem; margin-top: -0.1rem;
    font-size: .85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fil-nav li .ico-triangle { border: .25rem solid transparent; border-top-color: #bbb; margin: .2rem 0 0 .4rem; }
.fil-nav li.is-this { color: #0057ff; }
.fil-nav li.is-this .ico-triangle  { border-top-color: transparent; border-bottom-color: #0057ff; margin-top: -0.2rem; }

/* ask-list-3 */
.ask-list-3 { padding: 0 .8rem; background-color: #fff; border-radius: .4rem; }
.ask-list-3 .item a { display: block; padding: 1rem 0 1rem 1.4rem; }
.ask-list-3 .item .tit { position: relative; }
.ask-list-3 .item .tit:before {
    position: absolute; left: -1.4rem; top: .1rem; content: '问';
    width: .9rem; height: .9rem; line-height: .9rem; background: rgba(255, 176, 41, 0.16); border-radius: .2rem;
    font-size: .6rem; color: #ffb029; text-align: center; font-weight: normal;
}
.ask-list-3 .item .h28 { 
    height: 1.4rem; line-height: 1.4rem; padding: 0 .4rem; margin-top: .6rem; 
    background: rgba(245,245,245, .3); border-radius: .2rem; 
    font-size: .6rem; color: #999;
}
.ask-list-3 .item .h28 span { margin-top: -0.1rem; }
.ask-list-3 .item .h28 .ico-talk { margin: -0.1rem .3rem 0 0; width: .8rem; height: .8rem; background: url('../images/ico_talk_16.png'); background-size: 100% 100%; }
.ask-list-3 .item .other { height: .8rem; line-height: .8rem; font-size: .6rem; color: #999; margin-top: .3rem; }

/* art-box */
.art-box .nav {
    font-size: .6rem; line-height: .9rem; color: #bbb;
    text-align: center;
}
.art-box .nav span { position: relative; margin-top: -0.1rem; }
.art-box .nav span:before,
.art-box .nav span:after { position: absolute; top: .4rem; content: ''; width: 1.3rem; height: 1px; }
.art-box .nav span:before{ left: -1.6rem; background: linear-gradient(90deg, rgba(232,232,232, 0) 0%, #e8e8e8 100%); }
.art-box .nav span:after { right:-1.6rem; background: linear-gradient(270deg, rgba(232,232,232, 0) 0%, #e8e8e8 100%); }
.art-box .nav .iconfont { font-size: .6rem; color: #e8e8e8; margin: -0.1rem .2rem 0 0; }

/* u-pagination */
.u-pagination { font-size: .6rem; }
.u-pagination button .iconfont { font-size: .5rem; }
.u-pagination button.is-disabled { color: #ddd; }

/* ask-card-2 */
.ask-card-2 { display: block; }
.ask-card-2 .cont-box {
    height: 8.5rem; padding: .9rem .8rem; border-radius: .4rem .4rem 0 0; 
    background-image: url('../images/bg_ask_h170.png'); background-size: 100% 100%;
}
.ask-card-2 .cont-box .tit { font-size: .9rem; line-height: 1.2rem; }
.ask-card-2 .cont-box .tip { height: .8rem; line-height: .8rem; font-size: .6rem; color: #999; margin-top: .3rem; }
.ask-card-2 .cont-box .tip .line-vertical { margin: -0.1rem .3rem 0 .4rem;}
.ask-card-2 .cont-box .h40 { 
    height: 2rem; border: 1px solid #0057ff; border-radius: .2rem; margin-top: .8rem; 
    padding-left: .6rem; font-size: .7rem; color: #bbb; line-height: 1.9rem;
    background-color: #fff; box-shadow: 0 .15rem .75rem rgba(0,0,0, .05);
}
.ask-card-2 .cont-box .h40 .u-btn {
    float: right; width: 4.4rem; height: 1.9rem; padding: 0; background-color: #0057ff; border-color: #0057ff;
    font-size: .7rem; color: #fff; border-radius: 0; line-height: 1.8rem;
}
.ask-card-2 .cont-box .h20 { margin-top: .6rem; font-size: .6rem; color: #999; line-height: 1rem; }
.ask-card-2 .cont-box .h20 .f-num { color: #333; margin-top: -0.2rem; }
.photo-arr { float: left; padding-left: .4rem; height: 1rem; margin-right: .1rem; }
.photo-arr img { float: left; width: 1rem; height: 1rem; border: 1px solid #fff; border-radius: 50%; margin-left: -0.4rem; }
.ask-card-2 .swiper-h36 {
    height: 1.8rem; padding: .5rem .8rem;
    background: linear-gradient(180deg, rgba(255,255,255, .2) 0%, #ffffff 100%); border-radius: 0 0 .4rem .4rem;
}
.ask-card-2 .swiper-h36 .swiper-bar {height: .8rem; line-height: .8rem; font-size: .6rem; color: #999; }
.ask-card-2 .swiper-h36 .swiper-bar .iconfont { font-size: .6rem; color: #e8e8e8; }
.ask-card-2 .swiper-h36 .swiper-bar time { margin: 0 .2rem; }

/* art-h100 */
.art-h100 { position: relative; display: block; height: 5rem; }
.art-h100 img { display: block; width: 100%; height: 100%; }
.art-h100 .ban-txt {
    position: absolute; left: 0; top: 0; 
    width: 100%; height: 100%; padding: .55rem 1.4rem; color: #fff;
}
.art-h100 .ban-txt .tit { font-size: 1.3rem; line-height: 1.7rem; }
.art-h100 .ban-txt p { font-size: .6rem; line-height: .8rem; opacity: .6; margin-bottom: .3rem; }
.art-h100 .ban-txt .u-btn {
    height: 1rem; line-height: 1.1rem; padding: 0 .6rem;
    background: linear-gradient(90deg, #f9caa1 0%, #f5e5cf 100%); border-radius: .5rem; border: none;
    font-size: .6rem; color: #5b4f41;
}

/* view-list */
.view-list.img-h73 .link-item .img-center img { position: absolute; left: 50%; width: auto; transform: translateX(-60%); }

/* HLX-6681 LQ 2022-06-08 */
.art-lrcard-yx .ban-txt .tit { height: 1rem; line-height: 1rem; }
.art-lrcard-yx .ban-txt .tit .name { float: left; max-width: 2.8rem; }
.art-lrcard-yx .ban-txt .tit .post { 
    float: left; max-width: 3.4rem; overflow: hidden; 
    line-height: 1; padding: 0.1rem 0.2rem; background-color: #fff7eb; border-radius: 0.1rem; 
    font-size: .5rem; margin: 0.1rem 0 0 0.2rem; color: #bda480; 
}