.lh18 { line-height: .9rem; }

/* ico-zsdet */
.ico-zsdet { background: url('../../pic/zsdetail/ico-zsdet.png') no-repeat; background-size: 12.5rem 8.5rem; }
.i-zsdet1 { width: 4.6rem; height: 1.4rem; background-position: 0 0; }
.i-zsdet2 { width: 2.5rem; height: .7rem; background-position: 0 -1.5rem; }
.i-zsdet3 { width: .8rem; height: .8rem; background-position: 0 -2.25rem; }
.i-zsdet4 { width: .8rem; height: .8rem; background-position: -1rem -2.25rem; }
.i-zsdet5 { width: .6rem; height: .7rem; background-position: -2rem -2.25rem; }
.i-zsdet6 { width: .7rem; height: .7rem; background-position: -2.75rem -2.35rem; }
.i-zsdet7 { width: 4rem; height: 1rem; background-position: -4.75rem 0; }
.i-zsdet8 { width: .8rem; height: .8rem; background-position: -2.75rem -1.5rem; }
.i-zsdet9 { width: .7rem; height: .7rem; background-position: -3.75rem -1.5rem; }
.i-zsdet10 { width: .6rem; height: .6rem; background-position: -3.75rem -2.25rem; }
.i-zsdet11 { width: 9.3rem; height: 2rem; background-position: -4.75rem -1.15rem; }
.i-zsdet12 { width: 2.25rem; height: .25rem; background-position: -9rem 0; }
.i-zsdet13 { width: 2.25rem; height: .25rem; background-position: -9rem -.5rem; }
.i-zsdet14 { width: 2.6rem; height: 2.6rem; background-position: 0 -3.25rem; }
.i-zsdet15 { width: 2.6rem; height: 2.6rem; background-position: -2.75rem -3.25rem; }
.i-zsdet16 { width: 2.6rem; height: 2.6rem; background-position: -5.5rem -3.25rem; }
.i-zsdet17 { width: .8rem; height: .8rem; background-position: -8.25rem -3.25rem; }
.i-zsdet18 { width: .8rem; height: .8rem; background-position: -9.25rem -3.25rem; }
.i-zsdet19 { width: .6rem; height: .6rem; background-position: -10.25rem -3.25rem; }
.i-zsdet20 { width: .6rem; height: .6rem; background-position: -10.9rem -3.25rem; }
.i-zsdet21 { width: 1.1rem; height: 1.3rem; background-position: -8.25rem -4.25rem; }
.i-zsdet22 { width: 4.35rem; height: 1rem; background-position: 0 -6rem; }
.i-zsdet23 { width: 1rem; height: 1rem; background-position: -4.5rem -6rem; }
.i-zsdet24 { width: 1rem; height: 1rem; background-position: -5.75rem -6rem; }
.i-zsdet25 { width: 3rem; height: .85rem; background-position: -7rem -6rem; }
.i-zsdet26 { width: 4rem; height: 1rem; background-position: 0 -7.25rem; }
.ico-hit { 
    display: inline-block; vertical-align: middle; margin: -0.15rem 0 0 .1rem; position: relative;
    width: .6rem; height: .6rem; background: url('../../pic/icon/hit.png'); background-size: cover; 
}

