/***/
/* detail-title */
.detail-title { position: relative; margin-bottom: -2.7rem; }
.detail-title .bg { padding: 0.8rem 0.8rem 4.3rem; background-color: #0057ff; }
.detail-title h1 { font-size: 0.9rem; color: #fff; line-height: 1.2rem; }
.detail-title .skill-tag { padding: 10px 0 0; overflow: hidden; }
.detail-title .skill-tag span {
    float: left; padding: 0 10px; line-height: 24px; margin: 8px 8px 0 0;
    background-color: #538EFF; border-radius: 50px; font-size: 11px; color: #C7DAFF; 
}
.detail-title .card-box { position: relative; top: -3.3rem; margin: 0 0.8rem; }
.detail-title .lawyer-card { 
    padding: 0.8rem 0.8rem 0.8rem 3.6rem; min-height: 4rem; 
    background-color: #fff; box-shadow: 0 0.15rem 0.5rem rgba(0,68,145, 0.08); 
}
.detail-title .lawyer-card .ico-tag { 
    position: absolute; top: 0; right: 0; width: 2rem; height: 0.9rem; line-height: 0.9rem; text-align: center; 
    background: linear-gradient(135deg, #ED3B3B 0%, #EE5857 100%); border-radius: 0rem 0.4rem 0rem 0.2rem; 
    font-size: 0.5rem; color: #fff; 
}
.detail-title .lawyer-card .photo { position: absolute; left: 0.8rem; top: 0.8rem; width: 2rem; height: 2rem; }
.detail-title .lawyer-card .photo .ico-vip { width: 12px; height: 12px; }
.detail-title .lawyer-card .tit { height: 1.1rem; margin-bottom: 0.25rem; }
.detail-title .lawyer-card .tit .name { display: inline-block; vertical-align: middle; max-width: 5rem; }
.detail-title .lawyer-card .tit span { font-size: 0.5rem; color: #bbb; margin-left: 0.4rem; }
.detail-title .lawyer-card .item {
    padding: 0.3rem 0 0 0.6rem; font-size: 0.6rem; color: #666; line-height: 0.8rem;
    background: url('//css.66law.cn/ui_v1/m/pic/ico/ico-jt.png') no-repeat 0 0.5rem; background-size: 0.3rem 0.3rem;
}

/* det-conts */
.det-conts { padding: 0 0.8rem 0.5rem; }
.det-conts h2 { position: relative; padding: 0.5rem 0 0.5rem 0.7rem; }
.det-conts h2:before { position: absolute; left: 0; top: 0.75rem; content: ''; width: 0.2rem; height: 0.6rem; background-color: #ee5857; }
.det-conts h3 { padding: 0.5rem 0; }
.det-conts p { padding: 0.25rem 0; line-height: 1.4rem; }
.det-conts img { display: block; max-width: 100%; }
    /*det-view*/
.det-view { padding: 0.5rem 0; }
.det-view .scroll-x { overflow-x: auto; }
.det-view .tab-nav { padding-bottom: 0.25rem; }
.det-view .tab-nav .tab-link { 
    padding: 0 0.25rem 0 0.5rem; width: 5.2rem; height: 1.9rem; line-height: 1.9rem; font-size: 0.6rem;
    border: 0.05rem solid #e8e8e8; border-radius: 0.2rem; background-color: #fff; margin-right: 0.6rem; position: relative;
}
.det-view .tab-nav .tab-link:last-child { margin-right: 0; }
.det-view .tab-nav .tab-link span { display: block; line-height: 1.9rem; }
.det-view .tab-nav .tab-link.is-this { border-color: #B3CDFE; background-color: #F2F4FF; }
.det-view .tab-nav .tab-link.is-this:after {
    position: absolute; left: 50%; bottom: -0.3rem; content: ''; margin-left: -0.3rem; 
    border: 0.3rem solid transparent; border-top-color: #B3CDFE; border-bottom: none; 
}
.det-view .tab-nav .tab-link.is-this:before {
    position: absolute; left: 50%; bottom: -0.25rem; content: ''; margin-left: -0.25rem; z-index: 2;
    border: 0.25rem solid transparent; border-top-color: #f7f9ff; border-bottom: none; 
}
.det-view .tab-nav .tab-link.is-this span { color: #0057ff; }
.det-view .tab-nav .tab-link.is-this span:after { background: none; }
.det-view .tabs-cont { padding: 1rem 0.8rem; background-color: #f8f8f8; border-radius: 0.4rem; /*border: 0.05rem solid #eee;*/ font-size: 0.7rem; }
.det-view .scroll-y { max-height: 23.1rem; overflow-y: auto; }
    /*down-list*/
.down-list, .link-list { font-size: 0.7rem; }
.down-list li { padding: 0 0 0.5rem 1.2rem; background: url('//css.66law.cn/ui_v1/m/pic/ico/ico-doc.png') no-repeat 0 0.2rem; background-size: 0.8rem 0.8rem; }
.down-list li .ico-down { 
    float: right; margin: 0.15rem 0 0 1rem; width: 0.8rem; height: 0.8rem; 
    background: url('//css.66law.cn/ui_v1/m/pic/ico/ico-down.png') no-repeat; background-size: 0.8rem 0.8rem; 
}
.down-list li span { display: inline-block; vertical-align: middle; max-width: 13rem; }
    /*link-list*/
.link-list li { padding: 0.45rem 0 0.5rem 1.2rem; background: url('//css.66law.cn/ui_v1/m/pic/ico/ico-link.png') no-repeat 0 0.7rem; background-size: 0.6rem 0.6rem; }
.link-list li a { color: #0057ff; }

/* det-statement */
.det-statement { border-top: 0.5rem solid #f5f5f5; border-bottom: 0.5rem solid #f5f5f5; padding: 0.8rem; font-size: 0.6rem; color: #bbb; line-height: 1rem; }

/* fixed-right */
.fixed-right { position: fixed; bottom: 20%; right: 0.5rem; }
.fixed-right .item { 
    width: 2.2rem; height: 2.2rem; line-height: 2.2rem; text-align: center; margin-top: 0.5rem;
    background-color: #fff; border: 1px solid #ddd; border-radius: 50%; font-size: 0.65rem;
}
.fixed-right .item:first-child { margin-top: 0; }
.fixed-right .item .icon-gotop { font-size: 1rem; margin-top: -0.2rem; }
.fixed-right .item.catalog { background-color: #0057ff; border-color: #0057ff; color: #fff; }
.fixed-right .img-block { width: 2.2rem; margin-top: 0.5rem; }

/* popup-catalog */
.popup-catalog { visibility: hidden; transition: .2s cubic-bezier(0.5, 0.37, 0.27, 1.01); opacity: 0; }
.popup-catalog .popup-cents { 
    position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column;
    width: 70%; padding: 1.2rem 0.8rem 0.8rem; background-color: #fff;
    transform: translateX(100%); transition: .2s cubic-bezier(0.5, 0.37, 0.27, 1.01);
}
.popup-catalog .title {  height: 1.4rem; font-size: 20px; line-height: 28px; font-weight: 600; }
.popup-catalog .catalog-list { flex: 1; overflow-y: auto; }
.popup-catalog .catalog-list .tit { font-size: 0.85rem; line-height: 1.2rem; margin-top: 16px;  }
.popup-catalog .catalog-list ul li { position: relative; padding-left: 0.75rem; font-size: 0.6rem; line-height: 1.3rem; }
.popup-catalog .catalog-list ul li div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.popup-catalog .catalog-list ul ul li { color: #999; }
.popup-catalog .catalog-list ul.zhang div { font-size: 15px; line-height: 20px; margin-top: 16px; }
.popup-catalog .catalog-list ul.jie div { font-size: 14px; line-height: 20px; margin-top: 12px;  color: #666; }
.popup-catalog .catalog-list .is-disabled { color: #ccc !important;}
.popup-catalog.popup-show { visibility: visible; opacity: 1; }
.popup-catalog.popup-show .popup-cents{ transform: translateX(0); }

/* add: #14346 by LJ 2020-11-17 */
.deal-guide-bar { padding: 1rem 0.8rem; margin-bottom: 0.5rem; }
.deal-guide-bar .title { font-size: 0.85rem; line-height: 1.2rem; font-weight: 700; }
.deal-guide-bar .title .ico { display: inline-block; vertical-align: middle; margin-right: 0.5rem; margin-top: -0.1rem; width: 0.8rem; height: 0.9rem; }
.deal-guide-list li { margin-top: .75rem; height: 1.15rem; line-height: 1.15rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.deal-guide-list .tag { display: inline-block; margin-right: 0.6rem; width: 3.6rem; height: 1.15rem; font-size: 0.6rem; color: #999; background-color: #f5f5f5;text-align: center; }
.deal-guide-list .txt { font-size: 0.8rem; }

/* add：# LJ 2020-11-26 */
.guide-cont {
    margin: .25rem 0 .4rem; font-size: .6rem; padding: .6rem;
    background-color: #f8f8f8; border-radius: .25rem;
}
.guide-cont p { line-height: 1rem; color: #999; padding: 0; }
.lh20 { line-height: 1rem !important; }

/* add: # LQ  2020-11-27 */
/* unfold-bar */
.unfold-bar { position: relative; }
.unfold-bar .unfd-ovh { overflow: hidden; transition: height .2s ease-in-out; }
.unfold-bar .unfd-btn { position: relative; line-height: 2.2rem; text-align: center; color: #999; border-top: 1px solid #eee; }
.unfold-bar .unfd-btn:after { position: absolute; left: 0; top: -41px; right: 0; content: ''; height: 40px; background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255, 1) 60%);}
.unfold-bar .unfd-btn .ico-arrow { font-family: "iconfont"; font-size: 0.6rem; line-height:1rem; margin-left: 0.3rem; } 
.unfold-bar .unfd-btn .ico-arrow:before { content: "\e622"; }
.unfold-bar.is-show .unfd-btn .ico-arrow:before { content: "\e621"; }

/* fixed-down */
.fixed-bottom { position: fixed; left: 0; right: 0; bottom: 0; z-index: 300; }
.fixed-down { padding: 1.25rem 0 1.2rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 65%, #FFFFFF 100%); }
.fixed-down .btn-down {
    display: block; height: 2.4rem; padding: 0 1.2rem; margin: auto; border: none; outline: none;
    background: #ED3B3B; box-shadow: 0rem 0.15rem 0.3rem rgba(0, 0, 0, 0.16); border-radius: 1.2rem;
    font-size: 0.7rem; color: #fff; text-align: center; line-height: 2.4rem;
}
.fixed-down .btn-down .iconfont { font-size: 0.5rem; margin-left: 0.4rem; margin-top: 0; }
.fixed-down .btn-down .price { display: inline-block; vertical-align: middle; font-size: 0.7rem; margin-right: 0.4rem; }
.fixed-down .btn-down .price em { font-size: 1rem; font-weight: 600; }