/** #15908 by lj 2021-02-22 */
.ptb24 { padding-top: 1.2rem; padding-bottom: 1.2rem; }
.pt20 { padding-top: 1rem; }
.pt28 { padding-top: 1.4rem; }
.pb24 { padding-bottom: 1.2rem; }
.mlr4 { margin-right: .2rem; margin-left: .2rem; }
.mt8 { margin-top: .4rem; }
.mt12 { margin-top: .6rem; }
.mt16 { margin-top: .8rem; }
.mt24 { margin-top: 1.2rem; }
.mt32 { margin-top: 1.6rem; }
.mr4 { margin-right: .2rem; }
.mr8 { margin-right: .4rem; }
.lh18 { line-height: .9rem; }
.lh24 { line-height: 1.2rem; }
.lh30 { line-height: 1.5rem; }
.f20 { font-size: 1rem; }

.ico-dot.ico-dot-hr {
    width: .1rem; height: .1rem;
    background-color: #999;
    margin: -0.1rem .3rem 0;
}

.more-block.h80 { line-height: 4rem; }

/* bottom-detail */
.bottom-detail {
    background-color: #fff; padding: .4rem .8rem;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    -webkit-box-shadow: 0 -0.1rem .25rem rgba(0, 0, 0, 0.05);
            box-shadow: 0 -0.1rem .25rem rgba(0, 0, 0, 0.05);    
}
.bottom-detail .conts {
    display: -webkit-box; display: -ms-flexbox; display: flex;
}
.bottom-detail .photo {
    position: relative; margin-right: .8rem; 
    width: 2rem; height: 2rem;
}
.bottom-detail .photo .dot {
    position: absolute; top: 1px; right: 0;
    width: .5rem; height: .5rem; border-radius: 50%;
    border: 1px solid #fff; background-color: #11bb65;
}
.bottom-detail .txt {
    line-height: 1rem; font-size: .65rem;
}
.bottom-detail .txt span { margin: 0 .2rem; }
.bottom-detail .u-btn {
    height: 2rem; line-height: 1.9rem; padding: 0 1.05rem;
    font-size: .8rem; font-weight: bold;
}

/* article-box */
.article-box { 
    position: relative; z-index: 1; padding: 1.2rem .8rem; word-break: break-all;
}
.article-box:before {
    content: ''; position: absolute; top: 0; right: 0; left: 0; z-index: -1; height: 5.55rem;
    background-color: #0057ff;
}
.article-box:after {
    content: ''; position: absolute; top: .4rem; right: .4rem; left: .4rem; z-index: -1; height: 5.55rem;
    border-radius: .4rem .4rem 0 0; background-color: #fff;
}

/* article-tit */
.article-tit {
    padding: 0 .2rem;
    font-size: 1.2rem; line-height: 1.6rem;
}

/* artical-tag */
.artical-tag {
    font-size: .6rem; padding: 0 .2rem; line-height: .9rem;
}
.artical-tag .line-vertical { margin: 0 .4rem; }
.artical-tag .iconfont { font-size: .6rem; }

/* authentication-bar */
.authentication-bar {
    padding: .1rem .4rem; 
    background: url('../images/bg04.png') no-repeat;
    background-size: 100% 100%; overflow: hidden;
    border-radius: .2rem;
    font-size: .65rem; color: #b18c6a; line-height: 1.4rem; 
}
.authentication-bar img {
    float: left; margin-right: .3rem;
    width: 1.4rem; height: 1.4rem;
}

