/* 首页-问题类型 */
.question-type { padding-bottom: 1.45rem; }

.type-title { height: 3.7rem; line-height: 3.7rem; border-bottom: 1px solid #eee; font-size: 0.9rem; text-align: center; }

.question-type dd { float: left; width: 25%; }

.question-type dd a { display: block; padding: 0.75rem 0; font-size: 0.65rem; text-align: center; color: #999; border-right: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; }

.question-type dd a p { line-height: 1.5rem; margin-bottom: 0.25rem; }

.question-type .icon-hualv { font-size: 1.4rem; color: #7390b5; }

.question-type dd a:active { background-color: #eee; }

/* 首页-小工具 */
.tool-type { border-bottom: 1px solid #eee; }

.tool-type dd { float: left; width: 33.33%; height: 5.3rem; border-right: 1px solid #eee; box-sizing: border-box; }

.tool-type dd a { display: block; height: 5.3rem; font-size: 0.7rem; text-align: center; }

.tool-type dd a:active { background-color: #eee; color: #333; }

.tool-type dd:nth-child(1) .icon-hualv { color: #fbc13b; }

.tool-type dd:nth-child(2) .icon-hualv { color: #86c46d; }

.tool-type dd:nth-child(3) .icon-hualv { color: #f07c7c; }

.tool-type dd .icon-hualv { font-size: 1.6rem; }

.tool-type dd p { padding: 1.2rem 0 0.5rem; }

.tool-type dd.tl-type-click a { background-color: #eee; }
/*.tool-type dd:nth-child(1).tl-type-click a { color: #fbc13b; }
.tool-type dd:nth-child(2).tl-type-click a { color: #86c46d; }
.tool-type dd:nth-child(3).tl-type-click a { color: #f07c7c; }*/

/* 列表*/
.fangan-tuijian li a { position: relative; display: block; padding: 1rem 0 1rem 5.5rem; }

.fangan-tuijian li a:active { background-color: #eee; }

.fangan-tuijian li a img { position: absolute; left: 0; top: 24px; width: 5rem; height: 3rem; border-radius: 3px; }

.fangan-tuijian .tj-nr { height: 2rem; font-size: 0.7rem; line-height: 1rem; overflow: hidden; color: #333; }

.fangan-tuijian .tj-other { height: 0.6rem; line-height: 0.6rem; font-size: 0.55rem; color: #bbb; overflow: hidden; margin-top: 0.5rem; }

.fangan-tuijian .tj-other span em { color: #fabf40; }

/* 分类属于 */
.pertain { padding: 0.25rem 0; font-size: 0.7rem; line-height: 0.8rem; color: #bbb; }

/* 详细页：文章  */
.hl-art h1 { font-size: 1rem; line-height: 1.2rem; }

.hl-art .art-infor { font-size: 0.6rem; line-heigt: 0.7rem; color: #bbb; }

.hl-art .art-infor em { color: #fabf40; }

.art-nr h2, .law-gba h2 { font-size: 0.9rem; line-height: 1rem; margin-top: 1.5rem; }

.art-nr p { font-size: 0.7rem; line-height: 1.4rem; color: #666; margin-top: 0.75rem; }
.art-nr h2 span { width: 1rem; height: 1rem; line-height: 1rem; border: 1px solid #667; display: inline-block; text-align: center; border-radius: 50%; margin-right: 5px; font-size: 0.7rem; vertical-align: text-top; }

.art-nr img { display: block; width: 100%; margin-top: 0.5rem; }
/* 法律常识详细：文章  */
.laws-nr.collapse { max-height: 40rem; overflow: hidden; }

.laws-nr { max-height: none; }

.laws-nr h2, .law-gba h2 { font-size: 0.9rem; line-height: 1rem; margin-top: 1.5rem; }

.laws-nr p { font-size: 0.7rem; line-height: 1.4rem; color: #666; margin-top: 0.75rem; }

.laws-nr img { display: block; width: 100%; margin-top: 0.5rem; }

.laws-nr a { color: #0d8af8 !important; }

.laws-nr strong { font-weight: bold; }

.laws-nr p img { display: block; width: 100% !important; margin-top: 0.5rem; }
/* 详细页：法律攻略  */
.mui-fullscreen .law-gba .mui-segmented-control ~ .mui-slider-group { position: relative; top: 0; }

.law-gba .mui-slider-indicator { height: 2.5rem; background-color: #f8f8f8; border-bottom: 1px solid #eee; box-sizing: content-box; }

.law-gba .mui-slider-indicator .mui-control-item { float: left; width: 25%; height: 2.5rem; line-height: 2.5rem; font-size: 0.7rem; text-align: center; overflow: hidden; }

.law-gba .mui-slider-indicator .mui-control-item.mui-active { background-color: #fff; }

.law-gba .mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item { border: none; }

.law-gba .mui-slider .mui-slider-group .mui-slider-item { padding: 0 0.75rem; }

.law-gba .mui-slider-group { font-size: 0.65rem; line-height: 1.2rem; color: #666; }

.law-gba .mui-slider-group p { margin-top: 1rem; }

/* 详细页：点赞收藏  */
.zan-shouchang .zan-tips { font-size: 0.6rem; line-height: 1rem; color: #bbb; text-align: center; }

.zan-shouchang .zan-tips span { color: #0d8af8; }

.zan-shouchang .zan-set li { position: relative; float: left; width: 50%; text-align: center; }

.zan-set { padding: 0 2rem; }

.zan-set li a { position: relative; font-size: 0.5rem; }

.zan-set li span { position: absolute; left: 50%; top: 0; font-size: 0.8rem; line-height: 0.7rem; color: #fabf40; font-weight: bold; margin-left: -0.5rem; -webkit-transition: all .5s; transition: all .5s; transform: translateY(0); opacity: 0; }

.zan-set li .icon-hualv { position: relative; width: 2.3rem; height: 2.3rem; font-size: 1.1rem; }

.zan-set li .icon-hualv:after { position: absolute; left: 0; top: 0; width: 2.3rem; height: 2.3rem; border-radius: 50%; background-color: #eee; content: ''; z-index: 0; }

.zan-set li .icon-hualv:before { position: absolute; left: 50%; top: 50%; margin: -0.5rem 0 0 -0.6rem; z-index: 1; }

.zan-set li.zan-bar .icon-hualv { color: #fabf40; }

.zan-set li.chang-bar .icon-hualv { color: #9b66d2; }

.zan-set li.zan-add span { -webkit-animation: plusone .8s ease-in-out 0s; animation: plusone .8s ease-in-out 0s; }

.zan-set li.zan-add .icon-hualv { color: #aaa; }

@-webkit-keyframes plusone {
    0% { -webkit-transform: translateY(0); opacity: 0; }

    50% { -webkit-transform: translateY(-130%); opacity: .6; }

    80% { -webkit-transform: translateY(-140%); opacity: 1; }

    100% { -webkit-transform: translateY(-150%); opacity: 0; }
}

@keyframes plusone {
    0% { transform: translateY(0); opacity: 0; }

    50% { transform: translateY(-130%); opacity: .6; }

    80% { transform: translateY(-140%); opacity: 1; }

    100% { transform: translateY(-150%); opacity: 0; }
}

/* 侧滑导航 */
/*.mui-fullscreen { height: auto; bottom: auto; }*/
.mui-fullscreen-click { bottom: 0; height: 100%; overflow: hidden; }

/* 右边漂浮  目录、回到顶部 */
.mui-off-canvas-wrap .mui-bar { position: relative !important; }

.popup-righr-mn { position: fixed; top: 50%; right: 10px; width: 2.4rem; z-index: 980; }

.popup-righr-mn .icon-hualv { color: #fff; }

.popup-righr-mn .icon-hualv-round { width: 2.4rem; height: 2.4rem; }

.popup-righr-mn .icon-hualv-round:after { width: 2.4rem; height: 2.4rem; line-height: 2.4rem; background-color: rgba(104,203,118,.95); }

.popup-righr-mn .icon-4:before { margin-left: -0.4rem; }

.mui-off-canvas-right a.mui-navigate-right { color: #ddd; }

/* 计算器 */
.calculator-bar .mui-segmented-control.mui-segmented-control-inverted .mui-control-item { color: inherit; border-right: 1px solid #eee; height: 5.3rem; line-height: 1rem; font-size: 0.6rem; text-align: center; }

.calculator-bar .mui-control-item p { padding: 1.2rem 0 0.5rem; }

.calculator-bar .mui-control-item .icon-hualv { font-size: 1.5rem; }

.calculator-bar .mui-control-item:nth-child(1) .icon-hualv { color: #fbc13b; }

.calculator-bar .mui-control-item:nth-child(2) .icon-hualv { color: #86c46d; }

.calculator-bar .mui-control-item:nth-child(3) .icon-hualv { color: #f07c7c; }

.calculator-bar .mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item { border: 0; }

.calculator-bar .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { background-color: #eee; }

.calculator-bar .mui-slider-progress-bar { height: 0; overflow: hidden; }

.calculator-bar .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-progress-bar { background-color: transparent; }

/* 计算结果 */
.result-bar { position: relative; padding: 1.25rem 0.75rem 2rem; display: none; }

.result-bar .icon-closed { position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; line-height: 2rem; font-size: 0.75rem; text-align: center; }

.result-bar .resu-more { position: absolute; left: 0; right: 0; bottom: 0.5rem; width: 100%; height: 1.5rem; line-height: 1.5rem;; text-align: center; }

.result-bar .resu-more .icon-unie919 { font-size: 0.5rem; color: #ccc; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.result-bar .result { height: 250px; overflow: hidden; -webkit-transition: all .5s; transition: all .5s; }

.result-bar-all .resu-more .icon-unie919 { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.result-bar-all .result { height: 100%; overflow: visible; }

.resu-num { font-size: 1.2rem; color: #fabf40; }

.resu-num span { font-size: 0.7rem; line-height: 0.8rem; color: #333; }

.reus-list, .reus-norm { padding: 1rem 0; border-top: 1px solid #eee; }

.reus-list li { position: relative; padding-left: 60%; height: 1.2rem; line-height: 1.2rem; font-size: 0.7rem; color: #999; overflow: hidden; }

.reus-list li span { position: absolute; left: 0; top: 0; width: 60%; text-align: right; }

.reus-table { width: 100%; font-size: 0.5rem; text-align: center; }

.reus-table th { height: 1.5rem; background-color: #eee; border: 1px solid #fff; color: #bbb; }

.reus-table td { height: 1.5rem; background-color: #f8f8f8; border: 1px solid #fff; color: #666; }

/* 2016 - 06 - 29 新增文章页 */
/* 吸底导航 */
.fixed-b-nav { position: fixed; left: 0; right: 0; bottom: 0; height: 2.5rem; background-color: #fff; box-shadow: 0 -2px 5px rgba(0, 0, 0, .1); z-index: 100; }

.fixed-b-nav a { float: left; width: 25%; height: 2.5rem; font-size: 12px; text-align: center; }

.fixed-b-nav a p { padding-top: 0.4rem; }

.fixed-b-nav a .icon-hualv { font-size: 0.9rem; }

/* 其他 */
.yanshen-bar h2 { font-size: 0.9rem; line-height: 1rem; }

.ys-list li { position: relative; padding-left: 10px; height: 1.5rem; line-height: 1.5rem; font-size: 0.7rem; }

.ys-list li:before { position: absolute; left: 0; top: 0.65rem; content: " "; width: 5px; height: 5px; border-radius: 50%; background-color: #ddd; }

.ys-list li a { display: block; color: #3579e9; }

.ys-list li a:active { background-color: #eee; color: #333; }
/**/
.bd-k3-bar li { float: left; width: 33.333%; height: 2.2rem; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }

.bd-k3-bar li a { display: block; line-height: 2.2rem; font-size: 0.7rem; color: #666; text-align: center; }

.bd-k3-bar li a:active { background-color: #eee; color: #333; }

.bd-k3-bar li:nth-child(7),
.bd-k3-bar li:nth-child(8),
.bd-k3-bar li:nth-child(9) { border-bottom: none; }

.bd-k3-bar li a.bd-hot { color: #ef4d3c; }

/**/
.ft-tj-line li { border-bottom: 1px solid #eee; }

.ft-tj-line li:last-child { border-bottom: none; }

.fangan-tuijian .no-img a { padding: 1rem 0; }

.fangan-tuijian .no-img .tj-nr,
.ft-tj-line li .tj-nr { height: 1rem; }

.fangan-tuijian .no-img .tj-other,
.ft-tj-line li .tj-other { height: 2rem; line-height: 1rem; }

/* zixun-list-num */
.zixun-list-num li { position: relative; padding: 0 10px; height: 3.1rem; border-bottom: 1px solid #eee; }

.zixun-list-num li span { position: absolute; left: 10px; top: 1.1rem; left: 10px; top: 1.1rem; width: 34px; height: 18px; line-height: 18px; background-color: #60c86f; border-radius: 2px; font-size: 12px; color: #fff; text-align: center; }

.zixun-list-num li span i { position: absolute; bottom: -8px; left: 50%; margin-left: -4px; width: 0; height: 0; line-height: 0; font-size: 0; vertical-align: -2px; content: ''; border: 0 dashed transparent; border-width: 4px; border-top-style: solid; border-top-color: #60c86f; }

.zixun-list-num li:last-child { border-bottom: none; }

.zixun-list-num li a { display: block; padding-left: 44px; height: 3.1rem; line-height: 3.1rem; font-size: 0.7rem; color: #666; overflow: hidden; }

.zixun-list-num li a:active { background-color: #eee; color: #333; }

/**/
.anli-list { padding: 0.5rem 0; }

.anli-list li { height: 1.8rem; line-height: 1.8rem; font-size: 0.7rem; overflow: hidden; }

.anli-list li a { display: block; padding: 0 0.75rem; line-height: 1.5rem; color: #666; }

.anli-list li a:active { background-color: #eee; color: #666; }

/**/
.art-nr-p0 p { padding: 0 15px; }

.art-nr-p0 h2 { padding: 0 15px; height: 2rem; line-height: 2rem; font-size: 0.9rem; background-color: #f5f5f5; overflow: hidden; }
/* qa-list */
.qa-list li { border-bottom: 1px solid #eee; }

.qa-list li a { display: block; padding: 1rem 0; }

.qa-list li a:active { background-color: #eee; color: #666; }

.qa-list .qa-q { font-size: 0.7rem; color: #333; height: 1rem; overflow: hidden; }

.qa-list .qa-a { font-size: 0.6rem; color: #666; height: 2rem; overflow: hidden; }

.qa-list .qa-q,
.qa-list .qa-a { position: relative; padding: 0 10px 0 40px; }

.qa-list .qa-q span,
.qa-list .qa-a span { position: absolute; left: 10px; top: 0; width: 1rem; height: 1rem; border-radius: 50%; font-size: 0.6rem; color: #ffffff; text-align: center; }

.qa-list .qa-q span { background-color: #f18d4f; }

.qa-list .qa-a span { background-color: #60c86f; }

.art-nr .mt0 { margin-top: 0; }

/* 罪名库内页 */
.zmk-tit { padding: 20px 15px; background-color: #fff; }

.zmk-tit h1 { font-size: 1rem; line-height: 1.2rem; }

.zmk-tit p { font-size: 0.7rem; line-height: 1.2rem; color: #666; }

.zmk-tit p a { float: left; width: 2rem; height: 1rem; line-height: 1rem; background-color: #3579e9; border-radius: 3px; text-align: center; color: #fff; margin: 0.1rem 6px 0 0; }
/**/
.zm-nav-tit { height: 2.2rem; background-color: #f8f8f8; }

.zm-nav-tit li { position: relative; float: left; width: 20%; text-align: center; }

.zm-nav-tit li:before { position: absolute; top: 50%; right: 0; content: ""; width: 0; height: 0.7rem; border-right: 1px solid #eaeaea; margin-top: -0.35rem; }

.zm-nav-tit li a { display: block; line-height: 2.2rem; font-size: 0.6rem; }

.zm-nav-tit li a:active { background-color: #eee; }

.zmk-nr { padding: 1.25rem 0.75rem; }

.zmk-nr h2 { padding: 0 0.5rem; font-size: 0.9rem; text-align: center; }

.zmk-nr p { height: 6rem; line-height: 1.2rem; font-size: 0.7rem; color: #666; overflow: hidden; }
.share-bar-fixed { position: fixed; left: 20px; top: 50%; right: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .5); z-index: 1003; }

/* 2016 - 07 -15 文章首页 */
.intell-list { padding: 10px 0; }
.intell-list .intell-tim { position: relative; border-left: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; margin-bottom: 10px; padding-left: 74px; }
.intell-tim .int-lmbt { position: absolute; left: -1px; top: -1px; bottom: 0; width: 75px; background: #06C; text-align: center; letter-spacing: -5px; }
.intell-tim .int-lmbt em { display: inline-block; font-size: 0; width: 0; height: 100%; vertical-align: middle; }
.intell-tim .int-lmbt span { display: inline-block; width: 100%; font-size: 14px; color: #fff; vertical-align: middle; letter-spacing: normal; word-spacing: normal; white-space: normal; word-wrap: break-word; }
.intell-tim .int-lmbt span i { display: block; height: 38px; background: url(../images/icon-hot.png) no-repeat top center; background-size: 38px auto; }
.intell-tim .int-lmnr { background: #fff; }
.intell-tim .int-lmnr .int-k { display: -webkit-box; display: -ms-flexbox; display: flexbox; width: 100%; }
.int-k span { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; width: 1px; display: block; height: 36px; overflow: hidden; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; text-align: center; }
.int-k span a { display: block; line-height: 36px; color: #545454; }
.int-k span a.int-more em { display: inline-block; width: 5px; height: 5px; border-left: 2px solid #C2C2C2; border-top: 2px solid #C2C2C2; -webkit-transform: rotate(225deg); margin: 0 0 0 5px; position: relative; top: -2px; }
.zixun2 { width: 63px; }
.dqzc { height: 18px; overflow: hidden; }
.topic2010 { max-height: 108px; overflow: hidden; }
.height-auto .topic2010 { max-height: none; }
.height-auto .int-k a.int-more em { border: none; border-bottom: 2px solid #C2C2C2; border-right: 2px solid #C2C2C2; }
/*2017年3月1日11:12:09 法律常识底部*/
.fixed-consult { position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; padding: .5rem 0; background-color: #007aff; overflow: hidden; }
.fixed-consult a { float: left; color: #fff; width: 37%; text-align: center; line-height: 2rem; }
.fixed-consult .f-con-r { position: relative; width: 63%; line-height: 1rem; }
.fixed-consult .f-con-r:before { position: absolute; left: 0; top: 0; width: 0; height: 2rem; border-left: 1px solid #fff; content: ''; }
.fixed-consult a .icon-hualv { float: left; margin-top: .5rem; margin-left: 1rem; }
.fixed-consult .f-con-r p { float: left; text-align: left; color: #fff; margin-left: 1rem; }
.fixed-consult .f-con-r p em { display: block; font-size: .8rem; color: #ef4d3c; }


/* 2017-10-13 新增 */
.gs-calculator a { position: relative; float: left; width: 50%; height: 5.5rem; text-align: center; border-bottom: 1px solid #efefef; font-size: .6rem; }
.gs-calculator a:nth-child(2n+1):before { position: absolute; right: 0; top: 0; height: 5.5rem; border-right: 1px solid #efefef; content: ''; }
.gs-calculator a p { padding: 1.3rem 0 0.5rem; }
.gs-calculator a p .icon-hualv { font-size: 1.5rem; }
.gs-calculator a:nth-child(1) p .icon-hualv { color: #4ca6eb; }
.gs-calculator a:nth-child(2) p .icon-hualv { color: #86c46d; }
.gs-calculator a:nth-child(3) p .icon-hualv { color: #fbc13b; }
.gs-calculator a:nth-child(4) p .icon-hualv { color: #f07c7c; }
.gs-calculator .gs-now { background-color: #eee; }
/* 2018-09-06 */
.lawyer-recom-box2 {
    height: 4.25rem;
    padding: .75rem;
    box-shadow: 0 5px 20px 0 rgba(0,0,0, .1);
    /*margin: 1rem .75rem;*/
    position: relative;
}

    .lawyer-recom-box2 .img-block {
        float: left;
        width: 2.75rem;
        height: 2.75rem;
        margin-right: 0.75rem;
    }

        .lawyer-recom-box2 .img-block img {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .lawyer-recom-box2 h3 {
        font-size: .85rem;
        line-height: 1rem;
        padding-top: .35rem;
    }

    .lawyer-recom-box2 p {
        font-size: .65rem;
        color: #bbb;
        margin-top: .2rem;
    }

    .lawyer-recom-box2 .mui-btn {
        position: absolute;
        top: 50%;
        right: 0.75rem;
        width: 3.5rem;
        height: 1.7rem;
        margin-top: -0.85rem;
    }
    .lawyer-recom-box2 .advice-me {
        line-height: 1.6rem !important;
    }
    .lawyer-recom-box2 .btn-sl {
        padding: 0 0.5rem;
    }

.zmk-nr p {
    height: 14rem;
    font-size: .75rem;
    line-height: 1.25rem;
}


/*2018-9-21*/
.bg-black-b {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 1000;
}