/* icon */
.ico-ha { display: inline-block; vertical-align: middle; background: url('/images/2019/hot_ask/ico-ask.png') no-repeat; }
.i-ha1 { width: 21px; height: 30px; background-position: 0 0; }
.i-ha2 { width: 24px; height: 24px; background-position: -30px 0; }
.i-ha3 { width: 22px; height: 28px; background-position: -60px 0; }
.i-ha4 { width: 14px; height: 12px; background-position: -90px 0; }
.i-ha5 { width: 14px; height: 12px; background-position: -110px 0; }
/* ico-zx */
.i-zx44 { width: 32px; height: 32px; background-position: -172px -230px; }

/* banner */
.banner { height: 300px; background: url('/images/2019/hot_ask/banner_h300.png') no-repeat center bottom; }
.banner .w1200 { padding-top: 110px; }
.banner p { font-size: 20px; color: #aaa; line-height: 24px; margin-bottom: 14px; }
.banner strong { display: block; font-size: 42px; color: #2092ff; line-height: 50px; }

/* nav-f28 */
.nav-f28 { height: 30px; line-height: 30px; font-size: 28px; font-weight: 400; margin-top: 37px; }
.nav-f28 .ico-ha { margin: -6px 0 0 15px; }
.nav-f28 .fr { font-size: 14px; }

/* hot-topic */
.hot-topic { padding-top: 10px; }
.hot-topic li {
    float: left; width: 200px; height: 172px;
    background-color: #fff; box-shadow: 0 3px 6px 0 rgba(153,153,153, .14); border-radius: 2px; margin: 20px 0 0 20px;
}
.hot-topic li .img-block { display: block; height: 132px; position: relative; }
.hot-topic li .img-block .num {
    position: absolute; top: 0; right: 0;
    padding: 0 5px; background-color: rgba(51,51,51, .6);
    font-size: 12px; color: #fff; line-height: 24px;
}
.hot-topic li .img-block .num .i-ha5 { margin: -2px 5px 0 0; }
.hot-topic li .tx { height: 20px; padding: 10px 15px; }
.hot-topic li .tx .tit { height: 20px; overflow: hidden; }
/**/
.hot-topic li.w320 { width: 320px; height: 364px; margin-left: 0; }
.hot-topic li.w320 .img-block { height: 260px; }
.hot-topic li.w320 .tx { height: 64px; padding: 20px; }
.hot-topic li.w320 .tx .tit { height: 30px; overflow: hidden; font-size: 20px; line-height: 30px; font-weight: 600; }
.hot-topic li.w320 .tx .other { height: 20px; overflow: hidden; color: #aaa; margin-top: 12px; }
.hot-topic li.w320 .tx .other .i-ha4 { margin: -2px 5px 0 0; }

/* new-tag */
.new-tag { padding: 20px 0 40px; }

/*#10767 修复样式冲突*/
/*.new-tag a,
.tab-item a { float: left; line-height: 32px; padding: 0 19px; border: 1px solid #ddd; margin: 10px 10px 0 0; }*/
.new-tag a,
.tab-item-a a {float: left;line-height: 32px;padding: 0 19px;border: 1px solid #ddd;margin: 10px 10px 0 0;}

/* weizhi */
.weizhi, .weizhi a { color: #aaa; }
.weizhi a:hover { color: #0057ff; }

.w820 { width: 820px; }
.w340 { width: 340px; }
.s-ca { color: #aaa; }
.borb0 { border-bottom: none !important; }
.mt45 { margin-top: 45px; }
.mt15 { margin-top: 15px; }

/* shoutui-bar */
.shoutui-bar { padding: 33px 30px 45px; background-color: #fff; box-shadow: 0 3px 12px 0 rgba(102,102,102, .1); }
.shoutui-bar h1 { font-size: 36px; line-height: 46px; }
.shoutui-bar .inf { height: 20px; overflow: hidden; margin-top: 20px; }
.shoutui-bar .inf span { font-size: 12px; color: #ccc; margin-right: 35px; }
.shoutui-bar .inf span .ico-ha { margin: -4px 5px 0 0; }
.shoutui-bar .inf span .s-oe { color: #ec3b3b; font-style: normal; }
/**/
.shoutui-bar .unfold-bar { font-size: 16px; line-height: 34px; position: relative; margin-top: 26px; }
.shoutui-bar .un-ovh { height: 170px; overflow: hidden; }
.shoutui-bar .un-nr { overflow: hidden; }
.shoutui-bar .un-nr .img-block { float: left; width: 242px; height: 160px; margin: 5px 38px 0 0; }
.shoutui-bar .un-nr .tx { color: #666; }
.shoutui-bar .un-nr .tx span { color: #aaa; }
.shoutui-bar .un-btn, .sift-list .item .un-btn {
    position: absolute;  right: 0; bottom: 1px;
    padding-left: 5px; background-color: #fff; color: #0260fe; cursor: pointer;
}

/* nav-f24 */
.nav-f24 { line-height: 32px; height: 32px; position: relative; }
.nav-f24:before { position: absolute; left: -30px; top: 3px; width: 8px; height: 24px; background-color: #0057ff; content: ''; }
.nav-f24 strong { float: left; font-size: 24px; font-weight: 500; }
.nav-f24 .i-ha2 { margin: -2px 0 0 5px; }

/* nav-f20 */
.nav-f20 { font-size: 20px; line-height: 26px; height: 26px; }
.nav-f20 .more { float: right; font-size: 14px; color: #aaa; }
.nav-f20 .more:hover { color: #0057ff; }

/* pt40-lr30 */
.pt40-lr30 { padding: 25px 30px 15px; background-color: #fff; box-shadow: 0 3px 12px 0 rgba(102,102,102, .1); }

/* sift-list */
.sift-list .item { padding: 43px 0; border-bottom: 1px dashed #ddd; }
.sift-list .item .tit { height: 30px; overflow: hidden; margin-bottom: 27px;  }
.sift-list .item .tit .tag {
    float: left; height: 24px; padding: 0 9px; background-color: #dedede;
    color: #fff; line-height: 24px; position: relative; margin: 4px 20px 0 0;
}
.sift-list .item .tit .tag .arrow { position: absolute; top: 6px; right: -12px; border-left-color: #dedede; }
.sift-list .item .tit a { font-size: 20px; line-height: 30px; font-weight: 500; }
.sift-list .item .lawyer { height: 48px;}
.sift-list .item .lawyer dt { float: left; width: 48px; height: 48px; margin-right: 20px; }
.sift-list .item .lawyer dt img { border-radius: 2px; }
.sift-list .item .lawyer .l-k { float: left; width: 500px; }
.sift-list .item .lawyer .l-k .name { font-size: 18px; }
.sift-list .item .lawyer .l-k .zc { color: #ccc; margin-top: 10px; line-height: 18px; height: 18px; }
.sift-list .item .lawyer .r-k { float: right; width: 140px; text-align: right; }
.sift-list .item .lawyer .r-k .help { font-size: 12px; color: #bbb; line-height: 14px; margin-bottom: 6px; }
.sift-list .item .lawyer .r-k .help span { color: #ec3b3b; }
.sift-list .item .lawyer .r-k .btn { float: right; width: 100px; height: 28px; line-height: 28px; }
.sift-list .item .lawyer .r-k .btn-line { width: 98px; height: 26px; line-height: 26px; }
.sift-list .item .unfold-bar { font-size: 16px; line-height: 30px; position: relative; margin-top: 20px; }
.sift-list .item .un-ovh { height: 60px; overflow: hidden; }
.sift-list .item .un-nr { color: #999; }
.sift-list .item .un-nr span { color: #1da87c; }
/**/
.sift-list .item .xg-tui { margin-top: 60px; }
.sift-list .item .xg-tui dt { font-weight: 600; }
.sift-list .item .xg-tui dd { overflow: hidden; margin-top: 5px; }
.sift-list .item .xg-tui dd a { float: left; line-height: 32px; padding: 0 19px; border: 1px solid #ddd; margin: 10px 10px 0 0; }

/* other-list */
.other-list li { padding: 24px 0 26px; border-bottom: 1px dashed #ddd; }
.other-list li h2 { font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; font-weight: 500; }
.other-list li .inf { height: 20px; margin-top: 11px; }
.other-list li .inf span { font-size: 12px; color: #ccc; margin-right: 40px; }
.other-list li .inf span .ico-ha { margin: -4px 3px 0 0; }
.other-list li .inf span .s-oe { color: #f84545; font-style: normal; }
.other-list li .inf span .s-gn { color: #1da87c; font-style: normal; }

/* hot-tab */
.hot-tab { padding-bottom: 30px; }
.hot-tab .tab-nav { line-height: 40px; height: 40px; overflow: hidden; }
.hot-tab .tab-nav span { float: left; width: 80px; font-size: 16px; color: #aaa; margin-right: 25px; cursor: pointer; }
.hot-tab .tab-nav span.cur { font-size: 18px; color: #222; }
.hot-tab .tab-item { overflow: hidden; margin-top: 10px; }

/* nominate-bar */
.nominate-bar { padding: 25px 0; background-color: #fff; box-shadow: 0 3px 12px 0 rgba(102,102,102, .1); }
.nominate-bar .nav-f20 { padding: 0 20px; margin-bottom: 27px; }

/* heart-law-list */
.heart-law-list li { position: relative; background-color: #fff; border-radius: 2px; overflow: hidden; }
.heart-law-list .img-block { float: left; margin-right: 20px; width: 80px; height: 80px; }
.heart-law-list .btn-red { position: absolute; top: 50%; right: 20px; z-index: 2; margin-top: -11px; display: none; padding: 0 16px; height: 22px; line-height: 22px; }
.heart-law-list .bg { position: absolute; z-index: 1; top: 0; right: 20px; height: 120px; width: 150px; display: none;
    background: -moz-linear-gradient(left, rgba(255,255,255,.05) 0%, rgba(255,255,255,.8) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,.05)), color-stop(100%,rgba(255,255,255,.8)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,.05) 0%,rgba(255,255,255,.8) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,.05) 0%,rgba(255,255,255,.8) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,.05) 0%,rgba(255,255,255,.8) 100%);
    background: linear-gradient(to right, rgba(255,255,255,.05) 0%,rgba(255,255,255,.8) 100%);
}
.heart-law-list .t { margin-top: 5px; line-height: 30px; height: 30px; overflow: hidden; }
.heart-law-list .blo { display: block; padding: 20px; height: 80px; }
.heart-law-list li:hover .btn-red { display: inline-block; }
.heart-law-list li:hover .bg { display: block; }
.heart-law-list li:hover { position: relative; z-index: 10; background-color: #fff; box-shadow: 0 3px 12px 0 rgba(102,102,102, .1); }
.heart-law-list .h20 { height: 20px; line-height: 20px; overflow: hidden; }
.heart-lawyer .dot { position: absolute; right: 0; top: -26px; line-height: 12px; }
.heart-lawyer .dot span { display: inline-block; margin: 0 5px; width: 12px; height: 12px; line-height: 0; border-radius: 50%; background-color: #bbb; cursor: pointer; }
.heart-lawyer .dot span.cur { background-color: #ec3b3b; }

/* topic-rank */
.topic-rank { margin-top: 16px; }
.topic-rank li { height: 40px; overflow: hidden; line-height: 40px; }
.topic-rank li em {
    float: left; width: 14px; height: 14px; background-color: #c9c9c9; margin: 14px 14px 0 0;
    font-size: 12px; color: #fff; line-height: 14px; text-align: center; font-style: normal;
}
.topic-rank li a { font-size: 16px; }
.topic-rank li.one em { background-color: #fd2e19; }
.topic-rank li.two em { background-color: #fd8419; }
.topic-rank li.three em{background-color: #ffc000; }

/* video-wenda */
.video-wenda { padding: 25px 20px; background-color: #fff; box-shadow: 0 3px 12px 0 rgba(102,102,102, .1); }
.video-list { margin-top: 13px; }
.video-list li { height: 75px; padding: 15px 0; }
.video-list li .img-block { float: left; width: 134px; height: 75px; background-color: #000; margin-right: 20px; position: relative; }
.video-list li .img-block .i-zx44 { position: absolute; left: 50%; top: 50%; z-index: 10; margin: -16px 0 0 -16px; }
.video-list li .img-block span {
    position: absolute; right: 0; bottom: 2px;
    font-size: 12px; color: #fff; line-height: 16px; padding: 0 5px;
}
.video-list li .img-block img { transition: all .15s linear; }
.video-list li .img-block:hover img { opacity: .8; }
.video-list li .img-block:hover .i-zx44 { background-position: -210px -230px; }
.video-list li h3 { font-size: 16px; font-weight: 500; height: 20px; overflow: hidden; margin-bottom: 5px; }
.video-list li p { font-size: 12px; color: #aaa; height: 20px; overflow: hidden; }

/* txt-list */
.txt-list { margin-top: 16px; }
.txt-list li { height: 40px; overflow: hidden; line-height: 40px; }
.txt-list li a { font-size: 16px; }
.txt-list li span { float: right; font-size: 12px; color: #aaa; margin-left: 10px; }


/* 2019-02-25 add */
.new-tag .ovh { overflow:hidden; height: 220px; }


/* 2019-02-28 add sift-list */
.sift-list .item .un-nr span { float: left; }
.sift-list .item p.txt-indent { float: none;text-indent: 2em;  }


/* 2019-04-19 add sift-list-b */
.sift-list-b .item .un-ovh { height:180px; }

/* 2019-04-19 add new-question */
.new-question { padding: 25px 20px 15px 20px; background-color: #fff; box-shadow: 0 3px 12px 0 rgba(102,102,102, .1); }
.new-question-list { margin-top: 10px; }
.new-question-list li { padding: 10px 0; border-bottom: 1px dashed #eee; }
.new-question-list .tit { font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.new-question-list .info { font-size: 12px; color: #bbb; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }