/** #3510 lq 2022-11-01 0001 */
span, em, i, strong { margin-top: 0; }
em, .inline { display: inline; vertical-align: initial; }
.hd-bar.hd-white .hd-nav .icon-menu { margin-top: -0.1rem; }
img { object-fit: cover; }
.mt0 { margin-top: 0 !important; }
.mt8 { margin-top: .4rem !important; }
.mt10 { margin-top: .5rem !important; }
.mt24 { margin-top: 1.2rem; }
.mt36 { margin-top: 1.8rem; }
.mlr10 { margin-left: .5rem; margin-right: .5rem; }
.box-ff-bar { background-color: #fff; border-radius: .4rem; padding: .8rem .6rem; }
.radius-0 { border-radius: 0; }
.pt10 { padding-top: .5rem; }
.pt16 { padding-top: .8rem; }
.ptb24-lr16 { padding: 1.2rem .8rem; }
.plr6 { padding-left: .3rem; padding-right: .3rem; }
.plr8 { padding-left: .4rem !important; padding-right: .4rem !important; }
.plr0 { padding-left: 0 !important; padding-right: 0 !important; }
.pb20 { padding-bottom: 1rem !important; }
.mlr12 { margin-left: .6rem; margin-right: .6rem; }
.btn-brown-line { border-color: #c5ab7d; color: #a27c51; }
.btn-brown { background: linear-gradient(90deg, #c5ab7d 0%, #a27c51 100%); color: #fff; border: none; }
.ico-logo.logo-bw { background-image: url('../../pic/logo2.png'); }
.box-bar.bg-ff.plr16 { border-radius: .4rem; }

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

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

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

/* swiper-pagination */
.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;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block; margin: -0.3rem 0 0;
    width: .8rem; height: .15rem; background-color: transparent; border-radius: .2rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #0057ff; border-radius: .2rem; }

/* u-pagination */
.u-pagination .page-normal { height: 1.5rem; line-height: 1.5rem; box-sizing: content-box; padding: .75rem 0; }
.u-pagination .page-normal .page-prev,
.u-pagination .page-normal .page-next { line-height: 3rem; font-size: .7rem; }
.u-pagination .page-normal .page-prev,
.u-pagination .page-popup .page-prev { left: 0; }
.u-pagination .page-normal .page-next,
.u-pagination .page-popup .page-next { right: 0; }
.u-pagination .page-normal .page-cur { margin-top: -0.1rem; }

/* main-box */
.main-box {
    padding: 2.2rem .5rem 0;
    background: url('../../pic/knowledge/index_topbanner.png') no-repeat center top; background-size: 100% auto;
}
.ban-tit { display: block; width: 15.2rem; height: 2.4rem; margin: 0 auto; }
.ban-data {
    display: flex; padding: .6rem 0; border-radius: .4rem;
    border-left: 1px solid #fff; border-top: 1px solid #fff;
    backdrop-filter: blur(.25rem);background-color:rgba(255,255,255, .4);
}
.ban-data dd { position: relative; flex: 1; font-size: .55rem; color: #bbb; line-height: .8rem; text-align: center; }
.ban-data dd:after {
    position: absolute; right: 0; top: .6rem; content: '';
    width: 1px; height: .6rem; background-color: #e8e8e8;
}
.ban-data dd:last-child:after { width: 0; }
.ban-data dd p { font-size: .7rem; color: #666; line-height: 1rem; font-weight: 600; }

/* 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 .tit { float: left; font-size: .9rem; margin-right: .4rem; }
.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: .3rem; }
.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: .25rem; }
.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 .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 { padding: .3rem 0 .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; }

/* monthly-list-bar */
.monthly-list-bar { background: linear-gradient(187deg, #fef6f1 0%, #fff 8rem); border-radius: .4rem; }
.monthly-list-bar .bg { padding: .8rem .6rem 0; background: url('../../pic/knowledge/nav-bg1.png') no-repeat; background-size: 100% auto; }
.monthly-list-bar .nav-f18 .tip span:after { background: #ffd3b5; }
/* rank-list */
.rank-list { padding: .6rem .2rem .5rem; background: #fff;  }
.rank-list dt {
    position: relative; margin-bottom: .7rem;
    box-shadow: 0rem -0.1rem .75rem rgba(41,32,20, .08); border-radius: .4rem .4rem 0 0;
}
.rank-list dt:after {
    position: absolute; left: -0.8rem; right: -0.8rem; bottom: -1rem; z-index: 1; content: '';
    height: 5rem; background: linear-gradient(180deg, rgba(255,255,255, 0) 0%, #fff 100%);
}
.rank-list dt a { position: relative; z-index: 10; display: block; padding: .6rem .6rem 0 .8rem; }
.rank-list dt .top .pic { position: relative; float: left; width: 4.8rem; height: 3.2rem; margin: -1rem .6rem 0 0; }
.rank-list dt .top .pic .ico-lable {
    position: absolute; left: 0; top: 0; margin-top: 0;
    width: 1rem; height: 1.3rem; background: url('../../pic/knowledge/label_top.png'); background-size: cover;
}
.rank-list dt .tit { height: 1rem; line-height: 1rem; font-size: .75rem; color: #222; }
.rank-list dt .other { height: .8rem; line-height: .8rem; font-size: .55rem; color: #999; margin-top: .4rem; }
.rank-list dt .tx { font-size: .6rem; color: #999; line-height: .9rem; margin-top: .6rem; }
.rank-list dd { padding: .45rem 0; }
.rank-list dd a { display: block; padding: 0 .2rem; height: 1.1rem; font-size: .75rem; color: #222; }
.rank-list dd .num {
    float: left; width: 1rem; height: 1rem; margin: 1px .4rem 0 0;
    background: rgba(224,213,213, .3); border-radius: .1rem;
    font-size: .7rem; color: #a7a4a5; line-height: 1rem; text-align: center;
}
.rank-list dd .fr { font-size: .55rem; color: #999; margin-left: .8rem; }
.rank-list dd.second .num { background-color: #fff5e6; color: #e99055; }
.rank-list dd.thirdly .num{ background-color: rgba(233,216,199, .3); color: #cba87f; }

/* monthly-lawyer-bar */
.monthly-lawyer-bar { background: linear-gradient(192deg, #eceff6 0%, #fff 10rem); border-radius: .4rem; }
.monthly-lawyer-bar .bg { padding: .8rem .6rem 0; background: url('../../pic/knowledge/nav-bg2.png') no-repeat; background-size: 100% auto; }
.monthly-lawyer-bar .nav-f18 .tip span:after { background: #d0daf1; }

/* lr-list-h165 */
.lr-list-h165 { margin-left: -0.55rem; }
.lr-list-h165 li {
    float: left; width: 8rem; height: 8.25rem; margin: 0 0 1rem .55rem;
    background: #fff url('../../pic/knowledge/bg_lawyer_h165.png'); background-size: cover;
    box-shadow: 0rem .1rem 1rem rgba(0,0,0, .08); border-radius: .4rem;
}
.lr-list-h165 li .lawyer { display: block; padding: 0 .4rem; text-align: center; }
.lr-list-h165 .lawyer .photo { width: 4rem; height: 4rem; margin: -0.4rem auto .6rem; }
.lr-list-h165 .lawyer .photo .ico-tj {
    position: absolute; left: 50%; top: 3.4rem; transform: translatex(-50%);
    width: 4rem; height: 1.35rem; background: url('../../pic/knowledge/label_tj.png'); background-size: cover;
}
.lr-list-h165 .lawyer .name { margin-bottom: .2rem; }
.lr-list-h165 .lawyer .h14 { height: .7rem; line-height: .7rem; font-size: .5rem; color: #999; }
.lr-list-h165 .lawyer .h14 .adept { display: inline-block; vertical-align: middle; max-width: 4.2rem; margin-top: -0.1rem; }

/* tag-link */
.tag-link { overflow: hidden; margin-left: -0.4rem; }
.tag-link a { float: left; padding: .45rem .4rem; background: #f5f5f5; border-radius: .2rem; font-size: .65rem; line-height: 1; margin: .4rem 0 0 .4rem; }
.tag-link a.hot { padding-left: 1.1rem; background: #fef0f0 url('../../pic/knowledge/ico_fire.png') no-repeat .4rem .45rem; background-size: .6rem .6rem; }

/* fw-type-bar */
.fw-type-bar { padding-bottom: .6rem; }
.fw-type-bar .nav-f18 .tip span:after { background: #ddd; }
/* fw-type-list */
.fw-type-list { padding-top: .1rem; overflow: hidden; margin-left: -0.65rem; }
.fw-type-list li { position: relative; float: left; width: 8rem; height: 5.2rem; margin: .5rem 0 0 .6rem; }
.fw-type-list li img { display: block; width: 100%; }
.fw-type-list li a {
    position: absolute; left: 0; top: 0;
    width: 100%; height: 100%; padding: 1rem .5rem 0 .8rem;
}
.fw-type-list li a div { height: 1.2rem; line-height: 1.2rem; font-size: .85rem; }
.fw-type-list li a div strong { float: left; }
.fw-type-list li a p { font-size: .55rem; color: #666; line-height: .8rem; margin-top: .2rem; }
.fw-type-list li .hot-tag {
    float: left; margin: .2rem 0 0 .2rem;
    /* background: linear-gradient(313deg, #e72d2e 0%, #ff6060 100%); border-radius: .1rem;
    padding: .15rem .2rem 1px; line-height: .8rem; font-size: .5rem; color: #fff; line-height: 1; font-weight: 600; */
    background: url('../../pic/knowledge/hot.png'); background-size: cover;
    width: 1.4rem; height: .8rem; overflow: hidden; text-indent: -5rem;
}
/* fw-data */
.fw-data { display: flex; height: 1.2rem; background: linear-gradient(281deg, #fff 35%, #f1f3f6 80%); border-radius: .4rem; }
.fw-data .swiper-bar { flex: 1; height: 1.2rem; line-height: 1.2rem; }
.fw-data .swiper-slide { height: 1.2rem; padding: 1px 0 0 .4rem; font-size: .5rem; }
.fw-data .online {
    float: right; height: 1.2rem; background: #f5f5f5; border: 1px solid #e8e8e8; border-radius: .4rem;
    padding: .2rem; font-size: .5rem; color: #999; line-height: .8rem; margin-left: .15rem;
}
.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; }

/* 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 li .item { display: block; padding: 1rem 0; overflow: hidden; }
/* .news-know-list li:last-child .item { padding-bottom: .2rem; }  */
.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 .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; line-height: 1.2rem; margin-top: .6rem; font-size: .55rem; color: #bbb; }
.news-know-list .item .other span { float: left; margin-right: .4rem; }
.news-know-list .item .other span:last-child { margin-right: 0; }
.news-know-list .item .other .adept  { padding: 0 .4rem; line-height: 1.2rem; border-radius: .65rem; color: #333; max-width: 3.9rem; background: #f0faf5; }
.news-know-list .item .other .adept .ico-quest { margin: -0.1rem .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 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; max-width: 3.65rem; }
.news-know-list .item .h32 .icon-arrow-right { font-weight: normal; transform: scale(.5); }
.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;
    /* width: 1.2rem; height: 1.2rem; border: 1px solid #2670ff; border-radius: 50%; transform: scale(.5);
    padding: .25rem 0 .3rem 1px; line-height: 1; text-align: center; font-size: .6rem;  */
}
.news-know-list .item .h20-ks .icon-arrow-right:before { content: ''; }

/* video-box */
.video-box {
    padding: 0 .6rem .6rem; height: 11.7rem; border-radius: .4rem;
    background: #e5ecf0 url('../../pic/knowledge/bg_video.png') no-repeat top right; background-size:  100% auto;
}
.video-box .nav { height: 1.1rem; padding: .6rem 0; box-sizing: content-box; }
.video-box .nav .ico-video {
    float: left; width: 1rem; height: 1rem; margin: 1px .4rem 0 0;
    background: url('../../pic/knowledge/ico-video.png'); background-size: cover;
}
.video-box .nav .more {
    float: right; width: 1rem; height: 1rem; margin-top: 1px;
    background: url('../../pic/knowledge/more-white.png'); background-size: cover;
}

/* swiper-video */
.swiper-video { height: 8.6rem; }
.swiper-video a { height: inherit; }
.swiper-video time {
    position: absolute; right: .5rem; bottom: .5rem;
    padding: 0 .3rem; background: rgba(0,0,0, .3); border-radius: .3rem;
    line-height: .9rem; font-size: .5rem; color: #fff;
}
.swiper-video .btn-play {
    position: absolute; left: 50%; top: 50%; z-index: 5;
    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, .2);
    transform: translatex(-50%) translatey(-50%); border-radius: 50%;

}
.swiper-video .btn-play .icon-play { font-size: .8rem; color: #fff; transform: scaley(.8); }
/**/
.swiper-video.swiper-container-horizontal>.swiper-pagination-bullets { background-color: rgba(255,255,255, .5); }
.swiper-video.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #fff; border-radius: .2rem; }

/* swiper-audio */
.ico-ripple { position: relative; display: inline-block; vertical-align: middle; height: .5rem; margin-right: .6rem; }
.ico-ripple:before,
.ico-ripple:after { position: absolute; bottom: 0; content: ''; }
.ico-ripple,
.ico-ripple:before,
.ico-ripple:after { width: .1rem; background-color: #7b5f42; border-radius: .1rem; }
.ico-ripple:before{ height: .25rem; left: .2rem; }
.ico-ripple:after { height: .35rem; left: .4rem; }
.swiper-audio { height: 5.1rem; }
.swiper-audio .swiper-slide {
    width: 14.4rem; height: 5.1rem; border-radius: .4rem; margin-right: .4rem;
    background: #f3f1ef url('../../pic/knowledge/bg_headphone.png') no-repeat top right; background-size: 2.8rem 2.4rem;
}
.swiper-audio .swiper-slide:last-child { margin-right: 0; }
.swiper-audio a { position: relative; display: block; height: inherit; padding: 1rem 1rem 1rem .8rem; }
.swiper-audio a .tit { font-size: .75rem; }
.swiper-audio a .info { overflow: hidden; padding-right: 2rem; }
.swiper-audio a .info .photo { float: left; width: 1.6rem; height: 1.6rem; border-radius: .4rem; margin-right: .5rem; }
.swiper-audio a .info .name { font-size: .55rem; line-height: .8rem; }
.swiper-audio a .info .other { font-size: .5rem; color: #b9ab9c; line-height: .7rem; height: .7rem; margin-top: .3rem; }
.swiper-audio a .info .other span { float: left; }
.swiper-audio a .info .other .ico-ripple { float: left; opacity: .7; }
.swiper-audio a .info .other .line-vertical { float: left; height: .5rem; margin: 1px .4rem 0 .5rem; }
.swiper-audio a .info .other .line-vertical:after { background-color: #ddd; }
.swiper-audio a .btn-play {
    position: absolute; top: 2.4rem; right: .9rem;
    width: 1.6rem; height: 1.6rem; background: #fff; box-shadow: 0rem .15rem .3rem rgba(123,95,66,0.1); border-radius: 50%;
    line-height: 1.6rem; text-align: center; padding-left: .1rem;
}
.swiper-audio a .btn-play .icon-play { font-size: .8rem; color: #7b5f42; transform: scalex(.7) scaley(.65); margin-top: -0.2rem; }

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

/* top-guide */
.top-guide { position: relative; height: 2.2rem; line-height: 2.2rem; background-color: #fff; text-align: center; }
.top-guide:after {
    position: absolute; left: 0; right: 0; top: 0; content: '';
    height: 1px; background-color: #e8e8e8; transform: scaley(.5);
}
.top-guide .back { position: absolute; left: .8rem; }
.top-guide .back .iconfont { font-size: .9rem; }
.top-guide strong { position: relative; display: inline-block; vertical-align: middle; max-width: 70%; padding-right: .9rem; }
.top-guide strong:after {
    position: absolute; top: 50%; right: 0; content: '';
    border: .25rem solid transparent; border-top-color: #bbb; border-bottom: none;
    transform: translatey(-50%);
}

/* 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; }
.art-ask-h133 .box .h18 em { 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 { width: .6rem; height: .6rem; background: url('../../pic/ico/ft_pe.png'); background-size: cover; margin: -0.2rem .2rem 0 0; }
.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%);
    padding: 0; font-size: .65rem; color: #fff; text-align: center; line-height: 1.6rem;
}

/* 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.6rem; text-align: center;
}
.tab-botm-lawyer .tag-r3 li a span { max-width: 3.3rem; margin-top: -0.1rem; }

/* popup-menu */
.popup-menu { position: fixed; left: 0; top: 4.4rem; right: 0; bottom: 0; z-index: 1000; display: none; }
.popup-menu .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .5); }
.popup-menu .pop-bar {
    position: absolute; left: 0; top: 0; right: 0;
    background-color: #fff; border-radius: 0 0 .8rem .8rem; padding-bottom: 1rem;
}
.popup-menu .type-box { margin: .7rem 0; max-height: 6.6rem; overflow-y: auto; }
.popup-menu .type-box ul { padding: 0 .5rem; overflow: hidden; }
.popup-menu .type-box li { float: left; width: 33.3333%; padding: .3rem; }
.popup-menu .type-box li a {
    display: block; padding: .5rem 0 .45rem; background-color: #f8f8f8; border-radius: 1rem;
    font-size: .65rem; text-align: center; line-height: 1;
}
.popup-menu .more { display: block; padding: .2rem; line-height: .9rem; font-size: .65rem; color: #999; text-align: center; }
.popup-menu .more .ico-arrow {
    width: .7rem; height: .7rem; background: url('../../pic/knowledge/mor_jt2.png'); background-size: cover;
    margin: -0.2rem 0 0 .2rem;
}
.popup-menu.is-show { display: block; }

/* type-index-box */
.type-index-box { padding: 3rem .5rem 0; background: #f8f8f8 url('../../pic/knowledge/banner_type_index.png') no-repeat; background-size: 100% auto; }

/* intro-tip */
.intro-tip { padding: 0 .3rem; }
.intro-tip dt { position: relative; font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; z-index: 1; }
.intro-tip dt .n-bg-blue { position: absolute; left: .6rem; bottom: -0.3rem; z-index: -1; }
.intro-tip dd { font-size: .6rem; color: #999; line-height: .9rem; margin-top: .6rem; }

/* swiper-classify */
.swiper-classify { padding-bottom: .6rem; }
.swiper-classify.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }
.type-link { overflow: hidden; }
.type-link li { float: left; width: 33.333%; padding: .2rem .3rem; }
.type-link li a {
    display: block; background: #f5f5f5; border-radius: .2rem;
    padding: 0 .2rem; font-size: .65rem; text-align: center; line-height: 1.6rem;
}
.type-link li a.hot { background-color: #fef0f0; }
.type-link li a .ico-free {
    width: .6rem; height: .6rem; margin: -0.15rem .2rem 0 0;
    background: url(../../pic/knowledge/ico_fire.png) no-repeat; background-size: cover;
}

/* art-lr-h155 */
.art-lr-h155 { position: relative; padding: 1rem 0 .8rem; background: url('../../pic/art/bg_h155.png'); background-size: cover; }
.art-lr-h155 .lawyer { display: block; padding-left: 4.6rem; }
.art-lr-h155 .photo { position: absolute; left: .6rem; 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; border: 1px solid rgba(197,171,125, .5); border-radius: .2rem;
    padding: 0 .2rem; font-size: .55rem; color: #a27c51; line-height: .9rem;
}
.art-lr-h155 .btn-group { height: 1.6rem; display: flex; padding: 0 1.5rem 0 4.8rem; 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; }
/* h40-xc */
.h40-xc { height: 2rem; line-height: 2rem; text-align: center; font-size: .65rem; color: #67502a; opacity: .5; }
.h40-xc .line-vertical { height: .5rem; }
/* */
.lr-list-h155 { overflow: hidden; }
.lr-list-h155 .art-lr-h155 { margin-bottom: .4rem; }
.lr-list-h155 .art-lr-h155:last-child { margin-bottom: .3rem; }
.lr-list-h155 .art-lr-h155.bg-ff { background: #fff; border-radius: .4rem; }
.art-lr-h155.bg-ff .tag span { background: #f4f7f9; border: 1px solid rgba(128,147,184, .2); color: #8093b8; }

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

/*  */
.main-zcz-box {
    position: relative; margin-top: -1.1rem;
    padding: 0 .5rem; border-radius: .8rem .8rem 0rem 0rem;
    background: linear-gradient(180deg, #fff 2rem, rgba(255,255,255, 0) 8rem);
}

/* lr-art-bar */
.lr-art-bar { padding: 1.25rem .3rem 0; }
.lr-art-bar .swiper-wrapper { padding-bottom: .8rem; }
.lr-art-bar .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }

/* 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 { width: 5.5rem; }
.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; max-width: 3rem; }
.art-lr-h178 .lawyer .h18 { height: .9rem; line-height: .9rem; font-size: .6rem; margin-top: .3rem; }
.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;
}
.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 .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 { padding: 0 .9rem; }
.art-lr-h178 .btn-group .btn-brown-line { width: 4.4rem; padding: 0; background-color: #fff; border-color:  rgba(163,125,82, .3); }
.art-lr-h178 .btn-group .btn-brown { width: 6.6rem; margin-left: .6rem; }
.art-lr-h178 .btn-group .btn-brown .icon-ask { font-size: .65rem; margin: 0 .2rem 0 0; transform: rotateY(180deg); }


/* hot-zs-list */
.hot-zs-list .item { position: relative; display: block; padding: 1rem 0 1rem 2.75rem; }
.hot-zs-list .item .num { position: absolute; left: 0; top: .8rem; width: 1.95rem; height: 1.2rem; }
.hot-zs-list .item .tit { line-height: 1.2rem; }
.hot-zs-list .item .h16 { height: .8rem; line-height: .8rem; font-size: .55rem; color: #666; margin-top: .6rem; }
.hot-zs-list .item .h16 span { float: left; margin-right: .4rem; }

/* 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 span { margin-top: -0.1rem; }s */
.art-ask-h235 .h14 .gap-dot { width: .1rem; height: .1rem; background-color: #999; margin: -0.1rem .4rem 0; }
.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; vertical-align: middle; margin: -0.2rem .2rem 0 0;
    width: .7rem; height: .7rem; background: url('//css.66law.cn/ui_v2/m/pic/ico/ft_pe.png') no-repeat; background-size: cover;
}
.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;
    border: none; width: 5.65rem; height: 1.9rem; padding: 0; border-radius: 1rem;
    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 .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 { width: 66%; }
.art-ask-h235 .box .fw-data .swiper-slide .s-c9 { float: left; margin-right: .2rem; }

/* guide-list */
.guide-list .item { position: relative; display: block; padding: .8rem 1.5rem; }
.guide-list .item .lable-hot {
    width: .8rem; height: .8rem; margin: -0.1rem 0 0 .4rem;
    background: #fef0f0; border: 1px solid rgba(236,59,59, .3); border-radius: .15rem;
    font-size: .5rem; color: #ec3b3b; text-align: center; line-height: .7rem;
}
.guide-list .item:before {
    position: absolute; left: 0; top: 50%; margin-top: -0.45rem;
    width: .85rem; height: .8rem; content: '';
    background: url('../../pic/knowledge/ico_zn.png'); background-size: cover;
}
.guide-list .item:after {
    position: absolute; top: .95rem; right: 0;
    width: .8rem; height: .8rem; content: '';
    background: url('../../pic/knowledge/mor_jt2.png'); background-size: cover;
}

/* guide-type */
.guide-type { display: flex; margin-left: -0.4rem; }
.guide-type li { flex: 1; margin-left: .4rem; }
.guide-type li a {
    display: block; height: 4rem; padding-top: .75rem; background-color: #f7faff; border-radius: .4rem;
    font-size: .6rem; color: #666; line-height: .9rem; text-align: center;
}
.guide-type li a img { display: block; width: 1.3rem; height: 1.3rem; margin: 0 auto .5rem; }

/* detail-bar */
.det-banner { height: 4rem; background: url('../../pic/knowledge/det_topbanner.png') no-repeat; background-size: 100% auto; }
.detail-bar { padding: 1rem .8rem 0; margin-top: -0.8rem; background-color: #fff; border-radius: .8rem .8rem 0 0; }
.det-tit {  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: .5rem; 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: 1.2rem 0; line-height: 1.4rem; text-align: justify; word-wrap: break-word; word-break: break-all; }
.det-conts p { padding: .4rem 0; }
.det-conts a { color: #646987; }
.det-conts img,
.det-conts table { display: block; max-width: 100%; }
.det-statement { font-size: .6rem; line-height: 1rem; color: #bbb; }
.det-statement a { color: #666; }
.det-statement .alarm { margin: 0 .2rem; padding-left: .65rem; background: url('../../pic/knowledge/ico_alarm.png') no-repeat; background-size: .6rem .6rem;  }

/* pufa-tip */
.pufa-tip { height: 1.2rem; }
.pufa-tip dl {
    position: relative; float: left; height: 1.2rem; padding-left: 2.9rem; border-radius: .2rem;
    border: .03rem solid rgba(179,205,255, .5); background: linear-gradient(153deg, #f5f8fd 0%, #f5f8fd 100%);
}
.pufa-tip dt {
    position: absolute; left: -0.05rem; top: -0.05rem;
    width: 2.9rem; height: 1.2rem; background: url('../../pic/knowledge/lable_hlpf.png'); background-size: cover;
}
.pufa-tip dd { padding: 0 .6rem; font-size: .45rem; color: #898fa2; }
.pufa-tip dd span {
    float: left; padding-left: .4rem; margin-right: .6rem;
    background: url('../../pic/knowledge/ico_pf_ture.png') no-repeat 0 .45rem; background-size: .3rem .3rem;
}
.pufa-tip dd span:last-child { margin-right: 0; }

/* art-endorsed */
.art-endorsed { padding: 0 .8rem; background-color: #f8f8f8; border-radius: .4rem; }
.art-endorsed .dayi {
    padding: .4rem 1rem .4rem 0; box-sizing: content-box; height: .8rem;
    font-size: .5rem; color: #aaa; line-height: .8rem;
}
.art-endorsed .dayi:after { bottom: auto; top: 0; }
.art-endorsed .dayi .lable {
    float: left; margin-right: .4rem;
    background: #4f5a71; opacity: 0.8; border-radius: .2rem;
    padding: .15rem .2rem; font-size: .45rem; line-height: 1; color: #fff;
}
.art-endorsed .dayi .iconfont {
    position: absolute; top: .4rem; right: 0; z-index: 5;
    height: .8rem; line-height: .8rem; font-size: .6rem; color: #333; margin-top: 0;
}
/**/
.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 .name.w156 { max-width: 7.8rem; }
.art-lr-h72 .tit .area { float: left; font-size: .55rem; color: #999; max-width: 2.6rem; }
.art-lr-h72 .tit .area.w76 { max-width: 3.8rem; }
.art-lr-h72 .tit .line-vertical { float: left; height: .5rem; margin: .25rem .4rem 0; }
.art-lr-h72 .tit .line-vertical:after { border: none; background-color: #ddd; }
.art-lr-h72 .tag { height: .8rem; margin-top: .2rem; }
.art-lr-h72 .tag span {
    float: left; margin-right: .2rem;
    background: #f8f3e4; border: 1px solid #f8e7c1; border-radius: .2rem;
    padding: 0 .2rem; font-size: .5rem; color: #b99463; line-height: .7rem;
}
.art-lr-h72 .u-btn {
    position: absolute; top: 1.15rem; right: .2rem;
    padding: 0 .4rem; height: 1.3rem; line-height: 1.3rem; font-size: .6rem; color: #fff;
}
.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%;
}
.art-lr-h72 .btn-group { display: flex; padding: 0 1rem .8rem; margin-top: -0.25rem; }
.art-lr-h72 .btn-group .u-btn {
    position: static; flex: 1;
    height: 1.6rem; background-color: #fff; border-color: #fff;
    font-size: .7rem; font-weight: 600; color: #333; line-height: 1.6rem;
}
.art-lr-h72 .btn-group .u-btn:last-child { margin-left: .5rem; }
.art-lr-h72 .btn-group .u-btn img { width: .7rem; height: .7rem; margin: -0.1rem .2rem 0 0; }

/* art-det-tjlr */
.art-det-tjlr { padding: .6rem .8rem .8rem; background-color: #f8f8f8; border-radius: .6rem; }
.art-det-tjlr .h20 { height: 1rem; line-height: 1rem; margin-bottom: .7rem; }
.art-det-tjlr .photo { float: left; margin: -0.9rem .4rem 0 0; width: 2rem; height: 2rem; }
.art-det-tjlr .photo .ico-vip { width: .7rem; height: .7rem; border: 1px solid #fff; border-radius: 50%; }
.art-det-tjlr .name { float: left; font-size: .7rem; line-height: 1rem; font-weight: 600; max-width: 6.4rem; }
.art-det-tjlr .tag {
    float: left; margin: .1rem 0 0 .2rem;
    background: #f8f3e4; border: 1px solid #f8e7c1; border-radius: .2rem;
    padding: 0 .2rem; font-size: .5rem; color: #b99463; line-height: .7rem;
}
.art-det-tjlr .fr { font-size: .6rem; color: #0057ff; }
.art-det-tjlr .fr .iconfont { font-size: .6rem; transform: scale(.75); margin-left: .1rem; }
.art-det-tjlr .tx { background-color: #fff; border-radius: .4rem; padding: .6rem .5rem .6rem .6rem; font-size: .6rem; line-height: .9rem; }
.art-det-tjlr .tx b { position: relative; }
.art-det-tjlr .tx b:after {
    position: absolute; left: 0; right: 0; bottom: -0.05rem; content: '';
    height: .3rem; background: linear-gradient(273deg, #5d94ff 0%, #0057ff 100%); opacity: 0.2; border-radius: .1rem;
}

/* law-articles */
.law-articles { font-size: .6rem; padding-bottom: .2rem; }
.law-articles dt { font-weight: 600; }
.law-articles dd { padding: .1rem 0; line-height: .9rem; }
.law-articles dd a { color: #bbb; }

/* further-read */
.further-read dt { height: 1.1rem; }
.further-read dt strong { position: relative; float: left; font-size: .8rem; }
.further-read dt strong:after {
    position: absolute; left: 0; bottom: .1rem; content: '';
    width: 1.6rem; height: .3rem; border-radius: .1rem;
    background: linear-gradient(273deg, rgba(93,148,255, .2) 0%, rgba(0,87,255, .2) 100%);
}
.further-read dt span {
    position: relative; float: left; margin: .2rem 0 0 .75rem;
    font-size: .5rem; color: #999; line-height: .7rem;
}
.further-read dt span:after {
    position: absolute; left: -0.4rem; top: .3rem; content: '';
    width: .15rem; height: .15rem; background-color: #ddd; border-radius: 50%;
}
.further-read dd:after { left: 1.2rem; }
.further-read dd .lable {
    position: absolute; left: 0; top: 50%; transform: translatey(-50%);
    width: .8rem; height: .8rem; padding-top: .15rem; border-radius: .1rem;
    font-size: .5rem; color: #fff; line-height: 1; text-align: center;
}
.further-read dd .lable.hot { background: linear-gradient(90deg, #e72d2e 0%, #ff6060 100%); }
.further-read dd .lable.new { background: linear-gradient(90deg, #ef8231 0%, #f38f2c 100%); }
.further-read dd .lable.tui { background: linear-gradient(90deg, #daad6f 0%, #eaba6c 100%); }
.further-read dd a { display: block; line-height: 2.6rem; padding-left: 1.2rem; font-size: .75rem; }
.further-read dd a span { display: inline; vertical-align: inherit; }
.further-read dd .fr { font-size: .55rem; color: #999; margin-left: .8rem; }

/* invited-lawyer */
.invited-lawyer .title { padding-top: .2rem; font-size: .7rem; color: #566c73; line-height: 1rem; text-align: center; }
.invited-lawyer .title strong,
.invited-lawyer .title span { position: relative; display: inline; vertical-align: inherit; }
.invited-lawyer .title strong { font-weight: normal; }
.invited-lawyer .title strong:before,
.invited-lawyer .title strong:after { position: absolute; top: 50%; content: ''; border: .25rem solid transparent; transform: translatey(-50%); }
.invited-lawyer .title strong:before{ left: -0.75rem; border-left-color: rgba(223, 234, 238, .7); }
.invited-lawyer .title strong:after { right: -0.75rem; border-right-color: rgba(223, 234, 238, .7); }
.invited-lawyer .title span:after {
    position: absolute; left: 0; right: 0; bottom: -0.05rem; content: '';
    height: .3rem; background: rgba(193,165,120,0.2); border-radius: .2rem;
}

/* all-ask-bar */
.all-ask-bar {
    position: relative; padding-top: 1.9rem; height: 11.3rem;
    background: url('../../pic/knowledge/allask_bg.png'); background-size: cover;
}
.all-ask-bar .nav {
    position: absolute; left: -0.2rem; top: .5rem;
    width: 4.95rem; height: 1.4rem; background: url('../../pic/knowledge/allask_lable.png'); background-size: cover;
    padding-left: .3rem; font-size: .6rem; color: #fff; line-height: 1.4rem;
}

/* swiper-allask */
.swiper-allask .swiper-wrapper { padding: .5rem .6rem 1rem .4rem; }
.swiper-allask .swiper-slide {
    float: left; width: 14.4rem; padding-right: .6rem; box-sizing: content-box;

}
.swiper-allask .crad {
    display: block; height: 7.9rem; padding: 1rem .6rem 0 2rem;
    background: #fff; border: 1px solid rgba(232,232,232, .5); box-shadow: 0rem .2rem .8rem rgba(0,0,0,0.05); border-radius: .4rem;
}
.swiper-allask .tit { position: relative; line-height: 1.2rem; font-weight: 600; }
.swiper-allask .tit:after {
    position: absolute; left: -1.25rem; top: .2rem; 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;
}
.swiper-allask .tag { height: 1rem; margin-top: .4rem; }
.swiper-allask .tag span {
    float: left; padding: 0 .2rem; margin-right: .2rem;
    border: 1px solid rgba(232,232,232, .5);
    font-size: .55rem; color: #999; line-height: .9rem;
}
.swiper-allask .h32 {
    /* position: relative; margin-top: .5rem; */
    height: 1.6rem; font-size: .55rem;
    line-height: 1rem; padding: .3rem .5rem; background: #f2f7ff; border-radius: .2rem;
    position: absolute; right: 1.6rem; left: 2rem; bottom: .8rem;
}
.swiper-allask .h32 .photo { float: left; width: 1rem; height: 1rem; border-radius: 50%; margin-right: .2rem; }
.swiper-allask .h32 .name { float: left; margin-right: .2rem; max-width: 3.05rem; }
.swiper-allask .h32 .icon-arrow-right {
    position: absolute; top: 50%; right: .3rem;
    font-size: .7rem; transform: scale(.5); margin-top: -0.35rem;
}

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

/* botm-shortcut-h64 */
.botm-shortcut-h64 { padding: .4rem 0; }
.botm-shortcut-h64 .botm-item { width: 3rem; padding-top: 0; font-size: .55rem; }
.botm-shortcut-h64 .botm-item img { width: 1rem; height: 1rem; margin-bottom: .3rem; }
.botm-shortcut-h64 .b-r { height: 2rem; padding: 0 .4rem; }
.botm-shortcut-h64 .b-r .u-btn { position: relative; height: 2rem; line-height: 2rem; padding: 0; }
.botm-shortcut-h64 .b-r .u-btn b { font-size: .8rem; }
.botm-shortcut-h64 .b-r .u-btn .u-lable {
    position: absolute; left: 50%; top: 0; margin: -0.4rem 0 0 2.2rem;
    padding: 0 .3rem; background: #000; border-radius: .55rem .55rem .55rem 0rem;
    font-size: .45rem; color: #fff; line-height: .8rem; white-space: nowrap;
}
.botm-shortcut-h64 .b-r .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%);
}

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

/* det-unfold */
.det-unfold { position: relative; }
.det-unfold .unfd-btn { position: relative; height: auto; padding: 0 .8rem .4rem; background-color: #fff; }
.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 .h30 { height: 1.5rem; line-height: 1.5rem; color: #0057ff; }
.det-unfold .unfd-btn .h30 span { padding-right: 1.2rem; background: url('../../pic/ico/unfd-jt.png') no-repeat right .45rem; background-size: .6rem .6rem; }
.det-unfold .unfd-btn .h18 { font-size: .6rem; color: #bbb; line-height: .9rem; }
.det-unfold .unfd-btn .progress-box { position: relative; height: .1rem; background: #e0ebff; border-radius: .2rem; overflow: hidden; }
.det-unfold .unfd-btn .progress-box .color { position: absolute; left: 0; top: 0; bottom: 0; background-color: #2670ff; }
/*unfd-flex-bar*/
.det-unfold .unfd-flex-bar { position: relative; display: flex; padding: .5rem 1.2rem; 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 .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;
}

/* popup-lsdy */
.popup-lsdy .pop-bar {
    padding: 4.9rem 1.1rem 1.2rem 1.2rem; border-radius: .8rem .8rem 0 0; overflow: visible;
    background: #fff url('../../pic/knowledge/bg_botm_lsdy.png') no-repeat; background-size: 100% auto;
}
.popup-lsdy .pop-bar .pop-close {
    top: -2rem; right: .8rem; opacity: .6;
    width: 1.2rem; height: 1.2rem; border: .1rem solid #fff; border-radius: 50%;
    line-height: 1rem; text-align: center;
}
.popup-lsdy .pop-bar .pop-close .iconfont { font-size: .6rem; color: #fff; transform: scale(.7); margin-top: -0.3rem; }
.popup-lsdy .dy-item { padding: .3rem 0; }
.popup-lsdy .dy-item dt { position: relative; padding-left: .9rem; height: 1.1rem; font-size: .75rem; font-weight: 600; }
.popup-lsdy .dy-item dt:after {
    position: absolute; left: 0; top: .3rem; content: ''; box-sizing: border-box;
    width: .5rem; height: .5rem; border: .1rem solid #0057ff; border-radius: 50%;
}
.popup-lsdy .dy-item dd { font-size: .65rem; color: #666; line-height: 1rem; }
.popup-lsdy .dy-item dd p { padding-top: .3rem; }

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