body {
    background: #f5f6f8;
}

.mr20 {
    margin-right: 20px
}

.mb20 {
    margin-bottom: 20px
}

.mb40 {
    margin-bottom: 40px
}

.block {
    border-radius: 6px;
    background: #fff
}

.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.container-cell {
    background-color: #eee;
    padding-top: 50px
}

.cb_link:hover {
    color: #e61
}

.inner-page {
    position: relative;
    min-height: 25vh
}

.hide {
    display: none
}

.container {
    width: 1180px;
    margin: 0 auto;
    min-height: 100vh;
    padding-bottom: 60px
}

.container-l {
    width: 780px
}

.container-r {
    width: 380px
}

.crumbs-w {
    line-height: 54px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    line-height: 74px;
    color: #999
}

.crumbs-w .link {
    margin-right: 8px
}

.crumbs-w .link:not(:first-child) {
    margin-left: 8px
}

.crumbs-w .link:hover {
    text-decoration: underline
}

.crumbs-w .link:not(:first-child):hover {
    color: #333
}

.crumbs-w .crumbs_last {
    color: #333;
    margin-left: 8px
}

.cb_bannar {
    width: 1180px;
    margin-top: 30px;
    display: block
}

.cb_bannar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.content_cell {
    width: 100%;
    padding: 40px 30px;
    box-sizing: border-box
}

.content_cell .tl {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 16px
}

.content_cell .daodu_cell {
    width: 100%;
    box-sizing: border-box;
    background: #f5f6f8;
    border-radius: 4px;
    padding: 21px 20px;
    line-height: 36px;
    font-size: 18px
}

.content_cell .daodu_tl {
    font-weight: 700;
    color: #333
}

.content_cell .daodu_centent {
    color: #666
}

.content_cell .cb_cover {
    width: 100%;
    height: 359px;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover
}

.content_cell .video_cell {
    width: 740px;
    border-radius: 4px;
    overflow: hidden
}

.content_cell .tousu {
    font-size: 14px;
    line-height: 14px;
    color: #999;
    height: 40px;
    border-radius: 4px;
    background: rgba(245, 246, 248, .7);
    padding: 13px 2px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 60px
}

.content_cell .tousu a {
    color: #333;
    font-weight: 700
}

.content_cell .tousu a:hover {
    color: #e61
}

.cb_artitle_numm {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #999
}

.cb_artitle_numm .cb_official {
    margin-right: 24px;
    padding-left: 20px;
    position: relative
}

.cb_artitle_numm .cb_official:before {
    content: "";
    width: 14px;
    height: 14px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -83px -73.5px/118.5px no-repeat;
    position: absolute;
    left: 0
}

.cb_artitle_numm .cb_time {
    margin-right: 5px
}

.cb_artitle_numm .cb_time_sub {
    margin-right: 26px
}

.cb_artitle_numm .Cb_readnum {
    padding-left: 24px;
    position: relative
}

.cb_artitle_numm .Cb_readnum:before {
    content: "";
    width: 19px;
    height: 14px;
    width: 19px;
    height: 14px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -98px -65px/237px no-repeat;
    position: absolute;
    left: 0
}

.cb_artitle {
    font-size: 18px;
    color: #333;
    line-height: 36px
}

.cb_artitle img {
    border-radius: 4px;
    max-width: 100%;
    display: block;
}

.cb_artitle a {
    text-decoration: underline;
}

.cb_artitle a:hover{
    color: #ee6611;
}
.cb_artitle h2:not(:first-child) {
    margin-top: 22px
}

.article_sub .article_sub_tl {
    height: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    line-height: 18px;
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px
}

.article_sub .article_sub_tl:before {
    content: "";
    width: 20px;
    height: 18px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -22.5px -73.5px/118.5px no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 8px
}

.article_sub .kuozhan:before {
    width: 20px;
    height: 18px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") 0px -73.5px/118.5px no-repeat
}

.article_sub .law_item {
    width: 720px;
    font-size: 18px;
    color: #999;
    line-height: 36px;
    display: flex;
    align-items: center
}

.article_sub .law_item:hover {
    color: #e61;
    text-decoration: underline
}

.article_sub .law_item .nowrap {
    display: inline-block;
    width: 690px
}

