/* #5652 lq 2023-02-03 */
.cont-body span, 
.cont-body em, 
.cont-body i, 
.cont-body strong { display: inline; margin-top: 0; }
.cont-body .iconfont { display: inline-block !important; margin-top: -0.1rem; }

.f10 { font-size: .5rem; }
.f15 { font-size: .75rem; }
.pt12 { padding-top: .6rem; }
.pt16 { padding-top: .8rem; }
.plr6 { padding-left: .3rem; padding-right: .3rem; }
.plr12 { padding-left: .6rem !important; padding-right: .6rem !important; }
.ptb24-lr16 { padding: 1.1rem .8rem; }
.pb12 { padding-bottom: .6rem; }
.pb24 { padding-bottom: 1.2rem; }
.pb14 { padding-bottom: .7rem; }
.mt14 { margin-top: .7rem; }
.mt28 { margin-top: 1.4rem; }
.mt-6 { margin-top: -0.3rem; }
.mlr12 { margin-left: .6rem !important; margin-right: .6rem !important; }

.btn-brown-line { border-color: #c5ab7d; color: #a27c51; }
.btn-brown { background: linear-gradient(90deg, #c5ab7d 0%, #a27c51 100%); color: #fff; border: none; }

/* icon */
.ico-logo.logo-bw { background-image: url(../../pic/logo2.png); }
.ico-voice-line { width: 1.4rem; height: 1.4rem; background: url('../../pic/v-plate/voice.png') no-repeat; background-size: cover; }
.ico-pe { background: url('../../pic/ico/ft_pe1.png') no-repeat; background-size: cover; }
.ico-quest { background: url('../../pic/question/ico_quest.png'); background-size: 5.05rem 2.7rem; }
.ico-quest.ico-lab-wz   { width: .5rem; height: .5rem; background-position: -3.25rem -1.1rem; }
.ico-quest.ico-lab-yx   { width: .5rem; height: .5rem; background-position: -3.85rem -1.1rem; }
.ico-quest.ico-lab-ask  { width: .5rem; height: .5rem; background-position: -4.5rem -1.1rem; }
.ico-quest.ico-lab-video{ width: .5rem; height: .5rem; background-position: -3.85rem -1.85rem; }
.ico-quest.ico-lab-star { width: .5rem; height: .5rem; background-position: -4.5rem -1.85rem; }

/* main-box */
.main-box {
    padding: 2.2rem .5rem 0;
    background: url('../../pic/v-plate/index_topbanner.png') no-repeat center top; background-size: 100% auto;
}
.ban-tit { display: block; height: 1.35rem; margin: 0 auto; }
.super-step { margin-top: .3rem; text-align: center; }
.super-step dl { 
    display: inline-block; vertical-align: middle; text-align: center;
    height: 1.2rem; line-height: 1.2rem; overflow: hidden;
    padding: 0 .3rem; background: rgba(255,255,255, .5); border-radius: .4rem;
}
.super-step dd { display: inline-block; vertical-align: middle; margin-top: -0.1rem; padding: 0 .3rem; font-size: .6rem; color: #5D6B87; }
.super-step dd img { float: left; width: .7rem; height: .7rem; margin: .25rem .1rem 0 0; }

/* btn-play */
.btn-play {
    width: 2.4rem; height: 2.4rem; line-height: 2.4rem; padding-left: .1rem; text-align: center; 
    backdrop-filter: blur(.25rem); -webkit-backdrop-filter: blur(.25rem); background-color:rgba(255,255,255, .5);
    border-radius: 50%;
}
.btn-play .icon-play { display: inline-block; font-size: .8rem; color: #fff; transform: scaleX(1.1) scaleY(.96); }
.img-block .btn-play {
    position: absolute; left: 50%; top: 50%; z-index: 5;
    transform: translatex(-50%) translatey(-50%); border-radius: 50%;
}
.img-block img { object-fit: cover; }

/* box-bar */
.box-bar { background-color: #fff; border-radius: .4rem; }
.box-bar .nav-f18 { padding: .8rem .8rem 0; box-sizing: content-box; }

/* dot-line swiper-pagination */
.dot-line .swiper-container-horizontal>.swiper-pagination-bullets { 
    left: 50%; bottom: .6rem; transform: translatex(-50%);
    width: auto; height: .15rem; background-color: #e8e8e8; border-radius: .2rem; overflow: hidden;
}
.dot-line .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { 
    display: inline-block; margin: -0.4rem 0 0;
    width: .8rem; height: .15rem; background-color: transparent; border-radius: .2rem;
}
.dot-line .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #0057ff; border-radius: .2rem; }

/* btn-light */
.btn-light { position: relative; overflow: hidden; }
.btn-light:before { 
    position: absolute; top: 0; left: 0; bottom: 0; width: 100%; content: ''; 
    background: url('../../pic/knowledge/btn_light.png') no-repeat; background-size: 100% 100%; transform: translatex(-100%); animation: toright 3s ease infinite; 
}
@keyframes toright {
    0% {
        -webkit-transform: translatex(-100%);
        transform: translatex(-100%);
    }
    50% {
        -webkit-transform: translatex(8.5rem);
        transform: translatex(8.5rem);
    }
    100% {
        -webkit-transform: translatex(8.5rem);
        transform: translatex(8.5rem);
    }
}

/* index-tj-swiper */
.index-tj-swiper{ margin-top: .6rem; }
.index-tj-swiper .swiper-wrapper { padding-top: .3rem; }
.index-tj-swiper a { height: inherit; }
.index-tj-swiper .lable {
    position: absolute; left: .4rem; top: -0.3rem;
}
.index-tj-swiper .lable span { float: left; padding: .25rem .3rem .15rem; height: .9rem; font-size: .5rem; line-height: 1; color: #fff; font-weight: 600; }
.index-tj-swiper .lable span.bg-red { background: linear-gradient(90deg, #E72D2E 0%, #FF6060 100%); }
.index-tj-swiper .lable span.bg-979 { background-color: #979BBB; }
.index-tj-swiper time {
    position: absolute; right: .4rem; top: .4rem;
    padding: 0 .3rem; background: rgba(0,0,0, .3); border-radius: .3rem; 
    line-height: 1rem; font-size: .5rem; color: #fff;
}
.index-tj-swiper .txt { position: absolute; left: .8rem; right: 3rem; bottom: .8rem; color: #fff; text-shadow: 0 0 .25rem rgba(0,0,0, .5); }
.index-tj-swiper .swiper-container-horizontal>.swiper-pagination-bullets { 
    right: .6rem; bottom: .6rem; width: auto; height: .15rem; line-height: .15rem; text-align: right;
}
.index-tj-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { 
    display: inline-block; width: .15rem; height: .15rem; margin: -0.1rem 0 0 .15rem;
    background-color: #fff; border-radius: .2rem; opacity: .5;
}
.index-tj-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { 
    width: .6rem; opacity: 1;
}
.dot-botm44 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 1.1rem; }

/* nav-f18 */
.nav-f18 { position: relative; z-index: 1; height: 1.3rem; line-height: 1.3rem; }
.nav-f18 .ico { float: left; width: 1rem; height: 1.1rem; margin: .1rem .4rem 0 0; }
.nav-f18 .icon-madel { float: left; width: 1rem; height: 1.15rem; margin: .2rem .4rem 0 0; }
.nav-f18 .tit { float: left; font-size: .9rem; margin: 0 .4rem 0 0; }
.nav-f18 .tit.ect { max-width: 9.1rem; }
.nav-f18 .tit .w92 { max-width: 4.6rem; }
.nav-f18 .tit .w108 { max-width: 5.5rem; }
.nav-f18 .tit .w162 { max-width: 8.2rem; } 
.nav-f18 .tit .w235 { max-width: 11.75rem; } 
.nav-f18 .tit .dist { display: inline-block; vertical-align: middle; margin-top: -0.1rem; }
.nav-f18 .tit .dist.w72 { max-width: 3.6rem; }
.nav-f18 .tit .dist.w110{ max-width: 5.5rem; }
.nav-f18 .tit .dist.w146{ max-width: 7.3rem; }
.nav-f18 .tit .dist.w236{ max-width: 11.8rem; }
.nav-f18 .tip { float: left; font-size: .5rem; color: #999; line-height: .7rem; height: .7rem; margin-top: .4rem; }
.nav-f18 .tip span { position: relative; margin-left: .55rem; }
.nav-f18 .tip span:after {
    position: absolute; top: .25rem; left: -0.35rem; content: '';
    width: .15rem; height: .15rem; background-color: #ddd; border-radius: 50%;
}
.nav-f18 .tip.dot-b3c span:after { background-color: #b3cdff; }
.nav-f18 .tip span:first-child { margin-left: 0; }
.nav-f18 .tip span:first-child:after { display: none; }
.nav-f18 .tip span.dot-show { margin-left: .35rem; }
.nav-f18 .tip span.dot-show:after { display: block; }
.nav-f18 .more { float: right; position: relative; font-size: .6rem; color: #666; line-height: .8rem; margin-top: .3rem; }
.nav-f18 .more .ico-arrow {
    float: right; margin: 1px 0 0 .2rem;
    width: .6rem; height: .6rem; background: url('../../pic/knowledge/mor_jt.png'); background-size: cover;
}
.nav-f18 .more .ico-arrow.arrow-cb { background-image: url('../../pic/knowledge/more-gary.png'); }
.nav-f18 .tab-tag { float: right; height: 1rem; margin-top: .15rem; padding-top: 0; }
.nav-f18 .tab-tag .nav-item { 
    float: left; margin-left: .2rem;
    padding: 0 .4rem; background-color: #fff; border: .5px solid #fff; border-radius: .2rem; 
    font-size: .5rem; color: #666; line-height: 1rem; height: 1rem; 
}
.nav-f18 .tab-tag .nav-item.is-this { background-color: #E0EBFF; border-color: #B3CDFF; color: #004FFF; }
.nav-f18 .n-bg-blue { position: absolute; left: .4rem; bottom: -0.4rem; z-index: -1; }
.n-bg-blue { width: 1.35rem; height: 1.15rem; background: url('../../pic/knowledge/nav_bg_bule.png') no-repeat; background-size: cover; }

/* swiper-nav-type */
.swiper-nav-type { background-color: #fff; border-radius: .4rem; }
.swiper-nav-type .nav-f18 { padding: 1rem .6rem 0; box-sizing: content-box; }
.swiper-nav-type .swiper-bar { padding: .3rem .2rem .9rem; }
.swiper-nav-type .swiper-slide { float: left; width: 20%; text-align: center; }
.swiper-nav-type dd { margin-bottom: .4rem; }
.swiper-nav-type dd img { display: block; width: 1.2rem; height: 1.2rem; margin: 0 auto; padding: .45rem 0; box-sizing: content-box; }
.swiper-nav-type dd p { font-size: .6rem; line-height: .8rem; color: #666; }

/* bg-blue1-bar */
.bg-blue1-bar {
    position: relative; background: linear-gradient(186deg, #ECEFF6 0%, #fff 5rem);
    border-top: 1px solid #fff; border-radius: .4rem;
}
.bg-blue1-bar .nav-f18 { padding: .8rem .6rem 0; box-sizing: content-box; }
.bg-blue1-bar .tab-tag { position: absolute; top: .75rem; right: .6rem; height: 1rem; margin-top: .15rem; padding-top: 0; }
.bg-blue1-bar .tab-tag .nav-item { 
    float: left; margin-left: .2rem;
    padding: .25rem .4rem .2rem; background-color: #fff; border: .5px solid #fff; border-radius: .2rem; 
    font-size: .5rem; color: #666; line-height: 1; height: 1rem; 
}
.bg-blue1-bar .tab-tag .nav-item.is-this  { background-color: #E0EBFF; border-color: #B3CDFF; color: #004FFF; }

/* hot-question-list */
.hot-question-list { margin-top: -0.2rem; }
.hot-question-list .item { display: block; padding: 1rem .2rem; }
.hot-question-list .num {
    position: absolute; left: 0; top: 1.1rem;
    width: .8rem; height: .8rem; border-radius: .1rem;
    background: linear-gradient(133deg, #C0B8B8 0%, #DFD3D4 100%);
    font-size: .6rem; color: #fff; font-weight: 600; line-height: .8rem; text-align: center;
}
.hot-question-list .num.bg-1 { background: linear-gradient(90deg, #E72D2E 0%, #FF6060 100%); }
.hot-question-list .num.bg-2 { background: linear-gradient(135deg, #EF8231 0%, #F9A574 100%); }
.hot-question-list .num.bg-3 { background: linear-gradient(139deg, #D4B48A 0%, #E8CAAE 100%); }
.hot-question-list .tit { font-weight: 500; }
.hot-question-list .other { height: .8rem; line-height: .8rem; }
.hot-question-list .other span { float: left; font-size: .55rem; }
.hot-question-list .other span.name { max-width: 4.8rem; }
.hot-question-list .other span.name.w192 { max-width: 9.6rem; }
.hot-question-list .other img { float: left; width: .8rem; height: .8rem; border-radius: 50%; margin-right: .3rem; }
.hot-question-list .other em { float: right; }
.hot-question-list .other .line-vertical { float: left; margin: .15rem .6rem 0; height: .5rem; }
.hot-question-list .other .line-vertical:after { background-color: #bbb; }
.hot-question-list .tx { font-size: .6rem; color: #999; line-height: .9rem; }
    /**/
.hot-question-list .photo { float: left; width: 3.6rem; height: 3.6rem; margin-right: .8rem; }
.hot-question-list .photo .bg { 
    position: absolute; left: 0; top: 0; color: #fff;
    width: 100%; height: 100%; border-radius: .4rem; background-color: rgba(0,0,0, .3); 
}
.hot-question-list .photo .ico-voice-line { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ; }
.hot-question-list .photo  time {
    position: absolute; right: .25rem; bottom: .25rem;
    padding: 0 .3rem; background: rgba(0,0,0, .3); border-radius: .3rem;
    font-size: .4rem; line-height: .6rem;
}
    /*quest-rank*/
.hot-question-list.quest-rank .item { padding-left: 1.35rem; }
.hot-question-list.quest-rank-audio .item { padding: 1rem 0; }
.hot-question-list.quest-rank-audio .num { top: .8rem; left: -0.25rem; z-index: 5; }

/* lawyer-rank-bar */
.lawyer-rank-bar {
    background: #fff url('../../pic/v-plate/bg_lr_rank.png') no-repeat; background-size: 100% auto;
    border-top: 1px solid #fff; border-radius: .4rem;
}
.lawyer-rank-bar .nav-f18 { padding: .8rem .6rem 0; box-sizing: content-box; }
.lawyer-rank-bar .rank-lr { padding: 1rem .6rem 1.1rem; background:linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .03) 15%, rgba(0,0,0, 0) 70%); }
.rank-lr .item { 
    float: left; width: 5.2rem; margin-right: .5rem; padding: 1rem .35rem 0; text-align: center;
    background: #fff; border-radius: .4rem;
    /* box-shadow: 0rem -3rem 1rem rgba(0,0,0, .04); */
}
.rank-lr .item:first-child { margin-right: .45rem; }
.rank-lr .item:last-child { margin-right: 0; }
.rank-lr .photo { display: block; margin: 0 auto .5rem; width: 3.2rem; height: 3.2rem; z-index: 1; }
.rank-lr .photo:before,
.rank-lr .photo:after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); content: ''; background-size: cover; }
.rank-lr .photo:before{ width: 2.5rem; height: 1.4rem; top: 2.55rem; z-index: -1; }
.rank-lr .photo:after { width: 1.2rem; height: 1.2rem; top: 2.5rem; }
.rank-lr .rk-1 .photo:before{ background-image: url('../../pic/v-plate/rank_flag_1.png');}
.rank-lr .rk-1 .photo:after { background-image: url('../../pic/v-plate/rank_n_1.png');}
.rank-lr .rk-2 .photo:before{ background-image: url('../../pic/v-plate/rank_flag_2.png');}
.rank-lr .rk-2 .photo:after { background-image: url('../../pic/v-plate/rank_n_2.png');}
.rank-lr .rk-3 .photo:before{ background-image: url('../../pic/v-plate/rank_flag_3.png');}
.rank-lr .rk-3 .photo:after { background-image: url('../../pic/v-plate/rank_n_3.png');}
.rank-lr .name { font-size: .75rem; font-weight: 600; }
.rank-lr .help { font-size: .55rem; color: #E72D2D; font-weight: 600; margin-top: .4rem; }
.rank-lr .help .f-num { display: inline-block; margin: -0.25rem .1rem 0 0; font-size: .8rem; }
.rank-lr .f10 { font-size: .5rem; line-height: .8rem; color: #bbb; }

/* fw-data */
.fw-data { display: flex; height: 1.2rem; background: linear-gradient(281deg, rgba(255,255,255,0) 30%, rgba(255,255,255, .8) 100%); border-radius: .4rem; }
.fw-data .swiper-bar { float: left; width: 66%; height: 1.2rem; line-height: 1.2rem; }
.fw-data .swiper-slide { height: 1.2rem; padding: 1px .2rem 0 .4rem; font-size: .5rem; }
.fw-data .online { 
    float: right; height: 1.2rem; background: #c9dbe3; border: .5px solid #9ebfc8; border-radius: .4rem; 
    padding: .2rem .4rem; font-size: .5rem; color: #333; line-height: .8rem;  white-space: nowrap;
}
.fw-data .online .photo-arr { float: left; padding-left: .4rem; }
.fw-data .online .photo-arr img { float: left; width: .8rem; height: .8rem; border: 1px solid #fff; border-radius: 50%; margin-left: -0.4rem; }
.fw-data .online .s-gn { color: #0fb55d; }
    
/* art-ask-h235 */
.art-ask-h235 { display: block; height: 11.75rem; padding: .8rem .6rem; background: url('../../pic/art/bg_ask_h235.png'); background-size: cover;  }
.art-ask-h235 .title { height: 1.2rem; line-height: 1.2rem; padding: 0 .2rem; }
.art-ask-h235 .title .logo { float: left; width: 2.95rem; height: 1rem; margin-top: .1rem; }
.art-ask-h235 .title .line-vertical { float: left; height: .7rem; margin: .25rem .4rem 0; }
.art-ask-h235 .title .line-vertical:after { border: none; background-color: #bbb; }
.art-ask-h235 .title strong { float: left; font-size: .85rem; }
.art-ask-h235 .h14 { padding: 0 .2rem; height: .7rem; line-height: .7rem; font-size: .5rem; color: #999; margin-top: .2rem; }
.art-ask-h235 .h14 .gap-dot { width: .1rem; height: .1rem; background-color: #999; margin: -0.1rem .4rem 0; }
.art-ask-h235 .h14 .vm { display: inline-block; margin-top: -0.1rem; }
.art-ask-h235 .box { padding: 1rem .5rem .8rem; border-radius: .4rem; margin-top: .6rem; }
.art-ask-h235 .box .promise { display: flex; height: .9rem; line-height: .9rem; font-size: .6rem; text-align: center; }
.art-ask-h235 .box .promise span { flex: 1; }
.art-ask-h235 .box .promise span .ico-pe { display: inline-block; margin: -0.2rem .2rem 0 0; width: .7rem; height: .7rem; }
.art-ask-h235 .box .ask { 
    position: relative; margin: .8rem .3rem; padding: 0 0 0 .8rem; 
    height: 2rem; border: 1px solid #ab885c; border-radius: 1rem;
    font-size: .75rem; color: #bbb; line-height: 1.9rem;
}
.art-ask-h235 .box .ask .u-btn {
    position: absolute; top: 0; right: 0; bottom: 0;
    border: none; width: 5.65rem; height: auto; padding: 0; border-radius: .9rem;
    background: linear-gradient(90deg, #c5ab7d 0%, #a27c51 100%); box-shadow: 0rem .1rem .5rem rgba(162,124,81,0.3);
    font-size: .75rem; color: #fff; text-align: center; line-height: 1.9rem;
}
.art-ask-h235 .box .ask .u-btn .iconfont { font-size: .7rem; margin: -0.1rem .2rem 0 0; transform: rotatey(180deg); }
.art-ask-h235 .box .ask .u-lable { 
    position: absolute; left: 50%; top: 0; margin: -0.5rem 0 0 3.9rem;
    padding: 0 .3rem; background: #000; border-radius: .55rem .55rem .55rem 0rem;
    font-size: .45rem; color: #fff; line-height: .8rem; white-space: nowrap;
}
.art-ask-h235 .box .ask .u-lable:after {
    position: absolute; left: 0; bottom: 0; content: '';
    border: .25rem solid transparent; border-left-color: #000; border-right: none;
    transform: translatey(30%);
}
/* .art-ask-h235 .box .fw-data .swiper-bar { max-width: 70%; } */
.art-ask-h235 .box .fw-data .swiper-slide .s-c9 { float: left; margin-right: .2rem; }

/* tj-lawyer-bar */
.tj-lawyer-bar { 
    padding: .8rem .6rem 0;
    background: linear-gradient(192deg, #E6F0FF 0%, #FFFFFF 6rem);
    border-top: 1px solid #fff; border-radius: .4rem;
}
/* art-lr-h155 */
.art-lr-h155 { position: relative; padding: 1rem 0; }
.art-lr-h155 .lawyer { display: block; padding-left: 4rem; }
.art-lr-h155 .photo { position: absolute; left: 0; top: 1rem; width: 3.5rem; height: 3.5rem; }
.art-lr-h155 .lable { 
    position: absolute; top: 0; right: 1px; 
    background: #f7e5c6; border-radius: 0rem .4rem 0rem .4rem; 
    padding: 0 .4rem; font-size: .5rem; color: #9f6035;
}
.art-lr-h155 .tit { height: 1.1rem; }
.art-lr-h155 .tit .name { float: left; max-width: 10.4rem; }
.art-lr-h155 .tit .ico-vip { float: left; margin: .1rem 0 0 .3rem; }
.art-lr-h155 .help { height: .9rem; line-height: .9rem; font-size: .6rem; color: #666; margin-top: .4rem; }
.art-lr-h155 .help span { float: left; }
.art-lr-h155 .help span b { font-weight: 500; }
.art-lr-h155 .help .line-vertical { float: left; margin: .15rem .4rem 0; }
.art-lr-h155 .tag { height: 1rem; margin-top: .4rem; }
.art-lr-h155 .tag span { 
    float: left; margin-right: .3rem; background-color: #F4F7F9; border: .5px solid rgba(128,147,184,0.2); border-radius: .2rem; 
    padding: 0 .2rem; font-size: .55rem; color: #8093B8; line-height: .9rem; 
}
.art-lr-h155 .btn-group { height: 1.6rem; display: flex; padding: 0 1.5rem 0 4rem; margin-top: .8rem; }
.art-lr-h155 .btn-group .u-btn { flex: 1; padding: 0; margin-right: .6rem; }
.art-lr-h155 .btn-group .btn-brown { line-height: 1.65rem; }
.art-lr-h155 .btn-group .u-btn:last-child { margin-right: 0; }
.art-lr-h155 .btn-group .u-btn:first-child { width: 4.4rem; flex: none; }
    /*wom*/
.art-lr-h155.wom { background: url(../../pic/art/bg_h155.png); background-size: cover; }
.art-lr-h155.wom .tag span { background-color: transparent; border: .5px solid rgba(197,171,125, .5); color: #a27c51; }
    /*art-card*/
.art-lr-h155.art-card { padding: 1rem 0 .8rem; background-color: #fff; border-radius: .4rem; }
.art-lr-h155.art-card .lawyer { padding-left: 4.6rem; }
.art-lr-h155.art-card .lawyer .photo { left: .6rem; }

/* swiper-quality-video */
.swiper-quality-video { padding-right: .6rem; }
.swiper-quality-video .swiper-wrapper { padding: .8rem 0 .5rem .6rem; }
.swiper-quality-video .swiper-slide { 
    width: 11.2rem; height: 8.5rem; border-radius: 0rem 0rem .4rem .4rem; margin-right: .6rem;
    background: #fff; box-shadow: 0rem .15rem .5rem rgba(0,0,0,0.05); 
}
.swiper-quality-video .img-block { height: 6.3rem; }
.swiper-quality-video .btn-play { width: 1.6rem; height: 1.6rem; line-height: 1.6rem; }
.swiper-quality-video .btn-play .icon-play { font-size: .65rem; }
.swiper-quality-video time {
    position: absolute; right: .4rem; bottom: .4rem;
    padding: 0 .35rem; height: .9rem; background: rgba(0,0,0, .3); border-radius: .45rem;
    font-size: .5rem; color: #fff; line-height: .9rem;
}
.swiper-quality-video .tx { padding: .55rem .6rem; font-size: .7rem; }

/* swiper-quality-audio */
.swiper-quality-audio { padding-right: .6rem; }
.swiper-quality-audio .swiper-wrapper { padding-left: .6rem; }
.swiper-quality-audio .swiper-slide { 
    width: 7.2rem; height: 7.3rem; margin-right: .5rem;
    border: .5px solid #E8E8E8; border-radius: .4rem; 
}
.swiper-quality-audio .img-block { width: 7.2rem; left: -0.05rem; top: -0.05rem; }
.swiper-quality-audio .img-block .btn-play { width: 1.2rem; height: 1.2rem; line-height: 1.2rem; }
.swiper-quality-audio .img-block .btn-play .icon-play { font-size: .6rem; transform: scale(.8, .7); }
.swiper-quality-audio .img-block time { 
    position: absolute; right: .2rem; bottom: .2rem; 
    height: .6rem; padding: 0 .25rem; background-color: rgba(0,0,0, .3); border-radius: .6rem;
    font-size: .4rem; color: #fff; line-height: .6rem;
}
.swiper-quality-audio .img-block.bor { left: 0; top: 0; width: 100%; }
.swiper-quality-audio .tit { padding: .55rem .4rem 0; font-size: .7rem; line-height: 1rem; }
.swiper-quality-audio .other { padding: .4rem .4rem 0; line-height: .8rem; font-size: .55rem; color: #bbb; }
.quality-audio-video .swiper-slide { height: 8.45rem; }
.quality-audio-line .swiper-slide { height: 7.8rem; }
.quality-audio-line .img-block { width: 100%; left: 0; top: 0; }
.quality-audio-line .tit { padding-top: 0; }

/* more-lm-box */
.more-lm-box { display: flex; }
.more-lm-box li { flex: 1; text-align: center; }
.more-lm-box li:nth-child(2) { padding: 0 .4rem; }
.more-lm-box li a { 
    display: block; height: 4.9rem; padding-top: .8rem; 
    box-shadow: 0rem .3rem .5rem rgba(0,0,0, .05); border-radius: .45rem; 
}
.more-lm-box li img { display: block; width: 1.2rem; height: 1.2rem; margin: 0 auto .4rem; }
.more-lm-box li div { font-size: .7rem; line-height: 1rem; font-weight: 600; text-align: center; }
.more-lm-box li p { font-size: .5rem; color: #999; line-height: .7rem; margin-top: .1rem; }
.more-lm-box li.bg1 a { background: linear-gradient(180deg, #ecf6f9 0%, #fff 30%); }
.more-lm-box li.bg2 a { background: linear-gradient(178deg, #fbf5ea 0%, #fff 30%); }
.more-lm-box li.bg3 a { background: linear-gradient(180deg, #eeeffd 0%, #fff 30%); }

/* banner-zcz */
.banner-zcz { height: 8.2rem; padding: 3rem .8rem 0; background: url('../../pic/knowledge/banner_zcz.png') no-repeat; background-size: cover; }
.banner-zcz .tit { height: 1.3rem; color: #fff; }
.banner-zcz .tit strong { float: left; font-size: .9rem; line-height: 1.3rem; }
.banner-zcz .tit .line-vertical { float: left; height: .7rem; margin: .3rem .6rem 0; }
.banner-zcz .tit span { float: left; font-size: .6rem; line-height: .8rem; margin: .3rem 0 0 .4rem; opacity: .5; }
.banner-zcz .h18 { height: .9rem; line-height: .9rem; font-size: .6rem; color: #999; margin-top: .4rem; }

/* swiper-classify */
.swiper-classify { 
    position: relative; margin-top: -2.35rem;
    padding: .8rem .5rem .85rem; border-radius: .8rem .8rem 0rem 0rem;
    background: linear-gradient(180deg, #fff 40%, rgba(255,255,255, 0) 100%);
}
.swiper-classify .swiper-container { padding-bottom: 1rem; }
.swiper-classify .swiper-container-horizontal>.swiper-pagination-bullets { bottom: .4rem; }

/* type-link */
.type-link li { float: left; width: 33.333%; padding: .2rem .3rem; }
.type-link li a { 
    display: block; background: #f5f5f5; border-radius: .2rem; 
    padding: .5rem .35rem .45rem; font-size: .65rem; text-align: center; line-height: 1;
}
.type-link li a.hot { background-color: #fef0f0; }
.type-link li a .ico-free { 
    display: inline-block; width: .6rem; height: .6rem; margin: -0.15rem .2rem 0 0;
    background: url('../../pic/knowledge/ico_fire.png') no-repeat; background-size: cover; 
}

/* art-lr-h178 */
.art-lr-h178 { position: relative; height: 8.9rem; background: url('../../pic/art/bg_h178.png'); background-size: cover; border-radius: .8rem; }
.art-lr-h178 .lawyer { display: block; padding: 1.2rem 6.8rem 0 1rem; }
.art-lr-h178 .lawyer .lable {
    position: absolute; left: .4rem; top: -0.2rem;
    padding: .25rem .3rem; background-color: #000; border-radius: .2rem;
    font-size: .5rem; color: #F2CD9D; line-height: 1;
}
.art-lr-h178 .lawyer .photo { 
    position: absolute; top: .85rem; right: 1.2rem; 
    width: 4.6rem; height: 4.6rem; padding: .3rem; background-color: #d1e1e6; border-radius: .6rem;
    backdrop-filter: blur(.5rem); background-color: rgba(255,255,255, .6);
}
.art-lr-h178 .lawyer .photo img { border-radius: .6rem; }
.art-lr-h178 .lawyer .tit { height: 1.2rem; line-height: 1.2rem; }
.art-lr-h178 .lawyer .tit .name { float: left; font-size: .9rem; max-width: 8.1rem; }
.art-lr-h178 .lawyer .tit .name.w110 { max-width: 5.5rem; }
.art-lr-h178 .lawyer .tit .name.w146 { max-width: 7.3rem; }
.art-lr-h178 .lawyer .tit .ico-vip { float: left; margin: .2rem 0 0 .3rem; }
.art-lr-h178 .lawyer .tit .line-vertical { float: left; height: .5rem; margin: .45rem .4rem 0; }
.art-lr-h178 .lawyer .tit .line-vertical:after { border: none; background-color: #ccc; transform: scalex(1); }
.art-lr-h178 .lawyer .tit .post { float: left; font-size: .6rem; line-height: .8rem; margin-top: .3rem; }
.art-lr-h178 .lawyer .h18 { height: .9rem; line-height: .9rem; font-size: .6rem; margin-top: .4rem; }
.art-lr-h178 .lawyer .help { color: #999; }
.art-lr-h178 .lawyer .help span { float: left; }
.art-lr-h178 .lawyer .help .gap-dot { float: left; width: .1rem; height: .1rem; background-color: #bbb; margin: .4rem; }
.art-lr-h178 .lawyer .tag { height: 1rem; line-height: 1rem; margin-top: .4rem; }
.art-lr-h178 .lawyer .tag span { 
    float: left; background-color: #fff; border-radius: .1rem; margin-right: .2rem;
    padding: 0 .2rem; font-size: .55rem; color: #666;
}
    /**/
.art-lr-h178 .ask { 
    position: absolute; left: .5rem; bottom: .8rem; right: .5rem; 
    height: 2.2rem; line-height: 2.2rem; background-color: #fff; border-radius: 2rem;
    padding: 0 6rem 0 .8rem; font-size: .7rem; color: #bbb; width: auto;
}
.art-lr-h178 .ask .u-btn { 
    position: absolute; top: .3rem; right: .4rem;
    width: 5.2rem; height: 1.6rem; border: none; padding: 0;
    background: linear-gradient(90deg, #c5ab7d 0%, #a27c51 100%); border-radius: 1rem;
    font-size: .7rem; color: #fff; line-height: 1.6rem; text-align: center;
}
.art-lr-h178 .ask .u-btn .iconfont { font-size: .7rem; margin: -0.05rem .2rem 0 0; transform: rotateY(180deg); }
.art-lr-h178 .ask.r88 { padding-right: 5.25rem; }
.art-lr-h178 .ask.r88 .u-btn { width: 4.4rem; }
    /**/
.art-lr-h178 .btn-group { position: absolute; left: 1rem; right: 4rem; bottom: 1.2rem; display: flex; }
.art-lr-h178 .btn-group .u-btn { padding: 0; }
.art-lr-h178 .btn-group .btn-brown-line { width: 4.4rem; margin-right: .6rem; background-color: #fff; }
.art-lr-h178 .btn-group .btn-brown { flex: 1; }

/* tab-botm-lawyer */
.tab-botm-lawyer { padding: 0 .4rem; background-color: #fff; border-radius: .4rem; }
.tab-botm-lawyer .swiper-container-horizontal>.swiper-pagination-bullets { bottom: .8rem; }
.tab-botm-lawyer .tab-nav { padding: .2rem .2rem 0; }
.tab-botm-lawyer .tab-nav .nav-item { font-size: .8rem; line-height: 2.2rem; }
.tab-botm-lawyer .tab-nav .nav-item.is-this { color: #333; }
.tab-botm-lawyer .tab-nav .nav-item.is-this:after { 
    position: absolute; left: 50%; bottom: 0; content: ''; transform: translatex(-50%);
    width: 1.4rem; height: .15rem; background: #0057ff; border-radius: .1rem;
}
.tab-botm-lawyer .swiper-dot-bottom { padding-bottom: 1.5rem; }
.tab-botm-lawyer .tag-r3 li { float: left; width: 33.3333%; padding: .2rem; }
.tab-botm-lawyer .tag-r3 li a { 
    display: block; height: 1.6rem;
    padding: 0 .3rem; background: #f5f5f5; border-radius: .2rem;
    font-size: .65rem; line-height: 1.65rem; text-align: center;
}
.tab-botm-lawyer .tag-r3 li a span { display: inline-block; max-width: 3.3rem; margin-top: -0.1rem; }

/* classify-intro */
.classify-intro { 
    position: relative; padding-top: 2.2rem; 
    background: url('../../pic/v-plate/banner_type_index.png') no-repeat; background-size: 100% auto; 
}
.classify-intro .btn-type {
    position: absolute; top: 3.1rem; right: .6rem; z-index: 10;
    height: 1.2rem; line-height: 1.2rem; padding: 0 .8rem 0 .3rem; font-size: .55rem;
    background: #fff; box-shadow: 0rem .1rem .1rem rgba(0,0,0,0.05); border-radius: .4rem;
}
.classify-intro .btn-type:after {
    position: absolute; top: .5rem; right: .3rem; content: '';
    border: .2rem solid transparent; border-top-color: #bbb; border-bottom: none;
}
.intro-tip { padding: .8rem .8rem .9rem; }
.intro-tip dt { position: relative; padding: .25rem 0 .15rem; font-size: 1rem; line-height: 1; font-weight: 600; z-index: 1; }
.intro-tip dt .n-bg-blue { position: absolute; left: .6rem; bottom: -0.4rem; z-index: -1; }
.intro-tip dd { font-size: .6rem; color: #999; line-height: .9rem; margin-top: .6rem; text-align: justify; word-wrap: break-word; word-break: break-all; }
.intro-tip dd .unfd-ovh { height: 2.7rem; }
.intro-tip dd .unfd-btn { 
    position: absolute; right: 0; bottom: 0; 
    background-color: #fff; font-size: .6rem; line-height: .9rem; height: .9rem; 
}
.intro-tip dd .unfd-btn:after {
    position: absolute; top: 0; left: -1rem; bottom: 0; content: ''; width: 1rem;
    background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%);
}
.intro-tip dd .is-show .unfd-btn { background-color: #f8f8f8; }
.intro-tip dd .is-show .unfd-btn:after {
    background: linear-gradient(270deg, #f8f8f8 0%, rgba(248,248,248,0) 100%);
}

/* art-ask-h133 */
.art-ask-h133 { 
    display: block; height: 6.65rem; padding: .8rem .5rem 0; 
    background: url('../../pic/art/bg_h133.png'); background-size: cover; 
}
.art-ask-h133 .tit { font-size: .7rem; line-height: 1rem; font-weight: 600; }
.art-ask-h133 .box { position: relative; padding: .7rem 5.5rem .7rem .3rem; background-color: #fff; border-radius: .4rem; margin-top: .6rem; }
.art-ask-h133 .box .h18 { height: .9rem; line-height: .9rem; font-size: .6rem; text-align: center; }
.art-ask-h133 .box .h18 span { float: left; margin-right: .6rem; }
.art-ask-h133 .box .h18 span:last-child { margin-right: 0; }
.art-ask-h133 .box .h18 em { float: left; color: #bb9e71; }
.art-ask-h133 .box .h24 { 
    display: flex; height: 1.2rem; background: #f8f8f8; border-radius: .4rem; margin-top: .2rem; 
    font-size: .5rem; color: #999; text-align: center; line-height: 1.2rem;
}
.art-ask-h133 .box .h24 .ico-pe { 
    display: inline-block; width: .6rem; height: .6rem; margin: -0.1rem .2rem 0 0; 
    background: url('../../pic/ico/ft_pe.png'); background-size: cover;
}
.art-ask-h133 .box .h24 span { flex: 1; }
.art-ask-h133 .box .u-btn { 
    position: absolute; top: 1rem; right: .4rem; 
    width: 4.7rem; height: 1.6rem; box-shadow: 0rem .1rem .5rem rgba(162,124,81,0.3); border-radius: .5rem;
    background: linear-gradient(90deg, #c5ab7d 0%, #a27c51 100%); border: none;
    padding: 0; font-size: .65rem; color: #fff; text-align: center; line-height: 1.6rem;
}

/* use-num */
.use-num { float: left; font-size: .6rem; color: #666; line-height: 2.2rem; letter-spacing: .1rem; margin-top: 1px; }
.use-num .line-vertical { float: left; height: .5rem; margin: .85rem .4rem 0 0; }
.use-num .line-vertical:after { border: none; background-color: #bbb; }

/* detail-bar */
.det-banner { height: 4rem; background: url('../../pic/knowledge/det_topbanner.png') no-repeat; background-size: 100% auto; }
.det-banner-h98 { height: 4.9rem; background: url('../../pic/v-plate/det_topbanner_h98.png') no-repeat; background-size: 100% auto; }
.detail-bar { margin-top: -0.8rem; background-color: #fff; border-radius: .8rem .8rem 0 0; padding-bottom: .4rem; }
.det-tit { font-size: 1.1rem; line-height: 1.6rem; font-weight: 600; }
.det-other { height: .7rem; line-height: .7rem; font-size: .5rem; color: #999; margin-top: .6rem; }
.det-other .line-vertical { float: left; height: .4rem; margin: .15rem .4rem 0; }
.det-intro { position: relative; font-size: .65rem; color: #999; text-indent: 2.5em; margin-top: 1rem; }
.det-intro:before {
    position: absolute; left: .1rem; top: -0.15rem; content: '';
    width: 1rem; height: 1rem; background: url('../../pic/knowledge/ico_quo.png'); background-size: cover;
}
.det-intro a { color: #999; }
.det-conts { padding: 0 .4rem .7rem; font-size: .85rem; line-height: 1.6rem; text-align: justify; word-wrap: break-word; word-break: break-all; }
.det-conts .cont-tit { padding: .4rem 0 .25rem; line-height: 1.2rem; font-weight: 600; }
.det-conts p { padding: .35rem 0; }
.det-conts a { color: #646987; }
.det-conts img,
.det-conts table { display: block; max-width: 100%; }
.det-statement { padding: 0 .4rem; font-size: .6rem; line-height: 1rem; color: #bbb; }
.det-statement .alarm { padding-left: .85rem; background: url('../../pic/knowledge/ico_alarm.png') no-repeat; background-size: .6rem .6rem; color: #666; }
.det-statement  p { margin-top: .7rem; }

/* art-lr-h72 */
.art-endorsed { padding: 0 .8rem; background-color: #f8f8f8; border-radius: .4rem; }
.art-lr-h72 { position: relative; }
.art-lr-h72 .lawyer { display: block; padding: .8rem 4rem .8rem 0; }
.art-lr-h72 .photo { float: left; width: 2rem; height: 2rem; margin-right: .4rem; }
.art-lr-h72 .photo .ico-vip { width: .7rem; height: .7rem; border: 1px solid #fff; border-radius: 50%; }
.art-lr-h72 .tit { height: 1rem; line-height: 1rem; }
.art-lr-h72 .tit .name { float: left; font-size: .7rem; color: #333; max-width: 5.6rem; }
.art-lr-h72 .tit .area { float: left; font-size: .55rem; color: #999; max-width: 2.6rem; }
.art-lr-h72 .tit .line-vertical { float: left; height: .5rem; margin: .25rem .4rem 0; }
.art-lr-h72 .line-vertical:after { border: none; background-color: #ddd; }
.art-lr-h72 .h16 { height: .8rem; line-height: .8rem; margin-top: .2rem; }
.art-lr-h72 .h16 span { float: left; font-size: .55rem; color: #999; }
.art-lr-h72 .h16 .line-vertical { float: left; height: .5rem; margin: .15rem .4rem 0; }
.art-lr-h72 .u-btn {
    position: absolute; top: 1.15rem; right: .2rem;
    padding: .3rem .4rem .25rem; height: 1.3rem; line-height: 1; font-size: .6rem; 
}
.art-lr-h72 .u-btn .dot-online { 
    display: inline-block; vertical-align: middle; margin: -0.1rem .2rem 0 0;
    width: .3rem; height: .3rem; background-color: #11bb65; border-radius: 50%; 
}

/* recite-solve */
.recite-solve { margin-bottom: .7rem; }
.recite-solve dt { height: 1.3rem; line-height: 1.3rem; }
.recite-solve dt strong { float: left; font-size: .9rem; }
.recite-solve .promise {
    float: right; height: 1.2rem; padding: 0 .2rem; margin-top: 1px;
    background: #FDF9F1; border-radius: .4rem;
    font-size: .5rem; color: #A27C51; line-height: 1.2rem;
}
.recite-solve .promise span { float: left; padding: 0 .2rem; } 
.recite-solve .promise span .ico-pe { float: left; width: .6rem; height: .6rem; margin: .3rem .2rem 0 0; }

/* legal-basis */
.legal-basis { padding: 0 .4rem; }
.legal-basis .tit { position: relative; z-index: 1; height: 1.1rem; font-size: .8rem; font-weight: 600; }
/* .legal-basis .tit:after {
    position: absolute; left: 0; bottom: 1px; content: '';
    width: 1.6rem; height: .3rem; opacity: 0.2; border-radius: .1rem;
    background: linear-gradient(273deg, #5D94FF 0%, #0057FF 100%); 
} */
.legal-basis .tit .n-bg-blue {
    position: absolute; left: 1.15rem; bottom: -0.4rem; 
    display: inline-block; z-index: -1;
}
.legal-basis .cont { font-size: .75rem; line-height: 1.5rem; color: #999; margin-top: .25rem; }
.legal-basis .cont p { padding: .3rem 0; }
.legal-basis .link { padding: .6rem 0 .3rem; }
.legal-basis .link dd { font-size: .75rem; line-height: 1.4rem; overflow: hidden; } 
.legal-basis .link dd a { 
    float: left; max-width: 98%; padding-right: 1rem; color: #999;
    background: url('../../pic/ico/link.png') no-repeat right center; background-size: .7rem .7rem; 
}
/* art-platform-h318 */
.art-platform-h318 { position: relative; height: 15.1rem; border-radius: .5rem; box-shadow: 0rem .1rem 1rem rgba(0,0,0, .1); }
.art-platform-h318 .bg { 
    position: relative; top: -0.8rem; height: 15.9rem; 
    background: url('../../pic/art/bg_platform_h318.png'); background-size: cover; 
}
.art-platform-h318 .top-h16 { 
    position: absolute; left: 6.5rem; top: .15rem; 
    font-size: .55rem; color: #5b7e88; line-height: .8rem;
}
.art-platform-h318 .box { position: absolute; left: 0; top: 1.5rem; right: 0; bottom: 0; padding: 1rem .8rem; }
.art-platform-h318 .box .tx-qua {
    padding: 0 .25rem; font-size: .65rem; color: #666; line-height: 1rem; height: 2rem; overflow: hidden; 
    text-indent: 1.2rem; 
}
.art-platform-h318 .box .tx-qua b { font-weight: 500; }
.art-platform-h318 .lawyer-h42 { position: relative; padding-right: 6rem; height: 2.1rem; margin-top: 1.8rem; }
.art-platform-h318 .lawyer-h42 .photo { float: left; width: 2rem; height: 2rem; margin: 1px .5rem 0 0; }
.art-platform-h318 .lawyer-h42 .h22 { height: 1.1rem; }
.art-platform-h318 .lawyer-h42 .tag { height: .8rem; line-height: .8rem; margin-top: .2rem; }
.art-platform-h318 .lawyer-h42 .tag span {
    float: left; margin-right: .2rem;
    background: #f8f3e4; border: .5px solid #f8e7c1; border-radius: .2rem;
    padding: 0 .2rem; font-size: .5rem; color: #b99463; line-height: .7rem;
}
.art-platform-h318 .lawyer-h42 .btn-light { 
    position: absolute; top: 1px; right: 0; 
    width: 5.65rem; height: 2rem; padding: 0; 
    background: linear-gradient(90deg, #c5ab7d 0%, #a27c51 100%);
    box-shadow: 0rem .1rem .5rem rgba(162,124,81,0.3); border-radius: 1rem;
    font-size: .75rem; color: #fff; line-height: 1.9rem;  
}
.art-platform-h318 .lawyer-h42 .btn-light .iconfont { font-size: .7rem; margin: -0.1rem .2rem 0 0; transform: rotatey(180deg); }
.art-platform-h318 .tx-talk { padding: .6rem; font-size: .7rem; line-height: 1rem; margin-top: .5rem; }
.art-platform-h318 .fw-data { background: linear-gradient(281deg, rgba(255,255,255,0) 30%, rgba(255,255,255, .8) 100%); }
.art-platform-h318 .fw-data .online { background: #C9DBE3; border-color: #9EBFC8; color: #333; }

/* art-platform-104 */
.art-platform-104 { 
    display: block; height: 5.2rem; padding: 1.3rem .8rem; 
    background: url('../../pic/art/bg_platform_h104.png'); background-size: cover; 
}
.art-platform-104 .tit { line-height: 1.2rem; font-size: .9rem; color: #fff; font-weight: 600; }
.art-platform-104 .tag { height: .9rem; line-height: .9rem; margin-top: .45rem; }
.art-platform-104 .tag span { float: left; margin-right: .2rem;
    padding: 0 .2rem; background: #0059f3; border-radius: .1rem;
    font-size: .5rem; color: rgba(245,245,245, .7);
}

/* faq-item */
.faq-item { display: block; padding: 1rem .6rem 1rem 2rem; }
.faq-item .tit .ico-wen { position: absolute; left: -1.4rem; top: .1rem; }
.faq-item .tit .fb { font-weight: 500; }
.faq-item .help { height: .8rem; line-height: .8rem; font-size: .55rem; color: #bbb; }
.faq-item .help span { float: left; }
.faq-item .help .line-vertical { float: left; margin: .1rem .4rem 0; }
.faq-item .tx { font-size: .7rem; color: #666; }
.faq-item .tx .ico-da { position: absolute; left: -1.4rem; top: .1rem; }
.faq-item .other-h32 { 
    padding: .3rem .4rem .3rem .6rem; height: 1.6rem;  background-color: #f5f5f5; border-radius: .4rem; 
    font-size: .6rem; line-height: 1rem;
}
.faq-item .other-h32 .photo-arr { float: left; padding-left: .2rem; margin-right: .4rem; }
.faq-item .other-h32 .photo-arr img { float: left; width: 1rem; height: 1rem; border: 1px solid #fff; border-radius: 50%; margin-left: -0.2rem; }
.faq-item .other-h32 strong { float: left; color: #333; font-weight: normal; max-width: 4.8rem; }
.faq-item .other-h32 .w76 { max-width: 3.8rem; }
.faq-item .other-h32 .line-vertical { float: left; height: .5rem; margin: .25rem .4rem 0; }
.faq-item .other-h32 .line-vertical:after { background-color: #bbb; }
.faq-item .other-h32 .icon-arrow-right { font-weight: normal; transform: scale(.5); }
.faq-card .faq-item { background-color: #fff; border-radius: .4rem; margin-top: .5rem; }

/* ask-h134 */
.ask-h134 { display: block; height: 6.7rem; padding: .8rem; background: url('../../pic/art/bg_h134.png'); background-size: cover; }
.ask-h134 .tit { height: 1.6rem; line-height: 1.6rem; }
.ask-h134 .tit .ico { float: left; width: 1.6rem; height: 1.6rem; margin-right: .4rem; }
.ask-h134 .tit strong { float: left; }
.ask-h134 .tit span { 
    float: left; margin: .4rem 0 0 .2rem; line-height: .9rem;
    background: #fff7e6; border-radius: .1rem; padding: 0 .2rem; 
    font-size: .55rem; color: #b69552; 
}
.ask-h134 .other { height: .7rem; line-height: .7rem; overflow: hidden; margin-top: .25rem; font-size: .5rem; color: #666; }
.ask-h134 .other span { float: left; }
.ask-h134 .other .gap-dot { 
    float: left; margin: .3rem .4rem 0;
    width: .1rem; height: .1rem; background-color: #999;  
}
.ask-h134 .h40 { height: 2rem; padding-left: .6rem; background: linear-gradient(90deg, #f5f5f5 0%, rgba(255,255,255,0.4) 100%); border-radius: .4rem; }
.ask-h134 .h40 .photo-arr { float: left; margin-top: .45rem; padding-left: .2rem; }
.ask-h134 .h40 .photo-arr img { float: left; width: 1.1rem; height: 1.1rem; border: 1px solid #fff; border-radius: 50%; margin-left: -0.2rem; }
.ask-h134 .h40 .f12 { float: left; margin: .45rem 0 0 .4rem; font-size: .6rem; color: #999; }
.ask-h134 .h40 .f12 em { color: #0fb55d; }
.ask-h134 .h40 .u-btn { float: right; margin-top: .2rem; font-size: .7rem; width: 4.6rem; padding: 0; }
.ask-h134 .h40 .u-btn .iconfont { font-size: .6rem; transform: scale(.75); margin: -0.1rem 0 0 .1rem; }

/* news-know-list */
.news-know-list.bg-ff { padding: 0 .8rem; border-radius: .4rem; }
.news-know-list li { padding-left: .2rem; }
.news-know-list li.hr-line:after { left: .2rem; }
.news-know-list .item { display: block; padding: 1rem 0 !important; overflow: hidden; }
.news-know-list .item .img-block { width: 4.8rem; height: 3.2rem; }
.news-know-list .item .img-block img { border-radius: .4rem; }
.news-know-list .item .img-block time { 
    position: absolute; right: .15rem; bottom: .2rem; 
    background-color: rgba(0,0,0, .3); padding: 0 .25rem; border-radius: .6rem; 
    line-height: .6rem; font-size: .4rem; color: #fff;
}
.news-know-list .item .img-block .btn-play {
    position: absolute; left: 50%; top: 50%; z-index: 5;
    width: 1.2rem; height: 1.2rem; line-height: 1.2rem; padding-left: .1rem; text-align: center; 
    backdrop-filter: blur(.25rem); background-color:rgba(255,255,255, .2);
    transform: translatex(-50%) translatey(-50%); border-radius: 50%;
}
.news-know-list .item .img-block .btn-play .iconfont { font-size: .8rem; color: #fff; transform: scale(.5); }
.news-know-list .item .img-block.w128 { width: 6.4rem; height: 3.6rem; }
.news-know-list .item .tit { line-height: 1.2rem; }
.news-know-list .item .tit span { display: inline; vertical-align: inherit; }
.news-know-list .item .tit .ico-hot { 
    width: .8rem; height: .8rem; margin: -0.15rem .2rem 0 0;
    background: url('../../pic/knowledge/ico_fire.png') no-repeat; background-size: cover; 
}
.news-know-list .item .other { height: 1.2rem !important; line-height: 1.2rem !important; margin-top: .6rem; font-size: .55rem !important; color: #bbb; }
.news-know-list .item .other span { float: left; margin-right: .4rem !important; width: auto !important; padding: .35rem 0 .25rem; line-height: 1; }
.news-know-list .item .other span:last-child { margin-right: 0 !important; }
.news-know-list .item .other .adept  { padding: .35rem .4rem .25rem; line-height: 1; border-radius: .65rem; color: #333; max-width: 3.9rem; background: #f0faf5; }
.news-know-list .item .other .adept .ico-quest { display: inline-block; margin: -0.2rem .2rem 0 0; }
.news-know-list .item .other .adept.bg-f5 { background-color: #f5f5f5; }
    /**/
.news-know-list .item.art-lr .img-block { padding-top: .4rem; background: url('../../pic/knowledge/art_lr_bg.png') no-repeat; background-size: cover; }
.news-know-list .item.art-lr .img-block img { width: 2.8rem; height: 2.8rem; border-radius: 50%; margin: auto; }
.news-know-list .item.art-lr .adept {
    max-width: auto; background: #f0faf5;
    /* background: #f0faf5 url('../../pic/knowledge/ico_lab_yx.png') no-repeat .4rem .35rem; background-size: .5rem .45rem; */
}
.news-know-list .item .h32 { 
    padding: 0 .6rem; height: 1.6rem;  background-color: #f5f5f5; border-radius: .4rem; 
    font-size: .6rem; color: #666; line-height: 1.6rem; margin-top: .6rem;
}
.news-know-list .item .h32 strong { color: #333; margin-right: .6rem; float: left;max-width: 3.7rem; }
.news-know-list .item .h32 .icon-arrow-right { display: inline-block; font-weight: normal; transform: scale(.5); margin-top: -0.1rem; }
.news-know-list .item .h32 .gap-dot { 
    display: inline-block; vertical-align: middle; margin: 0 .4rem 0 .3rem;
    width: .1rem; height: .1rem; background-color: #999;  
}
.news-know-list .item .h32 .photo-arr { float: left; padding-left: .15rem; margin: .4rem .4rem 0 0; }
.news-know-list .item .h32 .photo-arr img { float: left; width: .8rem; height: .8rem; border: 1px solid #fff; border-radius: 50%; margin-left: -0.15rem; }
.news-know-list .item .h20-ks { height: 1rem; line-height: 1rem; font-size: .7rem; color: #2670ff; }
.news-know-list .item .h20-ks .icon-arrow-right { 
    width: .6rem; height: .6rem; margin-left: .2rem;
    background: url('../../pic/knowledge/more-blue.png'); background-size: cover;  
}
.news-know-list .item .h20-ks .icon-arrow-right:before { content: ''; }
    /**/
.hot-question-list .news-know-list .item .photo { width: 3.6rem; height: 3.6rem; border-radius: .4rem; }
.hot-question-list .news-know-list .item .photo img { display: block; width: 100%; height: 100%; border-radius: .4rem; }

/* hot-video-list */
.hot-video-list { padding: 0 .6rem; }
.hot-video-list .item { display: block; padding: 1rem 0 1rem 7.2rem; min-height: 3.6rem; box-sizing: content-box; }
.hot-video-list .item .pic { position: absolute; left: 0; top: 1rem; width: 6.4rem; height: 3.6rem; border-radius: .4rem; }
.hot-video-list .item .pic .num {
    position: absolute; left: -0.25rem; top: -0.2rem;
    width: .8rem; height: .8rem; line-height: .8rem; text-align: center;
    background: linear-gradient(133deg, #C0B8B8 0%, #DFD3D4 100%); border-radius: .1rem;
    font-size: .6rem; color: #fff; font-weight: 600;
}
.hot-video-list .item .pic .num.bg1 { background: linear-gradient(90deg, #E72D2E 0%, #FF6060 100%); }
.hot-video-list .item .pic .num.bg2 { background: linear-gradient(135deg, #EF8231 0%, #F9A574 100%); }
.hot-video-list .item .pic .num.bg3 { background: linear-gradient(139deg, #D4B48A 0%, #E8CAAE 100%); }
.hot-video-list .item .pic .btn-play { width: 1.2rem; height: 1.2rem; line-height: 1.2rem; }
.hot-video-list .item .pic .btn-play .icon-play { font-size: .6rem; margin-top: -0.15rem; transform: scaleX(.8) scaleY(.7); }
.hot-video-list .item .pic time { 
    position: absolute; right: .2rem; bottom: .2rem; 
    height: .6rem; padding: .1rem .25rem 1px; background-color: rgba(0,0,0, .3); border-radius: .6rem;
    font-size: .4rem; color: #fff; line-height: 1;
}
.hot-video-list .item .tit { font-size: .75rem; font-weight: 500;}
.hot-video-list .item .h18 { height: .9rem; line-height: .9rem; margin-top: .3rem; }
.hot-video-list .item .h18 span { 
    float: left; height: .9rem; background: #FEF0F0; border-radius: .2rem;
    padding: 0 .2rem; font-size: .5rem; color: #EC3B3B;
}
.hot-video-list .item .other { height: .8rem; line-height: .8rem; font-size: .55rem; }
.hot-video-list .item .other span { float: left; width: 100%; }
.hot-video-list .item .other span img { float: left; width: .8rem; height: .8rem; margin-right: .3rem; }
.hot-video-list .item .info { height: .8rem; line-height: .8rem; font-size: .6rem; color: #999; }

/* swiper-audio-card */
.ico-audioline { position: relative; height: .5rem; margin-right: .4rem; }
.ico-audioline,
.ico-audioline:before,
.ico-audioline:after { width: .1rem; background-color: #7B5F42;}
.ico-audioline:before,
.ico-audioline:after { position: absolute; bottom: 0; content: ''; }
.ico-audioline:before { height: .25rem; left: .2rem; }
.ico-audioline:after  { height: .35rem; left: .4rem; }
    /**/
.swiper-audio-card { padding-right: .6rem; }
.swiper-audio-card .swiper-wrapper { padding-left: .6rem; }
.swiper-audio-card .item {
    width: 14.4rem; height: 5.1rem; padding: 1rem .8rem; border-radius: .4rem; margin-right: .4rem;
    background: #F3F1EF url('../../pic/v-plate/bg_audio_card.png') no-repeat top right; background-size: 2.8rem 2.4rem; 
}
.swiper-audio-card .tit { font-size: .75rem; font-weight: 600; }
.swiper-audio-card .info { margin-top: .3rem; padding-right: 2rem; }
.swiper-audio-card .info .photo { float: left; width: 1.6rem; height: 1.6rem; margin-right: .5rem; }
.swiper-audio-card .info .name { height: .8rem; line-height: .8rem; font-size: .55rem; }
.swiper-audio-card .info .other { font-size: .5rem; line-height: .7rem; height: .7rem; margin-top: .25rem; }
.swiper-audio-card .info .other .ico-audioline { float: left; margin: 1px .6rem 0 0; }
.swiper-audio-card .info .other span { position: relative; float: left; padding-right: .5rem; margin-right: .5rem; }
.swiper-audio-card .info .other span:after {
    position: absolute; top: .1rem; right: 0; content: '';
    width: 1px; height: .5rem; background: #ddd;
}
.swiper-audio-card .info .other span:last-child { padding-right: 0; margin-right: 0; }
.swiper-audio-card .info .other span:last-child:after { width: 0; }
.swiper-audio-card .btn-play { 
    position: absolute; right: .7rem; bottom: 1.1rem; 
    width: 1.6rem; height: 1.6rem; line-height: 1.6rem; background: #fff; 
    box-shadow: 0rem .15rem .3rem rgba(123,95,66,0.1); border-radius: 50%;
}
.swiper-audio-card .btn-play .icon-play { color: #7B5F42; }

/* det-unfold */
.det-unfold { position: relative; }
.det-unfold .unfd-btn { position: relative; z-index: 10; height: auto; padding: 0 .8rem .8rem; background-color: #fff; color: #0057ff; }
.det-unfold .unfd-btn:after {
    position: absolute; left: 0; right: 0; bottom: 100%; content: ''; pointer-events: none;
    height: 6.4rem; background: linear-gradient(360deg, #ffffff 0%, rgba(255,255,255,0) 100%); 
}
.det-unfold .unfd-btn span { padding-right: 1.2rem; background: url('../../pic/ico/unfd-jt.png') no-repeat right .2rem; background-size: .6rem .6rem; }
    /*unfd-flex-bar*/
.det-unfold .unfd-flex-bar { position: relative; display: flex; padding: 1rem 1.2rem 1.6rem; background-color: #fff; }
.det-unfold .unfd-flex-bar:after {
    position: absolute; left: 0; right: 0; bottom: 100%; content: '';
    pointer-events: none; height: 6.4rem;
    background: linear-gradient(360deg, #ffffff 0%, rgba(255,255,255,0) 100%);
}
.det-unfold .unfd-flex-bar .unfd-btn:after { height: 0; }
.det-unfold .unfd-flex-bar .u-btn { 
    position: relative; width: 8rem; height: 2rem; border-radius: .2rem; 
    font-size: .7rem; line-height: 1.9rem; color: #333; 
}
.det-unfold .unfd-flex-bar .u-btn span { background: none; padding-right: 0; }
.det-unfold .unfd-flex-bar .u-btn .ico-arrow { transform: scale(.8); margin: .1rem 0 0 .1rem; }
.det-unfold .unfd-flex-bar .unfd-btn { background-color: #f8f8f8; border-color: #f8f8f8; }
.det-unfold .unfd-flex-bar .unfd-ask { background-color: #E0EBFF; border-color: #E0EBFF; }
.det-unfold .unfd-flex-bar .don-online { width: .3rem; height: .3rem; background-color: #1EB866; border-radius: 50%; margin-right: .25rem; }
.det-unfold .unfd-flex-bar .u-btn .lable {
    position: absolute; top: -0.65rem; right: 0;
    height: .9rem; padding: .2rem .3rem; background-color: #0057FF; border-radius: .9rem;
    font-size: .5rem; color: #fff; line-height: 1;
}
.det-unfold .unfd-flex-bar .u-btn .lable:after {
    position: absolute; left: .6rem; bottom: -0.15rem; content: '';
    border: .2rem solid transparent; border-top-color: #0057FF; border-bottom: none;
}

/* detail-video-bar */
.detail-video-bar { 
    position: relative; z-index: 50; margin-top: -1.7rem; 
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 2rem); 
}
.det-video { position: relative; padding: 0 .5rem; /*transition: .2s linear;*/ }
.det-video .btn-play { width: 2.4rem; height: 2.4rem; }
.det-video time {
    position: absolute; right: .6rem; bottom: .6rem; 
    height: 1rem; padding: 0 .3rem; background-color: rgba(0,0,0, .3); border-radius: .6rem;
    font-size: .6rem; color: #fff; line-height: 1rem;
}
.det-video video { display: none; width: 100%; border-radius: .4rem; }
    /**/
.fixed-top { position: fixed; top: 0; z-index: 100; padding: 0; }
.fixed-top .img-block.radius-m img { border-radius: 0 !important; }
    /**/
.det-video.is-show .img-block { display: none; }
.det-video.is-show video { display: block; /*border-radius: 0;*/ }

/* index-audio-swiper */
.opa-5 { opacity: .5; }
.index-audio-swiper { height: 8rem; padding-top: 1.45rem; background: url('../../pic/v-plate/bg_audio_tj.png') no-repeat; background-size: cover; }
.index-audio-swiper .swiper-slide { width: 15.2rem; height: 4.4rem; background: #EFF0F3; border-radius: .6rem; margin: 0 .25rem; }
.index-audio-swiper .item { display: block; padding: .8rem; color: #485974; }
.index-audio-swiper .photo { float: left; margin-right: .6rem; width: 2.8rem; height: 2.8rem; }
.index-audio-swiper .tit { font-weight: 600; line-height: 1.2rem; }
.index-audio-swiper .other { height: .9rem; line-height: .9rem; font-size: .6rem; margin-top: .2rem; }
.index-audio-swiper .other span { position: relative; float: left; padding-right: .5rem; margin-right: .6rem; }
.index-audio-swiper .other span:after {
    position: absolute; top: .2rem; right: 0; content: '';
    width: 1px; height: .5rem; background: #ddd;
}
.index-audio-swiper .other span.name { opacity: .5; max-width: 4.8rem; }
.index-audio-swiper .other span:last-child { padding-right: 0; margin-right: 0; }
.index-audio-swiper .other span:last-child:after { width: 0; }
.index-audio-swiper .other span .ico-audioline { float: left; margin: .15rem .6rem 0 0; }
.index-audio-swiper .ico-audioline,
.index-audio-swiper .ico-audioline:before,
.index-audio-swiper .ico-audioline:after { background-color: #485974; }
.index-audio-swiper .btn-play { 
    position: absolute; right: 1rem; bottom: .8rem; 
    width: 1.4rem; height: 1.4rem; line-height: 1.4rem; background-color: #E0E2E7;
}
.index-audio-swiper .btn-play .icon-play { color: #485974; transform: scale(.65, .55); }
    /**/
.index-audio-swiper .swiper-bar { padding-bottom: .75rem; }
.index-audio-swiper .swiper-container-horizontal>.swiper-pagination-bullets { 
    bottom: 0; height: .15rem; line-height: .15rem;
}
.index-audio-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { 
    display: inline-block; width: .15rem; height: .15rem; margin: -0.1rem 0 0 .15rem;
    background-color: #485974; border-radius: .2rem; opacity: .5;
}
.index-audio-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { 
    width: .6rem; opacity: 1;
}

/* audio-bar */
.audio-bar {
    position: relative; height: 3.6rem; border-radius: .6rem; margin: 1.2rem 0 .5rem;
    padding: 0 2.85rem 0 5.85rem; background: #fff; box-shadow: 0rem .15rem .8rem rgba(0,0,0, .08); 
}
.audio-bar audio { position: absolute; left: 0; top: -80%; display: none; }
.audio-bar .audio-btn {
    position: absolute; left: .8rem; top: .8rem;
    width: 2rem; height: 2rem; padding: .65rem; border-radius: 50%;
    background: #0057FF; box-shadow: 0rem .15rem .5rem rgba(0,0,0,0.05);
}
.audio-bar .audio-btn .ico-play { 
    float: left; width: .7rem; height: .7rem; border-radius: 0;
    background: url('../../pic/v-plate/audio-play.png') no-repeat; background-size: cover; 
}
.audio-bar .audio-btn.is-play .ico-play { background-image: url('../../pic/v-plate/audio-stop.png'); }
.audio-bar .progress-box { height: .1rem; padding: 1.75rem 0; box-sizing: content-box; }
.audio-bar .progress-box .prs-gray { position: relative; height: inherit; background: #E8E8E8; border-radius: .1rem; }
.audio-bar .progress-box .prs-color { position: absolute; left: 0; top: 0; bottom: 0; background-color: #0057ff; border-radius: .1rem; }
.audio-bar .progress-box .prs-color:after { 
    position: absolute; top: -0.1rem; right: -0.15rem; content: '';
    width: .3rem; height: .3rem; border-radius: 50%; background-color: #0057ff; 
}
.audio-bar .progress-box time { position: absolute; top: -0.2rem; font-size: .55rem; color: #666; line-height: 1; }
.audio-bar .progress-box .play-time { left: -1.9rem; }
.audio-bar .progress-box .total-time { right: -1.9rem; }

/* popup-confirm-unfd */
.popup-confirm-unfd .conts-box { padding: 1.2rem 1rem; }
.popup-confirm-unfd .pop-title { font-size: .9rem; line-height: 1.2rem; font-weight: 600; }
.popup-confirm-unfd .pop-conts { font-size: .8rem; color: #666; line-height: 1.2rem; text-align: left; margin-top: .8rem; }
.popup-confirm-unfd .btn-group { display: flex; padding: 0 1rem 1.6rem; }
.popup-confirm-unfd .btn-group .u-btn { position: relative; flex: 1; }
.popup-confirm-unfd .btn-group .u-btn .u-lable { 
    position: absolute; left: 50%; top: 0; z-index: 5; margin: -0.4rem 0 0 .9rem;
    padding: 0 .3rem; background: #000; border-radius: .55rem .55rem .55rem 0rem;
    font-size: .45rem; color: #fff; line-height: .8rem; white-space: nowrap;
}
.popup-confirm-unfd .btn-group .u-btn .u-lable:after {
    position: absolute; left: 0; bottom: 0; content: '';
    border: .25rem solid transparent; border-left-color: #000; border-right: none;
    transform: translatey(30%);
}

/* duty-lawyer-bar */
.duty-lawyer-bar {
    background: #E5EEFD url('../../pic/v-plate/bg_duty.png') no-repeat right .7rem top; 
    background-size: 8rem 2.5rem; border-radius: .4rem; padding-bottom: .4rem;
}
.duty-lawyer-bar .title { padding: .8rem .6rem 0; line-height: 1rem; font-size: .7rem; }
.duty-lawyer-bar .title .fr { font-size: .5rem; color: #999; }
.duty-lawyer-bar .lawyer { 
    position: relative; margin: .7rem .3rem 0; padding: .4rem 5rem .4rem 2.7rem; 
    background-color: #fff; border-radius: .4rem; 
}
.duty-lawyer-bar .lawyer .photo {
    position: absolute; left: .4rem; top: .4rem;
    width: 2rem; height: 2rem; border-radius: .4rem;
}
.duty-lawyer-bar .lawyer .photo .ico-vip { width: .7rem; height: .7rem; }
.duty-lawyer-bar .lawyer .h22 { height: 1.1rem; }
.duty-lawyer-bar .lawyer .h22 .lab { 
    float: left; margin: .1rem 0 0 .4rem; height: .8rem; padding: 0 .2rem; 
    background: #F8F3E4; border-radius: .2rem; border: 1px solid #F8E7C1;
    font-size: .5rem; color: #B99463; line-height: .7rem;   
}
.duty-lawyer-bar .lawyer p { 
    height: .7rem; line-height: .7rem; margin-top: .2rem;
    font-size: .45rem; color: #666; white-space: nowrap; 
}
.duty-lawyer-bar .lawyer .u-btn {
    position: absolute; top: .75rem; right: .5rem;
    width: 4.1rem; height: 1.3rem; line-height: 1.3rem; padding: 0; font-size: .6rem;
}
.duty-lawyer-bar .lawyer .u-btn .iconfont { font-size: .5rem; margin: 0 .2rem 0 0; }

/* det-clinic-report */
.det-clinic-report {
    display: block; height: 1.2rem; border-radius: .2rem; padding: 0 .3rem; margin: .3rem 0 .8rem;
    background: #F7F8FA url('../../pic/ico/clinic_report/jt-right.png') no-repeat top .35rem right .3rem; 
    background-size: .6rem .6rem; font-size: .6rem; line-height: 1.2rem; color: #666;
}
.det-clinic-report .ico-doc { float: left; margin: .25rem .3rem 0 0; width: .6rem; height: .6rem; }

/* clinic-report-paper */
.clinic-report-paper { 
    position: relative; display: block; height: 10.65rem; background-color: #fff; border-radius: .4rem; 
    box-shadow: 0rem .2rem .8rem 1px rgba(0,0,0, .05);
}
.clinic-report-paper:before {
    position: absolute; top: 2.4rem; right: .4rem; content: '';
    width: 3.6rem; height: 3.6rem; background: url('../../pic/ico/clinic_report/seal.png') no-repeat;
    background-size: 100% 100%;
}
.clinic-report-paper:after {
    position: absolute; right: 0; bottom: 0; content: '';
    width: 3rem; height: 3rem; background: url('../../pic/ico/clinic_report/bg_right.png') no-repeat;
    background-size: 100% 100%;
}
.clinic-report-paper .report-nav {
    height: 2rem; padding: 0 .6rem; border-radius: .4rem .4rem 0rem 0rem;
    background: linear-gradient(270deg, #FFFFFF 0%, #EEF3FB 100%);
}
.clinic-report-paper .report-nav .tit { float: left; width: 3.4rem; height: .8rem; margin-top: .6rem; }
.clinic-report-paper .report-nav .r-num { float: right; margin-top: .75rem; font-size: .55rem; color: #999; line-height: 1; }
.clinic-report-paper .ask-tit {
    position: relative; height: 2.85rem; padding: .8rem 1.5rem 0 1.8rem; 
    background: url('../../pic/ico/clinic_report/ask_botm_line.png') no-repeat left bottom; 
    background-size: 17.15rem .4rem; font-size: .75rem; font-weight: 600;
}
.clinic-report-paper .ask-tit:after {
    position: absolute; left: .6rem; top: .95rem; content: '问'; 
    width: .7rem; height: .7rem; background: #fff9e6; border: 1px solid #ffdfa3; border-radius: .1rem; 
    font-size: .55rem; color: #ffb029; line-height: .7rem; text-align: center;
}
.clinic-report-paper .report-conts { position: relative; padding: .6rem .6rem 0 2.6rem; }
.clinic-report-paper .report-conts .ico-doc {
    position: absolute; left: .6rem; top: .6rem;
    width: 1.8rem; height: 2rem; background: url('../../pic/ico/clinic_report/zd_ico.png'); background-size: 100% 100%;
}
.clinic-report-paper .report-conts p { font-size: .6rem; line-height: .9rem; margin-top: .1rem; }
.clinic-report-paper .u-btn {
    position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%);
    width: 5.6rem; height: 1.4rem; line-height: 1.4rem; padding: 0 0 0 .2rem; font-size: .6rem;
}
.clinic-report-paper .u-btn .iconfont { font-size: .6rem; transform: scale(.7); margin: -0.1rem 0 0 .1rem; }



/* 2024-11-12 28566 */
.mlr14 { margin-left: .7rem; margin-right: .7rem; }
/* all-asking-bar */
.all-asking-bar {
    background: linear-gradient( 180deg, #F0F2FF 0%, #F2F5FF 5.4rem); margin-left: -0.2rem; margin-right: -0.2rem;
    position: relative; padding: .7rem .6rem .6rem; border-radius: .4rem; border: .05rem solid #F2F5FF; 
}
.all-asking-bar:after {
    position: absolute; top: -0.05rem; right: 2.35rem; content: '';
    width: 3.4rem; height: 3.4rem; background: url('../../pic/knowledge/img_jisu@2x.png'); background-size: 100% 100%;
}
.all-asking-bar .title { display: flex; justify-content: space-between; height: 1.2rem; position: relative; z-index: 5; }
.all-asking-bar .title strong { 
    padding-left: 1.2rem; font-size: .8rem; font-weight: 600; color: #111F34; margin-left: -0.1rem; 
    background: url('../../pic/knowledge/ico-ask.png') no-repeat left top .05rem; background-size: 1.2rem 1.2rem;
}
.all-asking-bar .title .r-box { font-size: .6rem; color: #676F85; }
.all-asking-bar .title .ref { padding-left: .9rem; background: url('../../pic/knowledge/ico_refresh.png') no-repeat left center; background-size: .7rem .7rem; }
.all-asking-bar .title .num { font-size: .6rem; color: #676F85; opacity: .5; }
.all-asking-bar .items { margin-top: .55rem; }
.all-asking-bar .items dd { height: 1.8rem; background: #FFFFFF; box-shadow: 0rem .2rem 1rem 0rem rgba(43,111,214,0.05); border-radius: .2rem; margin-bottom: .6rem; }
.all-asking-bar .items a { 
    display: flex; align-items: center; height: inherit; font-size: .75rem; color: #111F34; 
    padding: 0 .6rem 0 1.7rem; background: url('../../pic/knowledge/ico_wen.png') no-repeat left .6rem center; background-size: .7rem .7rem; 
}
.all-asking-bar .helper { 
    position: relative; padding: 0 .7rem 0 2.7rem;
    height: 2rem; background: #E4E9FC; border-radius: .4rem;
}
.all-asking-bar .helper .photo { position: absolute; left: .5rem; bottom: 0; width: 1.8rem; height: 2.3rem; }
.all-asking-bar .helper .ask { display: flex; justify-content: space-between; align-items: center; height: 2rem; }
.all-asking-bar .helper .txt { font-size: .75rem; color: #333; padding-top: .05rem; }
.all-asking-bar .helper .open { 
     position: relative; font-size: .7rem; color: #0C57FF; font-weight: 600; white-space: nowrap;
    padding-right: .7rem; background: url('../../pic/knowledge/right@2x.png') no-repeat right center; background-size: .5rem .5rem; 
}
.all-asking-bar .helper .open:after { 
    position: absolute; top: .05rem; right: .5rem; content: ''; box-sizing: border-box;
    width: .4rem; height: .4rem; background: #EC3B3B; border: .05rem solid #fff; border-radius: 50%;
}

/* #28715 2024-11-22 */
.clinic-report-paper .u-btn {
    bottom: .7rem; width: 12rem; height: 2rem; margin-left: .4rem; font-size: .8rem; background: linear-gradient( 90deg, #4E96F5 0%, #2D69E0 100%); border: 0;
}
.clinic-report-paper .u-btn .icon-arrow-right { transform: scale(1); margin-left: .35rem; }
.clinic-report-paper .num {
    position: absolute; right: -0.8rem; top: -0.45rem; padding: 0 .2rem;
    height: .9rem;
    background: linear-gradient( 315deg, #FE6E51 0%, #F54640 100%);
    box-shadow: 0rem .05rem .15rem 0rem rgba(0,0,0,0.05);
    border-radius: .5rem .5rem .5rem .2rem; font-size: .45rem; color: #fff;
    display: flex; justify-content: center; align-items: center;
}
.clinic-report-paper .num:before {
    content: ''; position: absolute; top: 0; left: 0; width: 200%; height: 200%; box-sizing: border-box; border-radius: 1rem 1rem 1rem .4rem; border: .05rem solid #fff; transform: scale(.5); transform-origin: top left;
}

/* #33818 */
.s-c1 { color: #181B1F; }
.s-c4 { color: #434752; }
.s-c8 { color: #888F9E; }
.flex-item { flex: 1; }
.mt6 { margin-top: .3rem; }
/* lr-safe */
.lr-safe {
    position: relative;
    background: linear-gradient(270deg, #F5F9FF 0%, #FAFCFF 100%);
    padding: .35rem .4rem; border: 1px solid #D4E2FC; border-radius: .2rem;
    font-size: .5rem; color: #888F9E; line-height: .9rem;
    text-align: justify; word-wrap: break-word; word-break: break-all;
}
.lr-safe p { padding-left: .75rem; }
.lr-safe .tit {
        background: url("../../../../ui_v4_m/pic/icon/salf_12.png") no-repeat left top 0.1rem;
        background-size: .6rem .6rem; font-size: .6rem;
    }
.lr-safe .un-ovh { position: relative; z-index: 1; height: .9rem; overflow: hidden; }
.lr-safe .un-btn {
        position: absolute; top: 0; right: 0; bottom: 0; z-index: 5;
        display: flex; align-items: center; padding: 0 .4rem 0 3rem;
        background: linear-gradient(270deg, #F5FAFF 28%, rgba(245,250,255, 0) 100%);
}
.lr-safe .un-btn .ico-arrow { 
    background-image: url("../../../../ui_v4_m/pic/icon/jt_b_12.png"); 
    background-size: cover; width: 12px; height: 12px; 
}
.lr-safe.is-show .un-ovh { height: auto; }
.lr-safe.is-show .un-btn { display: none; }
.lr-safe.is-show:after {
    position: absolute; bottom: .4rem; right: .4rem; content: '';
    width: 3rem; height: 3rem;
    background: url("../../../../ui_v4_m/pic/icon/salf_bg.png");
    background-size: 3rem 3rem;
}

/* lawyer-info-card */ 
.lawyer-info-card {
    position: relative; display: flex; padding: .6rem .4rem; margin-left: -0.4rem; margin-right: -0.4rem;
    background: linear-gradient( 0deg, #F3F6FD 0%, #FAFCFF 100%);
    border: 1px solid rgba(122,176,244, .2); border-radius: .4rem; line-height: 1;
}
.lawyer-info-card:after {
    position: absolute; top: 0; right: 0; content: '';
    background: url('../../../../ui_v4_m/pic/icon/card_dark.png');
    background-size: 100% 100%; width: 6rem; height: 3rem;
}
.lawyer-info-card .photo { width: 3rem; height: 3rem; border-radius: .4rem; margin: .1rem .4rem 0 -0.05rem; }
.lawyer-info-card .conts { flex: 1; position: relative; z-index: 5; }
.lawyer-info-card .tit { display: flex; align-items: center; height: 1rem; }
.lawyer-info-card .tit .name { font-size: .75rem; color: #181B1F; font-weight: 600; }
.lawyer-info-card .tit .ico-vip { width: .7rem; height: .7rem; }
.lawyer-info-card .tags {
    display: flex; align-items: center; height: .8rem;
    font-size: .55rem; color: #888F9E;
}
.lawyer-info-card .tags span { 
    position: relative; margin-right: .6rem; 
    display: flex; align-items: center;
}
.lawyer-info-card .tags span:after {
    position: absolute; top: 0; right: -0.3rem; opacity: .5;
    content: ''; width: 1px; height: .5rem; background: #DFE2E8; 
}
.lawyer-info-card .tags span:last-child { margin-right: 0; }
.lawyer-info-card .tags span:last-child:after { display: none; }   
.lawyer-info-card .tags .icos-star {
    width: .5rem; height: .45rem; margin: -0.05rem .1rem 0 0;
    background: url("../../../../ui_v4_m/pic/icon/start.png");
    background-size: 100% 100%;
}
.lawyer-info-card .help { display: flex; align-items: center; }
.lawyer-info-card .help .tip { flex: 1; overflow: hidden; font-size: .55rem; margin-left: .3rem; }
.lawyer-info-card .txt { display: flex; font-size: .6rem; color: #181B1F; line-height: .9rem; }
.lawyer-info-card .txt .lab { color: #888F9E; }
.lawyer-info-card .info-box { padding: .3rem .4rem; background: #fff; border-radius: .2rem; }
.lawyer-info-card .info {
    position: relative; height: 2.4rem; overflow: hidden;
    font-size: .55rem; color: #888F9E; line-height: .8rem;
    text-align: justify; word-wrap: break-word; word-break: break-all;
}
.lawyer-info-card .info .lab {
    position: relative; z-index: 2; margin-right: .4rem;
    font-size: .55rem; color: #455980; font-weight: 600;
}
.lawyer-info-card .info .lab:after {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; 
    height: .2rem; content: '';
    background: linear-gradient( 270deg, rgba(0,87,255,0) 0%, rgba(0,87,255,0.3) 100%);
}
.lawyer-info-card .info .more {
    position: absolute; right: -0.1rem; bottom: 0;
    padding: 0 .6rem 0 1.5rem; font-size: .55rem; color: #455980;
    background: linear-gradient( 270deg, #FAFAFA 2.3rem, rgba(250,250,250,0) 100%);
}
.lawyer-info-card .info .more:after {
    position: absolute; right: 0; top: .1rem;
    width: .6rem; height: .6rem; content: '';
    background: url('../../../../ui_v4_m/pic/icon/jt_r2_12.png');
    background-size: 100% 100%;
}
                
.lawyer-info-card .btn-group { display: flex; align-items: center; }
.lawyer-info-card .btn-group .u-btn {
    display: flex; align-items: center; justify-content: center;
    width: 5.3rem; height: 1.6rem; border-radius: .8rem;
    border: .5px solid #83AAED;
    font-size: .6rem; color: #0956DB;
}
.lawyer-info-card .btn-group .u-btn .tx { position: relative; line-height: 1; }
.lawyer-info-card .btn-group .u-btn .tx.jt {
    padding-right: .6rem; background: url('../../../../ui_v4_m/pic/icon/jt_r2_12.png') no-repeat right center;
    background-size: .6rem .6rem;
}
.lawyer-info-card .btn-group .u-btn.btn-primary-gradual { 
    flex: 1; border: none; 
    background: linear-gradient(90deg, #4E96F5 0, #2D69E0 100%);
    color: #fff;
}
.lawyer-info-card .btn-group .u-btn.btn-primary-gradual .tx.jt {
    background-image: url('../../../../ui_v4_m/pic/icon/jt_r_white_12.png');
}

.lawyer-info-card .btn-group .u-btn.btn-primary-gradual .tx.asked {
    padding-left: .8rem;
}

.lawyer-info-card .btn-group .u-btn.btn-primary-gradual .tx.asked:before {
    position: absolute; left: 0; top: -0.05rem; content: '';
    background: url('../../../../ui_v4_m/pic/icon/asked_14a.png');
    background-size: 100% 100%; width: .7rem; height: .7rem;
}