/* guide-bar */
.guide-bar {
    font-size: .7rem; line-height: 1.1rem;
}
.guide-bar dt {
    position: relative; padding-left: .2rem;
    font-weight: bold; color: #666;
}
.guide-bar dt:before {
    content: ''; position: absolute; bottom: .1rem; left: 0; z-index: -1;
    width: 2rem; height: .3rem; border-radius: .15rem; 
    background: -webkit-gradient(linear, left top, right top, from(#b3cdff), to(rgba(38, 112, 255, 0))); 
    background: linear-gradient(90deg, #b3cdff 0%, rgba(38, 112, 255, 0) 100%);
}
.guide-bar dd {
    margin-top: .4rem; color: #999;
}

/* article-unfold */
.article-unfold { padding-bottom: .8rem; }
.article-unfold .unfd-btn {
    position: relative; z-index: 2; line-height: 1.1rem;
    color: #0050ff;  height: auto;
}
.article-unfold .unfd-btn:before {
    content: ''; position: absolute; top: -5.8rem; left: 0; right: 0;
    z-index: -1; height: 5.8rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.article-unfold .unfd-btn span { display: block; margin-top: .25rem; }
.article-unfold .unfd-btn .ico-arrow { margin-left: 0; }
.article-unfold.is-show { padding-bottom: 0; }
.article-unfold.is-show .unfd-btn { color: #999; }
.article-unfold.is-show .unfd-btn:before { display: none; }
.article-unfold.is-show .unfd-btn span { display: inline; }
.article-unfold.is-show .unfd-btn .ico-arrow { margin-left: .3rem; }

/* artical-detail */
.artical-detail {
    font-size: .9rem; line-height: 1.6rem;
}
.artical-detail a { color: #0057ff; }
.artical-detail p { margin-top: 1.2rem; }
.artical-detail p:first-child { margin-top: 0; }
.artical-detail img {
    display: block; max-width: 100%; height: auto;
}

/* reference-law */
.reference-law dt {
    font-size: .9rem; line-height: 1.25rem; margin-bottom: .4rem;
}
.reference-law dd {
    font-size: .7rem; line-height: 1.1rem; 
}

/* method-bar */
.method-bar {
    background-color: #fff; border-radius: .4rem;
    -webkit-box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.05);
            box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.05); 
}
    /* method-card */
.method-card {
    display: block; position: relative; padding: .6rem 0 .6rem .8rem; border-radius: .4rem .4rem 0 0;
    height: 2.7rem; line-height: 1.2rem;
    background: url('../images/bg02.png') no-repeat;
    background-size: 100% 100%;
}
.method-card .txt { 
    font-size: .8rem; 
}
.method-card .txt .din-b { 
    position: relative; top: .1rem; margin: 0 .2rem; font-size: 1.2rem;
}
.method-card .icon-arrow-right {
    margin: -0.2rem 0 0 .4rem; width: .8rem; height: .8rem; background-color: #fff;
    border-radius: 50%; text-align: center; line-height: .8rem;
    font-size: .4rem; color: #999;
}
.method-card .badge-tip {
    position: absolute; top: -0.6rem; left: .8rem;
    line-height: 1rem;
}
    /* method-list */
.method-list { padding: .8rem; }
.method-list li {
    position: relative; z-index: 1; margin-top: .4rem; 
    font-size: .6rem; line-height: 1.2rem;
}
.method-list li:before {
    content: ''; position: absolute; top: 0; left: 0; z-index: -1;
    width: 199.79%; height: 200%; 
    -webkit-box-sizing: border-box; box-sizing: border-box;
    border: 1px solid #b3cdff; border-radius: .4rem; 
    -webkit-transform: scale(.5,.5) translate(-50%,-50%); 
            transform: scale(.5,.5) translate(-50%,-50%);
}
.method-list li:first-child { margin-top: 0; }
.method-list span {
    float: left; margin-right: .4rem;
    width: 3.25rem; border-radius: .2rem 0 0 .2rem;
    color: #fff; text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#87acf5), to(#b3cdff));
    background: linear-gradient(90deg, #87acf5 0%, #b3cdff 100%);
}
    /* method-conts */
.method-conts { position: relative; font-size: .7rem; }
.method-conts .txt {
    position: relative; line-height: 1.1rem;
    max-height: 5.5rem; overflow: hidden;
}
.method-conts .txt:before {
    content: ''; position: absolute; right: 0; bottom: 0; left: 0;
    height: 2.8rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.method-conts .more {
    display: block; line-height: 1rem; text-align: center;
}
.method-conts .more .iconfont {
    font-size: .5rem; margin-left: .2rem;
}
    /* method-swiper */
.method-swiper { height: auto; padding-bottom: 1.2rem; }
.method-swiper .swiper-slide { text-align: center; }
.method-swiper .ico {
    display: block; margin: auto;
    width: 1.6rem; height: 1.6rem; line-height: 1.6rem; 
    border-radius: .4rem; background-color: #b3cdff;
}
.method-swiper .ico .iconfont {
    font-size: .8rem; color: #fff;
}
.method-swiper .txt {
    margin-top: .25rem; font-size: .65rem; line-height: .9rem;
}
.method-swiper .swiper-pagination {
    bottom: .2rem; line-height: 1;
}
.method-swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #d9d9d9; opacity: 1;
    margin: -0.15rem .13rem 0;
}
.method-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #0057ff;
}

/* cousult-lawyer */
.cousult-lawyer {
    padding: .8rem .8rem 1.2rem; border-radius: .4rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.05);
            box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.05);
}
    /* cous-lawyer-card */
.cous-lawyer-card {
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.cous-lawyer-card .u-btn { margin-left: 1.2rem; font-size: .6rem; }
    /* cous-lawyer-recommend */
.cous-lawyer-recommend { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }
.cous-lawyer-recommend .photo {
    float: left; margin: 1px .4rem 1px 0; width: 2rem; height: 2rem;
}
.cous-lawyer-recommend .photo img { border-radius: 50%;  }
.cous-lawyer-recommend .photo .ico-vip { width: 12px; height: 12px; }
.cous-lawyer-recommend .name { line-height: 1rem; font-size: .7rem; font-weight: bold; margin-bottom: .2rem; }
.cous-lawyer-recommend .name.f16 { line-height: 22px; margin-bottom: .1rem; }
.cous-lawyer-recommend .tag { line-height: .9rem; font-size: .6rem; color: #999; } 

/* photo-arr-bar */
.photo-arr-bar { line-height: 1.2rem; font-size: .6rem; }
.photo-arr-bar img {
    display: inline-block; vertical-align: middle; margin-top: -0.15rem;
    width: 1.2rem; height: 1.2rem; margin-left: -0.4rem;
    border-radius: 50%; border: 1px solid #fff;
}
.photo-arr-bar img:first-child { margin-left: 0; }
.photo-arr-bar span { margin-left: .4rem; }

/* badge-tip */
.badge-tip {
    display: inline-block; position: relative;
    padding: 0 .2rem; border-radius: .2rem;
    font-size: .55rem; color: #fff;
    background: linear-gradient(77deg, #e72d2e 0%, #fe5f5f 100%);
}
.badge-tip .ico-caret {
    position: absolute; left: 50%; bottom: -0.2rem;
    border-top-color: #f24546; margin-left: -0.25rem;
}

/* programme-bar */
.programme-bar {
    position: relative; display: block; margin-top: 1.4rem; 
    padding: .8rem .8rem 1.2rem; border-radius: .4rem;
    background: url('../images/bg03.png') top center #fff no-repeat;
    background-size: 100% auto;
    -webkit-box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.05);
            box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.05);
}
.programme-bar .badge-tip {
    position: absolute; top: -0.6rem; left: .8rem;
    line-height: 1rem;
}
.programme-bar .tit { line-height: 1.2rem; }
.programme-bar .tit .din-b {
    position: relative; top: .1rem;
    font-size: 1.2rem; margin-right: .2rem;
}
.programme-bar .tit .icon-arrow-right {
    margin: -0.15rem 0 0 .2rem;font-weight: normal;
    font-size: .5rem; color: #bbb; opacity: .8;
}
.programme-bar .hr-line { border-bottom-color: #e8e8e8; }
    /* programme-list */
.programme-list { margin-left: -0.8rem; }
.programme-list li {
    width: 33.33%; float: left; margin-top: .4rem;
}
.programme-list span {
    display: block; margin-left: .8rem; padding: 0 .37rem; line-height: 1.45rem; 
    font-size: .65rem; color: #666; text-align: center;
    background-color: #fff; border-radius: .2rem;
    -webkit-box-shadow: 0 .15rem .5rem rgba(0, 0, 0, 0.03); 
            box-shadow: 0 .15rem .5rem rgba(0, 0, 0, 0.03);
}
    /* programme-info */
.programme-info {
    overflow: hidden; line-height: 1.2rem;
}
.programme-info-bgf8 {
    background-color: #f8f8f8; border-radius: .4rem;
    padding: .6rem .8rem;
}

/* special-lawyer-card */
.special-lawyer-card {
    padding: .8rem .6rem 1.2rem;
    background: url('../images/bg01.png') center center #fff no-repeat;
    background-size: 100% 100%; border-radius: .4rem;
    -webkit-box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.03);
            box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.03);
}
.special-lawyer-card .lawyer {
    position: relative; display: block;
    padding-left: 4.6rem; min-height: 4rem;
}
.special-lawyer-card .lawyer .photo {
    position: absolute; top: 0; left: 0;
    width: 4rem; height: 4rem; border-radius: .2rem; overflow: hidden;
    -webkit-box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.15);
}
.special-lawyer-card .lawyer .ico-vip {
    margin: -0.2rem 0 0 .25rem; 
}
.special-lawyer-card .lawyer .info,
.special-lawyer-card .lawyer .name {
    margin-top: .2rem;
    font-size: .6rem; line-height: .9rem;
}
.special-lawyer-card .lawyer .name { color: #999; }
.special-lawyer-card .lawyer .tag { 
    height: 1rem; overflow: hidden; font-size: .6rem; 
}
.special-lawyer-card .lawyer .tag span { 
    float: left; padding: 0 .25rem; height: 1rem; line-height: 1rem; 
    background-color: #f5f5f5; border-radius: .2rem; 
    margin-right: .4rem; color: #999; 
}
.special-lawyer-card .lawyer .tag span:last-child { margin-right: 0; }
.special-lawyer-card .handle-bar { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    margin: .8rem 0 0 4.6rem;
}
.special-lawyer-card .handle-bar .u-btn { 
    -webkit-box-flex: 1; -ms-flex: 1; flex: 1; 
    margin-right: .4rem; padding: 0; position: relative;
}
.special-lawyer-card .handle-bar .u-btn:last-child { margin-right: 0; }
.special-lawyer-card .handle-bar .u-btn .badge-tip {
    position: absolute; top: -0.6rem; left: 50%;
    line-height: .8rem; margin-left: .7rem; white-space: nowrap;
}

/* question-list */
.question-list li:last-child:after { height: 1px; }
.question-list .item {
    display: block; padding: 1.2rem 0 .8rem;
}
.question-list .tag {
    width: 1rem; height: 1rem; margin: -0.2rem .4rem 0 0;
    background: url('../images/ico2.png') no-repeat;
    background-size: 100% 100%;
}
.question-list .detail {
    padding: .6rem 0 .6rem .8rem; border-radius: .4rem;
    font-size: .7rem; color: #666;
    background: linear-gradient(87deg, #f8f8f8 0%, #ffffff 100%);
}
.question-list .txt {
    font-size: .6rem; line-height: .9rem;
}

/* speciality-list */
.speciality-list li { 
    position: relative; padding: .8rem 0; 
}
.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 .lawyer .photo { 
    position: absolute; top: 0; left: 0;
    width: 3.5rem;
}
.speciality-list .lawyer .photo img { 
    display: block; width: 3.5rem; height: 3.5rem; 
    border-radius: .4rem; overflow: hidden; 
}
.speciality-list .lawyer .photo .ico-vip { 
    position: absolute; top: 2.7rem; right: 0; 
}
.speciality-list .lawyer .hualv-tag,.speciality-lawyer .hualv-tag {
    margin: -0.15rem 0 0 .25rem;
    width: 3.6rem; height: .85rem;
    background: url('../images/hualv-tag.png') no-repeat;
    background-size: 100% 100%;
}
.speciality-list .lawyer .info,
.speciality-list .lawyer .detail {
    margin-top: .2rem;
    font-size: .6rem; line-height: .9rem;
}
.speciality-list .lawyer .detail { color: #999; }
.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;
}

/* consult-enter */
.consult-enter {
    position: relative; padding: 1rem 1.6rem 1.2rem;
}
.consult-enter .tag {
    position: absolute; top: 0; right: 0;
    padding: 0 .6rem; border-bottom-left-radius: .4rem;
    font-size: .6rem; line-height: 1.25rem; color: rgba(38, 112, 255, 0.7);
    background: linear-gradient(229deg, #ffffff 0%, #e0ebff 100%);
}
.consult-enter .descr-con { overflow: hidden; }
.consult-enter .descr-con .pic {
    float: left; width: 3.02rem; height: 3rem;
    margin-right: .75rem;
}
.consult-enter .descr-con .txt {
    margin-top: .35rem; font-size: .9rem; font-weight: bold; line-height: 1.25rem;
}
.consult-enter .descr-con .descr {
    margin-top: .2rem; line-height: .9rem;
    font-size: .65rem;
}
.consult-enter .step {
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; 
    padding: 0 .75rem; font-size: .6rem; line-height: 1.6rem; color: #999;
    border-radius: .2rem 0 0 .2rem; text-align: center;
    background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#f5f5f5));
    background: linear-gradient(270deg, #ffffff 0%, #f5f5f5 100%);
}
.consult-enter .step .iconfont {
    font-size: .4rem; line-height: 1.6rem; margin: 0;
    color: #bbb;
}
.consult-enter .u-btn {
    border: 0; height: 2rem; line-height: 2rem;
    background: -webkit-gradient(linear, left top, right top, from(#ef5858), to(#ec3b3b));
    background: linear-gradient(90deg, #ef5858 0%, #ec3b3b 100%);
    -webkit-box-shadow: 0 .2rem 1rem rgba(236, 59, 59, 0.3);
            box-shadow: 0 .2rem 1rem rgba(236, 59, 59, 0.3);
}

/** consulte-list */
.consulte-list .item { position: relative; }
.consulte-list .item::after {
    content: ''; position: absolute; right: .8rem; bottom: 0; left: .8rem;
    height: 1px; background-color: #e8e8e8;
    -webkit-transform: scaley(.5); transform: scaley(.5); 
    -webkit-transform-origin: center bottom; transform-origin: center bottom;
}
.consulte-list .link {
    display: block; padding: 1rem .8rem .8rem;
}
.consulte-list .link .tit { 
    line-height: 1.2rem; color: #000;
    height: 2.4rem; overflow: hidden; 
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; 
}
.consulte-list .link .data { 
    margin-top: .6rem; line-height: 1.2rem; overflow: hidden; 
    font-size: .6rem; color: #999; 
}
.consulte-list .link .data .tag {
    padding: 0 .7rem; min-width: 2.8rem; height: 1.2rem;
    font-size: .6rem; line-height: 1.2rem; text-align: center;
    border-radius: .6rem; background-color: #f5f5f5;
}
.consulte-list .link .data .tag-plain {
    background-color: #e0ebff; color: #0057ff;
}

/* loading-bar */
.loading-bar { 
    padding: 1rem .8rem; text-align: center;
    color: #999; font-size: .7rem;
}
.loading-bar .icon-loading {
    font-size: .8rem; margin-right: .4rem; color: #666;
}

/* labels-list */
.labels-list { overflow: hidden; margin-left: -0.5rem; }
.labels-list a {
    float: left; margin: .5rem 0 0 .5rem;
    padding: 0 .5rem; font-size: .6rem; line-height: 1.45rem;
    border-radius: .75rem; background-color: #f5f5f5;
}

/**/
.pop-read-finshed { display: none; }

/* fix iphonex 兼容 2021-03-18 */
.bottom-bar {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom); 
    background-color: #fff;
}


/** fix: #16838 2021-03-31 */
/* download-card-bar */
.download-card-bar {
    padding: .35rem .6rem; line-height: 1.4rem;
    background: url('../images/bg05.png') #ecddb9 no-repeat;
    background-size: 100% 100%; border-radius: .2rem; overflow: hidden;
}
.download-card-bar .txt {
    font-size: .7rem; color: #70644c;
}
.download-card-bar .u-btn {
    float: right; background-color: #524d47; border-color: #524d47;
    font-size: .6rem; color: #dbc59a; padding: 0 .75rem;
}

/* download-btn-bar */
.download-btn-bar {
    position: relative; text-align: center;
}
.download-btn-bar .u-btn {
    border: 0; border-radius: 1.2rem; height: 2.4rem;
    padding: 0 1.2rem; line-height: 2.4rem; background-color: #ed3b3b;
    font-size: .7rem; color: #fff; position: relative;
}
.download-btn-bar .u-btn span {
    font-size: .7rem; margin-right: .4rem; float: left;
    position: relative; top: -0.05rem;
}
.download-btn-bar .u-btn span em { font-size: 1rem; margin-left: .1rem; }
.download-btn-bar .u-badge {
    display: inline-block; vertical-align: middle;
    padding: 0 .5rem; border: 1px solid #ffb029; background-color: #ffb029;
    color: #fff; font-size: .5rem; line-height: .9rem; border-radius: 1rem;
    position: absolute; top: -0.4rem; left: .1rem;
}
.download-btn-bar .u-badge:before, .download-btn-bar .u-badge:after {
    position: absolute; top: 100%; left: 50%;
    content: ''; z-index: 10; 
    margin-left: -0.2rem; border: .2rem solid transparent;
}
.download-btn-bar .u-badge:after {
    border-top-color: #ffb029;
}
.consulte-list .link .txt{font-size:.8rem;line-height:1.2rem}.consulte-list .link .pic-block{margin-top:.4rem;display:block;width:100%}.consulte-list .ico-lightning-r,.consulte-list .ico-lightning-b{width:.7rem;height:.7rem;margin-right:.2rem;background-size:cover;margin-top:-0.1rem}.consulte-list .ico-lightning-r{background-image:url('../images/ico2.png')}.consulte-list .ico-lightning-b{background-image:url('../images/ico1.png')}.consulte-list .enter{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.4rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1rem}.consulte-list .enter .disc{font-size:.55rem}.consulte-list .enter .disc .icon-arrow-right{font-size:.4rem}.consulte-list .enter .disc .icon-arrow-right{margin-left:.2rem}.consulte-list .enter .disc img{width:.7rem;height:.7rem;border-radius:50%;margin:-0.15rem .2rem 0 0}.consulte-list .enter .btn-mini{padding:0 .65rem;font-size:.5rem}.s-primary-light{color:#69f}
.charlt-bar-v2{display:block;position:relative;margin:.4rem;border-radius:.2rem;overflow:hidden;-webkit-box-shadow:0 .25rem .5rem rgba(0,87,255,.15);box-shadow:0 .25rem .5rem rgba(0,87,255,.15)}.charlt-bar-v2 .bg{display:block;width:100%;height:5rem}.charlt-bar-v2 .con{position:absolute;top:50%;right:.8rem;left:.8rem;text-align:center;-webkit-transform:translatey(-50%);transform:translatey(-50%)}.charlt-bar-v2 .txt1{font-size:.9rem;font-weight:bold;line-height:1.5rem;color:#fff}.charlt-bar-v2 .txt2{position:relative;display:inline-block;margin-top:.2rem;padding:0 1.1rem;font-size:.7rem;color:#fff;line-height:1.4rem}.charlt-bar-v2 .txt2 .iconfont{font-size:.5rem;margin-left:.25rem}.charlt-bar-v2 .txt2:before{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #b3cdff;border-radius:1.4rem;-webkit-transform:scale(.5,.5) translate(-50%,-50%);transform:scale(.5,.5) translate(-50%,-50%)}

/* fix hlx-900 by lj 2021-07-16 */
/* programme-bar-v2 */
.programme-bar-v2 { display: block; border-radius: .4rem; overflow: hidden; box-shadow: 0 .25rem .75rem rgba(0,0,0,.05); background-color: #fff; }
.programme-bar-v2 .info { background: url('../images/bigbg.png') center top #f0f6ff no-repeat; background-size: 100% auto; padding: 1.6rem 2.8rem .8rem .8rem; position: relative; }
.programme-bar-v2 .info .u-badge { position: absolute; top: 0; left: 0; padding: 0 .25rem; background: #e72d2e; background: linear-gradient(90deg, #e72d2e 0%, #fe5f5f 100%); border-radius: .4rem 0 .4rem 0; color: #fff; font-size: .55rem; line-height: .9rem; }
.programme-bar-v2 .info .ico-right { position: absolute; top: 2.5rem; right: 1.4rem; width: .8rem; height: .8rem; background: url('../images/r_blue.png') no-repeat; background-size: 100% 100%; }
.programme-bar-v2 .info .tit { max-height: 2.8rem; line-height: 1.4rem; font-size: .8rem; font-weight: bold; }
.programme-bar-v2 .info .tag { margin: .4rem 0 0 -0.4rem; line-height: 1rem; font-size: .7rem; }
.programme-bar-v2 .info .tag span { margin-left: .4rem; }
.programme-bar-v2 .info .tag .ico-select { display: inline-block; vertical-align: middle; margin: -0.1rem .15rem 0 0; width: .7rem; height: .7rem; background: url('../images/finish_blue.png') no-repeat; background-size: 100% 100%; }
.programme-bar-v2 .advantage { padding: .5rem .8rem; text-align: center; font-size: .7rem; color: #666; line-height: 1rem; background: url('../images/bgbottom.png') center center no-repeat; background-size: auto 1rem; }

/* hlx-1050 lq 2021-08-06 */
.pop-telask-guide .popup-bar {
    background: #fff url('../images/bg_pop.png') no-repeat;
    background-size: 100% auto;
}
.pop-telask-guide .conts-box { padding: 1.4rem 1rem 1.1rem; }
.pop-telask-guide .ico-lab { 
    position: absolute; left: 0; top: 0;
    width: 3.3rem; height: 1.05rem; 
    background: url('../images/ico_tag_1.png') no-repeat; 
    background-size: cover;
}
.pop-telask-guide .pop-tit { font-size: .8rem; line-height: 1.1rem; font-weight: 600; }
.pop-telask-guide .photo-arr { height: 1.2rem; padding-left: .2rem; margin-top: .5rem; }
.pop-telask-guide .photo-arr img,
.pop-telask-guide .photo-arr .more { 
    display: inline-block; vertical-align: middle; margin: 0 0 0 -0.2rem;
    width: 1.2rem; height: 1.2rem; border: 1px solid #fff; border-radius: 50%;
}
.pop-telask-guide .photo-arr .more { background-color: #ddd; color: #fff; }
.pop-telask-guide .photo-arr .more .iconfont { font-size: .6rem; }
.pop-telask-guide .pop-conts { font-size: .6rem; line-height: .9rem; padding-top: 0; margin-top: .5rem; }
.pop-telask-guide .bz-tips { font-size: .5rem; color: #bbb; line-height: .7rem; margin-top: .4rem; }

.speciality-lawyer{position:relative;z-index:1;width:10.9rem;padding:0 .8rem .8rem}
.speciality-lawyer:before{content:'';position:absolute;top:1rem;right:0;bottom:0;left:0;z-index:-1;background-color:#f8f8f8;border-radius:.4rem}
.speciality-lawyer .lawyer{display:block}
.speciality-lawyer .lawyer .photo{display:block;margin:auto;position:relative;width:5rem;height:5rem}
.speciality-lawyer .lawyer .photo img{border-radius:.4rem}
.speciality-lawyer .lawyer .photo .ico-vip{position:absolute;right:0;bottom:0}
.speciality-lawyer .lawyer .tit{margin-top:.8rem;line-height:1.1rem}
.speciality-lawyer .lawyer .tit .name{max-width:5.4rem;font-size:.8rem}
.speciality-lawyer .lawyer .tit .hualv-tag{margin-left:.25rem}
.speciality-lawyer .lawyer .info{margin-top:.2rem;line-height:.9rem;font-size:.6rem}
.speciality-lawyer .lawyer .info em{margin-left:.2rem}
.speciality-lawyer .lawyer .txt{margin-top:.2rem;line-height:.9rem;height:1.8rem;font-size:.6rem;color:#999}
.speciality-lawyer .handle-bar{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.8rem}
.speciality-lawyer .handle-bar .u-btn{margin-right:.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1}
.speciality-lawyer .handle-bar .u-btn:last-child{margin-right:0}
.speciality-lawyer .handle-bar .btn-primary-line{background-color:#fff}
.speciality-lawyer-swiper{height:auto}
.speciality-lawyer-swiper .swiper-slide{width:auto;margin-left:.8rem}
.speciality-lawyer-swiper .swiper-slide:last-child{margin-right:.8rem}

/* hyd-97 lq 2021-09-26 */
.art-ec-bar { padding: .8rem; background-color: #fff; box-shadow: 0 .15rem .5rem rgba(0,0,0, .05); border-radius: .4rem; margin: 1.5rem 0; }
.art-ec-bar .tx { font-size: .7rem; line-height: 1.1rem; color: #999; }
.art-ec-bar .info { overflow: hidden; margin-top: .6rem; }
.art-ec-bar .info .img-block { float: left; width: 6rem; height: 4rem; border-radius: .2rem; margin-right: .8rem; }
.art-ec-bar .info .tit { font-size: .9rem; line-height: 1.2rem; font-weight: 600; }
.art-ec-bar .info p { font-size: .6rem; color: #666; line-height: .8rem; margin: .3rem 0 .5rem; }
.art-ec-bar .info .u-btn { float: left; padding: 0 .6rem; height: 1.2rem; line-height: 1.1rem; font-size: .6rem; }
.art-ec-bar .info .u-btn .iconfont { font-size: .5rem; margin-left: .1rem; }

/* bbb-1840 lq 2022-02-17 */
.inform-tip { 
    padding: .3rem .6rem; background-color: #f8f8f8; border-radius: .2rem; 
    font-size: .6rem; line-height: .9rem; color: #999;
}

/* hlx-4679 lq 2022-03-15*/
.tabs-bar .tab-nav { height: 1.5rem; line-height: 1.5rem; }
.nav-item { position: relative; float: left; font-size: .8rem; color: #bbb; margin-right: .6rem; }
.nav-item.is-this { font-size: .9rem; color: #333; font-weight: 500; }
.nav-item.is-this:after {
    position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -0.6rem;
    width: 1.2rem; height: .15rem; border-radius: .15rem; background-color: #0057ff;
}
.law-list { padding-top: .25rem; }
.law-list li { font-size: .7rem; line-height: 1.1rem; color: #999; }
.law-list li a { color: #0050ff; }

/* samecity-lawyercard */
.samecity-lawyercard { 
    margin: 1rem .5rem; height: 12.45rem; 
    background-image: url('../images/bg_lawyer_art.png'); background-size: 100% 100%; 
}
.samecity-lawyercard .nav-tit { padding: .6rem 1rem 0; color: #fff; }
.samecity-lawyercard .nav-tit dt { font-size: .9rem; line-height: 1.3rem; opacity: .8; font-weight: 500; }
.samecity-lawyercard .nav-tit dd { font-size: .6rem; line-height: .9rem; opacity: .6; }
.samecity-lawyercard .bg-ff { margin: .5rem; height: 7.3rem; border-radius: .35rem; }
.samecity-lawyercard .lawyer { position: relative; display: block; padding: .8rem .5rem .8rem 4.6rem;  }
.samecity-lawyercard .photo { position: absolute; left: .5rem; top: .8rem; width: 3.5rem; height: 3.5rem; }
.samecity-lawyercard .photo .online { font-size: .6rem; color: #333; text-align: center; line-height: .9rem; margin-top: .5rem; }
.samecity-lawyercard .photo .online .dot { 
    display: inline-block; vertical-align: middle; margin: -0.1rem .25rem 0 0;
    width: .4rem; height: .4rem; background-color: #11bb65; border-radius: 50%; 
}
.samecity-lawyercard .name { height: 1.1rem; line-height: 1.1rem; margin-bottom: .5rem; }
.samecity-lawyercard .name b { float: left; max-width: 5rem; font-size: .8rem; }
.samecity-lawyercard .name .ico-vip { float: left; margin: .1rem .25rem 0; }
.samecity-lawyercard .name .post { 
    float: left; padding: .2rem; line-height: 1; 
    border: 1px solid #d9e7ff; background: rgba(0,87,255, .08); border-radius: .2rem; 
    font-size: .6rem; color: #6699ff;
}
.samecity-lawyercard .h18 { height: .8rem; line-height: .8rem; font-size: .6rem; margin-top: .2rem; }
.samecity-lawyercard .h18 span { float: left; }
.samecity-lawyercard .h18 .ico-dot { float: left; margin: .35rem .2rem;}
.samecity-lawyercard .btn-group { display: flex; padding: 0 .2rem 0 4.4rem; }
.samecity-lawyercard .btn-group .u-btn { position: relative; flex: 1; margin: 0 .25rem; }
.samecity-lawyercard .btn-group .u-btn .badge-tip { 
    position: absolute; top: -0.5rem; right: -0.4rem; 
    white-space: nowrap; line-height: .8rem; 
}
.samecity-lawyercard .tips { display: flex; font-size: .6rem; color: rgba(255,255,255, .35); line-height: 1rem; }
.samecity-lawyercard .tips span { flex: 1; text-align: center; }
.samecity-lawyercard .tips .iconfont { font-size: .55rem; margin-right: .3rem; }

/* ask-card */
.ask-card { 
    display: block; margin: 1rem .5rem; height: 12.45rem; padding: 0 .5rem;
    background: linear-gradient(180deg, #f58e08 0%, rgba(253,75,68, 0) 100%); border-radius: .4rem; 
}
.ask-card .tit { height: 2.5rem; line-height: 2.5rem; color: #fff; }
.ask-card .tit img { float: left; width: 1rem; height: 1rem; margin: .7rem .25rem 0 0; }
.ask-card .tit strong { font-size: .9rem; opacity: .8; margin-right: .5rem; }
.ask-card .tit span { font-size: .6rem; opacity: .35; }
.ask-card .bg-ff { padding: .8rem .5rem .6rem; border-radius: .4rem; }
.ask-card .bg-ff .h24 { height: 1.2rem; line-height: 1.2rem; }
.ask-card .bg-ff .h24 .num { float: left; font-size: .6rem; color: #666; }
.ask-card .bg-ff .h24 .num .f-num { font-size: .9rem; color: #f58e08; margin-right: .1rem; }
.ask-card .photo-arr { float: left; padding-left: .3rem; margin-right: .5rem; }
.ask-card .photo-arr img { width: 1.2rem; height: 1.2rem; }
.ask-card .photo-arr .iconfont { font-size: 1.1rem; line-height: 1; color: #e8e8e8; background-color: #bbb; }
.ask-card .photo-arr img,
.ask-card .photo-arr .iconfont {
    float: left; margin: 0 0 0 -0.3rem; border: 1px solid #fff; border-radius: 50%;
}
.ask-card .bg-ff .h44 { 
    position: relative; height: 2.2rem; line-height: 2.2rem; padding: 0 6rem 0 .8rem; margin-top: .8rem;
    background: #f5f5f5; border: 1px solid #e8e8e8; border-radius: 1.1rem;  
    font-size: .7rem; color: #999;
}
.ask-card .bg-ff .h44 .u-btn { 
    position: absolute; top: .15rem; right: .15rem;
    width: 4.4rem; height: 1.8rem; line-height: 1.8rem; border-radius: .9rem;
    background: #f58e08; border-color: #f58e08;
    font-size: .7rem; color: #fff;
}
.ask-card .tips { display: flex; padding: 0; margin-top: .35rem; height: 1.4rem; line-height: 1.4rem; font-size: .6rem; color: rgba(245,142,8, .35); }
.ask-card .tips span { flex: 1; text-align: center; }
.ask-card .tips .iconfont { font-size: .55rem; margin-right: .3rem; }
    /**/
.msg-rolling { margin-top: .75rem; height: .9rem; line-height: .9rem; font-size: .6rem; color: #999; }
.msg-rolling .icon-time-solid { font-size: .6rem; color: #e8e8e8; margin-right: .25rem; }
.msg-rolling time { margin-right: .2rem; }

/* speciality-list */
.ico-trophy2 { width: .8rem; height: .95rem; background: url('../images/ico-trophy2.png') no-repeat; background-size: 100% 100%; }
.speciality-list .online { font-size: .6rem; color: #333; text-align: center; line-height: .9rem; margin-top: .4rem; }
.speciality-list .online .dot { 
    display: inline-block; vertical-align: middle; margin: -0.1rem .25rem 0 0;
    width: .4rem; height: .4rem; background-color: #11bb65; border-radius: 50%; 
}
.speciality-list .name b,
.speciality-list .name .post {
    display: inline-block; vertical-align: middle; margin-top: -0.1rem;
}
.speciality-list .name b { max-width: 5rem; margin-right: .3rem; }
.speciality-list .name .post { 
    padding: .2rem; line-height: 1;
    border: 1px solid #d9e7ff; background: rgba(0,87,255, .08); border-radius: .2rem; 
    font-size: .6rem; color: #6699ff;
}
.speciality-list .h18 { height: .9rem; line-height: .9rem; font-size: .6rem; margin-top: .3rem; }
.speciality-list .h18 span { margin-right: .4rem; }
.speciality-list .tag { height: 1rem; margin-top: .3rem; }
.speciality-list .tag span { 
    float: left; margin-right: .5rem; 
    padding: 0 .2rem; background-color: #f8f8f8; border-radius: .1rem; font-size: .6rem; line-height: 1rem; 
}
.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; }

.cousult-lawyer.self {
    padding-top: .5rem; padding-bottom: 1rem;
    background-image: url('../images/bg_ask.png'); background-size: 100% 100%;
}
.cousult-lawyer.self .u-btn { margin-left: .5rem; }

/* botm-ask */
.botm-ask { position: relative; z-index: 2; height: 2.4rem; }
.botm-ask .bg { position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; height: 3.05rem; background-image: url('../images/bg_btom.png'); background-size: 100% 100%; }
.botm-ask .txt { padding: .25rem 6rem .15rem 4.3rem; color: #fff; }
.botm-ask .txt .u-btn { 
    position: absolute; right: 1.2rem; bottom: .45rem; 
    width: 4rem; height: 1.45rem; padding: 0; 
    background-color: #fff; border-color: #fff; border-radius: .3rem;
    font-size: .6rem; color: #2670FF; line-height: 1.4rem;
}
.botm-ask .txt .u-btn .iconfont { transform: scale(.7); font-size: .6rem; color: #2670FF; margin-left: .1rem; }
.botm-ask .txt .f14 { height: 1rem; line-height: 1rem; }
.botm-ask .txt .f14 span { color: #F58E08; }
.botm-ask .txt .f12 { height: .9rem; line-height: .9rem; opacity: .35; margin-top: .1rem; }
.botm-ask .txt .f12 .iconfont { float: left; font-size: .4rem; line-height: 1; margin: .25rem .15rem 0 0; }

/* HLX-5851 LQ 2022-04-01 */

/* 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; margin-left: .5rem; margin-right: .5rem; 
    background-color: #fff; box-shadow: 0 .25rem .75rem rgba(0,0,0, .03); border-radius: .4rem; 
}
.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; text-align: center; }
.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: 0 .2rem; }

/* ask-list-3 */
.ask-list-3 { background-color: #fff; border-radius: .4rem; }
.ask-list-3 .hr-line:after { left: .8rem; right: .8rem; }
.ask-list-3 .item a { display: block; padding: 1rem .8rem 1rem 2.2rem; }
.ask-list-3 .item a .tit { position: relative; }
.ask-list-3 .item a .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 a .h28 {
    height: 1.4rem; line-height: 1.5rem; 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 a .h28 span { margin-top: -0.1rem; }
.ask-list-3 .item a .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 a .h28 img { float: left; width: .75rem; height: .75rem; border-radius: 50%; margin: .35rem .2rem 0 0; }
.ask-list-3 .item a .other { height: .8rem; line-height: .8rem; font-size: .6rem; color: #999; margin-top: .3rem }
.last-line-hide .hr-line:last-child:after { border-bottom: none; }


/* HLX-6698 LJ 2022-05-07 */
.credit-card-bar { padding: .8rem .8rem .4rem; }
/* credit-card-art */
.credit-card-art .img-block { display: block; border-radius: .5rem; overflow: hidden; box-shadow: 0 .15rem .75rem rgba(0, 0, 0, 0.05); }
/* credit-card-list */
.credit-card-list li { padding: 1rem 0 .8rem; position: relative; }
.credit-card-list li:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; border-bottom: 1px solid #F2F2F2; transform: scaleY(.5); }
.credit-card-list li:last-child:after { display: none; }
.credit-card-list .title { font-weight: bold; font-size: .8rem; line-height: 1.1rem; }
.credit-card-list .lawyer { position: relative; margin-top: .8rem; padding: 0 4.5rem 0 1.9rem; min-height: 1.6rem; }
.credit-card-list .lawyer .photo { position: absolute; top: .05rem; left: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; overflow: hidden; }
.credit-card-list .lawyer .u-btn { position: absolute; top: .1rem; right: 0; padding: 0 .5rem; font-size: .7rem; }
.credit-card-list .lawyer .name { font-size: .55rem; line-height: .8rem; color: #333; font-weight: 600; }
.credit-card-list .lawyer .time { font-size: .55rem; line-height: .8rem; color: #999; }
.credit-card-list .detail { margin-top: .6rem; margin-left: 1.9rem; font-size: .8rem; line-height: 1.1rem; color: #666; }
.credit-card-list .eva { margin-top: .4rem; margin-left: 1.9rem; padding: .6rem .7rem; background-color: #FAFAFA; border-radius: .4rem; }
.credit-card-list .eva .txt { font-size: .65rem; line-height: .9rem; color: #999; }
.credit-card-list .eva .info { margin-top: .4rem; font-size: .55rem; color: #999; line-height: .8rem; }
.credit-card-list .eva .star { margin-right: .6rem; }
.credit-card-list .eva .star .icon-star { font-size: .5rem; margin-right: .25rem; color: #E8E8E8; }
.credit-card-list .eva .star .icon-star.star-oe { color: #FF9900; }
.credit-card-list .eva .star span { margin-left: .15rem; }