/* zs-unfold */
.zs-unfold { border-radius: .8rem .8rem 0 0; margin-top: -0.8rem; }
.zs-unfold .unfd-conts { padding: .8rem .8rem 1rem; }
.zs-unfold .unfd-btn-bar { position: relative; z-index: 1; text-align: center; }
.zs-unfold .unfd-btn-bar:before { content: ''; position: absolute; right: 0; left: 0; bottom: 2.5rem; z-index: -1; height: 7rem; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 50%, #FFFFFF 100%); }
.zs-unfold .unfd-btn-bar .txt { font-size: .7rem; text-align: center; }
.zs-unfold .unfd-btn-bar .txt b { color: #EB372A; margin: 0 .2rem; }
.zs-unfold .unfd-btn-bar .unfd-btn { color: #0B998F; padding: 1.2rem 0 1.6rem; height: auto; line-height: 1; display: inline-block; }
.zs-unfold.is-show .unfd-ovh { overflow: inherit; transition: none; height: auto !important; }
.zs-unfold.is-show .unfd-btn-bar { display: none; }
    /*unfd-card*/
.unfd-btn-bar .unfd-card {
    height: 7.5rem; padding: .6rem 1.8rem 0; border-radius: .4rem; margin: 0 .8rem;
    background: linear-gradient(180deg, #F2FCFB 50%, #FFFFFF 100%);
    position: relative;
}
.unfd-btn-bar .unfd-card:after {
    position: absolute; left: 0; right: 0; top: -5rem;
    height: 5rem; content: '';
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255, .8) 60%, rgba(255,255,255, 1) 100%);
}
.unfd-btn-bar .unfd-card dl { padding-left: 2.5rem; text-align: left; }
.unfd-btn-bar .unfd-card dl dt { font-size: .6rem; line-height: .9rem; color: #868EA3; }
.unfd-btn-bar .unfd-card dl dd { font-size: .7rem; line-height: 1.1rem; color: #111F34; margin-top: .2rem; }
.unfd-btn-bar .unfd-card dl dd b { color: #EB372A; margin: 0 .2rem; }
.unfd-btn-bar .unfd-card .ask-hepler { position: absolute; left: 1.6rem; top: .4rem; width: 2.3rem; height: 3.8rem; z-index: 2; }
.unfd-btn-bar .unfd-card .ask-btn { 
    display: block; height: 1.8rem; border-radius: .9rem; margin-top: .6rem;
    background: linear-gradient(270deg, #24C7A6 0%, #00B3A7 100%);
    font-size: .7rem; color: #fff; line-height: 1.8rem; position: relative;
}
.unfd-btn-bar .unfd-card .ask-btn .ico-ask,
.unfd-btn-bar .unfd-card .ask-btn .ico-jt { 
    display: inline-block; vertical-align: middle; width: .7rem; height: .7rem; margin-top: -0.1rem;
}
.unfd-btn-bar .unfd-card .ask-btn .ico-ask{ background: url('../../pic/icon/ask.png'); background-size: cover; margin-right: .2rem; }
.unfd-btn-bar .unfd-card .ask-btn .ico-jt { background: url('../../pic/icon/jt-r.png'); background-size: cover; margin-left: .1rem; }
.unfd-btn-bar .unfd-card .ask-btn .lable {
    position: absolute; right: -0.05rem; top: -0.5rem;
    border-radius: .45rem .45rem .45rem .1rem; border: 1px solid #fff;
    background: linear-gradient(270deg, #FE6E51 0%, #F54640 100%);
    padding: .1rem .3rem .1rem .2rem; font-size: .6rem; color: #fff; line-height: 1;
}
.unfd-btn-bar .unfd-card .ask-btn .lable .ico-thouder {
    display: inline-block; vertical-align: middle; width: .5rem; height: .5rem; 
    background: url('../../pic/icon/thouder.png'); background-size: cover; margin-right: .1rem;
}
.unfd-btn-bar .unfd-card .unfd-btn { padding-top: .8rem; }
.unfd-btn-bar .unfd-card .unfd-btn .icon-arrow-right { display: inline-block; vertical-align: middle; transform: rotate(90deg); margin: -0.1rem 0 0 0; } 

/**/
.det-title { font-size: 1.1rem; line-height: 1.7rem; }

/* zs-baike */
.zs-baike { position: relative; padding-left: 4.85rem; border: 1px solid #D8E3F6; background-color: #F7FAFC; border-radius: .2rem; font-size: .6rem; color: #676F85; line-height: 1.3rem; }
.zs-baike .i-zsdet1 { position: absolute; top: -0.05rem; left: -0.05rem; margin-top: 0; }

/* det-guide */
.det-guide { overflow: hidden; font-size: .7rem; line-height: 1.2rem; color: #676F85; }
.det-guide .tag { float: left; margin-right: .6rem; position: relative; z-index: 1; color: #111F34; font-weight: bold; }
.det-guide .tag:before { content: ''; position: absolute; right: 0; bottom: .1rem; left: 0; z-index: -1; height: .3rem; background: linear-gradient(270deg, rgba(55,166,250,0) 0%, rgba(66,129,236,0.8000) 100%); border-radius: .1rem; }

/* detail-con */
.detail-con { font-size: .8rem; line-height: 1.4rem; color: #111F34; }
.detail-con img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; }
.detail-con p { margin-top: 1rem; }
.detail-con a { color: #0B998F !important; }

/* ask-assistant */
.ask-assistant { display: block; width: 17.55rem; height: 6.6rem; background: url('../../pic/zsdetail/bg01.png') no-repeat; background-size: 100% 100%; padding: .6rem .4rem .4rem; }
.ask-assistant .disc { padding: 0 .2rem; font-size: .7rem; line-height: 1.1rem; color: #414A5D; }
.ask-assistant .lawyer { background-color: #fff; border-radius: .4rem; padding: .5rem .6rem; display: flex; justify-content: space-between; align-items: center; }
.ask-assistant .lawyer .ask { height: 1.6rem; line-height: 1.6rem; border-radius: .8rem; padding: 0 .6rem; background: #00B3A7; background: linear-gradient(270deg, #00B3A7 0%, #24C7A6 100%); font-size: .7rem; color: #fff; }
.ask-assistant .lawyer .photo { position: relative; width: 1.8rem; height: 1.8rem; margin-right: .4rem; }
.ask-assistant .lawyer .photo img { border-radius: 50%; }
.ask-assistant .lawyer .photo .dot { position: absolute; right: 0; bottom: .1rem; width: .4rem; height: .4rem; border-radius: 50%; border: 1px solid #fff; background-color: #0EB298; }

/* expand-read */
.expand-read li { position: relative; line-height: 2.4rem; }
.expand-read li:before { content: ''; position: absolute; right: 0; bottom: 0; left: 1.3rem; border-bottom: 1px solid #F0F2F5; }
.expand-read li:last-child:before { display: none; }
.expand-read .txt { display: block; padding-left: .1rem; }
.expand-read .txt .ico-zsdet { float: left; margin: .8rem .4rem 0 0; }

/* local-txt */
.local-txt { padding: 0 .4rem 0 .2rem; line-height: 1.1rem; background: #4281EC; background: linear-gradient(270deg, #37A6FA 0%, #4281EC 100%); color: #fff; font-size: .8rem; border-radius: .55rem; font-weight: normal; }

/* recite-official */
.recite-official { padding: .55rem .35rem; border-radius: .4rem; background-color: #F7F8FA; overflow: hidden; display: block; position: relative; z-index: 1; }
.recite-official .bg { position: absolute; z-index: -1; right: 4rem; bottom: 0; width: 4.2rem; height: 4.2rem; background: url('../../pic/zsdetail/bg10.png') no-repeat; background-size: 100% 100%; }
.recite-official .photo { float: left; width: 3rem; height: 3rem; border-radius: 50%; margin-right: .4rem; }
.recite-official .name { font-size: .8rem; font-weight: bold; margin-top: .5rem; }
.recite-official .info { margin-top: .6rem; line-height: .6rem; display: table; font-size: .5rem; color: #676F85; }
.recite-official .info .icon-wheat-l,
.recite-official .info .icon-wheat-r { font-size: .6rem; margin-left: -0.15rem; margin-right: -0.15rem; color: #7DD0C9; }
.recite-official .info .ico-brand { margin-right: .1rem; margin-left: .1rem; }
.recite-official .info .line-vertical { margin-left: .2rem; margin-right: .2rem; height: 1em; }
.recite-official .ask { position: absolute; top: 1.3rem; right: .4rem; width: 5.1rem; height: 1.8rem; padding-left: .2rem; display: flex; justify-content: center; align-items: center; border-radius: .9rem; color: #fff; font-size: .7rem; background: url('../../pic/zsdetail/bg-btn01.png') no-repeat; background-size: 100% 100%; }
.recite-official .ask .ico-public { margin-top: 0; }
.recite-official .ask .i-pu-ask3 { margin-right: .1rem; }
.recite-official .ask .i-pu-arrowr-white { margin-left: .2rem; }
.recite-official .ask:active { background-image: url('../../pic/zsdetail/bg-btn01-active.png'); }

/* recite-artlawyer */
.recite-artlawyer { display: block; position: relative; background-color: #FCFAF7; border-radius: .4rem; padding: 1rem .4rem .8rem; z-index: 1; }
.recite-artlawyer .i-zsdet7 { position: absolute; top: -0.3rem; left: 0; }
.recite-artlawyer .bg { position: absolute; right: 0; bottom: 0; width: 3.35rem; height: 5rem; background: url('../../pic/zsdetail/bg02.png') no-repeat; background-size: 100% 100%; z-index: -1; }
.recite-artlawyer .photo { width: 3rem; height: 3rem; margin-right: .4rem; }
.recite-artlawyer .photo img { border-radius: 50%; }
.recite-artlawyer .ask { margin-top: .3rem; margin-left: 1.4rem; width: 5.1rem; height: 1.8rem; padding-left: .2rem; display: flex; justify-content: center; align-items: center; border-radius: .9rem; color: #66370A; font-size: .7rem; background: url('../../pic/zsdetail/bg-btn02.png') no-repeat; background-size: 100% 100%; }
.recite-artlawyer .ask .ico-zsdet { margin-top: 0; }
.recite-artlawyer .ask .i-zsdet8 { margin-right: .1rem; }
.recite-artlawyer .ask .i-zsdet9 { margin-left: .2rem; }
.recite-artlawyer .ask:active { background-image: url('../../pic/zsdetail/bg-btn02-active.png'); }
.recite-artlawyer .name { font-size: .8rem; font-weight: bold; line-height: 1.2rem; }
.recite-artlawyer .u-lab { margin-right: .1rem; padding: 0 .2rem; font-size: .5rem; border-radius: .1rem; line-height: .8rem; font-weight: 500; }
.recite-artlawyer .u-lab:last-child { margin-right: 0; }
.recite-artlawyer .u-lab.lab-bg1 { background-color: #F7F3E4; color: #855F42; }
.recite-artlawyer .u-lab.lab-bg2 { background-color: #E5F2FE; color: #356ED7; }
.recite-artlawyer .info { font-size: .6rem; color: #868EA3; }
    /*dl-tx*/
.recite-artlawyer .dl-tx { 
    background: #fff; border-radius: .2rem; padding: .1rem .2rem; margin: .4rem 0 -0.4rem 0; 
    font-size: .55rem; color: #868EA3; position: relative;
    height: 1.2rem; overflow: hidden;
}
.recite-artlawyer .dl-tx dd { display: flex; align-items: center; height: 1rem; padding: .1rem 0; }
.recite-artlawyer .dl-tx dd .flex-item { flex: 1; padding-right: .5rem; }
.recite-artlawyer .dl-tx dd .w160 { width: 8rem; margin-right: .8rem; }
.recite-artlawyer .dl-tx .dl-btn {
    position: absolute; right: .2rem; bottom: .2rem;
    display: flex; align-items: center; height: .8rem; padding-left: 1.8rem;
    background: linear-gradient( 270deg, #FFFFFF 60%, rgba(255,255,255,0) 100%);
    font-size: .55rem; color: #676F85;
}
.recite-artlawyer .dl-tx .dl-btn .icos-jt {
    background: url('../../pic/icon/jt_b_12.png') no-repeat; 
    background-size: cover; width: .6rem; height: .6rem;
}
.recite-artlawyer .dl-tx.is-show { height: auto; }
.recite-artlawyer .dl-tx.is-show .dl-btn .icos-jt { transform: rotate(180deg); }

/* recite-contribute-cooperate */
.recite-contribute-cooperate { display: block; padding: 1rem .4rem; background-color: #F7F8FA; border-radius: .4rem; }
.recite-contribute-cooperate .photo { width: 3rem; height: 3rem; margin-right: .4rem; }
.recite-contribute-cooperate .photo img { border-radius: 50%; }
.recite-contribute-cooperate .ask { margin-top: .3rem; margin-left: 1.4rem; width: 5.1rem; height: 1.8rem; padding-left: .2rem; display: flex; justify-content: center; align-items: center; border-radius: .9rem; color: #fff; font-size: .7rem; background: #24C7A6; background: linear-gradient(90deg, #24C7A6 0%, #00B3A7 100%); }
.recite-contribute-cooperate .ask .ico-public { margin-top: 0; }
.recite-contribute-cooperate .ask .i-pu-ask3 { margin-right: .1rem; }
.recite-contribute-cooperate .ask .i-pu-arrowr-white { margin-left: .2rem; }
.recite-contribute-cooperate .ask:active { background: #0C9F88; }
.recite-contribute-cooperate .name { font-size: .8rem; font-weight: bold; line-height: 1.2rem; }
.recite-contribute-cooperate .u-lab { margin-right: .1rem; padding: 0 .2rem; font-size: .5rem; border-radius: .1rem; line-height: .8rem; font-weight: 500; }
.recite-contribute-cooperate .u-lab:last-child { margin-right: 0; }
.recite-contribute-cooperate .u-lab.lab-bg1 { background-color: #F7F3E4; color: #855F42; }
.recite-contribute-cooperate .u-lab.lab-bg2 { background-color: #E5F2FE; color: #356ED7; }
.recite-contribute-cooperate .info { font-size: .6rem; color: #868EA3; }

/* recite-contribute */
.recite-contribute { display: block; padding: 1rem .4rem; background-color: #F7F8FA; border-radius: .4rem; }
.recite-contribute .flex-row { align-items: center; }
.recite-contribute .photo { width: 3rem; height: 3rem; margin-right: .4rem; }
.recite-contribute .photo img { border-radius: 50%; }
.recite-contribute .name { font-size: .8rem; font-weight: bold; line-height: 1.2rem; }

/* special-column-art */
.special-column-art { display: block; position: relative; background: url('../../pic/zsdetail/bg12.png') no-repeat; background-size: 100% 100%; width: 17.55rem; height: 17.9rem; margin-right: auto; margin-left: auto; }
.special-column-art .photo { position: absolute; right: 0; top: -.6rem; width: 6.8rem; }
.special-column-art .photo img { display: block; width: 100%; }
.special-column-art .bg { position: absolute; right: 0; bottom: 0; left: 0; height: 11.4rem; background: url('../../pic/zsdetail/bg13.png') no-repeat; background-size: 100% 100%; }
.special-column-art .lawyer { position: absolute; top: -.6rem; right: 0; left: 0; z-index: 1; display: block; padding: 1.45rem .4rem 0; }
.special-column-art .lawyer .name { font-size: 1.1rem; margin-top: .35rem; margin-left: .4rem; color: #523424; font-weight: bold; }
.special-column-art .lawyer .info { margin-top: .6rem; padding: 0 .6rem 0 .4rem; background: linear-gradient(270deg, #F5F1EB 0%, #E6E0D8 90%, #C9C3BD 100%); border-radius: 0 .7rem .7rem 0; height: 1.4rem; line-height: 1.4rem; font-size: .6rem; color: #8A5D3A; }
.special-column-art .lawyer .info span em { color: #523424; font-weight: 500; }
.special-column-art .lawyer .info .line-vertical { border-right-color: #E0BC87; }
.special-column-art .lawyer .txt { margin-top: 1.6rem; font-size: .6rem; color: #8A5D3A; }
.special-column-art .lawyer .txt .i-zsdet12 { margin-right: .25rem; }
.special-column-art .lawyer .txt .i-zsdet13 { margin-left: .25rem; }
.special-column-art .lawyer .guarantee { margin-top: .6rem; text-align: center; }
.special-column-art .lawyer .guarantee .gua-txt { font-size: .7rem; color: #523424; }
.special-column-art .lawyer .guarantee .gua-disc { font-size: .6rem; color: #B3947A; margin-top: .3rem; }
.special-column-art .handle { position: absolute; top: 14.3rem; right: 0; left: 0; justify-content: center; }
.special-column-art .handle .handle-btn { height: 2.2rem; border-radius: 1.1rem; font-size: .8rem; display: flex; justify-content: center; align-items: center; background-size: 100% 100%; }
.special-column-art .handle .handle-btn .ico-zsdet { margin-top: 0; }
.special-column-art .handle .handle-btn.tel { width: 5.65rem; color: #DB642A; background-image: url('../../pic/zsdetail/bg-btn03.png'); }
.special-column-art .handle .handle-btn.tel:active { background-image: url('../../pic/zsdetail/bg-btn03-active.png'); }
.special-column-art .handle .handle-btn.ask { width: 8.5rem; color: #FFF9EB; background-image: url('../../pic/zsdetail/bg-btn04.png'); margin-left: .6rem; position: relative; overflow: hidden; }
.special-column-art .handle .handle-btn.ask .i-zsdet17 { margin-right: .1rem; }
.special-column-art .handle .handle-btn.ask .i-zsdet18 { margin-left: .2rem; }
.special-column-art .handle .handle-btn.ask:active { background-image: url('../../pic/zsdetail/bg-btn04-active.png'); }
.special-column-art .handle .handle-btn.ask:before { content: ''; position: absolute; top: 0; left: 0; width: 4.4rem; height: 2.2rem; background: url('../../pic/zsdetail/bg11.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)
    }
}

/* special-local-art */
.special-local-art { display: block; margin-right: auto; margin-left: auto; width: 16.95rem; padding-bottom: .8rem; min-height: 8.5rem; position: relative; border-radius: .6rem; overflow: hidden; border: .2rem solid #DAE4F2; }
.special-local-art .bg1 { position: absolute; top: -.2rem; left: -.2rem; width: 5.4rem; height: 8.3rem; background: url('../../pic/zsdetail/bg03.png') no-repeat; background-size: 100% 100%; }
.special-local-art .bg2 { position: absolute; right: 0; bottom: 0; width: 4rem; height: 6rem; background: url('../../pic/zsdetail/bg04.png') no-repeat; background-size: 100% 100%; }
.special-local-art .photo { position: absolute; top: .6rem; left: -.2rem; width: 5rem; }
.special-local-art .photo img { height: auto; }
.special-local-art .photo:before { content: ''; position: absolute; left: 0; bottom: 0; width: 5.4rem; height: 1.4rem; background: url('../../pic/zsdetail/bg05.png') no-repeat; background-size: 100% 100%; }
.special-local-art .lawyer { position: relative; z-index: 1; padding: .8rem .2rem 0 4.85rem; display: block; }
.special-local-art .lawyer .tit { line-height: 1.3rem; }
.special-local-art .lawyer .name { font-size: .9rem; font-weight: bold; margin-right: .2rem; }
.special-local-art .lawyer .u-lab { margin-right: .2rem; padding: 0 .2rem; font-size: .5rem; border-radius: .1rem; line-height: .8rem; font-weight: 500; }
.special-local-art .lawyer .u-lab:last-child { margin-right: 0; }
.special-local-art .lawyer .u-lab.lab-bg1 { background-color: #F7F3E4; color: #855F42; }
.special-local-art .lawyer .u-lab.lab-bg2 { background-color: #E5F2FE; color: #356ED7; }
.special-local-art .lawyer .info { font-size: .5rem; color: #676F85; }
.special-local-art .lawyer .info span em { color: #FF8638; font-weight: 500; }
.special-local-art .lawyer .info .line-vertical { border-right-color: #DFE2E8; margin: -.1rem .2rem 0; height: .4rem; }
.special-local-art .lawyer .tag { height: 1.2rem; line-height: 1.1rem; background: linear-gradient(270deg, #F7FAFC 0%, #EDF3FA 100%); border-radius: .6rem; border: .05rem solid #E2E9F1; font-size: .6rem; color: #4D6799; padding: 0 .4rem 0 2rem; position: relative; }
.special-local-art .lawyer .tag .tag-ico { position: absolute; left: -.05rem; top: -.05rem; border: .05rem solid #B9D4FF; box-shadow: .05rem 0 .2rem 0 rgba(70,142,250,.2); border-radius: .6rem; margin-top: 0; height: 1.2rem; padding: 0 .05rem; background-color: #fff; }
.special-local-art .lawyer .tag .icon-wheat-l,
.special-local-art .lawyer .tag .icon-wheat-r { color: #B3D1FF; font-size: .6rem; }
.special-local-art .lawyer .tag .icon-wheat-l { margin-right: -0.3rem; }
.special-local-art .lawyer .tag .icon-wheat-r { margin-left: -0.3rem; }
.special-local-art .lawyer .tag .zc { font-size: .7rem; color: #468EFA; }
.special-local-art .handle { position: relative; z-index: 1; margin: .8rem 0 0 4.85rem; }
.special-local-art .handle .handle-btn { height: 1.6rem; display: flex; justify-content: center; align-items: center; font-size: .7rem; border-radius: .8rem; }
.special-local-art .handle .handle-btn.tel { width: 4.4rem; background: linear-gradient(180deg, #FFFFFF 0%, #EBF5FF 100%); border: .05rem solid #468EFA; color: #356ED7; }
.special-local-art .handle .handle-btn.tel:active { background: #E7EDF2; }
.special-local-art .handle .handle-btn.ask { margin-left: .6rem; width: 6.1rem; background: url('../../pic/zsdetail/bg-btn05.png'); background-size: 100% 100%; color: #fff; }
.special-local-art .handle .handle-btn.ask .ico-public { margin-top: 0; }
.special-local-art .handle .handle-btn.ask .i-pu-ask3 { margin-right: .1rem; }
.special-local-art .handle .handle-btn.ask .i-pu-arrowr-white { margin-left: .2rem; }
.special-local-art .handle .handle-btn.ask:active { background-image: url('../../pic/zsdetail/bg-btn05-active.png'); }

/* information-flow-art */
.information-flow-art { display: block; width: 17.55rem; height: 10.3rem; background: url('../../pic/zsdetail/bg06.png') no-repeat; background-size: 100% 100%; position: relative; z-index: 1; padding: .55rem .4rem 0; }
.information-flow-art .photo { position: absolute; bottom: 2.2rem; right: .75rem; width: 5.3rem; z-index: -1; }
.information-flow-art .photo img { height: auto; }
.information-flow-art .ask { position: absolute; top: 8.1rem; right: .6rem; width: 5.6rem; height: 1.8rem; border-radius: .9rem; text-align: center; line-height: 1.8rem; font-size: .8rem; color: #fff; background: url('../../pic/zsdetail/bg-btn06.png') no-repeat; background-size: 100% 100%; }
.information-flow-art .local { position: relative; margin-left: .7rem; line-height: 1.1rem; border: .05rem solid #C0D2E8; background: #496A9A; background: linear-gradient(270deg, #8FA4BD 0%, #496A9A 100%); padding: 0 .5rem 0 .8rem; border-radius: 0 .6rem .6rem 0; font-size: .6rem; color: #fff; font-weight: bold; margin-top: 0; }
.information-flow-art .local .i-zsdet21 { position: absolute; top: -0.05rem; left: -.5rem; }
.information-flow-art .lawyer { margin: 1.45rem .8rem 0; }
.information-flow-art .lawyer .tit { line-height: 1rem; }
.information-flow-art .lawyer .tit .name { font-size: 1rem; color: #DB642A; margin-right: .05rem; font-weight: bold; }
.information-flow-art .lawyer .txt { font-size: .6rem; color: #59708F; }
.information-flow-art .swiper-bar { height: 1.2rem; width: 10.55rem; margin: 0; border-radius: .6rem; background-color: #fff; }
.information-flow-art .swiper-bar .userask-item { background-color: transparent; }

/* baiki-artlawyer */
.baiki-artlawyer { width: 16.95rem; margin-left: auto; margin-right: auto; background: #FCF9F4; background: linear-gradient(180deg, #FCF9F4 0%, #FCFAF6 32%, #FCFBF9 100%); border-radius: .4rem; position: relative; z-index: 1; padding-bottom: 1rem; }
.baiki-artlawyer .bg-wheat { position: absolute; right: 0; bottom: 0; width: 4rem; height: 6rem; background: url('../../pic/zsdetail/bg08.png') no-repeat; background-size: 100% 100%; z-index: -1; }
.baiki-artlawyer .i-zsdet7 { position: absolute; top: -0.3rem; left: 0; }
.baiki-artlawyer .lawyer { position: relative; display: block; padding: 1rem .3rem 0 3.9rem; }
.baiki-artlawyer .lawyer .photo { position: absolute; top: 1rem; left: .3rem; width: 3rem; }
.baiki-artlawyer .lawyer .photo img { border-radius: 50%; }
.baiki-artlawyer .lawyer .photo .i-zsdet25 { position: absolute; top: 2.6rem; left: 0; }
.baiki-artlawyer .lawyer .tit { line-height: 1.2rem; }
.baiki-artlawyer .lawyer .name { font-size: .8rem; font-weight: bold; margin-right: .1rem; }
.baiki-artlawyer .lawyer .u-lab { margin-right: .1rem; padding: 0 .2rem; font-size: .5rem; border-radius: .1rem; line-height: .8rem; font-weight: 500; }
.baiki-artlawyer .lawyer .u-lab:last-child { margin-right: 0; }
.baiki-artlawyer .lawyer .u-lab.lab-bg1 { background-color: #F7F3E4; color: #855F42; }
.baiki-artlawyer .lawyer .u-lab.lab-bg2 { background-color: #E5F2FE; color: #356ED7; }
.baiki-artlawyer .lawyer .skill { font-size: .6rem; color: #414A5D; }
.baiki-artlawyer .lawyer .info { font-size: .6rem; color: #676F85; }
.baiki-artlawyer .lawyer .info span em { color: #FF8638; font-weight: 500; }
.baiki-artlawyer .lawyer .info .line-vertical { border-right-color: #DFE2E8; }
.baiki-artlawyer .lawyer .tag { color: #676F85; margin-left: -.4rem; font-size: 0; }
.baiki-artlawyer .lawyer .tag span { padding: 0 .25rem; border: 1px solid #DFE2E8; border-radius: .2rem; font-size: .5rem; line-height: .9rem; margin-left: .4rem; margin-top: .2rem; }
.baiki-artlawyer .handle { margin-left: 3.9rem; }
.baiki-artlawyer .handle .handle-btn { height: 1.6rem; display: flex; justify-content: center; align-items: center; font-size: .7rem; border-radius: .8rem; }
.baiki-artlawyer .handle .handle-btn.tel { width: 4.4rem; background: linear-gradient(180deg, #FFF9F0 0%, #FCF0DE 100%); border: .05rem solid #E6CAAA; color: #754B2A; }
.baiki-artlawyer .handle .handle-btn.tel:active { background: #F2E9DD; }
.baiki-artlawyer .handle .handle-btn.ask { margin-left: .6rem; width: 6.6rem; background: url('../../pic/zsdetail/bg-btn07.png'); background-size: 100% 100%; color: #66370A; }
.baiki-artlawyer .handle .handle-btn.ask .ico-zsdet { margin-top: 0; }
.baiki-artlawyer .handle .handle-btn.ask .i-zsdet8 { margin-right: .1rem; }
.baiki-artlawyer .handle .handle-btn.ask .i-zsdet9 { margin-left: .2rem; }
.baiki-artlawyer .handle .handle-btn.ask:active { background-image: url('../../pic/zsdetail/bg-btn07-active.png'); }

/* baiki-official */
.baiki-official { width: 16.95rem; margin-left: auto; margin-right: auto; background: #FCFCFD; background: linear-gradient(180deg, #F7F8FA 0%, #FCFCFD 100%); border-radius: .4rem; position: relative; z-index: 1; padding-bottom: 1rem; }
.baiki-official .logo-bg { position: absolute; right: 0; bottom: 0; width: 4rem; height: 6rem; background: url('../../pic/zsdetail/bg09.png') no-repeat; background-size: 100% 100%; z-index: -1; }
.baiki-official .lawyer { position: relative; display: block; padding: 1rem .3rem 0 3.9rem; }
.baiki-official .lawyer .photo { position: absolute; top: 1rem; left: .3rem; width: 3rem; }
.baiki-official .lawyer .photo img { border-radius: 50%; }
.baiki-official .name { font-size: .8rem; font-weight: bold; margin-top: .5rem; }
.baiki-official .info { margin-top: .6rem; line-height: .6rem; display: table; font-size: .5rem; color: #676F85; }
.baiki-official .info .icon-wheat-l,
.baiki-official .info .icon-wheat-r { font-size: .6rem; margin-left: -0.15rem; margin-right: -0.15rem; color: #7DD0C9; }
.baiki-official .info .ico-brand { margin-right: .1rem; margin-left: .1rem; }
.baiki-official .info .line-vertical { margin-left: .2rem; margin-right: .2rem; height: 1em; }
.baiki-official .handle { margin-left: 3.9rem; }
.baiki-official .handle .handle-btn { height: 1.6rem; display: flex; justify-content: center; align-items: center; font-size: .7rem; border-radius: .8rem; }
.baiki-official .handle .handle-btn.tel { width: 4.4rem; border: .05rem solid #0EB298; color: #0B998F; }
.baiki-official .handle .handle-btn.tel:active { background: #F3F3F3; }
.baiki-official .handle .handle-btn.ask { margin-left: .6rem; width: 6.6rem; background: url('../../pic/zsdetail/bg-btn08.png'); background-size: 100% 100%; color: #fff; }
.baiki-official .handle .handle-btn.ask .ico-public { margin-top: 0; }
.baiki-official .handle .handle-btn.ask .i-pu-ask3 { margin-right: .1rem; }
.baiki-official .handle .handle-btn.ask .i-pu-arrowr-white { margin-left: .2rem; }
.baiki-official .handle .handle-btn.ask:active { background-image: url('../../pic/zsdetail/bg-btn08-active.png'); }

/* popup-zs-baike */
.popup-zs-baike { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 120; visibility: hidden; max-width: 37.5rem; margin-left: auto; margin-right: auto; }
.popup-zs-baike .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .75; }
.popup-zs-baike .pop-conts { position: absolute; bottom: 0; right: 0; left: 0; border-radius: .8rem .8rem 0 0; background-color: #fff; padding: 2.6rem .9rem 1.6rem; transform: translateY(130%); transition: transform linear .3s; }
.popup-zs-baike .pop-close { position: absolute; top: .8rem; right: .8rem; z-index: 1; cursor: pointer; }
.popup-zs-baike .pop-tit { position: absolute; top: -.6rem; left: 50%; margin-left: -5.55rem; width: 11.1rem; height: 2.2rem; line-height: 2.2rem; text-align: center; font-size: .9rem; font-weight: bold; background: url('../../pic/zsdetail/bg07.png') no-repeat; background-size: 100% 100%; }
.popup-zs-baike .baike-txt dt { font-size: .8rem; color: #8A5D3A; }
.popup-zs-baike .baike-txt dt .icon-wheat-l,
.popup-zs-baike .baike-txt dt .icon-wheat-r { font-size: .8rem; color: #D6A46A; }
.popup-zs-baike .baike-txt dt .icon-wheat-l { margin-left: -0.15rem; margin-right: -.1rem; }
.popup-zs-baike .baike-txt dt .icon-wheat-r { margin-right: -0.15rem; margin-left: -.1rem; }
.popup-zs-baike .baike-txt dd { margin-top: .4rem; line-height: 1.1rem; font-size: .7rem; color: #676F85; }
.popup-zs-baike.is-show { visibility: visible; }
.popup-zs-baike.is-show .pop-conts { transform: translateY(0); }
.popup-zs-baike.is-hide .pop-conts { transform: translateY(130%); }


/* #3753 2022-09-22 LJ */
.detail-pic-show { position: relative; }
.detail-pic-show img { width: 100%; }
.detail-pic-show .contxt { position: absolute; top: 50%; left: 1.2rem; right: 1.2rem; margin-top: -2.4rem; width: 14.75rem; height: 4.8rem; background: url('../../pic/zsdetail/bg_imgbg.png') no-repeat; background-size: 100% 100%; color: #fff; line-height: 4.8rem; text-align: center; font-size: .8rem; }
.detail-pic-show .contxt .vm { line-height: 1.2rem; padding-right: .8rem; padding-left: .8rem; }


/* #6598 2022-11-30 LJ */
.cs-bar .special-local-art .lawyer .info span em,
.cs-bar .recommend-lawyer-list .lawyer-card .lawyer .info span em { color: #676F85; }
.cs-bar .i-pu-star1 { background: url('../../pic/zsdetail/ico-star.png') no-repeat; background-size: 100% 100%; }


/* #7751 2023-01-06 LJ */
/* balance-artlawyer */
.balance-artlawyer { display: block; position: relative; background-color: #F7F9FC; border-radius: .4rem; padding: 1rem .4rem .8rem; z-index: 1; }
.balance-artlawyer .i-zsdet26 { position: absolute; top: -0.3rem; left: 0; }
.balance-artlawyer .bg { position: absolute; right: 0; bottom: 0; width: 3.35rem; height: 5rem; background: url('../../pic/zsdetail/bg14.png') no-repeat; background-size: 100% 100%; z-index: -1; }
.balance-artlawyer .photo { width: 3rem; height: 3rem; margin-right: .4rem; }
.balance-artlawyer .photo img { border-radius: 50%; }
.balance-artlawyer .ask { margin-top: .3rem; margin-left: 1.4rem; width: 5.1rem; height: 1.8rem; padding-left: .2rem; display: flex; justify-content: center; align-items: center; border-radius: .9rem; color: #fff; font-size: .7rem; background: url('../../pic/zsdetail/bg-btn01.png') no-repeat; background-size: 100% 100%; }
.balance-artlawyer .ask .ico-zsdet { margin-top: 0; }
.balance-artlawyer .ask .i-pu-ask3 { margin-right: .1rem; }
.balance-artlawyer .ask .i-pu-arrowr-white { margin-left: .2rem; }
.balance-artlawyer .ask:active { background-image: url('../../pic/zsdetail/bg-btn01-active.png'); }
.balance-artlawyer .name { font-size: .8rem; font-weight: bold; line-height: 1.2rem; }
.balance-artlawyer .u-lab { margin-right: .1rem; padding: 0 .2rem; font-size: .5rem; border-radius: .1rem; line-height: .8rem; font-weight: 500; }
.balance-artlawyer .u-lab:last-child { margin-right: 0; }
.balance-artlawyer .u-lab.lab-bg1 { background-color: #F7F3E4; color: #855F42; }
.balance-artlawyer .u-lab.lab-bg2 { background-color: #E5F2FE; color: #356ED7; }
.balance-artlawyer .info { font-size: .6rem; color: #868EA3; }


/* #8688 LJ 2023-02-20 */
.online { 
    display: inline-block; vertical-align: middle; margin: -0.1rem 0 0 .1rem; 
    padding: 0 .1rem; background: #4cc733; border-radius: .1rem; 
    font-size: .5rem; color: #fff; line-height: .7rem; font-weight: 600;
}

.ico-specail { background: url('../../pic/specail/ico-specail.png') no-repeat; background-size: 8rem 7.5rem; }
.i-specail14 { width: 2rem; height: 1.3rem; background-position: 0 -3rem; }
.i-specail15 { width: 2rem; height: 1.3rem; background-position: -2.25rem -3rem; }
.i-specail16 { width: 2rem; height: 1.3rem; background-position: -4.5rem -3rem; }
/* popup-warm-prompt */
.popup-warm-prompt .bg { opacity: .6; background-color: #000; }
.popup-warm-prompt .popup-bar {
    background: url('../../pic/zsdetail/bg15.png') no-repeat;
    background-size: 100% auto; width: 16.35rem;
}
.popup-warm-prompt .box-pad { padding: 1rem .8rem 0; }
.popup-warm-prompt .pop-close {
    position: absolute; top: 0; right: 0; z-index: 5;
    width: 1.6rem; height: 1.6rem; padding: .6rem .6rem 0 0;
}
.popup-warm-prompt .pop-close .iconfont { font-size: 1rem; color: #B3B0A8; }
.popup-warm-prompt .pop-tit { position: relative; color: #523424; font-size: .9rem; font-weight: 600; }
.popup-warm-prompt .pop-tit-tip {
    font-size: .7rem; line-height: 1.1rem; color: #7A573D; margin-top: .6rem;
}
.popup-warm-prompt .art-lawyer {
    position: relative; padding: 1rem 5.4rem 0 .6rem; margin-top: 1rem;
    height: 7.5rem; background: #FEFAEF; border-radius: .4rem;
}
.popup-warm-prompt .art-lawyer .photo { position: absolute; top: -0.6rem; right: 0; width: 5.4rem; }
.popup-warm-prompt .art-lawyer .photo.small { top: .6rem; right: .6rem; width: 5rem; height: 5rem; }
.popup-warm-prompt .art-lawyer .photo.small img { border-radius: .2rem; }
.popup-warm-prompt .art-lawyer .tit { line-height: 1.1rem; text-align: left; display: table; }
.popup-warm-prompt .art-lawyer .tit .name { font-size: .9rem; color: #523424; }
.popup-warm-prompt .art-lawyer dl { display: flex; padding-right: .5rem; margin: .6rem 0 0 -0.3rem; }
.popup-warm-prompt .art-lawyer dd { flex: 1; }
.popup-warm-prompt .art-lawyer dd .ico-specail { display: block; margin: 0 auto .2rem; }
.popup-warm-prompt .art-lawyer dd p { font-size: .6rem; color: #855F42; transform: scale(.833); }
.popup-warm-prompt .box-botm { 
    position: relative; margin-top: -1.3rem; height: 7.4rem; padding: 2.1rem 1.6rem 0;
    background: url('../../pic/zsdetail/bg16.png') no-repeat; background-size: 100% auto; 
}
.popup-warm-prompt .btn-block {
    position: relative; display: block; width: 13.15rem; height: 2.4rem; margin: auto;
    background: url('../../pic/specail/btn_gold.png') no-repeat; background-size: cover; 
    font-size: .8rem; color: #523424; line-height: 2.4rem;
}
.popup-warm-prompt .btn-block:active {
    background-image: url('../../pic/specail/btn_gold_active.png');
}
.popup-warm-prompt .btn-block .lable {
    position: absolute; top: -0.45rem; right: 0;
    background: linear-gradient(270deg, #FE6E51 0%, #F54640 100%); border-radius: .45rem .45rem .45rem .1rem; border: .05rem solid #FFFFFF;
    padding: .15rem .3rem .1rem; font-size: .6rem; color: #fff; font-weight: 600; line-height: 1; white-space: nowrap;
}
.popup-warm-prompt .all { margin-top: 1rem; font-size: .7rem; color: #F4E2BD; opacity: .6; }
.btn-move {
    animation: btnScale 1s infinite;
}
@keyframes btnScale{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(.95);
    }
    100%{
        transform: scale(1);
    }
}

/* submission */
.popup-warm-prompt.submission .popup-bar { background-image: url('../../pic/zsdetail/bg17.png'); }
.popup-warm-prompt.submission .pop-close .iconfont { color: #ADB3BD; }
.popup-warm-prompt.submission .pop-tit,
.popup-warm-prompt .art-lawyer .tit .name { color: #111F34; }
.popup-warm-prompt.submission .pop-tit-tip { color: #676F85; }
.popup-warm-prompt.submission .art-lawyer { background: #fff; }
.popup-warm-prompt.submission .box-botm { background-image: url('../../pic/zsdetail/bg18.png'); }
.popup-warm-prompt.submission .btn-block {
    background: linear-gradient(270deg, #24C7A6 0%, #00B3A7 100%); 
    box-shadow: 0 .2rem .4rem 0 rgba(14,178,152,0.3); border-radius: 1.2rem;
    color: #fff; z-index: 1;
}
.popup-warm-prompt.submission .btn-block:active:before {
    content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    background-color: #000; opacity: .1; border-radius: 1.2rem; z-index: -1;
}
.popup-warm-prompt.submission .all { color: #868EA3; }


/* platform */
.popup-warm-prompt.platform .popup-bar {
    width: 16.35rem; height: 17.7rem; background-image: url('../../pic/specail/bg6.png');
}
.popup-warm-prompt.platform .pop-close .iconfont { color: #1C9A8A; }
.popup-warm-prompt.platform .pop-tit,
.popup-warm-prompt.platform .pop-tit-tip { color: #fff; }
.popup-warm-prompt.platform .pop-tit:before { content: ''; }
.popup-warm-prompt.platform .art-lawyer { background: transparent; padding: 1.2rem 5rem 0 .6rem; }
.popup-warm-prompt.platform .tit .name { color: #111F34; }
.popup-warm-prompt.platform .data { padding-right: .25rem; margin-left: -0.5rem; }
.popup-warm-prompt.platform .data dd { position: relative; }
.popup-warm-prompt.platform .data dd:after {
    position: absolute; top: .25rem; right: 0; content: '';
    width: .05rem; height: 1.4rem; background-color: #F0F2F5;
}
.popup-warm-prompt.platform .data dd:last-child:after { width: 0; }
.popup-warm-prompt.platform .data dd .n { color: #FF8638; }
.popup-warm-prompt.platform .data dd .f-num { font-size: .9rem; }
.popup-warm-prompt.platform .data dd .unit { font-size: .6rem; transform: scale(.833); display: inline-block; vertical-align: middle; margin-top: .1rem; font-weight: bold; }
.popup-warm-prompt.platform .data dd p { color: #414A5D; margin-top: .3rem; }
.popup-warm-prompt.platform .box-botm { height: 6.9rem; padding-top: 1.6rem; background: transparent; }
.popup-warm-prompt.platform .btn-block {
    background: linear-gradient(270deg, #24C7A6 0%, #00B3A7 100%);
    box-shadow: 0rem .2rem .4rem 0rem rgba(14,178,152,0.3); border-radius: 1.2rem;
    color: #fff; z-index: 1;
}
.popup-warm-prompt.platform .btn-block:active:before {
    content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    background-color: #000; opacity: .1; border-radius: 1.2rem; z-index: -1;
}
.popup-warm-prompt.platform .all { color: #868EA3; }


/* #9339 2023-03-03 */
/* .popup-warm-prompt .pop-close { display: none; } */


/* #9318 2023-03-13 */
.popup-warm-prompt.none { visibility: hidden; display: block !important; z-index: -1; }
.popup-warm-prompt { visibility: visible; display: block; }
.popup-warm-prompt.platform .popup-bar,
.popup-warm-prompt.submission .popup-bar { height: auto; background-color: #fff; border-radius: .4rem .4rem .8rem .8rem; }
.popup-warm-prompt .box-botm { height: auto; padding: 2.1rem 0 1.2rem; }
.popup-warm-prompt.platform .box-botm { height: auto; padding: 1.6rem 0 1.2rem; border-radius: 0 0 .8rem .8rem; }
.popup-warm-prompt .userask-item { background-color: rgba(163, 117, 39, .4); color: #FAF1D7; }
.popup-warm-prompt .userask-item .i-pu-userphoto { background: url('../../pic/zsdetail/user-fill.png') no-repeat; background-size: 100% 100%; margin-top: -.05rem; }
.popup-warm-prompt.submission .userask-item,
.popup-warm-prompt.platform .userask-item { background-color: #F7F8FA; color: #868EA3; }
.popup-warm-prompt.submission .userask-item .i-pu-userphoto,
.popup-warm-prompt.platform .userask-item .i-pu-userphoto { background: url('../../pic/public/ico-public.png') no-repeat; background-size: 5.25rem 6.25rem; background-position: -3.75rem 0; }


/* #9556 LJ 2023-04-03 */
/* fixed-top-msg */
.fixed-top-msg {
    position: fixed; left: .6rem; right: .6rem; top: 0; z-index: 200;
    transform: translateY(-100%); opacity: 0; transition: transform .2s linear, opacity .2s linear;
}
.fixed-top-msg .close { position: absolute; top: 0; right: 0; width: 1.6rem; height: 1.6rem; padding: .6rem .6rem 0 0; z-index: 1; display: none; }
.fixed-top-msg .close .iconfont { font-size: 1rem; color: #868EA3; }
.fixed-top-msg .msg-con { display: block; padding: .8rem .6rem; background: #fff; box-shadow: 0 .2rem .6rem 0 rgba(0,0,0,0.12); border-radius: .4rem; }
.fixed-top-msg .new { position: relative; }
.fixed-top-msg .new::after {
    position: absolute; top: 0; right: 0; content: ''; box-sizing: border-box;
    width: .4rem; height: .4rem; background-color: #fe4c38; border-radius: 50%;
}
.fixed-top-msg .h20 { height: 1rem; font-size: .6rem; color: #a6acbd; line-height: 1.1rem; }
.fixed-top-msg .h20 .photo { float: left; width: 1rem; height: 1rem; margin-right: .2rem; }
.fixed-top-msg .h20 .name { float: left; color: #414a5d; }
.fixed-top-msg .h20 .new:after { width: .35rem; height: .35rem; right: -0.1rem; border: .05rem solid #fff; }
.fixed-top-msg .botm { display: flex; justify-content: space-between; margin-top: .6rem; }
.fixed-top-msg .botm p { padding: .15rem 0; font-size: .7rem; line-height: 1.1rem; margin-right: 1rem; }
.fixed-top-msg .botm .r-elem { display: flex; align-items: center; }
.fixed-top-msg .botm .u-btn {
    width: 3rem; height: 1.4rem; background: #0eb298; border-radius: .75rem;
    font-size: .7rem; color: #fff; line-height: 1.4rem; text-align: center; padding-left: .3rem;
}
.fixed-top-msg .botm .u-btn .iconfont { font-size: .7rem; }
.fixed-top-msg .right-hand { width: 1.1rem; height: 1rem; background: url('../../pic/public/art/emoji_right.png') no-repeat; background-size: 100% 100%; }
.fixed-top-msg.is-show { transform: translateY(.6rem); opacity: 1; }

/* popup-hit */
.popup-hit {
    position: absolute; left: -2.95rem; top: 1rem; z-index: 10;
    width: 10rem; padding: .4rem .6rem; border-radius: .4rem;
    background: rgba(255,255,255,0.98);
    box-shadow: 0rem .1rem 1rem 0rem rgba(0,0,0,0.2);
    font-size: .6rem; line-height: .9rem; color: #414A5D;
}
.popup-hit:before {
    position: absolute; left: 3rem; top: -0.25rem; content: '';
    border: .25rem solid transparent; border-bottom-color: #fff; border-top: none;
}
.popup-hit dt { font-size: .5rem; color: #868EA3; line-height: 1rem; }


/* 2024-04-26 lj #21964 */
.lore-card-art { display: block; width: 17.15rem; margin-left: auto; margin-right: auto; }
.lore-card-art .pic {
    display: block; width: 100%; height: auto;
}


/* 2024-11-04 28088 */
.zs-unfold .unfd-btn-bar {
    padding: 0 .8rem 1.2rem;
}
.zs-unfold .unfd-btn-bar .txt { font-size: .75rem; }
.zs-unfold .unfd-btn-bar .unfd-btn {
    background-color: #F7F8FA; display: block; padding: 0; height: 2rem; line-height: 2rem; font-size: .8rem; font-weight: 600; color: #0B998F;
    border-radius: .4rem; margin-top: .8rem;
}
.zs-unfold .unfd-btn-bar:before {
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, #FFFFFF 100%); bottom: 3.2rem;
}

/* icon */
.ico-tw { background: url('../../pic/tuwen/ico_tw.png') no-repeat; background-size: 12.95rem 10.7rem; }
.ico-tw.ico-sign-link { width: .6rem; height: .6rem; background-position: -11rem -3.5rem;}
.ico-tw.ico-sign-query{ width: .9rem; height: .9rem; background-position: -11.25rem -7.6rem; }
.ico-tw.ico-wz { width: .9rem; height: .9rem; background-position: -10rem -7.6rem; }
.ico-tw.ico-reset { width: .7rem; height: .7rem;background-position: -6.4rem -8.85rem; }
.ico-tw.ico-locat { width: .6rem; height: .7rem; background-position: -11rem -2.5rem; }

/* swiper-h24 */
.swiper-h24 { height: 1.2rem; text-align: center; }
/* art-lr-exclusive */
.art-lr-exclusive { position: relative; height: 11.4rem; background: url('../../pic/tuwen/art_excl_bg.png'); background-size: cover; }
.art-lr-exclusive .lawyer { display: block; padding: 2.7rem 0 0 1.2rem; height: 8rem; }
.art-lr-exclusive .lawyer .photo { position: absolute; top: 0; right: .6rem; width: 5.3rem; height: 8rem; }
.art-lr-exclusive .lawyer .tag-locat {
    position: absolute; left: 1.6rem; top: .6rem;
    background: linear-gradient(270deg, #f0f3ff 0%, #d2e1fa 100%);
    border-radius: 0rem 5rem 5rem 0rem; border: 1px solid #fff;
    padding: .25rem .5rem .25rem .8rem; font-size: .6rem; color: #0c48a1;
}
.art-lr-exclusive .lawyer .tag-locat .ico-locat {
    position: absolute; left: -0.5rem; top: -0.05rem; 
    width: 1.1rem; height: 1.3rem; background-position: -11.85rem -2.5rem; 
}
.art-lr-exclusive .lawyer .tit { position: relative; height: 1rem; }
.art-lr-exclusive .lawyer .tit strong { float: left; font-size: 1rem; color: #356ed7; }
.art-lr-exclusive .lawyer .tit .ico-lable { width: 4.3rem; height: 1rem; background-position: 0 -8.85rem; margin: 0 0 0 .1rem; }
.art-lr-exclusive .lawyer .roll-txt { 
    position: relative; padding: .6rem 0 .6rem .4rem; margin: .6rem 6.5rem 0 0;
    background: #fff; box-shadow: 0rem .3rem .6rem 0rem rgba(163,186,233,.12); border-radius: .2rem;
    font-size: .7rem; color: #414a5d; line-height: 1.1rem;
}
.art-lr-exclusive .lawyer .roll-txt:after {
    position: absolute; top: 50%; right: -0.3rem; content: ''; margin-top: -0.3rem;
    border: .3rem solid transparent; border-left-color: #fff; border-right: none;
}
.art-lr-exclusive .lawyer .roll-txt .swiper-bar { height: 1.1rem; }
.art-lr-exclusive .lawyer .roll-txt .swiper-bar .swiper-slide { overflow: hidden; }
.art-lr-exclusive .lawyer .roll-txt .ovh-h22 { position: relative; height: 1.1rem; overflow: hidden; }
.art-lr-exclusive .lawyer .roll-txt .ovh-h22 .roll-cont { position: absolute; top: 0; }
.art-lr-exclusive .ask { display: block; padding: .6rem 0; }
.art-lr-exclusive .ask .u-btn { 
    display: block; margin: auto; width: 12.95rem; height: 2.2rem; background-position: 0 0; 
    font-size: .8rem; color: #fff; line-height: 2.2rem; text-align: center; font-weight: 600;
}
.art-lr-exclusive .ask:active .u-btn { background: url('../../pic/tuwen/bg-btn5-active.png') no-repeat; background-size: 100% 100%; }
.art-lr-exclusive .ask .u-btn .ico-ask{ width: .8rem; height: .8rem; background-position: -10.5rem -6.5rem; margin-right: .1rem; }
.art-lr-exclusive .ask .u-btn .ico-jt { width: .8rem; height: .8rem; background-position: -10rem -8.85rem; margin-left: .2rem; }
    /* official */
.art-lr-exclusive.official .lawyer .tag-locat { left: 1.1rem; padding-left: .4rem; border-radius: 1.2rem; }
.art-lr-exclusive.official .lawyer .tag-locat .ico-locat {
    position: relative; left: auto; top: auto;
    width: 3.55rem; height: .7rem; background-position: 0 -10rem; 
}
.art-lr-exclusive.official .lawyer .tit .ico-lable { width: 5.95rem; height: 1rem; background-position: 0 -7.65rem; }

/* fixed-go-top */
.fixed-go-top {
    position: fixed; right: .8rem; bottom: 6rem; z-index: 100; display: none;
    width: 2rem; height: 2rem; padding-top: .4rem; border-radius: 50%;
    background: rgba(255,255,255, .95); box-shadow: 0rem 0rem .4rem 0rem rgba(0,0,0,0.08); border: 1px solid #dfe2e8;
    font-size: .5rem; color: #414a5d; text-align: center;
}
.fixed-go-top .ico-tw { display: block; margin: 0 auto .1rem; width: .7rem; height: .5rem; background-position: -12.25rem -8.85rem; }


/* #29155 2024-12-2 */
.zs-unfold .unfd-btn-bar .unfd-btn { color: #0EB298;  }
.zs-unfold .unfd-btn-bar .unfd-btn .iconfont {
    transform: rotate(90deg); display: inline-block; font-weight: normal;
}
.zs-unfold .unfd-btn-bar:before { height: 8.5rem; }


/* #25408 2024-12-11 balance-artlawyer */
.balance-artlawyer .ask,
.recite-artlawyer .ask,
.recite-contribute-cooperate .ask { position: relative; }
.balance-artlawyer .ask .light,
.recite-official .ask .light,
.recite-artlawyer .ask .light,
.recite-contribute-cooperate .ask .light {
    position: absolute; top: 0; left: 0; right: 0;
    height: 1.8rem; overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    border-radius: .9rem;
}
.balance-artlawyer .ask .light:before,
.recite-official .ask .light:before,
.recite-artlawyer .ask .light:before,
.recite-contribute-cooperate .ask .light:before {
    content: ''; position: absolute; top: 0; left: 0;
    width: 3.6rem; height: 1.8rem; opacity: .6;
    background: url('../../pic/activity/vanguard_2023/ray.png') no-repeat;
    background-size: 100% 100%;
    transform: translateX(-100%);
    animation: banlanceLight 3s ease infinite;
}

@keyframes banlanceLight {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    50% {
        -webkit-transform: translateX(8.7rem);
        transform: translateX(8.7rem);
    }

    100% {
        -webkit-transform: translateX(8.7rem);
        transform: translateX(8.7rem);
    }
}