@media (min-width: 320px) {
    html {
        font-size: 42.6667px !important;
    }
}

@media (min-width: 360px) {
    html {
        font-size: 48px !important;
    }
}

@media (min-width: 375px) {
    html {
        font-size: 50px !important;
    }
}

@media (min-width: 384px) {
    html {
        font-size: 51.2px !important;
    }
}

@media (min-width: 414px) {
    html {
        font-size: 55.2px !important;
    }
}

@media (min-width: 448px) {
    html {
        font-size: 59.7333px !important;
    }
}

@media (min-width: 480px) {
    html {
        font-size: 48px !important;
    }
}

@media (min-width: 512px) {
    html {
        font-size: 68.2667px !important;
    }
}

@media (min-width: 544px) {
    html {
        font-size: 72.5333px !important;
    }
}

@media (min-width: 576px) {
    html {
        font-size: 76.8px !important;
    }
}

@media (min-width: 608px) {
    html {
        font-size: 81.0667px !important;
    }
}

@media (min-width: 640px) {
    html {
        font-size: 85.3333px !important;
    }
}

@media (min-width: 750px) {
    html {
        font-size: 100px !important;
    }
}

@media (min-width: 800px) {

    body,
    html {
        width: 400px;
        margin: 0 auto;
    }

    html {
        font-size: 50px !important;
    }
}


@media (min-width: 800px) {
    html {
        background: #f3f3f3;
    }

    body {
        min-height: 100vh;
    }

    .pc-center {
        width: 400px !important;
    }

    .pc-fixed-center {
        width: 400px !important;
        left: calc((100% - 400px) / 2) !important;
    }
}

/* tabbar */
.tabbar-box-kh {
    /*    height: 0.8rem;*/
}

.tabbar-box {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1rem;
    box-shadow: 0px 0px .22rem .21rem rgba(125, 158, 255, 0.13);
    background-color: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .3rem;
    z-index: 666;
}

.tabbar-item {
    width: calc((100% - 3rem) / 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #697DA3;
}

.tabbar-item.active {
    color: #225AFC;
}

.tabbar-item img {
    width: .5rem;
    height: .5rem;
    margin-bottom: .05rem;
}

.tabbar-item span {
    font-size: .20rem;
    font-weight: 400;
}

.tabbar-show-item {
    width: .94rem;
    height: .94rem;
    display: block;
    position: relative;
}

.tabbar-show-item img {
    position: absolute;
    top: -.12rem;
    left: 0;
    width: .94rem;
    height: .94rem;
    border-radius: .94rem;
    box-shadow: 0px -.10rem .18rem 0px rgba(34, 90, 252, 0.31);
    border-radius: .94rem;
}

/* 底部版权信息 */
.footer {
    display: flex;
    flex-direction: column;
    align-content: center;
    padding: .5rem 0 1.2rem;
}

.footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .27rem;
}

.footer-logo-img {
    width: .57rem;
    margin-right: .13rem;
}

.footer-logo span {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(21, 41, 78, 1);
    line-height: .43rem;
}

.footer-company {
    font-size: 12px;
    font-weight: 400;
    color: rgba(134, 151, 182, 1);
    line-height: .43rem;
    text-align: center;
}

.footer-msg-link {
    color: #225AFC;
}

.footer-icp {
    color: rgba(134, 151, 182, 1);
    margin-right: .7rem;
}

.footer-msg {
    display: flex;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: rgba(134, 151, 182, 1);
    line-height: .43rem;
    padding-bottom: .4rem;
}

/* 发现顶部导航 */
.findnav-box {
    height: 1rem;
}

.findnav {
    padding: 0 .3rem;
    background-color: #F7FAFC;
    height: 1rem;
    line-height: 1rem;
    /*    position: fixed;*/
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
}

.findnav-item {
    font-size: .34rem;
    font-weight: 400;
    color: rgba(50, 72, 111, 1);
    padding-right: .4rem;
}

.findnav-item.active {
    font-weight: bold;
    color: #225AFC;
}

.show-more {
    width: 100%;
    line-height: .86rem;
    text-align: center;
    background: rgba(238, 241, 248, 1);
    border-radius: .08rem;
    font-size: .30rem;
    font-weight: 400;
    color: rgba(72, 99, 149, 1);
}

/* 触底触顶加载 */
.loading-more {
}