.article_sub .extend_item {
    height: 18px;
    font-size: 18px;
    color: #333;
    line-height: 24px;
    position: relative;
    display: flex;
    align-items: center;
    margin: 24px 0;
    flex-shrink: 0
}

.article_sub .extend_item:before {
    content: "热";
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    text-align: center;
    line-height: 24px;
    background: #f44333;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
    margin-right: 8px
}

.article_sub .extend_item a {
    display: inline-block;
    width: 690px
}

.article_sub .extend_item a:hover {
    color: #e61;
    text-decoration: underline
}

.cb_op_cell {
    display: flex;
    align-items: center;
    padding-left: 100px;
    padding-bottom: 20px
}

.cb_op_cell .cb_op_item {
    width: 126px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #333;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #333;
    cursor: pointer
}

.cb_op_cell .cb_op_item:hover {
    border-color: #e61;
    color: #e61
}

.cb_op_cell .cb_op_item:before {
    content: "";
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin-right: 6px
}

.cb_op_cell .cb_like {
    margin-right: 20px;
    position: relative
}

.cb_op_cell .cb_collect {
    margin-right: 116px
}

.cb_op_cell .cb_like:before {
    width: 24px;
    height: 24px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -213px -29px/237px no-repeat
}

.cb_op_cell .cb_like_active:before {
    width: 24px;
    height: 24px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -213px -58px/237px no-repeat
}

.cb_op_cell .cb_like_active:after {
    content: attr(data-attr);
    position: absolute;
    font-size: 18px;
    font-weight: 400;
    color: #e61;
    top: -3px;
    right: 50%;
    margin-right: -7.5px;
    pointer-events: none;
    white-space: nowrap;
    animation: dianzan-text .7s forwards;
    z-index: 10
}

.cb_op_cell .cb_like_activeed:after {
    content: "您已点赞，谢谢！";
    right: -9px;
    animation: dianzan-text .7s forwards
}

@keyframes dianzan-text {
    0% {
        transform: translateY(0%);
        opacity: 1
    }
    80% {
        opacity: .7
    }
    100% {
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden
    }
}

.cb_op_cell .cb_collect:before {
    width: 24px;
    height: 24px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -213px -116px/237px no-repeat
}

.cb_op_cell .cb_collect_active:before {
    width: 24px;
    height: 24px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -213px -87px/237px no-repeat
}

.cb_op_cell .cb_op_item:hover, .cb_op_cell .cb_collect_active, .cb_op_cell .cb_like_active {
    border-color: #e61;
    color: #e61
}

@keyframes cb-dian-animate {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.5)
    }
    100% {
        transform: scale(1)
    }
}

.cb_op_cell .cb_collect:hover:before {
    width: 24px;
    height: 24px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -213px -87px/237px no-repeat
}

.cb_op_cell .cb_like:hover:before {
    width: 24px;
    height: 24px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -213px -58px/237px no-repeat
}

.cb_op_cell .op_txt {
    font-size: 14px;
    color: #999;
    line-height: 14px;
    margin-right: 20px
}

.cb_op_cell .cb_share_icon {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #eee;
    border-radius: 50%
}

.cb_op_cell .cb_share_icon:hover {
    border-color: #e61
}

.cb_op_cell .cb_share_icon:not(:last-child) {
    margin-right: 20px
}

.cb_op_cell .wechat {
    width: 40px;
    height: 40px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -145px -91px/237px no-repeat
}

.cb_op_cell .weibo {
    width: 40px;
    height: 40px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -55px -91px/237px no-repeat
}

.cb_op_cell .qq {
    width: 40px;
    height: 40px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -100px -91px/237px no-repeat
}

.cb_zhushou_cell {
    background: #fff;
    border-radius: 6px
}

.cb_zhushou_cell .cb_zhushou {
    padding: 40px 30px;
    box-sizing: border-box
}

.cb_zhushou_cell .cb_zhushou_on {
    width: 100%;
    height: 88px;
    background: url(/statics/lwx/images/inner/bg-zhushou.png) no-repeat;
    background-size: 100% 88px;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cb_zhushou_cell .zhushou_time {
    height: 18px;
    font-size: 18px;
    color: #897965;
    line-height: 18px;
    position: relative
}

.cb_zhushou_cell .zhushou_time:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -45px -73.5px/118.5px no-repeat;
    position: absolute;
    top: 0;
    left: -28px
}

