/* list */
.hot-list {
    padding: .18rem .3rem 0;
}

.hot-item {
    display: flex;
    flex-direction: column;
    background: #FFF;
    margin-bottom: .24rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px .42rem 1px rgba(34, 90, 252, 0.08);
    border-radius: .14rem;
    padding: .3rem;
}

/* 信息 */
.hot-msg {
    display: flex;
    font-size: .24rem;
    font-weight: 400;
    color: rgba(138, 156, 191, 1);
}

.hot-msg-item {
    margin-right: .20rem;
    display: flex;
    align-items: center;
}

.hot-msg-item span {
    margin-left: .06rem;
}

.hot-msg-icon {
    font-size: .13rem;
}

.hot-article {
    display: flex;
    margin-bottom: .15rem;
}

.hot-left {
    flex: 1;
    padding: 0 .3rem 0 0;
}

.hot-pic {
    width: 2.38rem;
    height: 1.88rem;
    background: rgba(200, 213, 239, 1);
    border-radius: .10rem;
    object-fit: cover;
}

.hot-left-title {
    font-size: .30rem;
    font-weight: 600;
    color: rgba(21, 41, 78, 1);
    margin-bottom: .12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.hot-law {
    display: flex;
    align-items: center;
    padding-bottom: .2rem;
}

.hot-law-tx {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    margin-right: .1rem;
    object-fit: cover;
}

.hot-law-msg,
.hot-law-name {
    font-size: .24rem;
    font-weight: 400;
    color: rgba(50, 72, 111, 1);
    line-height: .43rem;
}

.hot-law-name {
    margin-right: .1rem;
    color: #7387AA;
}

.hot-law-msg {
    color: #8396BB;
}

.hot-law-details {
    font-size: .26rem;
    font-weight: 400;
    color: rgba(50, 72, 111, 1);
    line-height: .43rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

/* 自媒体 */
.media-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .18rem .3rem 0;
}

.media-list li {
    background: #fff;
    list-style: none;
    margin-bottom: .20rem;
    border-radius: .20rem;
    box-shadow: 0px 0px .18rem .03rem rgba(34, 90, 252, 0.08);
    padding: .4rem .3rem;
}

.media-list li a {
    display: flex;
    flex-direction: column;
    padding: .19px .20px .14px;
    box-sizing: border-box;
}

.media-list-title {
    font-size: .30rem;
    color: #15294e;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.media-list-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: .25rem;
}

.media-list-lawyer {
    flex: 1;
    display: flex;
    align-items: center;
}

.media-list-tx {
    width: .46rem;
    height: .46rem;
    object-fit: cover;
    border-radius: .45rem;
    margin-right: .15rem;
    background: #f2f2f2;
    position: relative;
}

.media-list-name {
    flex: 1;
    font-size: .28rem;
    color: #15294e;
}

.media-list-digest {
    word-break: break-word;
    font-size: .26rem;
    color: #4f566a;
    margin-top: .27rem;
    line-height: 1.6;

    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}

.media-list-msg {
    font-size: .26rem;
    color: #9cafd3;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.media-list-msg i {
    font-size: .2rem;
    margin-right: .10rem;
    margin-right: .10rem;
}

.media-list-msg img {
    width: .52rem;
    height: .30rem;
}

.media-list-img,
.media-list-two-img,
.media-list-three-img {
    width: 100%;
    margin-top: .20rem;
    overflow: hidden;
}

.media-list-img {
    height: 2.40rem;
    border-radius: .10rem;
    overflow: hidden;
}

.media-list-img img {
    width: 100%;
    height: 2.40rem;
}

.media-list-two-img {
    width: 100%;
}

.two-pic {
    float: left;
    width: calc((100% - .49rem) / 2);
    height: 1.23rem;
    border-radius: .10rem;
    overflow: hidden;
}

.two-pic-margin {
    margin-right: .49rem;
}

.two-pic img {
    width: 100%;
    height: 1.23rem;
}


.media-list-three-img {
    width: 100%;
}

.three-pic {
    float: left;
    width: calc((100% - .38rem) / 3);
    height: 1.23rem;
    border-radius: .10rem;
    overflow: hidden;
}

.three-pic-margin {
    margin: 0 .19rem;
}

.three-pic img {
    width: 100%;
    height: 1.23rem;
}

.nav-icon img {
    position: absolute;
    width: .48rem;
    height: .48rem;
    right: 0;
    top: 0;
}

/* 法律条文 */
.laws-title {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(50, 72, 111, 1);
    padding: .3rem 0;
    text-align: center;
}

.laws-search {
    width: 6.9rem;
    display: flex;
    box-shadow: 0px 0px 54px 3px rgba(200, 214, 250, 0.25);
    border-radius: .10rem;
    margin: 0 auto .3rem;
    overflow: hidden;
}

.laws-search-input {
    width: calc(100% - 1.35rem);
    height: .9rem;
    border-width: 0;
    padding: 0 .4rem;
    font-size: .28rem;
}

.laws-search-btn {
    width: 1.35rem;
    height: .9rem;
    font-size: .32rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    background: rgba(34, 90, 252, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 分类 */
.laws-classify {
    background: #FFF;
    padding: .54rem 0 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .2rem;
}

.laws-classify-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .40rem;
    width: 25%;
}

.laws-classify-icon {
    width: .84rem;
    height: .84rem;
    background: rgba(233, 240, 253, 1);
    border-radius: .84rem;
    margin-bottom: .24rem;
    object-fit: cover;
}

.laws-classify-item h2 {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(21, 41, 78, 1);
}

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

.hotlaws-item-title {
    flex: 1;
    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);
}

.charge-title {
    font-size: .32rem;
    font-weight: bold;
    color: rgba(21, 41, 78, 1);
    text-align: center;
    padding: .3rem 0 .19rem;
}

.charge-msg {
    font-size: .26rem;
    font-weight: 400;
    color: rgba(21, 41, 78, 1);
    text-align: center;
    margin-bottom: .5rem;
}

.charge-msg span {
    color: #225AFC;
}

/* 法规 */
.charge-hot-box {
    background-color: #FFF;
    padding: .4rem .3rem;
    margin-bottom: .20rem;
}

.charge-item {
    height: .94rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ecf0f7e3;
}

.charge-item.end {
    border-bottom: 0;
}

.charge-item-title {
    flex: 1;
    font-weight: 500;
    color: rgba(21, 41, 78, 1);
}

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

.orders {
    width: 100%;
    margin-bottom: .2rem;
    position: relative;
}

.orders-bac {
    width: 100%;
}

.orders-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.orders-title {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    padding: .3rem 0;
}

.orders-btn {
    background: rgba(255, 255, 255, 1);
    width: 5.20rem;
    line-height: .88rem;
    text-align: center;
    box-shadow: 0px 0px .51rem .03rem rgba(48, 98, 225, 1), 0px 0px .51rem .03rem rgba(51, 102, 229, 1);
    border-radius: .44rem;
    font-size: .34rem;
    font-weight: bold;
    color: rgba(34, 90, 252, 1);
    margin-bottom: .19rem;
}

.orders-num {
    font-size: .26rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.zs-type {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px .54rem .03rem rgba(200, 214, 250, 0.25);
    padding: .4rem .3rem .3rem;
    margin-bottom: .2rem;
}

.zs-type-list {
    display: flex;
    flex-wrap: wrap;
}

.zs-type-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .3rem;
    height: .70rem;
    background: rgba(237, 241, 252, 1);
    border-radius: .04rem;
    font-size: .28rem;
    font-weight: 400;
    color: rgba(21, 41, 78, 1);
    margin-right: .13rem;
    margin-bottom: .2rem;
}

.zs-type-btn {
    margin: .28rem auto 0;
    width: 5.20rem;
    height: .80rem;
    background: rgba(35, 89, 253, 1);
    border-radius: .40rem;
    font-size: .32rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.zs-info {
    font-weight: 400;
    font-size: .26rem;
    text-align: center;
    color: rgba(123, 135, 169, 1);
    padding: 0 0 .5rem;
}

/* 分类 */
.ht-classify {
    background: #FFF;
    padding: .54rem 0 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .2rem;
}

.ht-classify-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .40rem;
    width: 25%;
}

.ht-classify-icon {
    height: .60rem;
    margin-bottom: .22rem;
}

.ht-classify-item h2 {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(21, 41, 78, 1);
}

.ht-item {
    font-size: .32rem;
    display: flex;
    padding-bottom: .21rem;
    margin-bottom: .26rem;
    border-bottom: 1px solid rgba(234, 239, 246, 1);
    ;
}

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

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

.ht-item-msgs {
    display: flex;
}

.ht-item-msg {
    display: flex;
    font-size: .24rem;
    color: rgba(138, 154, 182, 1);
    margin-right: .32rem;
}

.ht-item-msg i {
    font-size: .32rem;
    margin-right: .15rem;
}

.ht-left {
    display: block;
    width: .89rem;
    height: 1.18rem;
    position: relative;
    margin-right: .29rem;
}

.ht-left-pic {
    width: .89rem;
    height: 1.18rem;
}

.ht-left-recommend {
    position: absolute;
    top: -.1rem;
    left: -.1rem;
    padding: 0 .1rem;
    height: .3rem;
    font-size: .2rem;
    background: red;
    color: #FFF;
    border-radius: .1rem;
}

.ht-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 搜索 */
.search {
    display: flex;
    padding: 0 .56rem;
    margin-bottom: .4rem;
    margin-top: .3rem;
}

.search-input {
    flex: 1;
    height: .9rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 10px 0 0 10px;
    border: 1px solid #F2F2F2;
    font-size: .28rem;
    padding: 0 .4rem;
}

.search-btn {
    width: 1.35rem;
    min-width: 1.35rem;
    border: 0;
    border-radius: 0 10px 10px 0;
    height: .9rem;
    background: rgba(33, 89, 251, 1);
    font-size: .32rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.charge-banner {
    width: 100%;
    height: 2.62rem;
    margin-bottom: .2rem;
}

/* 热点详情 */
.banner {
    width: 100%;
    background-color: #FFF;
    color: rgb(0, 0, 0);
}

.banner img {
    width: 100%;
    height: 3.60rem;
}

.article-box {
    position: absolute;
    background: #FFF;
    margin-top: -.50rem;
    border-radius: .30rem .30rem 0 0;
    width: 100%;
    padding: .72rem 0;
    z-index: .10;
}

/* 文章详情 */
.article-msg {
    width: 100%;
    padding: .29rem .30rem .47rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: .26rem;
    color: #4a6088;
}

.article-msg a {
    width: 100%;
    display: flex;
}

.article-msg-tx {
    width: .82rem;
    height: .82rem;
    object-fit: cover;
    border-radius: .20rem;
    margin-right: .30rem;
}

.article-msg-info {
    flex: 1;
    display: flex;
    align-items: center;
}

.article-msg-icon {
    font-size: .3rem;
    margin-right: .12rem;
    display: flex;
    align-items: center;
}

.article-msg-text {
    margin-right: .36rem;
}

/* 文章样式 */
.article-title,
.hot-det-article {
    width: 100%;
    padding: 0 .30rem;
}

.hot-det-article {
    padding-bottom: .20rem;
    border-bottom: .2rem solid #f7fafc;
}

.media-det-article {
    padding: 0 .3rem;
}

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

/* 点赞 */
.article-msg-zan {
    display: flex;
    justify-content: space-between;
}

.article-msg-zan.active,
.article-msg-zan.active i {
    color: #225AFC;
}

.article-msg-zan i {
    font-size: .3rem;
    margin-right: .12rem;
    display: flex;
    align-items: center;
}

/* 热门知识 */
.zs-item {
    display: flex;
    flex-direction: column;
    padding-bottom: .32rem;
    padding-left: .3rem;
    border-left: 1px solid rgba(224, 229, 244, 1);
    position: relative;
}

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

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

.zs-item-title {
    font-size: .30rem;
    font-weight: 500;
    color: rgba(21, 41, 78, 1);
    padding-right: .2rem;
    font-size: .30rem;
    font-weight: 500;
    color: rgba(21, 41, 78, 1);
    margin-bottom: .17rem;
}

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

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

/* 文章详情 */
.info-msg {
    width: 100%;
    padding: .29rem .3rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: .26rem;
    color: #9cafd3;
}

.info-msg-info {
    flex: 1;
    display: flex;
    align-items: center;
}

.info-msg-i {
    margin-right: .1rem;
    font-size: .2rem;
    display: flex;
    align-items: center;
}

.info-msg img {
    width: .36rem;
    height: .36rem;
    margin-right: .12rem;
}

.info-msg-text {
    margin-right: .36rem;
}

.info-msg-copyright {
    color: #225AFC;
}

.comment-content-unfold {
    position: absolute;
    bottom: 0;
    height: 75%;
    min-height: 1.00rem;
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: .05%;
}

.comment-content-btn {
    font-size: .26rem;
    padding: 0 .48rem;
    height: .90rem;
    border-radius: .90rem;
    background: #225AFC;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 按钮 */
.article-btns {
    display: flex;
    justify-content: flex-end;
}

.article-btn-item {
    padding: 0;
    width: 1.40rem;
    height: .65rem;
    background: #FFF;
    font-size: .26rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
}

.article-btn-item i {
    margin-right: .12rem;
    color: #9cafd3;
}

.article-btn-item.active,
.article-btn-item.active i {
    color: #5685FE;
}

/* 律师 */
.article-laws {
    width: 100%;
    height: 1.6rem;
    position: relative;
    box-shadow: 0px 0px .85rem .05rem rgba(160, 181, 227, 0.26);
    border-radius: .10rem;
    overflow: hidden;
    margin: .3rem 0;
}

.article-laws-bac {
    width: 100%;
    height: 1.6rem;
}

.article-laws-box {
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    padding: .40rem .30rem .40rem .6rem;
}

.article-laws-img {
    width: .80rem;
    height: .80rem;
    border-radius: 50%;
    object-fit: cover;
}

.article-laws-user {
    display: flex;
    margin-bottom: .2rem;
}

.article-user-name {
    font-size: .30rem;
    font-weight: bold;
    color: rgba(253, 203, 94, 1);
    line-height: .43rem;
}

.article-laws-law {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.article-laws-btn {
    width: 1.55rem;
    height: .73rem;
    line-height: .73rem;
    text-align: center;
    border-radius: .73rem;
    font-size: .30rem;
    font-weight: bold;
    color: rgba(70, 72, 86, 1);
    background: rgba(255, 197, 128, 1);
}

.article-laws-info {
    flex: 1;
    padding: 0 .2rem 0;
}

/* 自媒体列表换一换 */
.lawyer-title {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 1.16rem;
    margin-bottom: .40rem;
    padding: 0 .3rem;
    font-size: .34rem;
    font-weight: 700;
    justify-content: space-between;
    align-items: center;
}

.lawyer-reset {
    display: flex;
    font-size: .26rem;
    color: #225afc;
    cursor: pointer;
}

.reset-icon {
    /* width: .44rem;
    height: .44rem; */
    font-size: .3rem;
    display: flex;
    align-items: center;
    margin-right: .12rem;
}

.lawyer-reset h2 {
    height: .44rem;
    display: flex;
    align-items: center;
}

/** 文章列表页 **/
.rec-article {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 .3rem;
}

.rec-box {
    display: flex;
    align-items: center;
    background: #FFF;
    padding: .32rem .28rem;
    margin-bottom: .50rem;
    border-radius: .14rem;
    box-shadow: 0 0 .10rem rgba(113, 148, 250, .21);
}

.rec-box-tx {
    width: .82rem;
    height: .82rem;
}

.rec-box-tx a {
    width: .82rem;
    height: .82rem;
    display: flex;
}

.rec-tx {
    width: .82rem;
    height: .82rem;
    border-radius: .82rem;
    object-fit: cover;
}

.rec-right {
    flex: 1;
    margin-left: .19rem;
}

.rec-title {
    font-size: .30rem;
    color: #15294e;
    font-weight: 700;
    margin-bottom: .24rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.rec-info {
    font-size: .26rem;
    color: #15294e;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

/* 动画 */
.slide-enter-active {
    transition: all .2s linear;
}

.slide-leave-active {
    transition: all .1s linear;
}

.slide-enter {
    transform: translateY(-10%);
    opacity: 0;
}

.slide-leave-to {
    transform: translateY(30%);
    opacity: 0;
}

/* 面包屑 */
.charge-mbx {
    display: flex;
    height: .86rem;
    align-items: center;
    padding: 0 .3rem;
    font-size: .26rem;
    font-weight: 400;
    color: rgba(64, 83, 118, 1);
}

.charge-mbx span {
    margin-right: .1rem;
}

.charge-mbx .active {
    color: #2159FB;
}

/* banner */
.charge-box {
    width: 100%;
    height: 2.62rem;
    margin-bottom: .2rem;
}

.charge-box img {
    height: 2.62rem;
}

/* 列表 */
.statute-box {
    background-color: #FFF;
    padding: .2rem .3rem 0;
}

.statute-box-tab {
    position: fixed;
    width: 100%;
    top: 1rem;
    left: 0;
    background-color: #FFF;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    height: .8rem;
    margin-bottom: .28rem;
    border-bottom: 1px solid #EBEFF2;
}

.statute-tab-list {
    flex: 1;
    display: flex;
    font-size: .28rem;
    font-weight: 400;
    color: rgba(21, 41, 78, 1);
}

.zs-tab-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    font-size: .28rem;
    font-weight: 400;
    height: .8rem;
    line-height: .8rem;
    overflow: hidden;
    color: rgba(21, 41, 78, 1);
}

.statute-tab-item {
    margin-right: .56rem;
}

.statute-tab-item.active {
    color: #2459FD;
}

.statute-select-title {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(131, 149, 182, 1);
    display: flex;
    align-items: center;
}

.statute-select-title.active {
    color: #2459FD;
}

/* 列表 */
.statute-list-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #EBEFF2;
    padding-bottom: .2rem;
    margin-bottom: .28rem;
}

.statute-item-title {
    font-size: .30rem;
    font-weight: 400;
    color: rgba(50, 72, 111, 1);
    line-height: .38rem;
    margin-bottom: .17rem;
}

.statute-item-msg {
    display: flex;
    font-size: .24rem;
    font-weight: 400;
    color: rgba(131, 149, 182, 1);
}

.statute-msg-item {
    margin-right: .63rem;
}

.statute-select-shade {
    position: fixed;
    left: 0;
    top: 1.8rem;
    width: 100%;
    height: calc(100vh - 1.8rem);
    background-color: rgba(0, 0, 0, .56);
    z-index: 99999999;
}

.statute-select-box {
    background-color: #FFF;
    width: 7.5rem;
    height: 6.07rem;
    display: flex;
    margin: 0 auto;
}

.statute-lselect-left,
.statute-rselect-right {
    height: 6.07rem;
    overflow-y: scroll;
    font-weight: 400;
}

.statute-lselect-left {
    width: 149px;
    background-color: #F9FBFFFF;
}

.statute-lselect-title {
    line-height: 1rem;
    padding: 0 .3rem;
    font-size: .28rem;
    color: rgba(104, 118, 153, 1);
}

.statute-lselect-title.active {
    background-color: #FFF;
    color: rgba(34, 90, 252, 1);
}

.statute-rselect-right {
    flex: 1;
}

.statute-rselect-item {
    display: block;
    width: 100%;
    font-size: .26rem;
    color: rgba(104, 118, 153, 1);
    padding: 0 .6rem;
    height: 1rem;
    line-height: 1rem;
}

.statute-rselect-item.active {
    color: rgba(34, 90, 252, 1);
}
.charge-article strong{
    font-weight: bold;
}
/* 文章 */
.charge-article {
    background-color: #FFF;
    padding: .3rem;
    margin-bottom: .2rem;
}

.charge-article-title {
    font-size: .42rem;
    font-weight: bold;
    color: rgba(21, 41, 77, 1);
    line-height: .40rem;
    margin-bottom: .33rem;
}

.charge-article-list {
    display: flex;
    margin-bottom: .24rem;
}

.charge-article-item {
    width: 1.57rem;
    height: .58rem;
    border: 1px solid rgba(136, 147, 169, 1);
    border-radius: .29rem;
    font-size: .28rem;
    font-weight: 400;
    color: rgba(137, 147, 169, 1);
    line-height: .40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .1rem;
    margin-bottom: .16rem;
}

.charge-article-item.active {
    border: 1px solid rgba(35, 89, 253, 1);
    color: rgba(35, 89, 253, 1);
}


.charge-article-article {
    margin-bottom: .3rem;
}

.charge-article-msg {
    display: flex;
}

.charge-msg-item {
    display: flex;
    align-items: center;
}

.charge-item-span {
    font-size: .24rem;
    font-weight: 400;
    color: rgba(137, 155, 191, 1);
    margin-right: .6rem;
}

.charge-item-icon {
    color: #8B97AB;
    margin-right: .1rem;
}

/* 介绍 */
.statute-list {
    display: flex;
    flex-wrap: wrap;
    border-bottom: .02rem solid #EBEFF2;
    margin-bottom: .48rem;
}

.statute-item {
    width: calc(50% - .2rem);
    font-size: .24rem;
    font-weight: 400;
    color: rgba(131, 149, 182, 1);
    margin-bottom: .2rem;
    margin-right: .2rem;
}

.charge-msg-item.active .charge-item-icon,
.charge-msg-item.active .charge-item-span {
    color: #225AFC !important;
}

/* 罪名库列表 */
.charge-list {
    background-color: #FFF;
    padding: .3rem .4rem;
}

.charge-title-box {
    display: flex;
    /* height: .76rem; */
    display: flex;
    border-bottom: 1px solid #ecf0f7e3;
    padding-bottom: .26rem;
}

.charge-title-icon {
    width: .2rem;
    display: flex;
    align-items: center;
    color: #225afc;
}

.charge-title-text {
    font-size: .32rem;
    font-weight: bold;
    color: rgba(21, 41, 77, 1);
    line-height: .42rem;
    flex: 1;
    padding: 0 0 0 .26rem;
}

.charge-title-num {
    font-size: .26rem;
    font-weight: 400;
    color: rgba(88, 110, 151, 1);
}

.charge-list-item {
    font-size: .30rem;
    font-weight: 400;
    color: rgba(21, 41, 77, 1);
    line-height: .42rem;
    height: .94rem;
    display: flex;
    align-items: center;
    padding-left: .46rem;
    border-bottom: 1px solid #EBF1F9;
}

.charge-list-item.end {
    border-bottom: 0;
}

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


/* 文章 */
.charge-article {
    background-color: #FFF;
    padding: .3rem;
    margin-bottom: .2rem;
}

.charge-title {
    font-size: .30rem;
    font-weight: bold;
    color: rgba(21, 41, 77, 1);
    line-height: .40rem;
    margin-bottom: .3rem;
}


.zstype-item {
    display: flex;
    flex-direction: column;
    padding: 0 .3rem;
    margin-bottom: .2rem;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px .03rem .68rem 0px rgba(154, 180, 255, 0.19);
}

.zstype-icon {
    font-size: .17rem;
    margin-right: .27rem;
}

.zstype-item-bt {
    display: flex;
    align-items: center;
    height: .87rem;
    color: rgba(43, 63, 99, 1);
}

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

.zstype-item-title {
    flex: 1;
    font-size: .30rem;
    font-weight: bold;
}

.zstype-item-num {
    font-size: .26rem;
    font-weight: 400;
}

.zstype-show {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #FFF;
    border-top: 1px solid rgba(236, 241, 250, 1);
    padding-top: .25rem;
}

.zstype-show-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .3rem;
    margin-bottom: .3rem;
    padding: 0 .3rem;
    height: .54rem;
    font-weight: 400;
    font-size: .26rem;
    border-radius: .04rem;
    color: rgba(58, 78, 113, 1);
    border: 1px solid rgba(186, 192, 203, 1);
}

/* 版权 */
.charge-info {
    display: flex;
    align-items: center;
    font-size: .24rem;
    font-weight: 400;
    color: rgba(128, 144, 174, 1);
    padding-bottom: .35rem;
}

.charge-info-left {
    display: flex;
    align-items: center;
    flex: 1;
}

.charge-copyright {
    font-size: .22rem;
    font-weight: 400;
    color: rgba(128, 144, 174, 1);
    padding-bottom: .32rem;
}

.charge-msg-download {
    width: 1.96rem;
    height: .60rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(34, 90, 252, 1);
    border-radius: .30rem;
    font-size: .28rem;
    font-weight: 400;
    color: rgba(32, 91, 253, 1);
    cursor: pointer;
}

.charge-item-span {
    font-size: .24rem;
    font-weight: 400;
    color: rgba(137, 155, 191, 1);
}

/* 知识分类弹窗 */
/* 筛选盒子 */
.zs-filtrate-shade {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .56);
    top: 0;
    left: 0;
    z-index: 999;
}

.zs-filtrate-box {
    width: 6.40rem;
    height: 6.43rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 8px;
    padding: .7rem .3rem;
    overflow-y: scroll;
}

.zs-filtrate-title {
    font-size: .34rem;
    font-weight: bold;
    color: rgba(43, 63, 99, 1);
    line-height: 32px;
    padding-bottom: .4rem;
}

.zs-filtrate-list {
    display: flex;
    flex-wrap: wrap;
}

.zs-filtrate-item {
    padding: 0 .3rem;
    height: .70rem;
    font-size: .28rem;
    font-weight: 400;
    color: rgba(21, 41, 78, 1);
    background: rgba(237, 241, 252, 1);
    border-radius: .04rem;
    margin: 0 .15rem .2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.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;
}

/* 微信下载合同 */
.down-shade {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
}

.down-btn-box {
    position: absolute;
    width: 6.9rem;
    height: .98rem;
    border-radius: .98rem;
    overflow: hidden;
    display: flex;
    bottom: 2rem;
}

.down-btn-text {
    flex: 1;
    background-color: #1D2031;
    color: #FFF;
    font-size: .28rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.down-btn {
    padding: 0 .3rem;
    font-size: .34rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    background-color: #225AFC;
    display: flex;
    justify-content: center;
    align-items: center;
}

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


.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;
}

/* 头部 */
.home-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .3rem;
    font-weight: 400;
    color: rgba(21, 41, 78, 1);
    padding: .3rem .3rem 0;
    height: 1rem;
}

.home-search {
    display: flex;
    padding: 0 .3rem;
    align-items: center;
    padding-top: .32rem;
}

.home-sarch-logo {
    width: 1.23rem;
    height: .76rem;
    object-fit: cover;
    margin-right: .49rem;
}

.home-search-box {
    display: flex;
    align-items: center;
    position: relative;
}

.home-search-icon {
    position: absolute;
    right: .5rem;
    color: #899BBBFF;
    font-size: .26rem;
}

.home-search-input {
    border: 0;
    font-size: .24rem;
    border-radius: .34rem 0 0 .34rem;
    padding: 0 .4rem;
    width: 3.3rem;
    height: .68rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px .54rem .03rem rgba(200, 214, 250, 0.56);
    color: rgba(137, 155, 187, 1);
}

.home-search-btn {
    border-radius: 0 .34rem .34rem 0;
    font-size: .24rem;
    background-color: #225AFC;
    color: #fff;
    width: 0.9rem;
    line-height: .68rem;
    margin-right: .2rem;
    text-align: center;
}

.home-search-select {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    color: #235AFDFF;
}

.home-search-select i {
    font-size: .36rem;
}

.hot-zs li a {
    display: block;
    margin: 5px;
    background-color: #f8f8f8;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #6b6b6b;
    padding: 0 5px;
}
.first-category-content-li-card{
    padding: 0 10px;
}
.first-category-content-li-card li {
    float: left;
    text-align: center;
}
.first-category-content-li-card li a{
    display: block;
    margin: 5px;
    background-color: #f8f8f8;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #6b6b6b;
    padding: 0 5px;
}

.first-category-card .all-btn {
    margin: 25px 55px 0;
}
.first-category-card .all-btn span {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #fff;
    color: #235afc;
    display: inline-block;
    padding: 0 20px;
    box-sizing: border-box;
    height: 44px;
    line-height: 44px;
    border: 1px solid #235afc;
    border-radius: 22px;
    font-size: 16px;

}

.first-category-content-card{
    overflow: hidden;
}
.first-category-card h2{
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
}

.digest {
    padding: 10px 10px;
    background: rgba(238, 242, 248, 1);
    border-radius: 10px;
    margin-bottom: 43px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(128, 144, 174, 1);
    line-height: 29px;
}
.detail-pic{
    position: relative;
}
.detail-pic img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}
.detail-pic .txtbox {
    position: absolute;
    top: 50%;
    left: 24px;
    right: 24px;
    margin-top: -48px;
    width:295px;
    height: 96px;
    background: rgba(0, 0, 0, .56);
    background-size: 100% 100%;
    color: #fff;
    line-height: 96px;
    text-align: center;
    font-size: 16px;
}


