/** hlx-6485 lq 2022-04-21 */
span, em, i, strong { margin-top: 0; }
.hd-bar .hd-nav .hd-title { line-height: 2.2rem; }
.mlr10 { margin-left: .5rem; margin-right: .5rem; }
.plr0 { padding-left: 0 !important; padding-right: 0 !important; }
.plr10 { padding-left: .5rem !important; padding-right: .5rem !important; }
.pt0 { padding-top: 0 !important; }
.pb24 { padding-bottom: 1.2rem !important; }
.mr6 { margin-right: .3rem !important; }

/* box-bar */
.box-bar { padding: 1rem .8rem 0; background-color: #fff; }
.box-bar.mlr10 { border-radius: .4rem; }
.box-bar .bar-title { padding: 0; height: 1.2rem; line-height: 1.2rem; font-size: 1.2rem; }
.box-bar .bar-title .tit { line-height: 1.2rem; }
.plr0 .bar-title { padding: 0 .8rem; }
.mlr10 .ask-list-3 { padding: 0; }
.plr0 .ask-list-3 { background-color: transparent; border-radius: 0; padding-left: 0; padding-right: 0; }
.plr0 .ask-list-3 .item { padding: 0 .8rem; } 
.mlt8 { margin: .4rem 0 0 .4rem !important; }

/* banner-index */
.banner-index { padding: 1rem .5rem .5rem; background-image: url('../images/bg_index.png'); background-size: 100% auto; background-repeat: no-repeat; }
.banner-index .ban-tit { display: block; width: 17.15rem; height: 2.4rem; margin: 0 auto; }
.banner-index .ask-btn { 
    display: block; height: 2.5rem; line-height: 2.5rem; margin: .6rem 0 1rem;
    background-color: #fff; border: .03rem solid #e8e8e8; border-radius: .2rem; 
    padding-left: .6rem; font-size: .7rem; color: #bbb; 
}
.banner-index .ask-btn .u-btn { float: right; height: 2.4rem; line-height: 2.4rem; border-radius: 0 .2rem .2rem 0; margin: 0; }
.banner-index .art-lrcard-h220 { margin: .6rem 0 1rem; }
    /*serve-type*/
.serve-type { display: flex; }
.serve-type .item { flex: 1; background-color: #fff; border: 1px solid #fff; border-radius: .4rem; }
.serve-type .item:first-child { margin-right: .6rem; }
.serve-type .top { height: 2.9rem; padding: 0 .8rem 0 .7rem; border-radius: .4rem .4rem 0 0; }
.serve-type .item:first-child .top { background: linear-gradient(0deg, rgba(91,141,252, 0) 0%, rgba(91,141,252, .16) 100%); }
.serve-type .item:last-child .top  { background: linear-gradient(0deg, rgba(255,176,41, 0) 0%, rgba(255,176,41, .16) 100%); }
.serve-type .top .tit { float: left; width: 3.8rem; height: .8rem; margin-top: 1rem; }
.serve-type .top .ico { float: right; width: 2.25rem; height: 2.25rem; margin-top: .5rem; }
.serve-type ul { padding: 0 .8rem .6rem; }
.serve-type li { padding: .4rem 0; font-size: .7rem; color: #999; line-height: 1rem; }
.serve-type li a { display: block; padding-left: 1.4rem;  background-size: 1rem 1rem; background-repeat: no-repeat; }
.serve-type li a.online { background-image: url('../images/ico_ask.png'); }
.serve-type li a.tel { background-image: url('../images/ico_tel.png'); }
.serve-type li a .icon-arrow-right { float: right; font-size: .6rem; color: #e8e8e8; margin: .2rem -0.2rem 0 0; transform: scale(.7); }

/* adept-list */
.adept-list { padding-bottom: .5rem; overflow: hidden; }
.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; }

/** 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; padding: 0; overflow: hidden;
    background: #fff url('../images/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 .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 { margin-top: -0.2rem; }
.online-lawyer-bar .lawyer-list li { padding: 1.2rem 0 1rem; }
.online-lawyer-bar .lawyer-list li .name { float: left; max-width: 6rem !important; }
.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 .lawyer-list li .other { margin-top: .25rem; }
.online-lawyer-bar .lawyer-list li .other em { margin-top: -0.1rem; }
.online-lawyer-bar .lawyer-list li .u-btn { width: 3.8rem; font-size: .65rem; line-height: 1.3rem; height: 1.3rem; } 
.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; }

/* tabs-ask */
.tabs-ask .tab-nav { display: flex; height: 1.6rem; padding: .1rem; background-color: #f6f6f6; border-radius: 1.6rem; }
.tabs-ask .tab-nav .nav-item { flex: 1; line-height: 1.4rem; font-size: .7rem; color: #999; border-radius: 1.6rem; }
.tabs-ask .tab-nav .nav-item.is-this { background-color: #fff; color: #0057ff; font-weight: 500; }
.tabs-ask .more-block { height: 3rem; line-height: 3rem; font-size: .7rem; color: #666; }
    /*ask-list-3*/
.ask-list-3 { background-color: #fff; border-radius: .4rem; } 
.ask-list-3.line-lr16 .item:after { left: .8rem; right: .8rem; }
.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, .16); border-radius: .2rem; 
    font-size: .6rem; color: #ffb029; text-align: center; font-weight: normal; 
} 
.ask-list-3 .item .da { position: relative; font-size: .7rem; color: #666; line-height: 1rem; margin-top: .6rem; }
.ask-list-3 .item .da:before { 
    position: absolute; left: -1.4rem; top: .1rem; content: '答'; 
    width: .9rem; height: .9rem; line-height: .9rem; background: rgba(91,141,252, .16); border-radius: .2rem; 
    font-size: .6rem; color: #5b8dfc; 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,0.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: .5rem; }
.ask-list-3 .item .other span em { margin: -0.1rem 0 0 .2rem; }
.ask-list-3 .item .other .user img,
.ask-list-3 .item .h28 .user img { float: left; width: .75rem; height: .75rem; border-radius: 50%; margin-right: .2rem; }
.ask-list-3 .item .h28 .user img { margin-top: .3rem; }
        /*art-box*/
.art-box { padding-top: .9rem; }
.art-box .box-tit { height: 1rem; font-size: .7rem; margin-bottom: .8rem; }
.art-box .box-tit .ico-asked { 
    float: left; width: 1.25rem; height: .8rem; margin: .2rem .25rem 0 0; 
    background: url('../images/ico_asked.png'); background-size: cover;
}

/* art-lrcard-h220 */
.art-lrcard-h220 { position: relative; }
.art-lrcard-h220 .bg { display: block; width: 100%; border-radius: .4rem; }
.art-lrcard-h220 .ask-link { 
    position: absolute; left: .8rem; right: .8rem; bottom: 2.2rem; z-index: 3; 
    height: 2.2rem; padding: .2rem; background: #fff; border: 1px solid #729cd7; box-shadow: 0rem .25rem .75rem rgba(51, 95, 154, 0.15); border-radius: .2rem;
    padding-left: .4rem; font-size: .7rem; color: #bbb; line-height: 1.8rem;
}
.art-lrcard-h220 .ask-link .u-btn { 
    float: right; height: 1.7rem; line-height: 1.7rem; border-radius: .15rem; font-size: .75rem; 
    background: linear-gradient(90deg, #c5ab7d 0%, #a27c51 100%);
    box-shadow: 0rem .25rem .75rem rgba(0, 87, 255, 0.05); border: none; color: #fff;
}
.art-lrcard-h220 .lawyer { 
    position: absolute; left: 0; top: 0; z-index: 2; 
    width: 100%; height: 100%; padding: .8rem; color: #fff;
}
.art-lrcard-h220 .lawyer .msg-roll { 
    margin-right: 3.9rem; height: 1.2rem; background-color: rgba(0,0,0, .3); border-radius: 1.2rem; 
}
.art-lrcard-h220 .lawyer .msg-roll .swiper-slide { 
    padding: .2rem .5rem; height: 1.2rem; line-height: .8rem; 
    font-size: .55rem; line-height: .8rem; white-space: nowrap;
}
.art-lrcard-h220 .lawyer .tit { height: 1.2rem; margin-top: .5rem; }
.art-lrcard-h220 .lawyer .name { float: left; font-size: .9rem; max-width: 10.5rem; }
.art-lrcard-h220 .lawyer .h18 { height: .9rem; line-height: .9rem; opacity: .6; font-size: .65rem; margin-top: .3rem; }
.art-lrcard-h220 .lawyer .h18 span { float: left; }
.art-lrcard-h220 .lawyer .h18 .line-vertical { float: left; height: .4rem; margin: .25rem .3rem 0 .4rem; }
.art-lrcard-h220 .lawyer .h18 .line-vertical:after { margin-top: 0; transform: translateY(-50%); border-right-color: rgba(255,255,255, .3); }
.art-lrcard-h220 .lawyer .help { height: .8rem; line-height: .8rem; margin-top: .2rem; font-size: .6rem; color: rgba(255,255,255, .4);}
.art-lrcard-h220 .lawyer .help span { margin-right: .4rem; }
.art-lrcard-h220 .lawyer .help em { color: rgba(255,255,255, .8); margin: -0.1rem 0 0 .2rem; }
.art-lrcard-h220 .advantage { position: absolute; left: 0; bottom: .8rem; width: 100%; line-height: .8rem; font-size: .55rem; text-align: center; opacity: .3; }
.art-lrcard-h220 .advantage .ico-ys { width: .6rem; height: .6rem; background: url('../images/ico-ys.png'); background-size: cover; margin: -0.1rem .2rem 0 0; }

/* art-lrcard-h175 */
.art-lrcard-h175 { position: relative; }
.art-lrcard-h175 .bg { display: block; width: 100%; }
.art-lrcard-h175 .lawyer { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; padding: .8rem .5rem .8rem 4.9rem; }
.art-lrcard-h175 .lawyer .photo { position: absolute; left: .8rem; top: .8rem; width: 3.5rem; height: 3.5rem; }
.art-lrcard-h175 .lawyer .online { 
    position: absolute; left: 0; right: 0; bottom: -1.3rem;
    height: .8rem; line-height: .8rem; font-size: .6rem; text-align: center;
}
.art-lrcard-h175 .lawyer .online .ico-dot { width: .4rem; height: .4rem; background-color: #11bb65; border-radius: 50%; margin: -0.1rem .25rem 0 0; }
.art-lrcard-h175 .lawyer .tit { height: 1.1rem; line-height: 1.1rem; }
.art-lrcard-h175 .lawyer .tit .name { float: left; font-size: .8rem; margin-right: .2rem; max-width: 5.7rem; }
.art-lrcard-h175 .lawyer .tit .post { 
    float: left; margin-top: .1rem; 
    padding: 0 .2rem; background-color: #e4edff; border-radius: .1rem; 
    font-size: .55rem; color: #5b8dfc; line-height: .9rem; 
}
.art-lrcard-h175 .lawyer .h18 { height: .9rem; line-height: .9rem; font-size: .6rem; margin-top: .3rem; }
.art-lrcard-h175 .lawyer .h18 span { float: left; margin-right: .4rem; color: #999; }
.art-lrcard-h175 .lawyer .h18 span em { margin: -0.1rem 0 0 .2rem; color: #333; }
.art-lrcard-h175 .lawyer .tag { height: 1rem; line-height: 1rem; margin-top: .3rem; }
.art-lrcard-h175 .lawyer .tag span { float: left; background: #fcf7ec; border-radius: .1rem; padding: 0 .3rem; font-size: .6rem; color: #c5ab7d; margin-right: .5rem; }
.art-lrcard-h175 .btn-group { position: absolute; left: 4.7rem; right: .6rem; bottom: .8rem; z-index: 5; display: flex; } 
.art-lrcard-h175 .btn-group .u-btn { position: relative; padding: 0; height: 1.6rem; line-height: 1.6rem; font-size: .7rem; margin: 0 .2rem; }
.art-lrcard-h175 .btn-group .u-btn .ico-ask { width: 1rem; height: 1rem; background: url('../images/ico_ask_20.png'); background-size: cover; margin: -0.1rem .1rem 0 0; }
.art-lrcard-h175 .btn-group .btn-brown-line { width: 4.5rem; border-color: #c5ab7d; color: #c5ab7d; }
.art-lrcard-h175 .btn-group .btn-brown { flex: 1; border: none; background: linear-gradient(90deg, #c5ab7d 0%, #a27c51 100%); color: #fff; }
.art-lrcard-h175 .btn-group .u-btn .u-badge { position: absolute; bottom: 1.3rem; padding: 0 .3rem; height: .9rem; line-height: .8rem; font-size: .55rem; }
.art-lrcard-h175 .btn-group .u-btn .u-badge:before{ top: .7rem; left: .3rem; margin-left: -0.2rem; border-width: .2rem; transform: rotate(15deg); }
.art-lrcard-h175 .btn-group .u-btn .u-badge:after { top: .75rem; left: .25rem; margin-left: -0.2rem; border-width: .15rem; transform: rotate(15deg); border-width: .25rem; }
.art-lrcard-h175 .btn-group .u-btn .badge-warn { right: 1rem; }
.art-lrcard-h175 .btn-group .u-btn .badge-warn-line { right: 0; background-color: #fcf3e3; }
.art-lrcard-h175 .btn-group .u-btn .badge-warn-line:before { border-top-color: #fcf3e3; }

/* 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; }

/* det-tit */
.det-tit { padding: 1rem .8rem; background: #fff; }
.det-tit h1 { font-size: .9rem; line-height: 1.2rem; }
.det-tit h1 .ico-wen { 
    float: left; margin: .15rem .4rem 0 0;
    width: .9rem; height: .9rem; background: rgba(255,176,41, .16); border-radius: .2rem; 
    font-size: .6rem; color: #ffb029; line-height: .9rem; text-align: center;
}
.det-tit .other { margin-top: .8rem; height: .8rem; line-height: .8rem; font-size: .6rem; color: #999; }
.det-tit .other span { float: left;}
.det-tit .other .line-vertical { float: left; margin: .1rem .4rem 0; }

/* answer-box */
.answer-box { padding-top: .3rem; }
.answer-box .item { padding: 1rem 0; }
.answer-box .unfd-btn .ico-arrow { transform: scale(.8); margin-left: 0; }
.answer-box .nr { padding: .8rem 0 0; -webkit-line-clamp: 3; }
.answer-box .chase { position: relative; height: 5.1rem; overflow: hidden; }
.answer-box .chase .unfd-btn { 
    position: absolute; top: .4rem; right: 0; z-index: 5; background-color: #fff;
    background: linear-gradient(90deg, rgba(255,255,255, 0) 0%, #fff 50%); padding-left: 2rem;
    font-size: .7rem; color: #0057ff; line-height: 1rem; height: 1rem; 
}
.answer-box .chase dl { position: relative; padding: .4rem 0 0 2.5rem; }
.answer-box .chase dt { 
    position: absolute; left: 0; top: .4rem; 
    width: 2rem; height: 1rem; border: 1px solid #bbb; border-radius: .25rem; 
    font-size: .6rem; line-height: 1rem; text-align: center; 
}
.answer-box .chase dd p { font-size: .7rem; line-height: 1rem; }
.answer-box .chase dd time { font-size: .6rem; color: #999; }
.answer-box .item.is-show .chase { height: auto; }
.answer-box .item.is-show .chase .ect { white-space: normal; }
.answer-box .item.is-show .chase .unfd-btn { display: none; }

/* lawyer-box */
.lawyer-box {
    display: flex;
    -webkit-box-pack: justify; justify-content: space-between;
    -webkit-box-align: center; align-items: center;
}
.lawyer-box .u-btn { width: 4rem; height: 1.5rem; line-height: 1.5rem; padding: 0; margin-left: 1.2rem; font-size: .7rem; }
.lawyer-box .info { flex: 1; overflow: hidden; }
.lawyer-box .info .photo { float: left; width: 2.25rem; height: 2.25rem; margin-right: .4rem; }
.lawyer-box .info .photo .ico-vip { width: .6rem; height: .6rem; }
.lawyer-box .info .photo .ico-firm { 
    position: absolute; right: 0; bottom: 0; 
    width: .65rem; height: .75rem; background: url('../images/ico_firm.png') no-repeat; background-size: cover; 
}
.lawyer-box .info .name { padding-top: .1rem; line-height: 1.1rem; margin-bottom: .1rem; }
.lawyer-box .info .h16 { line-height: .8rem; font-size: .6rem; color: #999; } 

/* tip-off */
.tip-off { padding: .9rem 0; font-size: .6rem; color: #999; line-height: .8rem; }
.tip-off img { width: .6rem; height: .6rem; margin: -0.1rem .2rem 0 0; }

/* visitors-prompt */
.visitors-prompt { padding: .6rem 0 1rem; }
.visitors-prompt dt { margin-bottom: .35rem; }

/* speciality-list */
.box-bar .speciality-list { padding: 0; }
.ico-trophy2 { width: .8rem; height: .95rem; background: url('../images/ico-trophy2.png') no-repeat; background-size: 100% 100%; }
    /**/
/* .speciality-list { padding: .2rem .8rem 0; } */
.speciality-list li { 
    position: relative; padding: 1rem 0 .8rem; list-style: none;
}
.speciality-list li:last-child:after { height: 1px; }
.speciality-list .lawyer { position: relative; padding-left: 4.1rem; min-height: 3.5rem; display: block; }
        /**/
.speciality-list .photo { position: absolute; top: 0; left: 0; width: 3.5rem; }
.speciality-list .photo img { 
    display: block; width: 3.5rem; height: 3.5rem; 
    border-radius: .4rem; overflow: hidden; 
}
.speciality-list .photo .ico-vip { position: absolute; top: 2.7rem; right: 0; }
.speciality-list .photo .online {
    position: absolute; left: 0; right: 0; margin-top: .4rem;
    font-size: .6rem; color: #333; line-height: .8rem; text-align: center;
}
.speciality-list .photo .online .dot { 
    display: inline-block; vertical-align: middle; margin: -0.1rem .3rem 0 0; 
    width: .4rem; height: .4rem; background-color: #11bb65; border-radius: 50%; 
}
        /**/
.speciality-list .name { height: 1.1rem; }
.speciality-list .name b {
    float: left; max-width: 8rem;
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
    font-size: .8rem; line-height: 1.1rem;
}
.speciality-list .name .post { 
    float: left; margin-left: .3rem;
    height: 1rem; background: rgba(10, 150, 251, 0.06); border-radius: .1rem;
    padding: 0 .2rem; font-size: .55rem; color: #0a96fb;
}
.speciality-list .other { height: .8rem; line-height: .8rem; font-size: .6rem; color: #999; margin-top: .25rem; } 
.speciality-list .other span { float: left; margin-right: .4rem; } 
.speciality-list .other span:last-child { margin-right: 0; }
.speciality-list .other span em { color: #333; margin: -0.1rem 0 0 .15rem; }
.speciality-list .tag { overflow: hidden; }
.speciality-list .tag span { 
    float: left; padding: 0 .2rem; background-color: #f8f8f8; border-radius: .1rem; 
    font-size: .6rem; line-height: 1rem; margin: .3rem .5rem 0 0;
}
.speciality-list .badge-tui { height: 1.2rem; margin-top: .3rem; }
.speciality-list .badge-tui span { display: inline-block; vertical-align: middle; 
    padding: 0 .4rem; background-color: #fff3e2; border-radius: .2rem;
    font-size: .6rem; color: #ff9900;
}
.speciality-list .badge-tui .ico-like { margin: -0.1rem .2rem 0 0; }
.speciality-list .badge-tui em { margin-right: .1rem; }
.speciality-list .info,
.speciality-list .detail { margin-top: .25rem; font-size: .6rem; line-height: .9rem; }
.speciality-list .info em { margin-left: .2rem; }
.speciality-list .detail { color: #999; }
.speciality-list .trophy { height: 1.15rem; margin-top: .35rem; }
.speciality-list .trophy span { 
    position: relative; float: left; 
    height: 1.15rem; padding: .15rem .3rem .15rem 1.3rem; background-color: #fff3e2; border-radius: .1rem;
    font-size: .6rem; color: #ff9900; line-height: .9rem;
}
.speciality-list .trophy span .ico-trophy2 { position: absolute; left: .2rem; top: 0; }
.speciality-list .handle-bar { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; margin: .8rem .8rem 0 4.1rem;
}
.speciality-list .handle-bar .u-btn { 
    margin-right: .5rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;
    line-height: 1.5rem; height: 1.6rem;
}
.more-block.ptb24 { padding: 1.2rem 0; line-height: 1.6rem; }

/* 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; }

/* ask-card-3 */
.ask-card-3 { display: block; background-color: #fff; box-shadow: 0 .25rem .75rem rgba(0,0,0, .03); border-radius: .4rem; overflow: hidden; }
.ask-card-3 .cont-box { 
    padding: .8rem .8rem .4rem; background-size: 100% 100%;
    background-image: url('../images/bg_ask_h180.png'); 
}
.ask-card-3 .cont-box .tit { height: 1.4rem;  line-height: 1.4rem; }
.ask-card-3 .cont-box .tit strong { float: left; font-size: 1rem; }
.ask-card-3 .cont-box .tit .r-hint { 
    float: right; padding-left: .9rem; font-size: .6rem; line-height: .8rem; color: #2670ff; margin-top: .3rem; 
    background: url('../images/ico_hint.png') no-repeat; background-size: .7rem .7rem;
}
.ask-card-3 .cont-box .tag { height: 1.2rem;  margin-top: .4rem; }
.ask-card-3 .cont-box .tag span {
    float: left; padding: .2rem; margin: 0 .3rem 0 0; 
    background-color: rgba(255,255,255, .6); border-radius: .1rem; 
    font-size: .6rem; color: #666; line-height: .8rem;
}
.ask-card-3 .cont-box .h50 { 
    height: 2.5rem; border: 1px solid #0057ff; border-radius: .2rem; margin-top: .8rem; 
    padding-left: .6rem; font-size: .7rem; color: #bbb; line-height: 2.4rem;
    background-color: #fff; box-shadow: 0 .15rem .75rem rgba(0,0,0, .05);
}
.ask-card-3 .cont-box .h50 .u-btn {
    float: right; width: 5.2rem; height: 2.4rem; padding: 0; background-color: #0057ff; border-color: #0057ff;
    font-size: .75rem; color: #fff; border-radius: 0; line-height: 2.3rem;
}
.ask-card-3 .cont-box .h16 { margin-top: .7rem; font-size: .6rem; color: #999; line-height: .8rem; }
.ask-card-3 .cont-box .h16 .ico-yz { width: .7rem; height: .7rem; background: url('../images/ico_youzhi.png'); background-size: cover; margin: -0.2rem .2rem 0 0; }
.ask-card-3 .cont-box .h16 span { color: #333; margin: -0.1rem .2rem 0; }
.ask-card-3 .swiper-h40 { height: 2rem; padding: .6rem .8rem; border-radius: 0 0 .4rem .4rem; }
.ask-card-3 .swiper-h40 .swiper-bar { height: .8rem; line-height: .8rem; font-size: .6rem; color: #999; }
.ask-card-3 .swiper-h40 .swiper-bar .iconfont { font-size: .6rem; color: #e8e8e8; }
.ask-card-3 .swiper-h40 .swiper-bar time { margin-right: .2rem; }

/* no-more */
.no-more { font-size: .6rem; color: #999; line-height: 2.4rem; text-align: center; }
.no-more span { position: relative; margin-top: -0.1rem; }
.no-more span:before,
.no-more span:after { position: absolute; top: 50%; content: ''; width: 1.3rem; height: 1px; }
.no-more span:before{ left: -2.3rem; background: linear-gradient(90deg, rgba(232,232,232, 0) 0%, #e8e8e8 100%); }
.no-more span:after { right:-2.3rem; background: linear-gradient(270deg, rgba(232,232,232, 0) 0%, #e8e8e8 100%); }

/* no-data */
.no-data { padding: 1.1rem 0; text-align: center; color: #666; }