.loading-row {
    height: 1rem;
    line-height: 1rem;
    text-align: center;
}

.loading-row i {
    font-size: .4rem;
    margin-right: .2rem;
}

.loading-row span {
    font-size: .28rem;
    color: #999;
}

/* 在线律师卡片 */
.on-lawyer {
    width: calc(100% - .60rem);
    margin: 0 auto 1rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px .45rem 1px rgba(113, 148, 250, 0.21);
    border-radius: .14rem;
    padding-bottom: .45rem;
    overflow: hidden;
}

.on-lawyer-title {
    font-size: .34rem;
    font-weight: bold;
    color: rgba(21, 41, 78, 1);
    text-align: center;
    padding: .34rem 0 .38rem;
}

.on-lawyer-list {
    display: flex;
    justify-content: space-between;
    padding: 0 .3rem;
}

.on-lawyer-item {
    display: flex;
    flex-direction: column;
}

.on-lawyer-tx {
    width: 1.16rem;
    height: 1.16rem;
    border-radius: 50%;
    margin-bottom: .2rem;
    object-fit: cover;
}

.on-lawyer-item span {
    font-size: .30rem;
    font-weight: bold;
    color: rgba(58, 76, 106, 1);
    text-align: center;
}

/* 详情页顶部 */
.detail-nav {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 1rem;
    font-size: .34rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    display: flex;
    padding: 0 .3rem;
    background: rgb(8, 12, 57);
}

.detail-nav-title {
    flex: 1;
    height: 1rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    color: #FFF;
}

.detail-nav-left,
.detail-nav-right {
    width: 1rem;
    display: flex;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    user-select: none;
}

.detail-nav-right {
    display: flex;
    justify-content: flex-end;
}

.detail-nav-icon {
    font-size: .3rem;
}

.detail-nav-kh {
    height: 1rem;
}

/* 通用模块标题 */

/* 标题 */
.index-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: .16rem;
}

.index-title-text {
    font-size: .36rem;
    color: #15294e;
    font-weight: 700;
}

.index-right {
    font-size: .20rem;
}

.index-title-hr {
    width: 1.16rem;
    height: .16rem;
    background: rgb(34, 90, 252, .36);
    position: absolute;
    bottom: .06rem;
    left: .14rem;
}

/* 分页 */
.pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: .4rem;
    border-radius: .06rem;
    overflow: hidden;
    font-weight: 700;
    box-shadow: -.02rem 0px .20rem .02rem #bdbdbd47;
}

.pager li {
    flex: 1;
    box-sizing: border-box;
    height: .94rem;
    color: #1989fa;
    background-color: #fff;
    cursor: pointer;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .24rem;
}

.pager li:nth-child(1) {
    border-right: 1px solid #eee;
}

.pager li.disabled {
    color: #999;
    background-color: #FFF;
    cursor: not-allowed;
}

.pager li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: .8rem;
    color: #4371FF;
}

/* 通用卡片-知识 */
.hotlaws {
    background-color: #FFF;
    padding: .40rem .30rem;
    margin-bottom: .2rem;
    box-shadow: 0px .03rem .68rem 0px rgba(154, 180, 255, 0.19);
}

.hotlaws-title {
    font-size: .34rem;
    font-weight: 700;
    color: #15294e;
    padding-bottom: .27rem;
    text-align: center;
}

.hotlaws-item {
    font-size: .32rem;
    height: .96rem;
    display: flex;
    align-items: center;
}

.hotlaws-item-num {
    width: .5rem;
    font-weight: bold;
    font-style: italic;
    color: rgba(229, 41, 41, 1);
}

.hotlaws-item-title {
    flex: 1;
    font-size: .30rem;
    font-weight: 500;
    color: rgba(21, 41, 78, 1);
    line-height: .43rem;
    padding-right: .2rem;
}

.hotlaws-item-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.hotlaws-item-hits {
    font-size: .26rem;
    font-weight: 400;
    color: rgba(138, 156, 191, 1);
}

/* 通用卡片-最新资讯 */
.askcard-item {
    display: flex;
    flex-direction: column;
    padding-bottom: .32rem;
    padding-left: .3rem;
    border-left: 1px solid rgba(224, 229, 244, 1);
    position: relative;
}

.askcard-item.end {
    border-left: 0;
}

.askcard-item-adorn {
    position: absolute;
    left: -.1rem;
    top: .09rem;
    width: .2rem;
    height: .2rem;
}