.top_card_lawyer {
    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;
}

.zj-list {
    padding: 0 15px;
}

.zj-list .zj-item {
    position: relative;
    padding: 29px 0;
}

.zj-list .zj-item:nth-child(n+5) {
    display: none;
}

.zj-list .zj-item.show {
    display: block;
}

.zj-list .zj-item:before {
    border-color: #ccc;
}

.zj-list .zj-item:first-child:before {
    display: none;
}

.zj-list .zjtl {
    line-height: 24px;
    color: #111;
    font-weight: 700;
    margin-bottom: 9px;
}

.zj-list .zjflex {
    font-size: 15px;
}

.zj-list .zlleft {
    flex: 1;
    min-width: 0;
    line-height: 23px;
    color: #666;
    padding-top: 5px;
}

.zj-list .zjimg {
    margin-left: 14px;
    width: 106px;
    height: 106px;
    overflow: hidden;
    border-radius: 8px;
}

.zj-list .zjimg .zimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zj-list .qa-flex {
    margin-top: 17px;
    display: flex;
    height: 27px;
    align-items: center;
    border-radius: 38px;
}

.zj-list .lawyer-link {
    display: flex;
    align-items: center;
    height: 21px;
    padding-left: 3px;
    padding-right: 11px;
    font-size: 12px;
    color: #666;
    flex: 1;
    min-width: 0;
}

.zj-list .ltemp {
    display: block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    margin-right: 4px;
    overflow: hidden;
}

.zj-list .ltemp .aimg {
    display: block;
    width: 100%;
}

.zj-list .qa-num {
    text-align: right;
    font-size: 12px;
    color: #666;
    height: 27px;
    line-height: 27px;
    background-color: #f5f6f8;
    border-radius: 19px;
    padding: 0 11px;
}

.zj-list .orange {
    color: #e61;
}

.zj-list .qnum {
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(225deg,#ff5912 0%,#ff922e 100%),#deccbd;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}


.nowrap4 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.flex {
    display: flex;
}