.cb_zhushou_cell .zhushou_on_tl {
    height: 28px;
    font-size: 28px;
    font-weight: 700;
    color: #422c11;
    line-height: 28px
}

.cb_zhushou_cell .zhushou_t {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cb_zhushou_cell .zhusshou_l {
    display: flex
}

.cb_zhushou_cell .tzhushou_l {
    font-weight: 700;
    color: #333;
    font-size: 18px;
    margin-right: 10px
}

.cb_zhushou_cell .zhushou_icon {
    width: 60px;
    height: 60px;
    width: 60px;
    height: 60px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -148px 0px/237px no-repeat;
    position: relative;
    margin-right: 20px
}

.cb_zhushou_cell .zhushou_icon:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 22px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -28px -188px/237px no-repeat
}

.cb_zhushou_cell .zhushou_tl_cell {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cb_zhushou_cell .tl_cell {
    display: flex;
    height: 18px;
    margin-bottom: 10px
}

.cb_zhushou_cell .zhushou_tl {
    height: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    line-height: 18px;
    margin-right: 10px
}

.cb_zhushou_cell .zhushou_tl_tag {
    height: 18px;
    padding: 2px;
    box-sizing: border-box;
    background: #f9e9d9;
    border-radius: 2px;
    font-size: 14px;
    color: #422c11;
    line-height: 14px;
    margin-right: 10px
}

.cb_zhushou_cell .zhushou_sub_cell {
    width: 321px;
    height: 14px;
    font-size: 14px;
    color: #999;
    line-height: 14px
}

.cb_zhushou_cell .zhushou_tl_online {
    width: 49px;
    height: 18px;
    background: #2aa399;
    border-radius: 2px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    line-height: 14px
}

.cb_zhushou_cell .zhushou_tl_online:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    margin: 0 4px 0 6px;
    border-radius: 50%
}