.askcard-item-title {
    font-size: .35rem;
    font-weight: 500;
    color: rgba(21, 41, 78, 1);
    padding-right: .2rem;
    font-weight: 500;
    margin-bottom: .17rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.askcard-item-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.askcard-item-hits {
    font-size: .26rem;
    font-weight: 400;
    color: rgba(138, 156, 191, 1);
}

.askcard-item-adorn {
    position: absolute;
    left: -.1rem;
    top: .09rem;
    width: .2rem;
    height: .2rem;
}

.askcard-lawyer {
    display: flex;
    align-items: center;
    margin-bottom: .15rem;
}

.askcard-lawyer-tx {
    width: .50rem;
    height: .50rem;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 11px;
}

.askcard-lawyer-info {
    flex: 1;
}

.askcard-lawyer-name {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(21, 41, 78, 1);
}

.askcard-lawyer-name span {
    color: #9AA0B0FF;
}

.askcard-lawyer-answer {
    font-size: .30rem;
    font-weight: 400;
    color: rgba(21, 41, 78, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    margin-top:.2rem;
}

/* 文章详情页通用底部 */
.charge-footer {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .98rem;
    line-height: .98rem;
    background-color: #FFF;
    box-shadow: 0px 0px 55px 9px rgba(33, 89, 251, 0.08);
    z-index: 999;
}

.charge-footer-list {
    display: flex;
    background: rgba(255, 255, 255, 1);
    font-size: .28rem;
    font-weight: 400;
    color: rgba(21, 41, 77, 1);
    flex: 1;
    justify-content: space-between;
    padding: 0 .3rem;
}

.charge-footer-btn {
    width: 2.63rem;
    background: rgba(33, 89, 251, 1);
    font-size: .30rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

.charge-footer-item {
    color: rgba(21, 41, 77, 1);
}

/* 富文本渲染 */
.article-article {
    font-size: .34rem;
    color: #15294e;
    line-height: 32px;
}

.article-article h1,
.article-article h2,
.article-article h3,
.article-article h4,
.article-article h5,
.article-article h6,
.article-article p {
    margin: 0;
    padding: 0;
    margin-bottom: .28rem;
}

.article-article img {
    max-width: 100%;
    margin: 0 auto;
}

.article-article table {
    max-width: 100% !important;
}

.article-article-more{
    padding: .10rem 0;
    font-size: .26rem;
    color: #225afc;
    display: flex;
    justify-content: center;
}

.layui-layer-title{
    font-weight: 600;
}

/* 弹窗通用关闭按钮 - 底部 */
.pub-exit-box {
    width: 100%;
    display: flex;
    justify-content: center;
}

.pub-exit-icon {
    margin-top: .3rem;
    font-size: .7rem;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
}

.pub-right-exit {
    position: absolute;
    right: -.16rem;
    top: -.16rem;
    background-color: #ffffff;
    width: .60rem;
    height: .60rem;
    border-radius: .60rem;
    color: #444;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -0.01rem 0.02rem 0.09rem 0px rgba(34, 90, 252, 0.23922);
}

.chat-msg-exit i {
    font-size: .2rem;
}

/* 触底加载 */
.more-box {
    width: 100%;
    height: 50px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #dadada;
}

.more-box i {
    margin-right: 10px;
}

/* 底部提问按钮 */
.answer-bom-kh {
    height: 1rem;
}

.answer-bom-btn {
    width: 5.18rem;
    height: .76rem;
    position: fixed;
    margin: 0 1.16rem .21rem;
    background: rgba(34, 90, 252, 1);
    box-shadow: 0px 0px .48rem .06rem rgba(34, 90, 252, 0.31);
    border-radius: .49rem;
    bottom: 0;
    font-size: .28rem;
    color: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.answer-bom-btn i {
    margin-right: .20rem;
    font-size: .30rem;
}

/* APP下载 */
.home-app {
    height: .98rem;
    padding: .13rem .30rem;
    display: flex;
    align-items: center;
    background: #EDEDED;
}

.home-app-content {
    flex: 1;
    padding: 0 .30rem;
}

.home-app-icon {
    display: flex;
}

.home-app-title {
    font-size: .30rem;
    font-weight: bold;
    color: #333;
    display: flex;
}

.home-app-title span {
    color: #4371FF;
}

.home-app-focus {
    font-size: .26rem;
    font-weight: 300;
    color: #666666;
}

.home-app-icon img {
    width: .72rem;
    height: .72rem;
}

.home-app-btn {
    width: 1.38rem;
    height: .62rem;
    background: #4371FF;
    border-radius: .31rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .24rem;
    font-weight: 500;
    color: #FFFFFF;
}

.home-appimg {
    width: 100%;
}

.home-appimg-img {
    width: 100%;
    height: 1rem;
    object-fit: cover;
}

.home-app-title span {
    color: #4371FF;
}

/* 去顶部 */
.go-top {
    position: fixed;
    width: .9rem;
    height: .9rem;
    border-radius: .9rem;
    right: .3rem;
    bottom: 1.6rem;
    background-color: rgba(0, 0, 0, .56);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    cursor: pointer;
    user-select: none;
}

.go-top-icon {
    font-size: .5rem;
    color: #FFF;
}

.i_vip_icon{
    color: #e9c290;
    margin-left: 5px;
}

.footer .foot-nav {
    /*    height: 50px;*/
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
}

.footer .foot-nav li {
    position: relative;
    float: left;
    width: 25%;
}
.footer .foot-nav li a {
    display: block;
    font-size: 14px;
    text-align: center;
}

.mbx {
    padding: 20px 15px;
    font-size: 12px;
    color: #bbb;
}
.box-shadow{
    background-color: #fff;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
.box-shadow .nav-title{
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    height: 74px;
    line-height: 74px;
    font-size: 16px;
    text-align: center;
}
.guess{
    padding-bottom: 20px;
}

.guess .guess-nav {
    /*    height: 50px;*/
    /*    line-height: 50px;*/
    border-bottom: 1px solid #f0f0f0;
}

.guess .guess-nav  li {
    text-align: center;
    float: left;
    width: 25%;
}
.guess .guess-nav  li a {
    display: block;
    font-size: 14px;
    text-align: center;
}

.detail-nav-nofix {
    /* position: fixed; */
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 1rem;
    font-size: .34rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    display: flex;
    padding: 0 0.3rem;
    background: rgb(8, 12, 57);
}
.article-article a {
    color: #235afc !important;
}
.contents_bottom_tip{
    font-size:12px;
    color: #868EA3;
    margin-top: 5px;
}



.zhishi-tab .active {
    color: #225afc;
}
.zhishi-tab span {
    position: relative;
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
}

.zhishi-new-list a {
    display: block;
    padding: 15px;
    border-top: 1px solid #eee;
    overflow: hidden;
}
.zhishi-new-list img {
    float: left;
    width: 104px;
    height: 69px;
    margin-right: 15px;
}

.zhishi-new-list h3 {
    line-height: 22px;
    max-height: 22px;
    /*    max-height: 44px;*/
    font-size: 15px;
    font-weight: 400;
    overflow: hidden;
}
.zhishi-new-list p {
    margin-top: 5px;
    height: 20px;
    line-height: 20px;
    color: #ccc;
    font-size: 12px;
    overflow: hidden;
}

/*底部弹框*/
.fix-lawyer-card {
    height: 120px;
}
.fix-lawyer-card .fix-content {
    z-index: 9999;
    position: fixed;
    bottom: 60px;
    /*    bottom: 0;*/
    left: 0;
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    padding: 16px 24px 0 104px;
    overflow: hidden;
    background: #fff;
    transition: all .3s;
    box-shadow: 0 4px 19px rgba(0,0,0,.04);
    background: linear-gradient(180deg, #FCF9F0 0%, #FFFFFF 100%);

}
.fix-lawyer-card .lawyer-img {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 18px;
    left: 26px;
}
.fix-lawyer-card .title-text {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.fix-lawyer-card .desc {
    font-size: 12px;
    font-weight: 400;
    color: #333;
    margin-bottom: 13px;
}
.fix-lawyer-card .ask-btn {
    float: left;
    font-size: 17px;
    font-weight: 500;
    color: #000bb5;
    line-height: 32px;
    box-sizing: border-box;
    border: 1px solid #000bb5;
    border: 0.05rem solid #E6CAAA;
    background: linear-gradient(180deg, #FFF9F0 0%, #FCF0DE 100%);

    color: #754B2A;
}
.fix-lawyer-card .ask-btn, .fix-lawyer-card .call-btn {
    /*    height: 32px;*/
    width: calc(50% - 5px);
    text-align: center;
    border-radius: 16px;
}




.top_card_lawyer {
    margin-top: 10px;
    display: block;
    position: relative;
    background-color: #f9f4ee;
    border-radius: 8px;
    padding: 20px 8px 16px;
    z-index: 1;
    margin-bottom:10px;
}
.top_card_lawyer .i-zsdet26 {
    position: absolute;
    top: -0.3rem;
    left: 0;
}
.top_card_lawyer .bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 67px;
    height: 100px;
    background-size: 100% 100%;
    z-index: -1;
}
.top_card_lawyer .photo {
    width: 60px;
    height: 60px;
    margin-right: 8px;
}
.top_card_lawyer .photo img {
    border-radius: 50%;
}

.top_card_lawyer .ask .ico-zsdet {
    margin-top: 0;
}
.top_card_lawyer .ask .i-pu-ask3 {
    margin-right: 2px;
}
.top_card_lawyer .ask .i-pu-arrowr-white {
    margin-left: 4px;
}

.top_card_lawyer .name {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.top_card_lawyer .u-lab {
    margin-right: 2px;
    padding: 0 4px;
    font-size: 10px;
    border-radius: 2px;
    line-height: 16px;
    font-weight: 500;
}
.top_card_lawyer .u-lab:last-child {
    margin-right: 0;
}
.top_card_lawyer .u-lab.lab-bg1 {
    background-color: #F7F3E4;
    color: #855F42;
}
.top_card_lawyer .u-lab.lab-bg2 {
    background-color: #E5F2FE;
    color: #356ED7;
}
.top_card_lawyer .info {
    font-size: 12px;
    color: #868EA3;
}
.img-block img {
    display: block;
    width: 100%;
    height: 100%;
}

.flex-row {
    display: flex;
}
.flex-row .flex-item {
    flex: 1;
}

.top_card_lawyer .btns {
    width: 100px;
    height: 36px;
    border-radius: 36px;
    text-align: center;
    line-height: 36px;
    background-color: #2468F2;
    color: #fff;
}
.contents_hidden{
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 100%);
    position: absolute;
    height: 100px;
    width: 90% !important;

    margin-top: -100px;
}

.zs_date{
    font-size: 12px;
    color:gray;
}
.lawyer-banner-info-card{
    margin-bottom: 10px;
}
.lawyer-banner-info-card .lawyer {
    position: relative;
    /*    margin-top: -10px;*/
    padding: 10px 16px;
    min-height: 138px;

    background: #FFE1CC;
    border-radius: 8px 8px 0 0;
}
.lawyer-banner-info-card .lawyer .pad {
    padding-right: 126px;
}
.lawyer-banner-info-card .lawyer .title {
    padding: 2px 0;
    overflow: hidden;
}
.lawyer-banner-info-card .lawyer .name {
    font-size: 22px;
    line-height: 28px;
    color: #1A0B00;
    font-weight: 700;
}
.lawyer-banner-info-card .lawyer .ico-strict {
    display: inline-block;
    vertical-align: middle;
    margin: -6px 0 0 0;
    width: 44px;
    height: 16px;

    background-size: 244px 16px;
}
.lawyer-banner-info-card .lawyer .office {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 6px;
}
.lawyer-banner-info-card .lawyer .tag {
    overflow: hidden;
    margin-top: 10px;
}
.lawyer-banner-info-card .lawyer .tag span {
    float: left;
    height: 18px;
    padding: 0 5px;
    margin: 0 4px 4px 0;
    border: 1px solid #E6C4AC;
    border-radius: 4px;
    font-size: 12px;
    color: #8C5B38;
    line-height: 16px;
}
/*photo*/
.lawyer-banner-info-card .photo {
    position: absolute;
    /* top: -2.15rem; */
    right: 11px;
    width: 120px;
    height: 120px;
    padding: 3px;
    background: #FFF3EB;
    box-shadow: 0 3px 15px 1px rgba(0,0,0, .1);
    border-radius: 15px;
}
.lawyer-banner-info-card .photo img {
    border-radius: 12px;
}
.lawyer-banner-info-card .photo .lab-online {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #FFF3EB;
    border-radius: 12px 0 12px 0;
    height: 18px;
    line-height: 18px;
    padding: 0 10px 0 8px;
    font-size: 12px;
    color: #393D66;
}



.contents1-card {
    margin-top: 21px;
    display: block;
    height: 260px;
    background-position: center;
    background-size: 100% 100%;
    border-radius: 15px;
    background-color: #e4d9ef;
}

.contents1-card .contents1-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contents1-card .contents1-head {
    padding-top: 32px;
    padding-left: 11px;
}

.contents1-card .contents1-head .contents1-icon {
    width: 76px;
    height: 76px;
    margin-right: 6px;
}

.contents1-card .contents1-head .contents1-title {
    font-size: 21px;
    font-weight: 700;
    line-height: 19px;
    color: #0528eb;
    margin-bottom: 11px;
}

.contents1-card .contents1-head .contents1-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #106152;
}

.contents1-card .contents1-tags {
    margin-top: 20px;
}

.contents1-card .contents1-tags .tag {
    width: 84px;
    height: 28px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    position: relative;
}

.contents1-card .contents1-tags .tag:not(:last-child) {
    margin-right: 22px;
}

.contents1-card .contents1-tags .tag:not(:last-child):after {
    content: "";
    position: absolute;
    right: -17px;
    top: 8px;
    width: 13px;
    height: 13px;

    background-position: center;
    background-size: 100% 100%;
}

.contents1-input {
    margin: 15px auto 21px;
    width: 331px;

    border-radius: 111px;
    background: #fff;
    border: 2px solid #000bb5;
    position: relative;
}

.contents1-input .input-txt {
    font-size: 16px;
    font-weight: 400;
    line-height: 43px;
    color: #999;
    padding-left: 14px;
    width: 190px;
}

.contents1-input .input-btn {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 115px;
    height: 47px;
    border-radius: 65px 65px 72px 72px;
    background: #000bb5;
    font-size: 18px;
    font-weight: 600;
    line-height: 47px;
    color: #fff;
    text-align: center;
}

.contents1-card .txt {
    box-sizing: border-box;
    position: relative;

    vertical-align: top;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 12px;
    color: #666
}


.contents2-card {


    display: block;
    height: 252px;
    padding-top: 22px;
    background-color: #e4d9ef;
    border-radius: 15px;
}

.contents2-card .contents2-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contents2-card .contents2-tlt {
    margin: 0 auto 26px;
    width: 269px;
    height: 19px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.contents2-card .contents2-box {
    width: 97px;
    height: 83px;
    border-radius: 11px;
    background: linear-gradient(135deg, #fff 0%, #e4f7f4 100%);
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}

.contents2-card .contents2-box:not(:last-child) {
    margin-right: 13px;
}

.contents2-card .contents2-box .tlt {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 27px;
    color: #000bb5;
    margin-bottom: 6px;
}

.contents2-card .contents2-box .txt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    color: #666;
}


.contents2-card .contents2-head {

    padding-left: 11px;
}

.contents2-card .contents2-head .contents2-icon {
    width: 76px;
    height: 76px;
    margin-right: 6px;
}

.contents2-card .contents2-head .contents2-title {
    font-size: 21px;
    font-weight: 700;
    line-height: 19px;
    color: #0528eb;
    margin-bottom: 11px;
}

.contents3-card {
    display: block;
    padding: 12px 15px 19px;
    height: 105px;


    margin-bottom: 16px;
}

.contents3-card .contents3-title {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 27px;
    color: #000bb5;
    padding-left: 16px;
    margin-bottom: 17px;
}

.contents3-card .contents3-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 14px;

}

.contents3-card .contents3-flex {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.contents3-card .contents3-img {
    width: 37px;
    height: 37px;
    border-radius: 6px;
}

.contents3-card .contents3-img .img {
    width: 37px;
    height: 37px;
    border-radius: 6px;
}

.contents3-card .contents3-note {
    margin: 0 10px;
    flex: 1;
}

.contents3-card .contents3-note .contents3-name {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 15px;
    color: #333;
    max-width: 149px;
}

.contents3-card .contents3-note .contents3-tag {
    margin-left: 6px;
    padding: 2px 4px;
    border-radius: 2px;
    background: rgba(242, 220, 191, 0.5);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 12px;
    color: #804818;
}

.contents3-card .contents3-note .contents3-text {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 13px;
    color: #999;
    margin-left: -3px;
}

.contents3-card .contents3-note .contents3-text span {
    display: inline-block;
    margin: 0 3px;
}

.contents3-card .contents3-btn {
    width: 80px;
    height: 32px;
    border-radius: 72px;
    background: #000bb5;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    color: #fff;
}

.botm-gradient-bg {
    width:100%;
    z-index: 998;
    position: fixed;
    bottom: 0;
    background: linear-gradient(180deg, #F6F5FF 0, #FFF 100%);
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.03);
    border-radius: 16px 16px 0px 0px;
    border: 1px solid #fff;
}

.botm-gradient-bg .bottom-shortcut-v2 {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.botm-gradient-bg .bottom-shortcut-v2 .item {
    width: 56px;
}

.botm-gradient-bg .bottom-shortcut-v2 .b-r {
    padding: 8px;
    margin-left: 0;
}

.botm-gradient-bg .bottom-shortcut-v2 .ask-btn {
    width: 247px;
    height: 40px;
    border-radius: 20px;
}

.botm-quick-ask {
    height: 48px;
    padding: 14px 0 6px 56px;
    background: url('../img/tiwen.png') no-repeat left 15px top 15px;
    background-size: 37px 26px;
}

.botm-quick-ask .swiper-quick-ask {
    height: 28px;
    padding-right: 10px;
}

.botm-quick-ask .swiper-quick-ask .swiper-slide {
    float: left;
    width: auto;
    padding: 6px 10px 0 26px;
    border-radius: 28px;
    margin-right: 8px;
    background: #fff url('../img/icon_zixun.png') no-repeat left 10px top 7px;
    background-size: 14px 14px;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    height: 25px;
}


.bottom-shortcut-v1 {
    background-color: #fff;
    box-shadow: 0 -4px 12px 0 rgba(0,0,0,0.04);
    display: flex;
    padding-left: 8px;
}

.bottom-shortcut-v1 .b-r {
    padding: 8px 16px;
}

.bottom-shortcut-v1 .item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    text-align: center;
}

.bottom-shortcut-v1 .item .txt {
    font-size: 10px;
    color: #676F85;
    margin-top: 4px;
}

.bottom-shortcut-v1 .ask-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 233px;
    height: 48px;
    border-radius: 24px;
    background: #F54640;
    background: linear-gradient(270deg, #FE6E51 0, #F54640 100%);
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.bottom-shortcut-v1 .ask-btn:active {
    background: #E34C3B;
}

.bottom-shortcut-v1 .ask-btn.is-disabled {
    background: #FED4CF;
    cursor: not-allowed;
}

.bottom-shortcut-v1 .ask-btn .txt {
    font-weight: 500;
}

.bottom-shortcut-v1 .ask-btn .disc {
    font-size: 12px;
    opacity: 0.8;
    margin-top: 6px;
}

.bottom-shortcut-v2 {
    background-color: #fff;
    box-shadow: 0 -4px 12px 0 rgba(0,0,0,0.04);
    display: flex;
    padding-left: 8px;
}

.bottom-shortcut-v2 .b-r {
    margin-left: 16px;
}

.bottom-shortcut-v2 .item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    text-align: center;
}

.bottom-shortcut-v2 .item .txt {
    font-size: 10px;
    color: #676F85;
    margin-top: 4px;
}

.bottom-shortcut-v2 .ask-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 253px;
    height: 56px;

    background: linear-gradient(270deg, #000bb5, #6b8bea 100%);
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: relative;
}

.bottom-shortcut-v2 .ask-btn:active {
    background: #0C9F88;
}

.bottom-shortcut-v2 .ask-btn .txt {
    font-weight: 700;
}

.bottom-shortcut-v2 .ask-btn .disc {
    display: inline;
    font-size: 14px;
    margin-left: 4px;
}

.bottom-shortcut-v2 .ask-btn .hot-tag {
    position: absolute;
    top: -12px;
    right: 12px;
    background: linear-gradient(270deg, #FE6E51 0, #F54640 100%);
    border-radius: 11px 11px 11px 2px;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
    padding: 0 8px;
    font-size: 12px;
    white-space: nowrap;
    line-height: 20px;
}

.bottom-shortcut-v2 .ask-btn .hot-tag:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 22px 22px 22px 4px;
    transform: scale(0.5) translate(-50%, -50%);
}
.bottom-shortcut-v2 img {
    width: .5rem;
    height: .5rem;
    margin-bottom: .05rem;
}