body { background-color: #f8f8f8; }
.g-hd { background-color: #fff; }
.box-shadow { background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0, .15); }
.img-block img { display: block; width: 100%; height: 100%; }
.pt0 { padding-top: 0 !important; }

.w780 { width: 780px; }
.w400 { width: 400px; }

/* weizhi */
.weizhi { padding: 15px 0; color: #ccc }
.weizhi a { color: #bbb; }
.weizhi a:hover { color:#E64D3B; }
.weizhi span { color: #666; }

/* detail-page */
.detail-page { padding: 55px 30px; }
.detail-page h1 { font-size: 32px; color: #222; font-weight: 600; line-height: 40px; }
.detail-page .info { height: 20px; margin-top: 22px; }
.detail-page .info span { float: left; color: #bbb; margin-right: 35px; }
.detail-page .info span .ico-ht { margin: -3px 5px 0 0; vertical-align: middle; }
.detail-page .info span a { margin-right: 5px; }
.detail-page .info span a:last-child { margin-right: 0; }

/* voice-bar */
.voice-bar { padding: 49px 90px 49px 180px; height: 2px; background-color: #f9f9fb; border-radius: 50px; position: relative; }
.voice-bar .gy-line { height: 2px; background-color: #e8e8e8; position: relative; }
.voice-bar .blue { position: absolute; left: 0; top: 0; width: 45%; height: 2px; background-color: #5e9df3; }
.voice-bar .dot { 
	position: absolute;  right: -8px; top: -7px; z-index: 10;
	width: 16px; height: 16px; border-radius: 50%;
	background-image: linear-gradient(135deg, #5e9df3 0%, #3080ee 100%);
	box-shadow: 0 5px 80px rgba(0,0,0, .15); cursor: pointer;
}
.voice-bar .time { position: absolute; top: -9px; width: 46px; font-size: 14px; color: #bbb; }
.voice-bar .time-play { left: -70px; text-align: right; }
.voice-bar .time-end { right: -70px;  }
	/**/
.voice-bar .move { position: absolute; left: 30px; top: 20px; }
.move { width: 60px; height: 60px; background-color: #fff; border-radius: 50%; box-shadow: 0 5px 20px rgba(79,122,182, .15); cursor: pointer; }
.move audio { display: none; }
.move .loader1, .move .loader2, .move .loader3, .move .loader4, .move .loader5 { 
	width: 3px; background-color: #5e9df3; border-radius: 3px;
	position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);
	
}
.move .loader1:after, .move .loader2:after, .move .loader3:after, .move .loader4:after, .move .loader5:after {
	position: absolute; left: 0; content: '';
	width: 3px; height: 3px; background-color: #3080ee; border-radius: 50%;
}
.move .loader1 { height: 12px; margin-left: -12px; }
.move .loader5 { height: 12px; margin-left: 12px; }
.move .loader2 { height: 18px; margin-left: -6px; }
.move .loader4 { height: 18px; margin-left: 6px; }
.move .loader3 { height: 26px; }
.move .loader1:after, .move .loader3:after, .move .loader5:after { bottom: 0; }
.move .loader2:after, .move .loader4:after { top: 0; }
		/**/
.play .loader1, .play .loader2, .play .loader3, .play .loader4, .play .loader5 { -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; }
.play .loader1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.play .loader2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.play .loader3 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.play .loader4 { -webkit-animation-delay: -0.48s; animation-delay: -0.48s; }
.play .loader5 { -webkit-animation-delay: -0.64s; animation-delay: -0.64s; }

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    height: 12px;
  }
  40% {
    height: 24px;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    height: 12px;
  }
  40% {
    height: 24px;
  }
}


/* translate-bar */
.translate-bar { padding: 40px 0 0; font-size: 14px; line-height: 24px; }
.translate-bar strong { font-size: 16px; color: #333; }
.translate-bar .txt {  color: #666; margin-top: 11px; }
.translate-bar .zl-time { color: #bbb; margin-top: 25px; }

/* nv-tit-h84 */
.nv-tit-h84 { height: 84px; line-height: 84px; }
.nv-tit-h84 strong { font-size: 24px; color: #222; font-weight: 400; }
.nv-tit-borb { border-bottom: 1px solid #eee; }
  /**/
.nv-tit-h84.tab-nav span { float: left; font-size: 18px; color: #222; margin-right: 35px; cursor: pointer; position: relative; }
.nv-tit-h84.tab-nav span.cur, .nv-tit-h84.tab-nav span:hover { color: #16a660; }
.nv-tit-h84.tab-nav span.cur:after { position: absolute; left: 50%; bottom: 0; width: 20px; height: 4px; background-color: #16a660; content: ''; margin-left: -10px; }

/* yuyin-list */
.yuyin-list {}
.yuyin-list li { padding: 33px 0 35px; border-bottom: 1px solid #eee; position: relative; }
.yuyin-list li:last-child { border-bottom: none; }
.yuyin-list li .r-voice { position: absolute; top: 90px; right: 14px; z-index: 10; }
.yuyin-list li .r-voice .move {  position: relative; }
.yuyin-list li .r-voice .play { border: 2px solid #5e9df3; width: 56px; height: 56px; }
.yuyin-list li .r-voice p { font-size: 14px; color: #bbb; text-align: center; margin-top: 15px; }
.yuyin-list li h3 { font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; }
.yuyin-list li .lr-huifu { padding: 0 120px 0 60px; position: relative; margin-top: 25px; }
.yuyin-list li .lr-huifu .img-block { position: absolute; left: 0; top: 0; width: 40px; height: 40px; }
.yuyin-list li .lr-huifu .img-block img { border-radius: 50%; }
.yuyin-list li .lr-huifu .name { font-size: 16px; height: 20px; overflow: hidden; }
.yuyin-list li .lr-huifu .hf-nr { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; position: relative; margin: 11px 0 15px; }
.yuyin-list li .lr-huifu .hf-nr p {}
.yuyin-list li .lr-huifu .hf-nr .unfold-btn { position: absolute; right: 0; bottom: 0; background-color: #fff; color: #01af63; cursor: pointer; padding-left: 12px; }
.yuyin-list li .lr-huifu .hf-nr .unfold-btn .i-ms27 { margin-left: 5px; }
.yuyin-list li .info {  }
.yuyin-list li .info span { font-size: 14px; color: #bbb; margin-right: 20px; }
	/**/
.yuyin-list li .lr-huifu .show-all .unfold-btn .i-ms27 { -weblit-transform: rotate(180deg); transform: rotate(180deg); }

/* zs-tw-list */
.zs-tw-list { padding-bottom: 20px; }
.zs-tw-list li { padding: 20px 0; height: 146px; }
.zs-tw-list li .img-block { float: left; width: 220px; height: 146px; margin-right: 30px; }
.zs-tw-list li h3 { font-size: 20px; line-height: 28px; height: 28px; overflow: hidden; }
.zs-tw-list li .info { font-size: 16px; color: #bbb; margin: 23px 0 20px; }
.zs-tw-list li .info em { font-family: 'DINCond-Bold'; font-size: 18px; color: #f25618; }
.zs-tw-list li p { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; }

/* tiwen-bar */
.tiwen-bar { padding: 30px 30px 40px; }
.tiwen-bar h2 { height: 28px; overflow: hidden; font-size: 24px; color: #222; line-height: 26px; }
.tiwen-bar h2 .i-zmk1 { float: left; margin-right: 20px; }
.tiwen-bar .btn { width: 108px; height: 40px; line-height: 40px; padding: 0; font-size: 16px; text-align: center; }
	/**/
.input-bar { border-bottom: 2px solid #eee; margin: 28px 0 30px; position: relative; z-index: 10; }
.input-bar label { position: absolute; left: 0; top: 0; z-index: -1; line-height: 50px; font-size: 18px; color: #bbb; }
.input-bar input { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 18px; background: none; }

/* zx-hd-list */
.zx-hd-list { padding: 0 30px; }
.zx-hd-list li { padding: 30px 0 20px; border-bottom: 1px dashed #eee; overflow: hidden; }
.zx-hd-list li h3 { font-size: 16px; height: 20px; overflow: hidden; }
.zx-hd-list li .lr-hd { padding-left: 60px; position: relative; margin-top: 25px; }
.zx-hd-list li .lr-hd .img-block { position: absolute; left: 0; top: 0; width: 40px; height: 40px; margin-right: 20px; }
.zx-hd-list li .lr-hd .img-block img { border-radius: 50%; }
.zx-hd-list li .lr-hd p { padding: 20px; position: relative; background-color: #f8f8f8; margin-bottom: 20px; font-size: 14px; color: #999; line-height: 24px; }
.zx-hd-list li .lr-hd p .arrow { position: absolute; left: -16px; top: 0; border-width: 8px; border-right-style: solid; border-right-color: #f8f8f8; }

/* lr-info */
.lr-info { text-align: center; }
.lr-info .img-block { display: block; width: 160px; height: 160px; margin: 0 auto; }
.lr-info .img-block img { border-radius: 50%; }
.lr-info h3 { font-size: 20px; line-height: 28px; height: 28px; overflow: hidden; padding: 25px 0 0 20px; }
.lr-info h3 .i-ms79 { margin: -4px 0 0 5px; vertical-align: middle; }
.lr-info p { font-size: 14px; height: 20px; overflow: hidden; margin-top: 12px; }
.lr-info p .ico-ht { margin: -4px 8px 0 0; }
.btn-plr50 { padding: 30px 50px; }
.btn-plr50 .btn { display: block; height: 38px; line-height: 38px; font-size: 16px; text-align: center; }

/* txt-list */
.txt-list li { height: 36px; line-height: 36px; overflow: hidden; }
.txt-list li .dot { float: left; width: 4px; height: 4px; background-color: #aaa; }
.txt-list li span { float: right; font-size: 14px; color: #bbb; margin-left: 10px; }
.txt-list li a { font-size: 16px; color: #222; }
.txt-list li a:hover { color: #f25618; }


/* tuijian-page */
.tuijian-page { padding: 45px 30px 40px; position: relative; }
.tuijian-page .i-ht15 { position: absolute; left: -10px; top: 13px; }
.tuijian-page .title {}
.tuijian-page .title strong { font-size: 32px; color: #222; line-height: 40px; margin-right: 20px; }
.tuijian-page .title span { font-size: 16px; color: #333; }
.tuijian-page .title span .i-ht13 { vertical-align: middle; margin: -3px 10px 0 0; }
.tuijian-page .translate-bar { padding: 40px 30px 30px; }

/* lr-kp */
.lr-kp { padding: 30px; background-color: #4a4a4a; border-radius: 4px; }
.lr-kp .img-block { float: left; width: 70px; height: 70px; margin-right: 20px; }
.lr-kp .img-block img { border-radius: 50%; }
.lr-kp .xm {}
.lr-kp .xm span { font-size: 14px; color: #fff; margin-right: 10px; }
.lr-kp .xm a { font-size: 16px; color: #fff; }
.lr-kp .xm a:hover { color: #f60; }
.lr-kp .xm .i-ms79 { margin: -4px 0 0 5px; vertical-align: middle; }
.lr-kp p { font-size: 14px; line-height: 24px; color: #999; height: 48px; overflow: hidden; margin-top: 5px; }

/* h-tag */
.h-tag { padding: 20px 30px 0; overflow: hidden; }
.h-tag a { float: left; padding: 0 12px; background-color: #f0f0f0; font-size: 14px; color: #999; line-height: 36px; margin: 10px 10px 0 0; }

/* hd-list */
.hd-list {}
.hd-list li { height: 110px; padding: 30px 0; border-bottom: 1px dashed #eee; }
.hd-list li:last-child { border-bottom: none; }
.hd-list li .img-block { float: left; width: 110px; height: 110px; margin-right: 20px; }
.hd-list li .img-block img { border-radius: 50%; }
.hd-list li h3 { font-size: 20px; line-height: 44px; height: 44px; overflow: hidden; }
.hd-list li p { font-size: 14px; color: #999; line-height: 28px; height: 28px; overflow: hidden; }
.hd-list li p em { font-family: 'DINCond-Bold'; font-size: 18px; color: #f25618; }

/* zixun-hf-bar */
.zixun-hf-bar { padding-bottom: 10px; }
.zixun-hf-bar .dt-item { padding-top: 15px; padding-bottom: 26px; border-bottom: 1px dashed #ddd;  }
.zixun-hf-bar .dt-item:last-child { border-bottom: none; }
.zixun-hf-bar .time { font-size: 12px; color: #bbb; }
.zixun-hf-bar h3 { height: 20px; overflow: hidden; font-size: 16px; margin-top: 13px; }
.zixun-hf-bar h3.h56 { line-height: 28px; height: 56px; }
.zixun-hf-bar .info { overflow: hidden; font-size: 14px;  margin-top: 20px; }
.zixun-hf-bar .info .photo { float: left; width: 40px; height: 40px; margin: 3px 20px 0 0; }
.zixun-hf-bar .info .photo img { display: block; width: 100%; height: 100%; border-radius: 50%; }
.zixun-hf-bar .info .lawyer { color: #bbb; height: 20px; overflow: hidden; }
.zixun-hf-bar .info .lawyer a { color: #bbb; }
.zixun-hf-bar .info .time { font-family: 'DINCond-Bold'; font-size: 16px; color: #666; height: 20px; overflow: hidden; margin-top: 5px; }
.zixun-hf-bar .info .time .i-ht14 { margin: -4px 8px 0 0; vertical-align: middle; }


/* hot-wz */
.hot-wz {} 
.hot-wz a { display: block; height: 210px; position: relative; } 
.hot-wz a .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: linear-gradient(to bottom, rgba(0,0,0, 0) 0%, rgba(0, 0, 0, .5) 80%); } 
.hot-wz a .bg h3 { position: absolute; bottom: 20px; padding: 0 20px; font-size: 16px; line-height: 24px; color: #fff; height: 24px; overflow: hidden; }

/* zs-list */
.zs-list li { height: 42px; line-height: 42px; overflow: hidden; }
.zs-list li span { color: #aaa; font-size: 14px; margin-left: 20px; }
.zs-list li a { font-size: 16px; }

/* type-all */
.type-all dl { padding-bottom: 20px; }
.type-all dd { overflow: hidden; padding: 21px 0; border-bottom: 1px solid #eee; }
.type-all dd.borb0 { border-bottom: none; }
.type-all dd a { float: left; font-size: 14px; color: #666; line-height: 30px; margin-right: 35px; }
.type-all dd a:hover { color: #f25618; }
.type-all dd a.cur { color: #f25618; font-weight: 600; }


/* #17768  2021-05-14 by lxl*/

/* 最新精选问答 */
/* nav_f24 */
.plr30 {padding-left: 30px;padding-right: 30px;}
.pt25{padding-top: 25px;}
.pt10{padding-bottom: 10px;}
.nav_f24 { height: 34px; font-size: 24px; line-height: 34px; color: #333;}
.nav_f24 strong span { color: #f25618; }
.nav_f18 strong { font-size: 18px; line-height: 24px; font-weight: 600; }
.nav_f18.h88 { height: 24px; padding: 37px 0 28px; }
.ver-middle { vertical-align: middle;}
.new-good-list li{padding:30px 0 20px;border-bottom:1px solid #E6E6E6}
.new-good-list li h4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.new-good-list li:last-child{border-bottom:0}
.new-good-list img{width:24px;height:24px;border-radius:50%}

/* 语音详情 相关法律专题 */
.hot-tui-unfold.hot-tui-unfold_v2 .un-nr a{max-width:300px}

/* 图文详情 */
.u-btn{display:inline-block;vertical-align:middle;padding:0 15px;text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:30px;cursor:pointer;
  -webkit-transition:all .2s linear;transition:all .2s linear;}
.btn-warn{border-color:#F43651;background-color:#F43651;color:#fff}
.btn-warn:hover{background-color:#ef5858;border-color:#ef5858;color:#fff}
.btn-warn-line{border-color:#F43651;color:#F43651}
.btn-warn-line:hover{background-color:#F43651;color:#fff}
.btn-m{line-height:30px}
.det-plot{position: relative;}
.det-plot .u-btn{position: absolute;right: 55px;top: 40px;padding: 0;width: 106px;line-height: 36px;font-size: 16px;opacity: 0;visibility: hidden;}
.det-plot:hover .u-btn{opacity: 1;visibility: visible;}


/* 图文详情 相关法律咨询 */
.zx-hd-list li .lr-hd.lr-hd_v2 p{margin-top:20px}
.zx-hd-list li .lr-hd.lr-hd_v2 p .arrow{top:-16px;left:14px;border-bottom-style:solid;border-bottom-color:#f8f8f8;border-right-color:transparent}
.zx-hd-list li .lr-hd.lr-hd_v2 .img-block{position:static;display:inline-block;width:auto;line-height:40px}
.zx-hd-list li .lr-hd.lr-hd_v2 .img-block img{width:40px;height:40px;display:inline-block;vertical-align:middle;margin-right:15px}
.zx-hd-list li .lr-hd.lr-hd_v2{padding:0}
.lr-hd_v2 .u-btn{font-size:16px;padding:7px 27px}

/* 语音详情 */
.operate { text-align:center; }
.operate a { display:inline-block;  margin:0 10px; padding:0 19px; height:34px; line-height:34px; border:1px solid #ddd; border-radius:18px; font-size:14px; color:#666; }

/* 最新精选解答 */
.voice-new-answers .nv-tag {color: #999;margin-right: 20px;cursor: pointer;font-size: 20px;}
.voice-new-answers .nv-tag.cur {color: #333;}

/* 语音首页 推荐轮播 */
.tuijian-page{padding-bottom: 20px;}
.voice-recom-swiper{height:480px}
.voice-recom-swiper .pagination{position:absolute;z-index:20;bottom:0px;width:100%;text-align:center}
.voice-recom-swiper .swiper-pagination-switch{display:inline-block;width:8px;height:3px;border-radius:2px;background:#E6E6E6;margin:0 4px;cursor:pointer}
.voice-recom-swiper .swiper-active-switch{width:24px;background:#BBBBBB}
.voice-recom-swipe .tuijian-page .translate-bar{padding-bottom: 15px;}
.voice-recom-swiper .translate-bar .txt{height: 48px;}