.cb_zhushou_cell .ask_btn {
    width: 156px;
    height: 60px;
    background: linear-gradient(315deg, #ff5b14, #ff932e);
    border-radius: 31px;
    font-size: 24px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    display: inline-block
}

.cb_zhushou_cell .ask_btn:hover {
    background: linear-gradient(315deg, rgba(255, 91, 20, .9), rgba(255, 147, 46, .9))
}

.cb_zhushou_cell .zhushou_centent {
    width: 720px;
    min-height: 156px;
    background: #f5f6f8;
    border-radius: 4px;
    padding: 30px 20px 21px;
    box-sizing: border-box
}

.cb_zhushou_cell .tip {
    width: 90px;
    height: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    line-height: 18px;
    margin-bottom: 15px
}

.cb_zhushou_cell .tip_detail {
    font-size: 18px;
    color: #333;
    line-height: 36px
}

.cb_zhushou_cell ._ask_tip {
    color: #e61
}

.cb_zhushou_cell ._ask_tip:hover {
    text-decoration: underline
}

.cb_lawyer_pay {
    border-radius: 4px
}

.cb_lawyer_pay .li_lawyer_tl {
    width: 100%;
    font-size: 28px;
    font-weight: 700;
    color: #422c11;
    line-height: 28px;
    padding: 40px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee
}

.cb_lawyer_pay .li_lawyer_tl:hover {
    color: #e61
}

.cb_lawyer_pay .li_lawyer_info {
    display: flex;
    padding: 40px 30px;
    box-sizing: border-box
}

.cb_lawyer_pay .li_lawyer_img {
    width: 180px;
    height: 180px;
    border-radius: 4px;
    margin-right: 20px
}

.cb_lawyer_pay .li_lawyer {
    width: 519px;
    position: relative
}

.cb_lawyer_pay .li_lawyer_t {
    display: flex;
    align-items: center;
    margin-bottom: 21px
}

.cb_lawyer_pay .li_lawyer_name {
    height: 24px;
    font-size: 24px;
    color: #333;
    line-height: 24px;
    padding-top: 1px
}

.cb_lawyer_pay .li_lawyer_name:hover {
    color: #e61
}

.cb_lawyer_pay .li_lawyer_tag {
    padding: 0 10px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #422c11;
    font-size: 14px;
    color: #422c11;
    line-height: 24px;
    text-align: center;
    box-sizing: border-box;
    margin-left: 10px
}

.cb_lawyer_pay .li_lawyer_tel {
    height: 18px;
    font-size: 18px;
    color: #666;
    line-height: 18px;
    position: relative;
    padding-left: 19px;
    margin-bottom: 16px
}

.cb_lawyer_pay .li_lawyer_tel:before {
    content: "";
    width: 15px;
    height: 18px;
    width: 15px;
    height: 18px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -65.5px -73.5px/118.5px no-repeat;
    position: absolute;
    left: 0
}

.cb_lawyer_pay .li_lawyer_hobies {
    height: 18px;
    font-size: 18px;
    color: #666;
    line-height: 18px;
    margin-bottom: 20px;
    width: 501px
}

.cb_lawyer_pay .li_lawyer_num {
    color: #422c11;
    margin-left: 5px
}

.cb_lawyer_pay .li_lawyer_num:not(:last-child) {
    margin-right: 22px;
    position: relative
}

.cb_lawyer_pay .li_lawyer_num:not(:last-child):after {
    content: "";
    height: 18px;
    opacity: .3;
    border-right: 1px solid #422c11;
    position: absolute;
    right: -11px
}

.cb_lawyer_pay .li_lawyer_tags {
    display: flex;
    flex-wrap: wrap
}

.cb_lawyer_pay .li_tags_item {
    background-color: #f9e9d9;
    padding: 5px 10px;
    font-size: 14px;
    color: #422c11;
    border-radius: 4px;
    margin-right: 10px
}

.cb_lawyer_pay .li_lawyer_ask {
    width: 156px;
    height: 40px;
    background: linear-gradient(315deg, #ff5912 0%, #ff922e 100%);
    border-radius: 30px;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    text-align: center;
    line-height: 40px;
    display: block;
    right: 0;
    top: 0;
    position: absolute
}

.cb_lawyer_pay .li_lawyer_ask:hover {
    background: linear-gradient(315deg, rgba(255, 89, 18, .9) 0%, rgba(255, 146, 46, .9) 100%)
}

.relate_zhishi_cell .relate_tl {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    line-height: 28px;
    padding: 40px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee
}

.relate_zhishi_cell .list_ul {
    padding: 0 30px
}

.relate_zhishi_cell .list_item {
    padding: 40px 0;
    box-sizing: border-box;
    flex-shrink: 0
}

.relate_zhishi_cell .list_item:not(:first-child):not(.join_last) {
    border-top: 1px solid #eee
}

.relate_zhishi_cell .list_item.no_border {
    border-bottom: none
}

.relate_zhishi_cell .join_last {
    padding-top: 0
}

.relate_zhishi_cell .item_cover {
    width: 180px;
    height: 120px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px
}

.relate_zhishi_cell .item_cover_tuwen {
    width: 180px;
    height: 120px;
    border-radius: 4px;
    margin-right: 20px;
    overflow: hidden
}

.relate_zhishi_cell .item_cover_tuwen .item_cover {
    height: 100%;
    width: auto
}

.relate_zhishi_cell .item_cover_play {
    position: relative
}

.relate_zhishi_cell .item_cover_play:before {
    content: "";
    width: 35px;
    height: 43px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") 0px 0px/118.5px no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-80%, -50%);
    z-index: 3
}

.relate_zhishi_cell .item_r {
    flex: 1;
}

.relate_zhishi_cell .tl {
    width: 520px;
    height: 24px;
    font-size: 20px;
    color: #333;
    line-height: 24px;
    margin: 6px 0 0;
    display: inline-block
}

.relate_zhishi_cell .tl:hover {
    color: #e61
}

.relate_zhishi_cell .sub {
    width: 520px;
    height: 18px;
    font-size: 16px;
    color: #666;
    line-height: 18px;
    margin-bottom: 34px;
    margin-top: 18px
}

.relate_zhishi_cell .sub2 {
    height: 50px;
    line-height: 1.5;
    margin-top: 12px
}

.relate_zhishi_cell .sub2 ._ask_tip {
    font-weight: 600
}

.relate_zhishi_cell .sub_info_cell {
    height: 14px;
    font-size: 14px;
    color: #999;
    line-height: 14px;
    display: flex;
    justify-content: space-between
}

.relate_zhishi_cell .readnum {
    padding-left: 24px;
    position: relative
}

.relate_zhishi_cell .readnum:before {
    content: "";
    width: 19px;
    height: 14px;
    width: 19px;
    height: 14px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -98px -65px/237px no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.relate_zhishi_cell .consult_tl {
    width: 686px;
    height: 24px;
    font-size: 20px;
    color: #333;
    line-height: 24px;
    padding-left: 30px;
    position: relative
}

.relate_zhishi_cell .consult_tl:before {
    content: "";
    width: 24px;
    height: 24px;
    width: 24px;
    height: 24px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -213px 0px/237px no-repeat;
    position: absolute;
    left: 0
}

.relate_zhishi_cell .consult_tl:hover {
    color: #e61
}

.relate_zhishi_cell .cosult_sub {
    width: 720px;
    background: #f5f6f8;
    border-radius: 4px;
    padding: 21px 20px 30px;
    box-sizing: border-box;
    margin-top: 30px
}

.relate_zhishi_cell .cosult_da {
    font-size: 16px;
    color: #666;
    line-height: 36px;
    max-height: 108px;
    position: relative;
    margin-bottom: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.relate_zhishi_cell .cosult_da:before {
    content: "";
    width: 24px;
    height: 24px;
    width: 24px;
    height: 24px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -213px -145px/237px no-repeat;
    position: relative;
    top: 6px;
    margin-right: 5px;
    display: inline-block
}

.relate_zhishi_cell .consult_b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #999;
    line-height: 18px
}

.relate_zhishi_cell .consult_b ._link:hover {
    color: #e61;
    text-decoration: underline
}

.relate_zhishi_cell .consult_r {
    display: flex;
    align-items: center
}

.relate_zhishi_cell .icon-lawyer {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #fff
}

.relate_zhishi_cell .icon-lawyer:not(:first-child) {
    position: relative;
    margin-left: -8px
}

.relate_zhishi_cell .num_cell {
    height: 14px;
    line-height: 18px;
    color: #999;
    margin-left: 14px;
    margin-right: 16px
}

.relate_zhishi_cell .num_cell span {
    color: #e61
}

.relate_zhishi_cell .to_ask {
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #e61;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.relate_zhishi_cell .to_ask:hover {
    background: rgba(238, 102, 17, .9)
}

.relate_zhishi_cell .flex {
    display: flex
}

.relate_zhishi_cell .cb_baidu {
    margin-top: 40px
}

.have_ques {
    background: url(/statics/lwx/images/inner/bg-have-ques.png) no-repeat;
    background-size: 720px 142px;
    width: 720px;
    height: 142px;
    border-radius: 6px;
    padding: 40px 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.have_ques .ques_tl {
    height: 28px;
    font-size: 28px;
    font-weight: 600;
    color: #e61;
    line-height: 28px;
    margin-bottom: 16px
}

.have_ques .sub_cell {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #e61;
    line-height: 14px
}

.have_ques .real_time {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.have_ques .real_time:before {
    content: "";
    width: 18px;
    height: 18px;
    width: 18px;
    height: 18px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -171px -65px/237px no-repeat;
    margin-right: 8px
}

.have_ques .real_time:after {
    content: "";
    height: 14px;
    border-right: 1px solid #e61;
    opacity: .6;
    margin-left: 8px
}

.have_ques .sub_real_time {
    opacity: .6
}

.have_ques .have_ques_swiper {
    height: 14px;
    width: 219px
}

.have_ques .ques_r {
    width: 328px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #ff5c13;
    font-size: 18px;
    color: #999;
    padding-left: 18px;
    box-sizing: border-box
}

.have_ques .to_ask_mine {
    float: right;
    width: 143px;
    height: 60px;
    background: linear-gradient(315deg, #ff5912 0%, #ff922e 100%);
    border-radius: 30px;
    font-size: 24px;
    color: #fff;
    text-align: center
}

.have_ques .to_ask_mine:hover {
    background: linear-gradient(315deg, rgba(255, 89, 18, .9) 0%, rgba(255, 147, 46, .9) 100%)
}

.learn_more .loading {
    height: 90px;
    text-align: center;
    font-size: 18px;
    color: #999;
    line-height: 90px;
    overflow: hidden;
    display: none
}

.learn_more .loading:before {
    box-sizing: border-box;
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0) #999 #999 #999;
    vertical-align: middle;
    margin-right: 12px;
    position: relative;
    top: -1px;
    animation: circle 1s linear infinite
}

@keyframes circle {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.have_qus_cell {
    width: 380px;
    padding-bottom: 40px;
    background: #fff url(/statics/lwx/images/common/bg-have-quetions.png) no-repeat;
    background-size: 380px 402px;
    text-align: center
}

.have_qus_cell .tl {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    color: #e61;
    text-align: center;
    padding-top: 42px;
    margin-bottom: 16px
}

.have_qus_cell .sub_cell {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.have_qus_cell .sub_item {
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
    flex-shrink: 0;
    font-size: 14px;
    color: #e61;
    line-height: 14px;
    margin-right: 12px
}

.have_qus_cell .sub_item:not(:last-child):after {
    content: "·";
    width: 14px;
    height: 14px;
    font-size: 14px;
    color: #422c11;
    position: absolute;
    right: -13px;
    top: 0
}

.have_qus_cell .sub_num {
    font-weight: 400;
    color: #e61
}

.have_qus_cell .sub_text {
    font-size: 14px;
    font-weight: 400;
    color: #422c11
}

.have_qus_cell .step_cell {
    text-align: center;
    margin-bottom: 40px
}

.have_qus_cell .step_item {
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    background: #fff;
    box-shadow: 10px 8px 20px 0px rgba(244, 237, 229, .55);
    border-radius: 4px;
    border: 1px solid;
    -o-border-image: linear-gradient(154deg, #fff, rgba(255, 255, 255, 0), #fff) 1 1;
    border-image: linear-gradient(154deg, #fff, rgba(255, 255, 255, 0), #fff) 1 1;
    -webkit-backdrop-filter: blur(.88px);
    backdrop-filter: blur(.88px);
    font-size: 14px;
    color: #e61
}

.have_qus_cell .step_item:not(:last-child) {
    position: relative;
    margin-right: 6px
}

.have_qus_cell .step_item:not(:last-child):after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid #e61;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -5px;
    transform: rotateZ(45deg);
    opacity: .4
}

.have_qus_cell .ask_btn {
    display: inline-block;
    width: 320px;
    height: 60px;
    border-radius: 45px;
    background: linear-gradient(225deg, #ff5912 0%, #ff922e 100%);
    font-size: 24px;
    font-weight: 400;
    line-height: 60px;
    color: #fff;
    text-align: center
}

.have_qus_cell .ask_btn:hover {
    background: linear-gradient(225deg, rgba(255, 89, 18, .9) 0%, rgba(255, 146, 46, .9) 100%)
}

.have_ques_swiper2 {
    height: 24px;
    margin-top: 17px
}

.have_ques_swiper2 .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 24px
}

.have_ques_swiper2 .img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 4px
}

.main_lawyer_cell {
    width: 380px;
    background: linear-gradient(180deg, #fffcf6 0%, #fff 100%);
    background-size: 380px 592px;
    padding: 40px 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 6px
}

.main_lawyer_cell .lawyer_tl {
    font-size: 28px;
    font-weight: 700;
    color: #422c11;
    line-height: 28px;
    margin-bottom: 40px
}

.main_lawyer_cell .laywer_img {
    position: relative;
    margin-bottom: 30px
}

.main_lawyer_cell .laywer_img img {
    width: 210px;
    height: 210px;
    border-radius: 4px
}

.main_lawyer_cell .lawyer_name {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 28px;
    color: #422c11;
    margin-bottom: 14px
}

.main_lawyer_cell .cb_line {
    padding: 0 1px
}

.main_lawyer_cell .lawyer_hobies {
    width: 320px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: rgba(66, 44, 17, .5);
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 29px
}

.main_lawyer_cell .lawyer_hobies:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    border-bottom: 1px solid #e0e0e0
}

.main_lawyer_cell .lawyer_hobies_span {
    margin: 0 8px
}

.main_lawyer_cell .lawyer_tel {
    font-size: 24px;
    color: #422c11;
    line-height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.main_lawyer_cell .tel_icon {
    position: relative;
    width: 30px;
    height: 30px;
    background-color: #f9e9d9;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-right: 8px
}

.main_lawyer_cell .tel_icon:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 20px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -148px -65px/237px no-repeat
}

.main_lawyer_cell .lawyer_text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 14px;
    color: #999
}

.main_lawyer_cell .cb_askmy_btn {
    width: 321px;
    height: 60px;
    border-radius: 31.4px;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #fff;
    background: linear-gradient(270deg, #bf956d 0%, #d5aa70 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.main_lawyer_cell .cb_askmy_btn:hover {
    background: linear-gradient(270deg, rgba(191, 149, 109, .9) 0%, rgba(213, 170, 112, .9) 100%)
}

.lawyer_commomd .tl {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    line-height: 28px;
    padding: 40px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee
}

.lawyer_commomd .lawyer_list {
    padding: 0 30px
}

.lawyer_commomd .lawyer_item {
    display: flex;
    padding: 40px 0;
    align-items: center
}

.lawyer_commomd .lawyer_item:not(:last-child) {
    border-bottom: 1px solid #eee
}

.lawyer_commomd .img {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    margin-right: 20px;
    display: block
}

.lawyer_commomd .li_r {
    position: relative;
    height: 80px;
    padding-top: 4px;
    box-sizing: border-box;
    width: 220px
}

.lawyer_commomd .name {
    width: 140px;
    height: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    line-height: 18px;
    margin-bottom: 12px
}

.lawyer_commomd .dian_hua {
    width: 91px;
    height: 14px;
    font-size: 14px;
    color: #666;
    line-height: 14px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 13px
}

.lawyer_commomd .dian_hua:before {
    content: "";
    width: 12px;
    height: 14px;
    width: 12px;
    height: 14px;
    background: url("/statics/lwx/images/icon/law_detail-sprite.png") -194px -65px/237px no-repeat;
    position: absolute;
    left: 0
}

.lawyer_commomd .num_cell {
    font-size: 14px;
    color: #999;
    line-height: 14px
}

.lawyer_commomd .num {
    color: #333;
    margin-left: 4px
}

.lawyer_commomd .num:first-child {
    margin-right: 18px;
    position: relative
}

.lawyer_commomd .num:first-child:after {
    content: "";
    width: 1px;
    height: 13px;
    border-right: 1px solid #aaa;
    position: absolute;
    right: -9px
}

.lawyer_commomd .to_ask_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 74px;
    height: 28px;
    border-radius: 14px;
    border: 1px solid #333;
    font-size: 14px;
    color: #333;
    text-align: center;
    display: block;
    line-height: 28px;
    box-sizing: border-box
}

.lawyer_commomd .to_ask_btn:hover {
    color: #fff;
    border: none;
    background: linear-gradient(315deg, #ff5912 0%, #ff922e 100%)
}

.hot_classfy_cell {
    width: 380px;
    box-sizing: border-box;
    padding: 40px 14px 16px 30px;
    border-radius: 4px;
    background: #fff
}

.hot_classfy_cell .hot_tl {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 28px;
    color: #333
}

.hot_classfy_cell .hot_tags {
    display: flex;
    flex-wrap: wrap
}

.hot_classfy_cell .tag {
    max-width: 320px;
    box-sizing: border-box;
    padding: 11px 14px;
    background: #f5f6f8;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
    line-height: 18px;
    margin-right: 14px;
    margin-bottom: 24px
}

.hot_classfy_cell .tag a:hover {
    color: #e61
}

.cb_hot_cell {
    width: 380px;
    box-sizing: border-box;
    padding: 40px 30px;
    border-radius: 4px;
    background: #fff
}

.cb_hot_cell .hot_tl {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 28px;
    color: #333
}

.cb_hot_cell .list_item {
    font-size: 16px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    letter-spacing: 0px;
    line-height: 18px;
    color: #333;
    display: flex;
    align-items: center
}

.cb_hot_cell .list_item:not(:last-child) {
    margin-bottom: 30px
}

.cb_hot_list .list_item {
    font-size: 16px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    letter-spacing: 0px;
    line-height: 18px;
    color: #333;
    display: flex;
    align-items: center
}

.cb_hot_list .list_item:not(:last-child) {
    margin-bottom: 30px
}

.cb_hot_list .hot_item_num {
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    background: #f5f6f8;
    font-size: 16px;
    font-weight: 400
}

.cb_hot_list .list_item:nth-child(1) .hot_item_num {
    background-color: #f44333;
    color: #fff
}

.cb_hot_list .list_item:nth-child(2) .hot_item_num {
    background-color: #e61;
    color: #fff
}

.cb_hot_list .list_item:nth-child(3) .hot_item_num {
    background-color: #f99d00;
    color: #fff
}

.cb_hot_list .hot_link {
    display: inline-block;
    width: 285px;
    margin-left: 14px
}

.contract_cell {
    border-radius: 6px;
    background: #fff
}

.contract_cell .contract_t {
    width: 380px;
    background: linear-gradient(121deg, #4daef9 0%, #7ac0ff 100%);
    border-radius: 4px 4px 0 0;
    padding: 40px 30px;
    box-sizing: border-box
}

.contract_cell .tl {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    text-shadow: 0px 2px 14px rgba(63, 162, 239, .49)
}

.contract_cell .sub {
    width: 118px;
    height: 28px;
    background: #fff;
    border-radius: 100px 100px 100px 0;
    font-size: 18px;
    color: #f44333;
    line-height: 18px;
    display: flex;
    align-items: center;
    margin-left: 16px
}

.contract_cell .sub:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(/statics/lwx/images/icon/icon-hot.png) no-repeat;
    background-size: 18px;
    margin-right: 4px;
    margin-left: 11px
}

.contract_cell .contract_tip {
    width: 319px;
    height: 28px;
    font-size: 24px;
    color: #fff;
    line-height: 28px;
    opacity: .7
}

.contract_cell .contract_list {
    padding: 0 30px
}

.contract_cell .contract_item {
    display: flex;
    padding: 30px 0
}

.contract_cell .contract_l {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background: url(/statics/lwx/images/common/icon-contract.png) no-repeat;
    background-size: 50px;
    margin-right: 20px
}

.contract_cell .contract_tl {
    padding-top: 4px;
    display: block;
    width: 250px;
    font-size: 18px;
    color: #333;
    line-height: 18px;
    margin-bottom: 10px
}

.contract_cell .contract_tl:hover {
    color: #e61
}

.contract_cell .contract_ask {
    font-size: 14px;
    color: #999;
    line-height: 14px
}

.container-l {
    width: 780px
}

.wl-recommon-box {
    background: #fff;
    padding-bottom: 22px;
    margin-bottom: 20px
}

.wl-recommon-box.is-right {
    border-radius: 4px;
    font-size: 16px
}

.wl-recommon-box.is-right .wl-recommon-link:before {
    background: #666
}

.wl-recommon-box.is-left {
    border-radius: 6px;
    font-size: 18px
}

.wl-recommon-box.is-left .wl-recommon-link:before {
    background: #eee
}

.wl-recommon-box .wl-recommon-box-title {
    line-height: 108px;
    padding-left: 30px;
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 700;
    color: #333
}

.wl-recommon-box .wl-recommon-item-title {
    font-weight: 700;
    color: #333;
    padding-left: 30px;
    margin-bottom: 18px
}

.wl-recommon-box .wl-recommon-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 30px;
    margin-bottom: 22px
}

.wl-recommon-box .wl-recommon-link {
    position: relative;
    font-weight: 400;
    color: #666;
    margin-bottom: 18px;
    padding-right: 28px
}

.wl-recommon-box .wl-recommon-link:before {
    content: '';
    position: absolute;
    top: 0;
    right: 14px;
    height: 100%;
    width: 1px
}

.wl-recommon-box .wl-recommon-link:hover {
    color: #e61
}

.content_cell .video_cell {
    width: 720px;
    border-radius: 4px;
    overflow: hidden
}