@charset "utf-8";
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0;}
html {line-height:1.15;-webkit-text-size-adjust:100%}
body {margin:0}
main {display:block}
h1 {font-size:2em;margin:.67em 0}

hr {box-sizing:content-box;height:0;overflow:visible}
pre {font-family:monospace,monospace;font-size:1em}
a {background-color:transparent}
abbr[title] {border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong {font-weight:bolder}
code,kbd,samp {font-family:monospace,monospace;font-size:1em}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub {bottom:-.25em}
sup {top:-.5em}
img {border-style:none}
button,input,optgroup,select,textarea {font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input {overflow:visible}
button,select {text-transform:none}
button,[type=button],[type=reset],[type=submit] {-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {outline:1px dotted ButtonText}
fieldset {padding:.35em .75em .625em}
legend {box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress {vertical-align:baseline}
textarea {overflow:auto}
[type=checkbox],[type=radio] {box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration {-webkit-appearance:none}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
details {display:block}
summary {display:list-item}
template {display:none}
[hidden] {display:none}

html {font-size:10vw !important}
button,input,optgroup,select,textarea {font-size:initial;*font-size:100%;}

blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,ol,p,ul {margin:0}
ol,ul {padding:0;list-style:none}
a {text-decoration:none;color:inherit}
button,input {border:none;margin:0;padding:0;-webkit-appearance:none;background-color:transparent}
em,i {font-style:normal}
h1,h2,h3,h4,h5,h6,input,select,textarea {font-size:100%}
input,select,textarea {font-family:inherit;box-sizing:border-box}
img {display:inline-block;border:none}
p {word-break:normal}
main {display:block}
body {margin:0 auto;line-height:1;font-family:Source Han Sans,PingFang SC,Microsoft YaHei,-apple-system,SF UI Text,Arial,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif}

.body{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #f6f6f8;
}
.bg-black {position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;background-color:rgba(0,0,0,0.7)}
.bg-ff {background-color:#fff}
.bg-gary {background-color:#f7f8fa}
.df {display:flex}
.df-sb {display:flex;justify-content:space-between;align-items:center}
.overflow-hide {overflow:hidden !important}
.mb5 {margin-bottom:.06667rem}
.mb10 {margin-bottom:.13333rem}
.mb15 {margin-bottom:.2rem}
.mb20 {margin-bottom:.26667rem}
.mb25 {margin-bottom:.33333rem}
.mb30 {margin-bottom:.4rem}
.mb35 {margin-bottom:.46667rem}
.mb40 {margin-bottom:.53333rem}
.mb45 {margin-bottom:.6rem}
.mb50 {margin-bottom:.66667rem}
.mb55 {margin-bottom:.73333rem}
.mb60 {margin-bottom:.8rem}
.mb65 {margin-bottom:.86667rem}
.mb70 {margin-bottom:.93333rem}
.mb80 {margin-bottom:1.06667rem}
.mb85 {margin-bottom:1.13333rem}
.mlr-20 {margin-left:.4rem;margin-right:.4rem}
.mlr-30 {margin-left:.7rem;margin-right:.7rem}


.ect {text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.ect-clamp {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
[class^="ico-"],.vm {display:inline-block;vertical-align:middle;}
.iconfont {font-size:.8rem}
.fl {float:left}
.fr {float:right}
.none {display:none!important}
.block {display:block!important;width:-webkit-fill-available}
.ovh,.page-box {overflow:hidden}
.hidden {visibility:hidden}
.scroll-bar::-webkit-scrollbar {display:none}
.cup {cursor:pointer}
.active-hot {-webkit-tap-highlight-color:rgba(0,0,0,.05)}
.page-box,.flex-column,.coat-bar,.conts-wrap {display:flex;flex-direction:column;height:100%}
.content-box,.flex-column-cont {flex:1;height:100%;overflow:hidden}
.content-box.scroll-bar,.conts-wrap.scroll-bar,.flex-column-cont.scroll-bar {overflow-y:auto}
.content-box,.pr {position:relative}
.f0 {font-size:0}
.f10 {font-size:.25rem}
.f12 {font-size:.3rem}
.f14 {font-size:.35rem}
.f18 {font-size:.5rem}
.lh16 {line-height:.4rem}
.lh18 {line-height:.5rem}
.lh22 {line-height:.6rem}
.mt-gap {margin-top:.1rem}
.mt-gap2 {margin-top:.2rem}
.mt-gap3 {margin-top:.3rem}
.mt-gap4 {margin-top:.4rem}
.mt-gap5 {margin-top:.5rem}
.mt-gap6 {margin-top:.6rem}
.mt-gap8 {margin-top:.8rem}
.mt-gap2-neg {margin-top:-.2rem}
.mr-gap {margin-right:.1rem}
.mr-gap2 {margin-right:.2rem}
.mr-gap3 {margin-right:.3rem}
.mr-gap4 {margin-right:.4rem}
.mr-gap5 {margin-right:.5rem}
.mr-gap6 {margin-right:.6rem}
.mb-gap {margin-bottom:.1rem}
.mb-gap2 {margin-bottom:.2rem}
.mb-gap3 {margin-bottom:.3rem}
.mb-gap4 {margin-bottom:.4rem}
.mb-gap5 {margin-bottom:.5rem}
.mb-gap6 {margin-bottom:.6rem}
.ml-gap {margin-left:.1rem}
.ml-gap2 {margin-left:.2rem}
.ml-gap3 {margin-left:.3rem}
.ml-gap4 {margin-left:.4rem}
.ml-gap5 {margin-left:.5rem}
.ml-gap6 {margin-left:.6rem}
.mlr-gap {margin-right:.1rem;margin-left:.1rem}
.mlr-gap2 {margin-right:.2rem;margin-left:.2rem}
.mlr-gap3 {margin-right:.3rem;margin-left:.3rem}
.mlr-gap4 {margin-right:.4rem;margin-left:.4rem}
.mlr-gap5 {margin-right:.5em;margin-left:.5em}
.mlr-gap6 {margin-right:.6rem;margin-left:.6rem}
.pt-gap {padding-top:.1rem}
.pt-gap2 {padding-top:.2rem}
.pt-gap3 {padding-top:.3rem}
.pt-gap4 {padding-top:.4rem}
.pt-gap5 {padding-top:.5rem}
.pt-gap6 {padding-top:.6rem}
.pb-gap {padding-bottom:.1rem}
.pb-gap2 {padding-bottom:.2rem}
.pb-gap3 {padding-bottom:.3rem}
.pb-gap4 {padding-bottom:.4rem}
.pb-gap5 {padding-bottom:.5rem}
.pb-gap6 {padding-bottom:.6rem}
.ptb-gap {padding-top:.1rem;padding-bottom:.1rem}
.ptb-gap2 {padding-top:.2rem;padding-bottom:.2rem}
.ptb-gap3 {padding-top:.3rem;padding-bottom:.3rem}
.ptb-gap4 {padding-top:.4rem;padding-bottom:.4rem}
.ptb-gap5 {padding-top:.5rem;padding-bottom:.5rem}
.ptb-gap6 {padding-top:.6rem;padding-bottom:.6rem}
.plr-gap {padding-right:.1rem;padding-left:.1rem}
.plr-gap2 {padding-right:.2rem;padding-left:.2rem}
.plr-gap3 {padding-right:.3rem;padding-left:.3rem}
.plr-gap4 {padding-right:.4rem;padding-left:.4rem}
.plr-gap5 {padding-right:.5rem;padding-left:.5rem}
.plr-gap6 {padding-right:.6rem;padding-left:.6rem}
.hr-line {border-bottom:1px solid #f0f2f5}
.last-line-hide .hr-line:last-child {border-bottom:0}
.ect{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.round-gap3{ border-radius: 0.3em; }

/* ico-home */
.ico-home { background: url('../images/ico-home.png') no-repeat; background-size: 3.46rem 2.92rem; }
.i-home1 { width: 2.6rem; height: .6rem; background-position: 0 0; }
.i-home2 { width: .4rem; height: .4rem; background-position: -2.75rem 0; }
.i-home3 { width: .6rem; height: .6rem; background-position: -3.25rem 0; }
.i-home4 { width: .7rem; height: .6rem; background-position: -4rem 0; }
.i-home5 { width: 1rem; height: 1rem; background-position: 0 -.75rem; }
.i-home6 { width: 1.1rem; height: 1rem; background-position: -1.25rem -.75rem; }
.i-home7 { width: .8rem; height: .8rem; background-position: -2.5rem -.75rem; }
.i-home8 { width: .8rem; height: .8rem; background-position: -3.5rem -.75rem; }
.i-home9 { width: .8rem; height: .8rem; background-position: -4.5rem -.75rem; }
.i-home10 { width: .35rem; height: .35rem; background-position: 0 -1.07rem; }
.i-home11 { width: 3.85rem; height: .8rem; background-position: -.75rem -2rem; }
.i-home12 { width: .7rem; height: .7rem; background-position: -4.75rem -2rem; }
.i-home13 { width: .6rem; height: .6rem; background-position: 0 -3rem; }
.i-home14 { width: .6rem; height: .6rem; background-position: -.75rem -3rem; }
.i-home15 { width: .7rem; height: .7rem; background-position: -1.5rem -3rem; }
.i-home16 { width: 1.1rem; height: .7rem; background-position: 0 -2.05rem; }
.i-home17 { width: 1.1rem; height: .7rem; background-position: -1.2rem -2.05rem; }
.i-home18 { width: 1.1rem; height: .7rem; background-position: -2.41rem -2.05rem; }
.i-home19 { width: .4rem; height: .4rem; background-position: -1.35rem -1.64rem; }
.i-home20 { width: .4rem; height: .4rem; background-position: -1.8rem -1.61rem; }


.zf-header {position:relative;height:1.24rem;box-sizing:border-box;margin-bottom:.4rem}
.zf-header .address-box {line-height:1.24rem;color:#000;font-size:.38667rem;font-weight:400;position:absolute;left:.4rem;bottom:0;height:1.24rem;padding-right:.45333rem}
.zf-header .address-box:before {position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';width:0;height:0;border-width:.16rem .16rem 0;border-style:solid;border-color:rgba(0,0,0,0);border-top-color:#666}
.zf-header .person-icon {position:absolute;width:.56rem;height:1.24rem;right:.4rem;bottom:0}
.zf-header .person-icon:before {content:'';width:.56rem;height:.56rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../images/person.png) center/contain no-repeat}
.zf-header .person-icon.active:after {content:'';position:absolute;top:calc(50% - .4rem);left:50%;height:.24rem;width:.24rem;border-radius:50%;background:#fc3d3d;border:.01333rem solid #f6f6f8}
.zf-header1 {position:relative;height:1.24rem;padding:0 .4rem;box-sizing:border-box;background:#fff;display:flex;overflow:hidden}
.zf-header1.border-b:after {background-color:#d1d1d1}
.zf-header1 .header-left {display:flex;align-items:center;height:100%;flex:1;overflow:hidden}
.zf-header1 .header-right {display:flex;align-items:center;height:100%}
.zf-header1 .logo {width:2.10667rem;height:.81333rem;background:url(../images/logo.png) center/contain no-repeat;margin-right:.46667rem}
.zf-header1 .address-box1 {padding:0 .69333rem 0 .24rem;height:.8rem;color:#000;font-size:.38667rem;font-weight:400;line-height:.8rem;border:.01333rem solid #666;border-radius:.41333rem;position:relative;margin-right:.46667rem}
.zf-header1 .address-box1:before {content:'';position:absolute;top:50%;right:.2rem;transform:translateY(-50%);width:0;height:0;border:.14667rem solid rgba(0,0,0,0);border-bottom:none;border-top:.17333rem solid #666}
.zf-header1 .header-title {color:#222;font-size:.48rem;font-weight:700;flex:1;overflow:hidden;white-space:nowrap}
.zf-header1 .header-menu {width:1.09333rem;height:.81333rem;margin-right:-.26667rem;position:relative;overflow:hidden}
.zf-header1 .header-menu:before {content:'';width:.56rem;height:.05333rem;background:#222;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.02667rem;box-shadow:0 .18667rem #222,0 -.18667rem #222}
.zf-header1 .person-icon1 {width:1.09333rem;height:.81333rem;background:url(../images/person.png) center/0.56rem no-repeat;position:relative}
.zf-header1 .person-icon1.active:before {content:'';position:absolute;top:0;left:50%;height:.24rem;width:.24rem;border-radius:50%;background:#fc3d3d;border:.01333rem solid #f6f6f8}
.zf-header1 .ask-text {line-height:.81333rem;color:#00997d;font-size:.48rem;font-weight:700;padding:0 .26667rem}

.search-box {display:flex;align-items:center}
.search-box .logo {width:2.14667rem;height:.82667rem;background:url(../images/tlogo.png) center/2.14667rem no-repeat;margin-right:.76rem}
.header-title {color:#222;font-size:.48rem;font-weight:700;line-height:1.24rem;text-align:center}

.advantage-tag-list {height:.88rem;background-color:#ebebf0;display:flex;justify-content:space-between;align-items:center;padding:0 .32rem;border-radius:.24rem}
.advantage-tag-list .tag-item {font-size:.29333rem;font-weight:400;color:#595959;padding-left:.4rem;position:relative}
.advantage-tag-list .tag-item:before {opacity:.7;position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:.28rem;height:.28rem;background:url(../images/correct-icon.png) center/contain no-repeat}


.ask-serve-card-list {display:flex;justify-content:space-between}
.ask-serve-card-item {flex:1;height:3.73333rem;border-radius:.38667rem;box-sizing:border-box;position:relative;text-align:center;padding-top:1.29333rem}
.ask-serve-card-item:not(:last-child) {margin-right:.32rem}
.ask-serve-card-item .red-tag {position:absolute;width:.98667rem;height:.50667rem;background:#fc3d3d;color:#fff;top:-.26667rem;left:0;font-size:.29333rem;font-weight:500;text-align:center;line-height:.49333rem;border-radius:.25333rem .25333rem .25333rem 0;border:.01333rem solid #fff}
.ask-serve-card-item .name {color:#fff;font-size:.48rem;font-weight:700;position:absolute;width:100%;height:100%;top:0;left:0;box-sizing:border-box;padding-top:.6rem}
.ask-serve-card-item .desc {color:#fff;font-size:.26667rem;font-weight:400}
.ask-serve-card-item.icon1 {background:url(../images/doubt.png) center bottom .34667rem/1.58667rem no-repeat,linear-gradient(to top,#49c9bd,#00a698)}
.ask-serve-card-item.icon2 {background:url(../images/phone1.png) center bottom .24rem/1.45333rem no-repeat,linear-gradient(to bottom,#0d7bdb,#6aace6)}
.ask-serve-card-item.icon3 {background:url(../images/person.png) center bottom .29333rem/1.56rem no-repeat,linear-gradient(to bottom,#465bcf,#98a5e3)}


/* banner-swiper */
.banner-swiper { height: 3.71rem; border-radius: .3rem; overflow: hidden; }
.banner-swiper .item { position: relative; height: 100%; }
.banner-swiper .tel-btn { position: absolute; bottom: .4rem; right: 0.5rem; z-index: 1; padding: 0 .3rem; font-size: .3rem; color: #fff; line-height: .6rem; background: #00B3A7; background: linear-gradient(270deg, #00C798 0%, #00B3A7 100%); border-radius: .3rem; }
.banner-swiper .tel-btn .i-home10 { margin-right: .1rem; }
.banner-swiper .lawyer { display: block; position: relative; }
.banner-swiper .lawyer .photo { height: 3.71rem; }
.banner-swiper .lawyer .label { position: absolute; top: 0; left: .2rem; width: .9rem; height: auto; }
.banner-swiper .lawyer .ban-txt { position: absolute; top: 0.5rem; right: 0.65rem; width: 4.82rem; }
.banner-swiper .ban-txt .name { font-size: .45rem; font-weight: bold; color: #111A34; }
.banner-swiper .ban-txt .info { margin-top: .2rem; font-size: .31rem; color: #858B9C; display: table; }
.banner-swiper .ban-txt .info span { margin-right: .2rem; }
.banner-swiper .ban-txt .skill { margin-top: .35rem; font-size: .3rem; color: #41485D; display: table; }
.banner-swiper .ban-txt .skill .line-vertical { border-right-color: #41485D; margin-right: .12rem; margin-left: .12rem; }
.banner-swiper .operate-img {display: block; width: 100%; height: 3.71rem; }
.banner-swiper .lawyer .photo img, .banner-swiper .operate-img img{ display: block; width: 100%; height: 100%;}

.banner-swiper .swiper-pagination {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: .15rem; line-height: .15rem;
    position: absolute; bottom: .2rem; left: 0;
    /* transition: 300ms opacity;
    transform: translate3d(0,0,0); */
    z-index: 10;
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet {display: inline-block; width: .15rem; height: .15rem; border-radius: .7rem; margin: 0 .06rem;    background: #ffffff; opacity: .4; }
.banner-swiper .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; width: .4rem; }

.swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-wrapper {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}



.menu-box .menu-list {padding-top:.46667rem;display:flex;flex-wrap:wrap;justify-content:space-evenly}
.menu-box .menu-item {width:25%;max-width:2.29333rem; position:relative;height:1.89333rem}
.menu-box .menu-link {white-space:nowrap;color:#000;position:absolute;box-sizing:border-box;height:100%;min-width:100%;top:0;left:50%;transform:translateX(-50%);font-size:.33333rem;font-weight:400;text-align:center;line-height:.49333rem;padding-top:1.38667rem}
.menu-box .menu-link.icon1 {background:url(../images/chat.png) center top/1.38667rem no-repeat}
.menu-box .menu-link.icon2 {background:url(../images/one-to-one.png) center top/1.38667rem no-repeat}
.menu-box .menu-link.icon4 {background:url(../images/com1-icon.png) center top/1.38667rem no-repeat}
.menu-box .menu-link.icon7 {background:url(../images/book-icon.png) center top .21333rem/0.78667rem no-repeat}


/* heart-election */
.heart-election { position: relative; margin-left: auto; margin-right: auto; width: calc(100% - 26px); height: 10.9rem; padding: 2.6rem .3rem .9rem; background: url('../images/hear_elect_bg.png') no-repeat; background-size: 100% 100%; }
.heart-election .ico-bg-lable { position: absolute; left: 20px; top: 14px; width: 172px; height: 64px; background-size: cover; }
.heart-election .ico-bg-lable.lable-lawyer{ background-image: url('../images/hear_elect_lawyer.png'); }
.heart-election .ico-bg-lable.lable-office{ background-image: url('../images/hear_elect_office.png'); }
.heart-election .ico-bg-lable.lable-team  { background-image: url('../images/hear_elect_team.png'); }
.heart-election .lawyer { position: relative; display: block; width: 100%; height: 6.15em; z-index: 1; }
.heart-election .lawyer>a{ display:inline-block; width: 100%; height: 100%; }
.heart-election .lawyer .photo { position: absolute; right: 0; top: 0rem; width: 5.95rem; height: 5.25rem; z-index: 1; }
.heart-election .lawyer .photo img{ display: block;  width: 100%; height: 100%; }
.heart-election .lawyer .cont-txt { height: 5.25rem; padding-left: .3rem;  display: flex; align-items: center;}
.heart-election .lawyer .tit { display: flex; align-items: center; min-height: .8em; padding-right: 2.5rem; overflow: hidden; }
.heart-election .lawyer .name { font-size: .45rem; color: #523424; }
.heart-election .lawyer .tag-online {
    display: inline-block; padding: .1em .15rem; font-size: .3rem; color: #fff; margin: 0 0 0 .15rem;
     background: linear-gradient(299deg, #E4A255 0%, #E6BB66 100%); border-radius: .06rem;
}
.heart-election .lawyer .post { margin-top: .25rem; font-size: .4rem; color: #523424; }
.heart-election .lawyer .info { margin-top: .3rem; font-size: .3rem; color: #8A5D3A; }
.heart-election .lawyer .info span em { font-weight: 500; color: #FF8638; }
.heart-election .lawyer .info .line-vertical { height: .5rem; border-right-color: #E0BC87; }
.heart-election .lawyer .service { margin-top: .25rem; overflow: hidden; text-align: center; }
.heart-election .lawyer .service li { float: left; padding: 0 .1rem; margin-right: .25rem; }
.heart-election .lawyer .service li:last-child { margin-right: 0; }
.heart-election .lawyer .service .ico-home { display: inline-block; vertical-align: middle; margin-top: 0;  }
.heart-election .lawyer .service p { margin-top: .1rem; color: #855F42; font-size: .3rem; }
.heart-election .lawyer .disc { position: absolute; left: 1.15rem; right: .6rem; bottom: .15rem; font-size: .3rem; color: #B6661C; line-height: .55rem; }

.heart-election .handle { position: absolute; right: 0; bottom: .4rem; left: 0; display: flex; justify-content: center; }
.heart-election .handle .handle-btn { display: inline-flex; align-items: center; justify-content: center; height: 1.15rem; border-radius: .57rem; position: relative; font-size: .4rem; background-size: 100% 100%;  }
.heart-election .handle .tel { width: 3rem; color: #DB642A; background-image: url('../images/btnbg02.png'); }
.heart-election .handle .tel:active { background-image: url('../images/btnbg02-active.png'); }
.heart-election .handle .ask { width: 4.51rem; color: #FFF9EB; background-image: url('../images/btnbg03.png'); position: relative; }
.heart-election .handle .ask>a{ display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.heart-election .handle .ask .i-home19 { margin-top: 0; margin-right: .1rem; }
.heart-election .handle .ask .i-home20 { margin-top: 0; margin-left: .15rem; }
.heart-election .handle .ask:active { background-image: url('../images/btnbg03-active.png'); }
.heart-election .handle .ask:before { content: ''; position: absolute; top: 0; left: 0; width: 4.51rem; height: 1.15rem; background: url('../images/btnbg03-light.png') no-repeat; background-size: 100% 100%; transform: translateX(-100%); animation: toRight 2s 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);
    }
}
.heart-election .handle .ico-tagpersent { position: absolute; top: -.55rem; right: -0.2rem; margin-top: 0; width: 2.48rem; height: .8rem; background: url('../images/tag_persent99.png') no-repeat; background-size: 100% 100%; }


/* local-lawyer-bar */
.local-lawyer-bar { background-color: #fff; border-radius: .2rem; margin: .3rem .3rem 0; }
.local-lawyer-bar .nav-tw-tit {
    display: flex; align-items: center;
    height: 1.5rem; padding: 0.5rem .3rem; line-height: .6rem;
    background: url('../images/bg_bdtjlr.png') no-repeat; background-size: 100% auto;
}
.local-lawyer-bar .nav-tw-tit .bdlr-tit {
    float: left; width: 2.45rem; height: .5rem; margin: 0 .3rem 0 0;
    background: url('../images/bdtj_tit.png') no-repeat; background-size: 100% auto;
}
.local-lawyer-bar .nav-tw-tit .tit { float: left; margin-right: .2rem; max-width: 2.4rem;  font-size: 0.45rem; }
.local-lawyer-bar .nav-tw-tit .tag {
    float: left; padding: 0 .2rem; height: .6rem; line-height: .6rem;
    background: linear-gradient(270deg, #EDF3FC 0%, #EDF3FC 100%); border-radius: .55rem;
    font-size: .4rem; color: #868EA3;
}
.local-lawyer-bar .nav-tw-tit .tag .ico-bdlr {
    float: left; width: .4rem; height: .4rem; margin: .1rem .1rem 0 0;
    background: url('../images/ico_bdlr.png') no-repeat; background-size: cover;
}
/* lawyer-tabs-bar */
.ico-findlaw { background: url('../images/ico-findlawyer.png') no-repeat; background-size: 3.55rem 1rem; }
.i-findlaw2 { width: .4rem; height: .4rem; background-position: -0.45rem 0; }
.lawyer-nav-bars {  height: 1.05rem; position: relative; background-color: #fff; overflow: hidden; border-radius: .2rem .2rem 0 0; }
.lawyer-tabs-bar .tab-nav { height: 100%; position: relative; padding: 0 2.1rem 0 .1rem; box-shadow: inset 0 -0.03rem 0 0 #F0F2F5 }
.lawyer-tabs-bar .tab-nav .nav-item {
    display: inline-flex; align-items: center;
    flex-shrink: 0;
    width: auto;
    height: 100%;
    position: relative;
    transition-property: transform;
    float: left;  padding: 0 .2rem; text-align: center;
    font-size: .3rem; color: #858B9C;
}
.lawyer-tabs-bar .tab-nav .nav-item:after { position: absolute; left: 50%; bottom: .1rem; content: ''; width: .4rem; height: .08rem; transform: translateX(-50%); border-radius: .1rem }
.lawyer-tabs-bar .tab-nav .nav-item.is-this { color: #0B998F; font-weight: 600; }
.lawyer-tabs-bar .tab-nav .nav-item.is-this:after { background-color: #0EB298 }
.lawyer-tabs-bar .lawyer-skill-choice { position: absolute; top: 0; right: 0; z-index: 5; width: 1.05rem; height: 1.05rem; padding-right: .3rem; line-height: 1.05rem; background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 69%, rgba(255, 255, 255, 0) 100%); text-align: right; }


.lawyer-tabs-bar-fixedtop { border-radius: 0; }
.lawyer-tabs-bar-fixedtop .lawyer-nav-bars { position: fixed; top: 0; right: 0; left: 0; z-index: 10; }
.lawyer-tabs-bar-fixedtop .lawyer-skill-choice { width: 1.6rem; padding-right: .6rem; }
.lawyer-tabs-bar-fixedtop.tabs-bar .tab-nav {  padding: 0 2.4rem 0 .4rem; }
.lawyer-tabs-bar-fixedtop.pt-top44 { padding-top: 2.2rem; }
.lawyer-tabs-bar-fixedtop .choice-condition-bar { position: fixed; top: 2.2rem; right: 0; left: 0; z-index: 9; }
.lawyer-tabs-bar-fixedtop .choice-condition-bar:before { content: ''; position: absolute; top: -.1rem; right: 0; left: 0; z-index: -1; height: .2rem; background-color: #fff; }
.lawyer-tabs-bar .no-data-bar { padding-top: 1rem; }


.swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper {flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper {transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper {flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper {flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}

.recommend_list{
    width: 100%;
}
.recommend_list .list_card {
    width: 100%;
    padding: 0.45rem 0.3rem;
}
.recommend_list .list_card .card_a{
    position: relative;
    display: block;
    padding-left:2.1rem;
    color: #111f34;
    text-decoration: none;
}
.list_card .card_img{
    display: inline-block;
    width: 1.92rem;
    height: 1.92rem;
    border-radius: 50%;
    overflow: hidden;
    position:absolute;top:0;left:0;
}
.list_card .card_img img {width:100%;height:100%;}

.list_card  .card_title {line-height:.6rem; display:table; font-size: 0.4rem; }
.list_card  .card_title .name {margin-right:.1rem}
.list_card  .card_title .u-lab {margin-right:.1rem;padding:0 .2rem;font-size:.3rem;border-radius:.1rem;line-height:.4rem;font-weight:500}
.list_card  .card_title .u-lab:last-child {margin-right:0}
.list_card  .card_title .u-lab.lab-bg1 {background-color:#F7F3E4;color:#855F42}
.list_card  .card_title .u-lab.lab-bg2 {background-color:#E5F2FE;color:#356ED7}
.list_card .card_title .ico-label-bee-r {margin-left:.1rem}

.list_card .card_skill {font-size:.3rem;color:#414A5D}
.list_card .card_info {font-size:.3rem;color:#676F85;display:table}
.list_card .card_info span em {color:#FF8638;font-weight:500}
.list_card .card_tag {color:#676F85; font-size:0; }
.list_card .card_tag span {padding:0 .12rem;border:1px solid #DFE2E8;border-radius:.1rem;font-size:.3rem;line-height:.6rem;margin-right:.4rem;margin-top:.1rem; }
.recommend_list .list_card:after {content:'';position:absolute;right:.3rem;bottom:0;left:2.1rem;border-bottom:1px solid #F0F2F5; }
.recommend_list .list_card:last-child:after {display:none}

.list_card .card_handle { display: flex; align-items: center; padding-left: 1.9rem; }
.list_card .card_handle .handle-btn {display:flex;align-items:center;justify-content:center;margin-left:.3rem;border:1px solid #0EB298; height: .8rem;border-radius:.4rem;font-size:.35rem}
.list_card .card_handle .handle-btn.tel {background-color:transparent;color:#0B998F;width:2.2rem}
.list_card .card_handle .handle-btn.ask {background-color:#0EB298;color:#fff;width:3.3rem}
.list_card .card_handle .handle-btn .ico-public {margin-top:0}
.list_card .card_handle .handle-btn.tel:active {background-color:#F3F3F3}
.list_card .card_handle .handle-btn.ask:active {background-color:#0C9F87}





.wl-title {color:#222;font-size:.53333rem;font-weight:700}
.lawyer-comment-media-card {display:block;padding:.46667rem .26667rem 0 .46667rem;height:3.86667rem;background:#fff;box-shadow:0 .08rem .48rem rgba(0,0,0,.04);border-radius:.4rem;box-sizing:border-box;position:relative}
.lawyer-comment-media-card:not(:last-child) {margin-bottom:.26667rem}
.lawyer-comment-media-card .law-msg {display:flex;justify-content:space-between;height:1.21333rem;align-items:center;margin-bottom:.66667rem}
.lawyer-comment-media-card .law-img-box {width:1.21333rem;height:1.21333rem;border-radius:50%;overflow:hidden;margin-right:.26667rem}
.lawyer-comment-media-card .law-img {display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.lawyer-comment-media-card .law-name {display:block;color:#333;font-size:.38667rem;font-weight:500;margin-bottom:.13333rem}
.lawyer-comment-media-card .msg {flex:1;padding-top:.13333rem;height:1.21333rem;box-sizing:border-box}
.lawyer-comment-media-card .ask-btn {height:.85333rem;line-height:.85333rem;background:#00b594;border-radius:.42667rem;color:#fff;font-size:.38667rem;font-weight:500;text-align:center;width:2.29333rem;margin-left:.13333rem}
.lawyer-comment-media-card .star-list {display:flex;align-items:center}
.lawyer-comment-media-card .star-num {color:#666;font-size:.38667rem;font-weight:400;height:.44rem;line-height:.44rem;transform:translateY(.04rem)}
.lawyer-comment-media-card .star-half-icon {width:.44rem;height:.44rem;margin-right:.2rem;background:url(../images/star-half-icon.png) center/contain no-repeat}
.lawyer-comment-media-card .star-icon {width:.44rem;height:.44rem;margin-right:.2rem;background:url(../images/star-icon.png) center/contain no-repeat}
.lawyer-comment-media-card .comment {color:#000;font-size:.38667rem;font-weight:500;margin-bottom:.4rem}
.lawyer-comment-media-card .msg-text:not(:last-child) {padding-right:.6rem}
.lawyer-comment-media-card .time {color:#999;font-size:.32rem;font-weight:400}



.ico-footer {background:url('../images/ico-footer.png') no-repeat;background-size:6.28rem 1.46rem}
.i-foot16 {width:.46rem;height:.46rem;background-position:-4.41rem -.85rem}
.ico-public,.quality-consult .lawyer a:after {background:url('../images/ico-public.png') no-repeat;background-size:2.82rem 3.33rem}
.i-pu-arrowb {width:.4rem;height:.4rem;background-position:0 -.75rem}
.i-pu-arrowr {width:.4rem;height:.4rem; background-position:-0.42rem -0.73rem}
.i-pu-ask3 {width:.4rem;height:.4rem;background-position:-2rem -1.2rem}


.mews_title{width: 100%; }
.news_item{
    background-color: #fff;
    border-radius: 0.2rem;
    margin-top: 0.3rem;
}
.item_row { display:flex;  }
.item_row .itemRow_content{ display:flex;flex-direction:column;justify-content:space-between; width: calc(100% - 2.53rem); }
.item_row .itemRow_img{ display: block; }

.quality-artical {display:block;padding: 0.5rem .3rem}
.quality-artical .row_title {
    line-height: .6rem; font-size: .4rem; font-weight: 700;
    overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2
}
.quality-artical .det { flex: 1;  font-size:.4rem;line-height: .7rem;color:#414A5D}
.quality-artical .read {font-size:.3rem;color:#868EA3}
.item_row .itemRow_img { display: block; width:2.53rem; height:1.92rem; overflow:hidden;border-radius:.1rem;background-color:#F7F8FA; position:relative;}
.item_row .itemRow_img img { display: block; border-radius:.1rem}
.item_row .itemRow_img .lab {position:absolute;right:0;bottom:0;left:0;text-align:center;background:rgba(0,0,0,0.1);background:linear-gradient(270deg,rgba(0,0,0,0.1) 0,rgba(0,0,0,0.7) 100%);line-height: .7rem;padding:0 .2rem;font-size:.3rem;color:#fff}
.quality-artical .flex-item {display:flex;flex-direction:column;justify-content:space-between}
.quality-artical-list li {position:relative;padding-bottom:1px}
.quality-artical-list li:after {content:'';position:absolute;right:.6rem;bottom:0;left:.6rem;border-bottom:1px solid #F0F2F5}
.quality-artical-list li:last-child:after {display:none}

.more-answer-all { background-color: #fff; border-top:1px solid #F0F2F5;text-align:center; padding:.2rem 0; line-height: .45rem; border-radius: 0.2rem;}
.more-answer-all .txt {padding:0 .3rem;font-size:.3rem;line-height: .7rem;border-radius:.2rem;color:#676F85;cursor:pointer;margin-top:0}
.more-answer-all .txt:active {background-color:#F0F2F5}


.footer_div{  width: 100%; }
.footer_mn{
    position: relative;
    padding: 0.5rem .4rem 0.5rem;
}
.footer_logo{
    display: block;
    height: 1.6rem;
    margin: auto;
    border: 0;
    vertical-align: middle;
}
.footer_copy{ width: 100%; margin-top: .25rem; color: #bbbbbb;font-size: .3rem; text-align: center; }
.footer_copy a{ color:#333333; }
.footer_link{
    width: 100%; margin-top: .2rem; font-size: .3rem; text-align: center;
}
.footer_link a{ margin: 0 0.1rem; }



.zf-bottom-menu-box {padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);height:1.28rem}
.zf-bottom-menu {padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);height:1.28rem;display:flex;position:fixed !important;z-index:10;background:#fff;left:0;width:100%;bottom:0;overflow:hidden}
.zf-bottom-menu:after {background-color:#d1d1d1 !important}
.zf-bottom-menu .zf-bottom-menu-item {
    height:2.4rem;flex:1;width:0;color:#333;font-size:.3rem;font-weight:400;text-align:center;box-sizing:border-box;padding-top:0.8rem;
    box-shadow: inset 0 0.05rem 0 0 #f0f2f5;
}
.zf-bottom-menu .zf-bottom-menu-item.active {color:#00997d}
.zf-bottom-menu .zf-bottom-menu-item.index {background:url(../images/index_normal.png) center top .09333rem/0.68rem no-repeat}
.zf-bottom-menu .zf-bottom-menu-item.index.active {background:url(../images/index_selected.png) center top .09333rem/0.68rem no-repeat}
.zf-bottom-menu .zf-bottom-menu-item.find {background:url(../images/find_normal.png) center top .09333rem/0.68rem no-repeat}
.zf-bottom-menu .zf-bottom-menu-item.find.active {background:url(../images/find_selected.png) center top .09333rem/0.68rem no-repeat}
.zf-bottom-menu .zf-bottom-menu-item.consult {background:url(../images/consult_normal.png) center top .09333rem/0.68rem no-repeat}
.zf-bottom-menu .zf-bottom-menu-item.consult.active {background:url(../images/consult_selected.png) center top .09333rem/0.68rem no-repeat}
.zf-bottom-menu .zf-bottom-menu-item.mine {background:url(../images/mine_normal.png) center top .09333rem/0.68rem no-repeat}
.zf-bottom-menu .zf-bottom-menu-item.mine.active {background:url(../images/mine_selected.png) center top .09333rem/0.68rem no-repeat}




/* 律师详情 */
.zf-header1 {position:relative;height:1.24rem;padding:0 .4rem;box-sizing:border-box;background:#fff;display:flex;overflow:hidden}
.zf-header1.border-b:after {background-color:#d1d1d1}
.zf-header1 .header-left {display:flex;align-items:center;height:100%;flex:1;overflow:hidden}
.zf-header1 .logo {width:2.10667rem;height:.81333rem;background:url(../images/logo.png) center/contain no-repeat;margin-right:.46667rem}
.zf-header1 .header-title {color:#222;font-size:.48rem;font-weight:700;flex:1;overflow:hidden;white-space:nowrap}
.zf-header1 .header-title h1{ text-align: left; }

.inner-page {padding-top:1.26667rem;position:relative;background:#f6f6f8 url(../images/page-bg.png) center top/100% 14.86667rem no-repeat}
.lawyer-card {background:linear-gradient(180deg,#0987b5,#5bb1d9);border-radius:.4rem;position:relative;mix-blend-mode:normal;color:#fff;padding-bottom:.53333rem;margin-bottom:.33333rem}
.lawyer-card .yanxuan {width:2.73333rem;height:.66667rem;position:absolute;left:.33333rem;top:1.73333rem;background:url(../images/yanxuan.png) center/contain no-repeat}
.lawyer-card .lawyer-img {border-radius:.16rem;position:absolute;width:2.45333rem;height:2.45333rem;border:.01333rem solid #fff;-o-object-fit:cover;object-fit:cover;border-radius:12px;left:.46667rem;top:-.46667rem}
.lawyer-card .lawyer-name {display:flex;align-items:center;padding:.33333rem 0 0 3.6rem;font-size:.48rem;font-weight:700;margin-bottom:.26667rem}
.lawyer-card .xin-icon {width:.38667rem;height:.48rem;margin-left:.2rem;background:url(../images/credit.png) center/contain no-repeat}
.lawyer-card .location {padding-left:3.6rem;font-size:.33333rem;font-weight:400;margin-bottom:.26667rem}
.lawyer-card .tag-list {display:flex;align-items:center;flex-wrap:wrap;padding-left:3.33333rem}
.lawyer-card .tag {font-size:.33333rem;font-weight:500;background:rgba(255,255,255,.25);border-radius:.08rem;padding:0 .2rem;line-height:.53333rem;margin:0 0 .26667rem .26667rem}
.lawyer-card .num-msg {display:flex;height:1.2rem;text-align:center;margin-top:.53333rem}
.lawyer-card .msg-item {height:100%;position:relative;flex:1;width:0}
.lawyer-card .msg-item:not(:last-child):before {content:'';position:absolute;width:.01333rem;height:100%;right:0;top:0;background:rgba(255,255,255,.5)}
.lawyer-card .item-num {margin:.13333rem 0 .26667rem;font-size:.45333rem;font-weight:700}
.lawyer-card .item-name {font-size:.32rem;font-weight:500}
.lawyer-file {background:#fff;box-shadow:0 .08rem .4rem rgba(0,0,0,.03);border-radius:.4rem;padding:.46667rem}
.lawyer-file .watch-more {height:.53333rem;float:right;color:#666;font-size:.29333rem;font-weight:400;display:flex;align-items:center}
.lawyer-file .watch-more:after {content:'';width:.32rem;height:.32rem;background:url(../images/arrow-icon.png) center/contain no-repeat}
.lawyer-file .file-item {color:#666;font-size:.33333rem;line-height:.56rem;font-weight:400;display:flex;align-items:start;margin-bottom:.2rem}
.lawyer-file .file-content {margin-left:.13333rem;color:#333;flex:1;width:0;padding-right:.53333rem}
.lawyer-file .location-icon {align-self:center;width:1.6rem;height:.8rem;background:url(../images/location-icon.png) right center/contain no-repeat}
.lawyer-file .card-bottom {margin-top:.73333rem;height:1.06667rem;background:#f8f8f8;border-radius:.2rem;display:flex;align-items:center}
.lawyer-file .bottom-item {height:100%;flex:1;width:0;color:#4f4f4f;font-size:.29333rem;font-weight:400;display:flex;justify-content:center;align-items:center}
.lawyer-file .bottom-item:before {content:'';width:.48rem;height:.48rem;margin-right:.06667rem}
.lawyer-file .icon1:before {background:url(../images/bottom1-icon.png) center/contain no-repeat}
.lawyer-file .icon2:before {background:url(../images/bottom2-icon.png) center/contain no-repeat}
.lawyer-file .icon3:before {background:url(../images/bottom3-icon.png) center/contain no-repeat}
.lawyer-ask-card {background:#fff;box-shadow:0 .08rem .4rem rgba(0,0,0,.03);border-radius:.4rem;padding:.46667rem;display:flex;align-items:center}
.lawyer-ask-card .lawyer-img {width:1.57333rem;height:1.57333rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}
.lawyer-ask-card .ask-btn {position:relative;width:1.57333rem;height:1.57333rem;background:#f8f8f8;border-radius:.2rem;text-align:center;box-sizing:border-box;padding-top:1.06667rem;color:#222;font-size:.29333rem;font-weight:500}
.lawyer-ask-card .ask-btn:before {content:'';position:absolute;height:1.02667rem;top:0;left:0;width:100%}
.lawyer-ask-card .icon1 {margin-right:.13333rem}
.lawyer-ask-card .icon1:before {background:url(../images/call-btn-icon.png) center/contain no-repeat}
.lawyer-ask-card .icon2:before {background:url(../images/ask-btn-icon.png) center/contain no-repeat}
.lawyer-ask-card .lawyer-msg {height:1.57333rem;flex:1;width:0;padding:.26667rem 0 .2rem .2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}
.lawyer-ask-card .lawyer-name {font-size:.44rem;font-weight:700;color:#222}
.lawyer-ask-card .help {font-size:.33333rem;font-weight:400;color:#333}
.lawyer-ask-card .red {color:#fc3d3d;padding:0 .06667rem}


.comment_div{
    width: 100%;
    background-color: #ffffff;
}

/* ico-lawyerhome */
.ico-lawyerhome { background: url('../images/ico-lawyerhome.png') no-repeat; background-size: 8.84rem 5.89rem; }
.i-lawhome16 { width: .5rem; height: .5rem; background-position: -3.48rem -.38rem; }
.i-lawhome22 { width: 1.9rem; height: .45rem; background-position: -1.15rem -2.75rem; }
.i-lawhome23 { width: .31rem; height: .31rem; background-position: -3.23rem 0; }
.i-lawhome24 { width: .31rem; height: .31rem; background-position: -2.82rem 0; }

/* lawyerhome-subtitle */
.lawyerhome-subtitle { line-height: .7rem; display: table; width: 100%; }
.lawyerhome-subtitle > * { margin-right: .2rem; }
.lawyerhome-subtitle .tit { font-size: .45rem; }
/* lawyerhome-source */
.lawyerhome-source { background: #FCFBFA; background: linear-gradient(180deg, #FCF6F2 0%, #FBF8F6 32%, #FCFBFA 100%); border-radius: .1rem; padding: .45rem 0; display: flex; line-height: 0.5rem; }
.lawyerhome-source .tit { padding: .15rem 0 0 .55rem; flex: 1; }
.lawyerhome-source .tit .name { font-size: .4rem; }
.lawyerhome-source .tit .disc { display: table; width: 100%; margin-top: .2rem; font-size: .3rem; color: #868EA3; }
.lawyerhome-source .tit .disc span { margin-right: .2rem; }
.lawyerhome-source .tit .disc span:last-child { margin-right: 0; }
.lawyerhome-source .source { width: 2.6rem; padding: 0 .25rem; border-right: .05rem solid #F7F0EB; text-align: center; }
.lawyerhome-source .source .f-num { font-size: .6rem; height: .6rem; margin-bottom: .2rem; color: #FF8638; }
.lawyerhome-source .source .star-source-bar { width: 100%; margin: auto; }
.star-source-bar { position: relative; overflow: hidden; }
.star-source-bar .normal{ display: flex; align-items: center; justify-content: center; }
.star-source-bar .ico-lawyerhome{ margin: 0 .05rem; }
.star-source-bar .show { position: absolute; top: 0; left: 0; overflow: hidden; }

/* court-list */
.court-list { overflow: hidden; }
.court-list li { float: left; word-break: break-all;}
.court-list li span { float: left; margin: .2rem .2rem 0 0; padding: 0 .17rem; border: 1px solid #F0F2F5; line-height: .65rem; border-radius: .1rem; font-size: .3rem; color: #676F85; }
.court-list.w4 li span .ml-gap { margin-left: .05rem; }

/* user-evaluate-list */
.user-evaluate-list li { position: relative; padding: 0.5rem 0 0.5rem 1rem; }
.user-evaluate-list li:before { content: ''; position: absolute; top: 0; right: 0; left: 1rem; border-top: .05rem solid #F0F2F5; }
.user-evaluate-list li:first-child:before { display: none; }
.user-evaluate-list .photo { position: absolute; top: 0.5rem; left: 0; width: 0.7rem; height: 0.7rem; border-radius: 50%; overflow: hidden; }
.user-evaluate-list .info { display: flex; justify-content: space-between; align-items: center; }
.user-evaluate-list .info .name { font-size: .4rem; color: #414A5D; }
.user-evaluate-list .info .local { font-size: .3rem; color: #A6ACBD; margin-top: .1rem; }
.user-evaluate-list .det { margin-top: .3rem; font-size: .4rem; color: #414A5D; line-height: 0.7rem; }
.user-evaluate-list .other { margin-top: .3rem; line-height: .4rem; font-size: .3rem; }
.user-evaluate-list .star-source-bar { width: 2.5rem; margin-left: auto; }
.user-evaluate-list .star-source-bar .normal{ justify-content: flex-end; }


.footer_crumb {padding: .2rem .4rem .6rem;color:#222;font-size:.38667rem;font-weight:400;line-height:.57333rem}
.footer_crumb .crumb-link {color:#222;font-size:.38667rem;font-weight:400}

h2 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.h2_title{
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
}