/* hlx-755 lq 2021-07-12 */
.pt10 { padding-top: .5rem; }
.bar-title { padding-top: 1.4rem; }
/* .bar-title .tit { font-size: .9rem; } */
.bar-title .more .iconfont { font-size: .45rem; }
.cont-body { padding-bottom: 1.2rem; }
.ft-bar { margin-top: 0; }
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: .6rem; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin-left: .15rem; margin-right: .15rem; }

/* ico */
.ico-tj { 
    display: inline-block; vertical-align: middle; 
    width: 1.7rem; height: 1rem; background: url('../images/ico_tj.png') no-repeat; 
    background-size: 100% 100%;
}
    /*ico-column*/
.ico-column {
    display: inline-block; vertical-align: middle; 
    background: url('../images/ico_column.png') no-repeat; 
    background-size: 15.5rem 8.75rem;
}
.ico-quickask-74   { width: 3.7rem; height: 3.7rem; background-position: 0 0; }
.ico-telask-74     { width: 3.7rem; height: 3.7rem; background-position: -4rem 0; }
.ico-findlawyer-74 { width: 3.7rem; height: 3.7rem; background-position: -8rem 0; }

.ico-local-30      { width: 1.5rem; height: 1.5rem; background-position: 0 -4rem; }
.ico-online-30     { width: 1.5rem; height: 1.5rem; background-position: -1.75rem -4rem; }
.ico-telask-30     { width: 1.5rem; height: 1.5rem; background-position: -3.5rem -4rem; }
.ico-case-30       { width: 1.5rem; height: 1.5rem; background-position: -5.25rem -4rem; }
.ico-knowledge-30  { width: 1.5rem; height: 1.5rem; background-position: -7rem -4rem; }
.ico-ask-30        { width: 1.5rem; height: 1.5rem; background-position: -8.75rem -4rem; }
.ico-asked-30      { width: 1.5rem; height: 1.5rem; background-position: -14rem -2.25rem; }
.ico-q-a-30        { width: 1.5rem; height: 1.5rem; background-position: -10.5rem -4rem; }
.ico-contract-30   { width: 1.5rem; height: 1.5rem; background-position: -12.25rem -4rem; }
.ico-more-30       { width: 1.5rem; height: 1.5rem; background-position: -14rem -4rem; }

/* .ico-hotask-16      { width: .8rem; height: .8rem; background-position: 0rem -5.75rem; }
.ico-knowledge-16   { width: .8rem; height: .8rem; background-position: -1rem -5.75rem; }
.ico-q-a-16         { width: .8rem; height: .8rem; background-position: -2rem -5.75rem; }
.ico-asked-16       { width: .8rem; height: .8rem; background-position: -3rem -5.75rem; }
.ico-video-16       { width: .8rem; height: .8rem; background-position: -4rem -5.75rem; }
.ico-voice-16       { width: .8rem; height: .8rem; background-position: -5rem -5.75rem; }
.ico-answer-16      { width: .8rem; height: .8rem; background-position: -6rem -5.75rem; }
.ico-ipr-16         { width: .8rem; height: .8rem; background-position: -7rem -5.75rem; }
.ico-law-16         { width: .8rem; height: .8rem; background-position: -8rem -5.75rem; }
.ico-guide-16       { width: .8rem; height: .8rem; background-position: -9rem -5.75rem; }
.ico-crime-16       { width: .8rem; height: .8rem; background-position: -10rem -5.75rem; }
.ico-wemedia-16     { width: .8rem; height: .8rem; background-position: -11rem -5.75rem; }

.ico-speciality-40  { width: 2rem; height: 2rem;background-position: 0 -6.75rem; }
.ico-problem-40     { width: 2rem; height: 2rem;background-position: -2.25rem -6.75rem; }
.ico-office-40      { width: 2rem; height: 2rem;background-position: -4.5rem -6.75rem; }
.ico-compute-a      { width: 2rem; height: 2rem;background-position: -6.75rem -6.75rem; }
.ico-compute-b      { width: 2rem; height: 2rem;background-position: -9rem -6.75rem; }
.ico-compute-c      { width: 2rem; height: 2rem;background-position: -11.25rem -6.75rem; } */

/* head-bar */
.head-bar { background: #fff; }
    /*hd-bar*/
.hd-bar .hd-nav { background: transparent; }
.hd-bar .hd-nav .hd-area { 
    position: absolute; 
    max-width: 5rem; padding: 0 1rem 0 0; background: transparent; 
    font-size: .8rem; font-weight: 600; border-radius: 0;
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.hd-bar .hd-nav .hd-area:after { right: .2rem; }
.hd-bar .hd-nav .hd-title { font-size: .9rem; color: #333; }
.hd-bar .hd-nav .hd-link .item .tap { color: #333; font-weight: 600; }
    /*search-bar*/
.search-bar { position: relative; height: 2.5rem; padding: .4rem .8rem .5rem 4.9rem; }
.search-bar .logo { 
    position: absolute; top: .6rem; 
    left: .8rem; width: 3.4rem; height: 1.2rem; 
    background: url('../images/logo.png') no-repeat; background-size: 100% 100%;
}
.search-bar .link-search { 
    position: relative; display: block; 
    height: 1.6rem; line-height: 1.45rem; border-radius: 1.6rem; 
    padding: 0 .5rem 0 1.5rem; border: 1px solid #0057ff;
    font-size: .65rem; color: #bbb;
}
.search-bar .link-search .icon-search {
    position: absolute; left: .5rem; top: .6rem;
    font-size: .6rem;
}
    /*super-bar*/    
.super-bar { 
    display: flex; margin: 0 .8rem; 
    height: 1.6rem; line-height: 1.6rem; background-color: #f7f7f7; border-radius: .2rem;
    font-size: .55rem; color: rgba(0,0,0, .6); text-align: center;
}
.super-bar span { flex: 1; margin-top: 0; }
.super-bar span:last-child { flex: none; width: 28%; }
.super-bar .iconfont { font-size: .55rem; margin: 0 .25rem 0; }
    /*bg-activity*/
.bg-activity { padding-bottom: .7rem; }
.bg-activity .hd-bar .hd-nav .hd-area,
.bg-activity .hd-bar .hd-nav .hd-title,
.bg-activity .hd-bar .hd-nav .hd-link .item .tap { color: #fff; }
.bg-activity .hd-bar .hd-nav .hd-link .item .tap.news:after { background-color: #ffe7a3; }
.bg-activity .hd-bar .hd-nav .hd-area:after { border-top-color: #fff; }
.bg-activity .search-bar .logo { background-image: url('../images/logo_white.png'); }
.bg-activity .search-bar .link-search { border-color: #fff; background-color: #fff; }
.bg-activity .super-bar { background: transparent; color: rgba(255,255,255, .6); }

/* ask-column */
.ask-column { 
    display: flex; padding: 1rem .3rem 1.2rem;
    background: linear-gradient(180deg, #fff 0%, rgba(255,255,255, 0) 100%);
}
.ask-column .item { position: relative; flex: 1; text-align: center; }
.ask-column .item .ico-tj { position: absolute; top: 0; left: 50%; margin-left: .25rem; }
.ask-column .item img { width: 3.7rem; height: 3.7rem; margin: 0 auto; }
.ask-column .item div { font-size: .9rem; line-height: 1.2rem; font-weight: 700; }
.ask-column .item p { font-size: .55rem; line-height: .8rem; color: #999; margin-top: .4rem; }

/* art-h150 */
.art-h150 {
    margin: 0 .8rem; border-radius: .4rem;
    box-shadow: 0rem .15rem .5rem rgba(0, 0, 0, 0.15);
}
.art-h150 .swiper-slide .u-btn { 
    position: absolute; left: 1.2rem; bottom: 1rem; z-index: 5; 
}
.art-h150 .swiper-slide .lawyer {  display: block; }
.art-h150 .swiper-slide img { display: block; width: 100%; height: 7.5rem; border-radius: .4rem; }
.art-h150 .swiper-slide .info-bar { 
    position: absolute; left: 0; top: 0; z-index: 2;
    width: 100%; height: 100%; padding: 1rem 6rem 1rem 1.2rem;
    color: #fff;
}
.art-h150 .info-bar .tit { height: 1.5rem; line-height: 1.5rem; }
.art-h150 .info-bar .tit .name { float: left; font-size: 1.1rem; }
.art-h150 .info-bar .tit .post { float: left; font-size: .6rem; line-height: .8rem; opacity: .7; margin: .5rem 0 0 .5rem; }
.art-h150 .info-bar .skill { font-size: .55rem; line-height: .8rem; margin-top: .3rem; }
.art-h150 .info-bar .tel { height: .8rem; line-height: .8rem; margin-top: .4rem; }
.art-h150 .info-bar .tel .iconfont { float: left; font-size: .5rem; margin: .2rem .1rem 0 0; }
.art-h150 .info-bar .tel .f-num { float: left; font-size: .7rem; margin-top: 0; }

/* other-column */
.other-column { margin: .8rem .8rem 0; padding: .6rem 0; background-color: #fff; border-radius: .4rem; }
.other-column a { 
    float: left; width: 25%; padding: .6rem 0;
    font-size: .6rem; line-height: .8rem; text-align: center; 
}
.other-column a img,
.other-column a .ico-column { display: block; width: 1.5rem; height: 1.5rem; margin: 0 auto .3rem; }
.other-column .swiper-wrapper { padding-bottom: .7rem; }
.other-column .swiper-pagination { height: .2rem; }
.other-column .swiper-pagination-bullet { width: .9rem; height: .2rem; background-color: #e5e5e5; border-radius: 0rem; margin: -0.2rem 0 0!important; }
.other-column .swiper-pagination-bullet:first-child { border-radius: .2rem 0 0 .2rem; }
.other-column .swiper-pagination-bullet:last-child { border-radius: 0 .2rem .2rem 0; }
.other-column .swiper-pagination-bullet-active { background-color: #0057ff; }
.other-column .swiper-slide { float: left; width: 25%; }
.other-column .swiper-slide a { display: block; float: none; width: auto; }

/* lawyer-h107 */
.lawyer-h107 { padding: .2rem .8rem .8rem; }
.lawyer-h107 li { 
    position: relative; float: left; margin: .4rem .45rem 0 0;
    width: 8.35rem; height: 8.85rem; background-color: #fff; border-radius: .4rem; overflow: hidden; 
}
.lawyer-h107 li:nth-child(2n) { margin-right: 0; }
.lawyer-h107 .img-block { height: 5.35rem; }
.lawyer-h107 .img-block .u-lab { 
    position: absolute; left: 0; top: 0; z-index: 2;
    padding: 0 .25rem; height: .8rem; line-height: .9rem; background-color: #7b7b7b; border-radius: .2rem 0 .2rem 0;
    font-size: .5rem; color: #f2cd9d; margin-top: 0;
}
.lawyer-h107 .ban-txt { height: 3.5rem; padding: .6rem; text-align: center; }
.lawyer-h107 .ban-txt .tit { height: 1.1rem; overflow: hidden; font-size: .6rem; }
.lawyer-h107 .ban-txt .name { font-size: .8rem; line-height: 1.1rem; }
.lawyer-h107 .ban-txt .post { font-size: .55rem; margin-left: .2rem; }
.lawyer-h107 .ban-txt .skill { font-size: .55rem; color: #999; }

/* art-activity */
.art-activity { 
    margin: 0 .8rem; border-radius: .4rem; overflow: hidden; 
    /* height: 5.5rem; */
}
.art-activity.swiper-container-horizontal>.swiper-pagination-bullets { bottom: .3rem; }
.art-activity .swiper-pagination-bullet { background: #e6e6e6; opacity: 1; }
.art-activity .swiper-pagination-bullet-active { background: #999; }

/* choiceness-show */
.choiceness-show { display: flex; padding: .6rem .8rem 0; }
.choiceness-show a { flex: 1; height: 5.2rem; padding: 1rem .8rem; }
.choiceness-show a.bg1 { background: url('../images/bg_choic1.png') no-repeat; background-size: 100% 100%; margin-right: .45rem; }
.choiceness-show a.bg2 { background: url('../images/bg_choic2.png') no-repeat; background-size: 100% 100%; }
.choiceness-show .tit { height: 1.2rem; line-height: 1.2rem; }
.choiceness-show .tit strong { float: left; font-size: .9rem; }
.choiceness-show .tit .u-badge-txt { float: left; height: .9rem; line-height: .9rem; border-radius: .2rem; margin: 0 0 0 .2rem; }
.choiceness-show p { font-size: .6rem; color: #666; line-height: .8rem; margin-top: .1rem; }

/* swiper-lawyer-h110 */
.swiper-lawyer-h110 { margin: .7rem .8rem 0; padding-bottom: .8rem; }
.swiper-lawyer-h110.swiper-dot-bottom .swiper-container { padding: 0; }
.swiper-lawyer-h110 .lr-w164-h240 .swiper-slide { margin-bottom: 1.2rem; }
.swiper-lawyer-h110 .lr-w164-h240 .swiper-slide .lawyer .ban-txt { background-color: #fff; }
.swiper-lawyer-h110 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }

/* dynamic-bar */
.dynamic-bar { padding: .6rem .8rem 0; }
.dynamic-bar .swiper-bar { height: 10.2rem; }
.art-lawyer-show .timer-shaft { border-radius: 0rem 0rem .4rem .4rem; }
    /*timer-shaft*/
.timer-shaft { padding: .6rem .8rem .4rem; background-color: #fff; border-radius: .4rem; }
.timer-shaft .swiper-slide { margin-left: .2rem; padding: 0 0 .4rem .6rem; }
.timer-shaft .swiper-slide:before {
    position: absolute; left: 0; top: .3rem; bottom: 0; content: '';
    width: 1px; background-color: #e8e8e8; transform: scaleX(.5);
}
.timer-shaft .swiper-slide:after {
    position: absolute; left: -0.4rem; top: .2rem; z-index: 2; content: '';
    width: .4rem; height: .4rem; background-color: #ccddff; border: .2rem solid #fff; border-radius: 50%;
}
.timer-shaft .swiper-slide time { line-height: .8rem; font-size: .6rem; color: #bbb; }
.timer-shaft .swiper-slide p { 
    padding: 0 .4rem; margin-top: .2rem;
    background: linear-gradient(277deg, #ffffff 0%, #f5f5f5 100%); border-radius: .4rem;
    font-size: .65rem; line-height: 1.6rem; color: #666;
}

/* art-lawyer-h161 */
.art-lawyer-h161 { position: relative; background-color: #f5f5f5; }
.art-lawyer-h161:after {
    position: absolute; left: 2.25rem; bottom: 0; content: '';
    border: .35rem solid transparent; border-bottom-color: #fff; border-top-width: 0;
}
.art-lawyer-h161 .u-btn { position: absolute; right: .8rem; bottom: .8rem; }
.art-lawyer-h161 .lawyer { display: block; }
.art-lawyer-h161 .lawyer .photo { height: 8.05rem; border-radius: .4rem .4rem 0 0; overflow: hidden; }
.art-lawyer-h161 .lawyer .ban-txt { height: 5.35rem; padding: .8rem; }
.art-lawyer-h161 .tit { height: 1.1rem; line-height: 1.1rem; }
.art-lawyer-h161 .tit .name {font-size: .8rem; }
.art-lawyer-h161 .skill { font-size: .6rem; line-height: .8rem; color: #999; margin-top: .2rem; }
.art-lawyer-h161 .tel { height: .9rem; line-height: .9rem; margin-top: .6rem; }
.art-lawyer-h161 .tel .iconfont { float: left; font-size: .5rem; margin: .25rem .1rem 0 0; }
.art-lawyer-h161 .tel .f-num { float: left; margin-top: 0; font-size: .7rem; }

/* tab-nav-tag */
.tab-nav-tag { height: 1.9rem; padding: 0 0 .3rem .8rem; }
.tab-nav-tag .nav-item {
    float: left; margin-right: .8rem; 
    line-height: 1.7rem; background-color: #fff; border-radius: .2rem; 
    font-size: .65rem; color: #333; font-weight: 700;
}
.tab-nav-tag .nav-item.is-this { background-color: #0057ff; color: #fff; }
.tab-nav-tag .nav-item.is-this:after {
    position: absolute; left: 50%; bottom: -0.2rem; content: '';
    border: .25rem solid transparent; border-top-color: #0057ff; border-bottom-width: 0;
    transform: translateX(-50%);
}
.tj-conts .tab-conts { margin-top: -0.3rem; }

/* list-q-a */
.list-q-a { margin: 0 .8rem; padding-top: .25rem; }
.list-q-a .item { display: block; padding: 1.2rem .8rem; background-color: #fff; border-radius: .4rem; margin-top: .4rem; }
.list-q-a .item div { position: relative; padding-left: 1.5rem; }
.list-q-a .item span { 
    position: absolute; left: .8rem; top: 0; 
    width: 1rem; height: 1rem; line-height: 1rem; text-align: center;
    font-size: .65rem; color: #fff;
}
.list-q-a .item .q { background: url('../images/ico-q.png') no-repeat 0 1px; background-size: 1rem 1rem; }
.list-q-a .item .a { 
    font-size: .7rem; color: #666; margin-top: .8rem; 
    background: url('../images/ico-a.png') no-repeat 0 1px
    ; background-size: 1rem 1rem;
}

/* view-list */
.view-list { margin: 0 .8rem; padding-top: .25rem; }
.view-list .link-item { padding: 1.2rem .8rem; background-color: #fff; border-radius: .4rem; margin-top: .4rem; }
.view-list .link-item .tit { height: 2.2rem; }
.view-list .link-item .img-block { height: 3.65rem; margin-bottom: .1rem; }
.view-list .link-item .ico-play { width: 1.6rem; height: 1.6rem; line-height: 1.6rem; background-color: rgba(0,0,0, .5); }
.view-list .link-item .ico-play .iconfont { font-size: .6rem; color: #fff; }
.view-list .link-item .ico-play .icon-play { margin: -0.1rem 0 0 .1rem; }
.view-list .link-item .ico-play .icon-voice { margin: -0.1rem 0 0 0rem; }

/* evaluate-list */
.evaluate-list { margin: 0 .8rem; padding-top: .25rem; }
.evaluate-list li { 
    position: relative; margin-top: .4rem;
    padding: 1.2rem 5.2rem 1.2rem .8rem; background-color: #fff; border-radius: .4rem; 
    min-height: 7.2rem;
}
.evaluate-list li .photo { position: absolute; top: 1.2rem; right: .8rem; width: 3.6rem; }
.evaluate-list li .photo img { display: block; width: 3rem; height: 3rem; border-radius: .4rem; margin: auto; }
.evaluate-list li .photo .u-btn { padding: 0; width: 3.6rem; margin-top: .4rem; }
.evaluate-list li .tit { height: 1rem; line-height: 1rem; font-size: .7rem; }
.evaluate-list li .tit span { float: left; margin-left: .3rem; }
.evaluate-list li .tit .ect { max-width: 4.1rem; }
.evaluate-list li .u-rate { float: left; }
.evaluate-list li .ico-star { font-size: .6rem; }
.evaluate-list li .tag { overflow: hidden; line-height: 1rem; margin-top: .3rem; }
.evaluate-list li .tag span { 
    float: left; padding: 0 .25rem; margin: .2rem .2rem 0 0;
    background-color: #f5f5f5; border-radius: 1rem; 
    font-size: .6rem; color: #999;
}
.evaluate-list li .txt { margin-top: .8rem; }
.evaluate-list li .other { font-size: .6rem; color: #bbb; line-height: .8rem; margin-top: .6rem; }

/* HYD-192 E-Commerce Entry LQ 2021-11-02 */
.ec-entry-list { padding: 0 .6rem; }
.ec-entry-list li { float: left; width: 25%; padding: 0 .2rem; }
.ec-entry-list a { 
    display: block; padding: .8rem 0; background-color: #fff; border-radius: .4rem; 
    font-size: .6rem; line-height: .9rem; text-align: center; 
}
.ec-entry-list a img { display: block; width: 1.5rem; height: 1.5rem; margin: 0 auto .3rem; }