/* 
 * 2017-09-16 
 * 文章类栏目: 常识，专题，案例，罪名，百科，合同范本，法律文书，律师随笔，法律聚焦，法律论文，聚合专题
 */


a:active { background-color: #f9f9f9; }

.borb1 { border-bottom: .5px solid #e8e8e8 !important; }

.r-2 dd, .r-2 li { width: 50%; }
.r-3 dd, .r-3 li { width: 33.333%; }
.r-4 dd, .r-4 li { width: 25%; }

/* icon-tuijian */
.icon-tuijian {
	position: relative;
	padding: 0 5px; height: 14px; line-height: 14px;
	background-color: #60c86f;
	font-size: 10px; color: #fff;
}
.icon-tuijian:before, .icon-tuijian:after {
	position: absolute; right: -5px;
	content: '';
	width: 0; height: 0; font-size: 0; line-height: 0;
	vertical-align: -2px;
	border: 0 dashed transparent; border-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #60c86f;
}
.icon-tuijian:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: -5px; }
.icon-tuijian:after  { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); bottom: -5px; }

/* ico-hot , .ico-new */
.ico-hot, .ico-new { 
	display: inline-block;
	height: .6rem; line-height: .6rem;
	padding: 0 .2rem; background-color: #f42308; border-radius: 2px; 
	font-size: .5rem; color: #fff; margin-left: .5rem;
}

/* article-banner */
.article-banner { height: 8.25rem; position: relative; }
.article-banner img {
	position: absolute; left: 50%; 
	width: 100%; height: 100%; z-index: 0;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.article-banner .ban-txt {
	position: absolute; top:50%; z-index: 10;
	width: 100%; text-align: center;
	-webkit-transform: translateY(-20%);
	        transform: translateY(-20%);
}
.article-banner .ban-txt h3 { font-size: 1rem; line-height: 1.2rem; color: #fff; }
.article-banner .ban-txt p { font-size: .5rem; line-height: .8rem; color: #b0faf9; margin-top: .5rem; }
	/**/
.article-banner .ban-txt2 h3 { font-size: .8rem; }
.article-banner .ban-txt2 p { color: #60c86f; }
	/**/
.article-banner .ban-txt3 h3 { font-size: .8rem; }
.article-banner .ban-txt3 p { color: #a5cdf5; margin-top: .75rem; }
.article-banner .ban-txt3 p span { margin: 0 .25rem; }
	/**/
.article-banner .ban-txt4 p { color: #a2d9ff; }
	/**/
.article-banner .ban-txt5 h3 { font-size: 1rem; }
.article-banner .ban-txt5 p { color: #aacdfc; margin-top: .3rem; }
	/**/
.article-banner .ban-txt6 h3 { font-size: .8rem; }
.article-banner .ban-txt6 p { color: #7ba5d1; margin-top: .3rem; }
.article-banner .ban-txt6 span { margin: 0 .35rem; }
	/**/
.article-banner .ban-txt7 h3 { font-size: .7rem; }



/* t-hot-bar */
.t-hot-bar { 
	height: 2.25rem; line-height: 2.25rem; overflow: hidden; 
	padding: 0 .75rem; font-size: .6rem;
} 
.t-hot-bar a { float: left; max-width: 80%; margin-right: .5rem; }


/* question-type */
.question-type {  }
.question-type dd { float: left; }
.question-type dd a {
	display: block; padding: 1rem 0 .7rem;
	font-size: .6rem; text-align: center; color: #999;
	border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box;
}
.question-type dd a p { line-height: 1.2rem; }
.question-type .icon-hualv, .question-type .ico-speciality { font-size: 1.2rem; color: #748093; }
.question-type dd a:active { background-color: #eee; }

/* nav-tit-h74 */
.nav-tit-h74 { height:3rem; line-height:3rem; font-size:.8rem; border-bottom:1px solid #f2f2f2; }

/* txt-list */
.txt-list { padding: 1rem 0; }
.txt-list li { height: 1.7rem; line-height: 1.7rem; padding: 0 .75rem; overflow: hidden; }
.txt-list li a { 
	float: left; max-width: 80%;
	font-size: .7rem; color: #222; 
}
.txt-list li .ico-hot { margin-left: .5rem; }
.txt-list li .icon-q { font-size: .8rem; color:#60c86f; margin-right: .5rem; }
	/**/
.txt-list-block li a { float: none; display: block; max-width: 100%; }


/* zx-num */
.zx-num { overflow: hidden; font-size: .5rem; color: #ccc; text-align: center; }
.zx-num li { float: left; width: 50%; height: 1rem; box-sizing: border-box; padding: 0 .25rem; overflow: hidden; position: relative; }
.zx-num li:first-child:after { 
	position: absolute; top: 50%; right: 0; content: '';
	width: 1px; height: .5rem; background-color: #eee; margin-top: -.25rem;
}

/* type-unfold-bar */
.type-unfold-bar { padding: 1rem 0 .9rem; overflow: hidden; }
.type-unfold-bar .ovh { height: 3.4rem; overflow: hidden; position: relative; }
.type-unfold-bar .ovh .unfold-btn { 
	position: absolute; right: 0; bottom: 0; z-index: 10;
	width: 25%; height: 1.7rem; line-height: 1.7rem; background-color: #fff; 
	font-size: .55rem; color: #999; text-align: center;
}
.type-unfold-bar ul { overflow: hidden; }
.type-unfold-bar li { float: left; height: 1.7rem; line-height: 1.7rem; font-size: .55rem; text-align: center; overflow: hidden; }
.type-unfold-bar li a { display: block; height: 1.7rem; padding: 0 .25rem; box-sizing: border-box; }
.type-unfold-bar li.currer a { color: #3579e8; }
	/**/
.unfold-btn .icon-back { 
	font-size: .4rem; color: #999; margin: 0 0 2px .25rem;
	-webkit-transform: rotate(-90deg); transform: rotate(-90deg);
    -webkit-transition: all .25s linear; transition: all .25s linear;  	
}
.type-unfold-bar-click .unfold-btn .icon-back { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

/* tw-list */
.tw-list {}
.tw-list li { border-bottom: .5px solid #e8e8e8; }
.tw-list li a { display: block; padding: .8rem .75rem; }
.tw-list li img { float: left; width: 3.75rem; height: 2.75rem; border-radius: 2px; margin: .2rem .8rem 0 0; }
.tw-list li h3 { font-size: .7rem; line-height: 1rem; height: 1rem; overflow: hidden; }
.tw-list li p { font-size: .5rem; line-height: .9rem; height: 1.8rem; overflow: hidden; margin-top: .35rem; }


/* speciality-page */
.speciality-page { padding-left: 4.5rem; position: relative; }
.speciality-page .ovh { overflow-x: hidden; overflow-y: scroll; }
.speciality-page .sub-nav { 
	position: absolute; left: 0; top: 0; bottom:0; 
	width: 4.5rem; background-color: #fff; 
	box-shadow: 1px 0px 4px 0px rgba(0,0,0, .03);
}
.speciality-page .sub-nav li { 
	position: relative; 
	height: 2rem; line-height: 2rem; overflow: hidden;
	font-size: .6rem; text-align: center; color: #999; 
}
.speciality-page .sub-nav li.currer::after {
	position: absolute; left: 0; top: 0; content: '';
	width: .1rem; height: 100%; background-color: #3679ea;
}
.speciality-page .sub-nav li.currer { background-color: #f5f5f5; color: #3679ea; }
	/**/
.speciality-page .r-menu-list { padding: 0 .5rem; }
.speciality-page .r-menu-list .r-mn-item { display: none; }
.speciality-page .r-menu-list dl { margin-top: .75rem; overflow: hidden; }
.speciality-page .r-menu-list dt { 
	position: relative; overflow: hidden;
	padding: 0 .25rem; font-size: .8rem; 
	padding-bottom: .4rem; margin-bottom: .4rem;
}
.speciality-page .r-menu-list dt a  { display: block; }
.speciality-page .r-menu-list dt .icon-back {
	float: right; font-size: .35rem; color: #aaa; margin-top: .3rem;
	-webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.speciality-page .r-menu-list dt:after {
	position: absolute; content: '';
	left: .25rem; right: .25rem; bottom: 0;
	height: 1px; background-color: #ddd;
}
.speciality-page .r-menu-list dd { float: left; width: 50%; }
.speciality-page .r-menu-list dd a { 
	display: block; height: 1.7rem; line-height: 1.7rem;
	background-color: #fff; border: 1px solid #ddd; border-radius: 2px; 
	font-size: .6rem; text-align: center;
	margin: .25rem; 
}

/* nav-h60 */
.nav-h60 { 
	position: relative; 
	display: block; height: 3rem; line-height: 3rem; overflow: hidden;
	padding: 0 .75rem; font-size: .8rem; 
}
.nav-h60 .icon-back {
	float: right; font-size: .5rem; color: #aaa; margin-top: 1.25rem;
	-webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.nav-h60:after {
	position: absolute; content: '';
	left: 0; right: 0; bottom: 0;
	height: 1px; background-color: #e9e9e9;
}

/* yw-fw */
.yw-fw { padding: 0 3.125vw; overflow: hidden; }
.yw-fw li { float: left; box-sizing: border-box;  }
.yw-fw li a { 
	display: block; height: 2rem; line-height: 2rem;
	font-size: .6rem; color: #666; text-align: center;
}
	/**/
.yw-fw2 { overflow: hidden; }
.yw-fw2 li { float: left;  border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
.yw-fw2 li a { 
	display: block; height: 2.5rem; line-height: 2.5rem;
	font-size: .6rem; color: #666; text-align: center;
}


/* fold-bar */
.fold-bar { padding: .85rem 0 1.6rem; position: relative; }
.fold-bar .ovh, .fold-bar2 .ovh { 
	overflow: hidden;    
	-webkit-transition: all .25s linear;
            transition: all .25s linear; 
}
.fold-bar .all-btn { position: absolute; left: 0; right: 0; bottom: 0; }
	/* all-btn */
.all-btn { height: 1.6rem; text-align: center; }
.all-btn .icon-back {
	font-size: .5rem; color: #bbb;
	-webkit-transform: rotate(-90deg);
        	transform: rotate(-90deg); 
    -webkit-transition: all .25s linear;
            transition: all .25s linear;
}
.fold-bar-unfold .all-btn .icon-back {
	-webkit-transform: rotate(90deg);
        	transform: rotate(90deg);
}

/* tit-nav */
.tit-nav { 
	position: relative; border-bottom: 1px solid #e8e8e8;
	height: 2.25rem; padding: 0 .75rem;
	font-size: .5rem; line-height: 2.25rem; color: #aaa; 
}
.back { float: left; font-size: .5rem; color: #aaa; }

	/**/
.dy-tit { height: 25vw; line-height: 25vw; font-size: 7.5vw; border-bottom: 1px solid #eee; }
	/**/
.tit-nav .r-down { float: right; font-size: .5rem; color: #222; }
.tit-nav .r-down .icon-back { 
	font-size: .5rem; color: #bbb; margin: 0 0 1px .25rem;
	-webkit-transform: rotate(-90deg); transform: rotate(-90deg); 
}
	/* pop-down-bar */
.pop-down-bar { 
	position: absolute; left: 0; top: 2.25rem; right: 0;
	background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0, .5); z-index: -1; opacity: 0; 	
	-webkit-transition: all .1s linear; transition: all .1s linear; 
	-webkit-transform: translateY(1rem); transform: translateY(1rem);
}
.pop-down-bar .ovh { padding: 1rem 0; }
.pop-down-bar ul { max-height: 8rem; background-color: #fff; overflow-x: hidden; overflow-y: scroll; }
.pop-down-bar ul li { float: left; width: 25%; }
.pop-down-bar ul li a { 
	display: block; height: 2rem; line-height: 2rem; 
	padding: 0 .5rem; overflow: hidden;
	font-size: .6rem; color: #6b6b6b; 
}
	/*pop-down-bar-show*/
.pop-down-bar-show { opacity: 1; z-index: 1000; -webkit-transform: translateY(0); transform: translateY(0); }

/* detail-title */
.detail-title { border-bottom: 1px solid #e8e8e8; padding: 1.3rem .75rem 1.2rem;  }
.detail-title h1 { font-size: .9rem; line-height: 1.2rem; margin-bottom: .3rem; }
.detail-title .info { height: 1rem; overflow: hidden; font-size: .5rem; color: #aaa; }
.detail-title .info span, .detail-title .info time { float: left; margin-right: 1rem; }

/* detail-nr */
.detail-nr { padding-top: .75rem; }
.detail-nr .ovh { padding: 0 .75rem; overflow: hidden; }
.detail-nr p { font-size: .7rem; color: #666; line-height: 1.4rem; padding: .15rem 0; }
.detail-nr p strong { font-size: .8rem; color: #222; }

/* jujiao-nr */
.jujiao-nr img { display: block; max-width: 100%; padding: 0 .75rem; }
	/**/
.daoyu-bar { padding: 1rem .75rem; }
.daoyu-bar strong { font-size: .8rem; color: #222; line-height: 1.4rem; padding: .15rem 0; }
.daoyu-bar p { font-size: .6rem; color: #999; line-height: 1.2rem; padding: .15rem 0; }
	/**/
.jujiao-k { padding-bottom: 1.5rem;  }
.jujiao-k h2 { height: 2rem; line-height: 2rem; padding: 0 .75rem; background-color: #f5f5f5; font-size: .8rem;  }
.jujiao-k p { font-size: .6rem; color: #666; line-height: 1.2rem; padding: .75rem; }
.jujiao-k .mui-btn { 
	display: block; width: 5rem; height: 1.3rem; line-height: 1.2rem; 
	font-size: .5rem !important;
	border-radius: .6rem; margin: 0 auto; 
}

/* zuiming-list */
.zuiming-list {  }
.zuiming-list li { height: 2.2rem; line-height: 2.2rem; overflow: hidden; border-bottom: .5px solid #e9e9e9; }
.zuiming-list li a { display: block; padding: 0 .75rem; font-size: .7rem; }
.zuiming-list li span { float: right; font-size: .5rem; color: #aaa; margin-left: 1rem; }

/* pull-down-line */
.pull-down-line { border-bottom: 1px solid #e8e8e8; }
.pull-down-line span { position: relative; }
.pull-down-line span:after {
	position: absolute; top: 50%; right: 0; content: '';
	width: 1px; height: .7rem; background-color: #eaeaea;
	margin-top: -.35rem;
}

/* fenlei-list */
.fenlei-list { overflow: hidden; }
.fenlei-list li { float: left; border-right: .5px solid #e8e8e8; border-bottom: .5px solid #e8e8e8; }
.fenlei-list li a { display: block; height: 2.7rem; line-height: 2.7rem; padding: 0 .75rem; font-size: .6rem; overflow: hidden; }
.fenlei-list li a span { float: right; font-size: .5rem; color: #ccc; margin-left: .25rem; }
.fenlei-list li a .icon-hualv { font-size: .9rem; color: #8ba2bf; margin-right: .5rem; }
.fenlei-list li.w-all { width: 100%; }

/* suibi-type */
.suibi-type { height: 6.3rem; }
.suibi-type li { float: left; text-align: center; }
.suibi-type li a { display: block; height: 6.3rem; padding-top: 1.25rem; font-size: .6rem; }
.suibi-type li p { height: 2.5rem; margin-bottom: .3rem; }
.suibi-type .icon-hualv-round, .icon-hualv-round:after { width: 2.5rem; height: 2.5rem; }
.suibi-type .icon-hualv-round:before { font-size: 1.4rem;  margin: -.7rem 0 0 -.6rem; color: #fff; }
.suibi-type li:nth-child(1) .icon-hualv-round:after { background-color: #39b6f8; }
.suibi-type li:nth-child(2) .icon-hualv-round:after { background-color: #f56050; }
.suibi-type li:nth-child(3) .icon-hualv-round:after { background-color: #4eccb6; }

/* txt-author */
.txt-author { position: relative; padding-top: 2rem; }
.txt-author .icon-tuijian { position: absolute; top: 1rem; height: 22px; line-height: 22px; padding: 0 .5rem 0 .75rem; }
.txt-author .icon-tuijian:before, .txt-author .icon-tuijian:after { right: -8px; border-width: 8px; }
.txt-author .icon-tuijian:before { top: -8px; }
.txt-author .icon-tuijian:after  { bottom: -8px; }


/* 2018-03-22 */
.article-banner .ban-txt p.s-caaa { color: #aaa; }

/* tab-bar */
.tab-nav { height: 2.5rem; border-bottom: 1px solid #eee; }
.tab-nav a { float: left; width: 20%; line-height: 2.5rem; font-size: .5rem; color: #aaa; text-align: center; }
.tab-nav a.cur { color: #222; }
	/**/
.tab-item { padding: 1.25rem .75rem 2.2rem; position: relative; }
.tab-item .ovh { height: 12rem; overflow: hidden; }
.tab-item h2 { font-size: .8rem; color: #222; margin-bottom: .5rem; }
.tab-item .zn-nr { font-size: .6rem; line-height: 1.4rem; color: #666; }
.tab-item .btn-jt { position: absolute; left: 0; right: 0; bottom: 0; height: 2rem; line-height: 2rem; text-align: center; }
.tab-item .btn-jt .icon-fanhui { font-size: .6rem; color: #aaa; transform: rotate(-90deg); }
.tab-item.show .btn-jt .icon-fanhui { transform: rotate(90deg); }

/* diqu-list */
.diqu-list {}
.diqu-list li { height: 2.7rem; border-bottom: 1px solid #eee; position: relative; padding-left: 3.75rem; }
.diqu-list span { position: absolute; left: .75rem; top: 0; line-height: 2.7rem; }
.diqu-list a { float: left; font-size: .6rem; color: #999; line-height: 2.7rem; padding: 0 .4rem; }

/* search-blue-bg */
.search-blue-bg { height: 4rem; padding: .75rem 1.5rem 0; background-color: #3679ea; }
.search-blue-bg .search { height: 1.9rem; position: relative; }
.search-blue-bg .search .btn { position: absolute; top: 0; right: 0; width: 1.9rem; height: 1.9rem; line-height: 2rem; text-align: center; }
.search-blue-bg .search .btn .icon-shearch { font-size: .8rem; color: #bbb; }
.search-blue-bg .search .btn:active { background-color: #ddd; }
.search-blue-bg .search input { display: block; border: none; width: 100%; padding-right: 2rem; margin-bottom: 0; }


/* law-help-list */
.law-help-list { border-top: 1px solid #eee; }
.law-help-list li { /* height: 8.2rem; */ padding: 1.5rem .75rem 1.25rem; border-bottom: 1px solid #eee; overflow: hidden; }
.law-help-list li .law-img { float: left; width: 5.2rem; height: 5.2rem; margin-right: 1rem; }
.law-help-list li .law-img img { display: block; width: 100%; height: 100%; }
.law-help-list li .name { display: block; font-size: .7rem; color: #222; margin-bottom: .25rem; }
.law-help-list li span { display: block; font-size: .5rem; color: #aaa; height: 1.1rem; line-height: 1.1rem; overflow: hidden; }
.law-help-list li span .icon-hggf { float: right; font-size: .5rem; color: #222; margin: .2rem 0 0 .5rem;  }



/* 2018-08-29 */

/* law-title-bar */
.law-title-bar {padding: 27px 15px 24px;}
.law-title-bar h2 {font-size: 23px; color: #333;line-height: 25px;font-weight: 500;}
.law-title-bar .other {height: 20px; overflow: hidden;margin: 10px 0 14px;}
.law-title-bar .other span {float: left;font-size: 11px;color: #bbb;margin-right: 30px;}
.law-title-bar .unfold-bar {position: relative; }
.law-title-bar .un-ovh {height: 50px; overflow: hidden;}
.law-title-bar .un-nr {font-size: 15px; color: #666; line-height: 25px;}
.law-title-bar .un-btn {position: absolute; right: 0; bottom: 0; height: 25px; line-height: 25px; background-color: #fff; padding-left: 5px;font-size: 15px;color: #60c86f; }
.law-title-bar .un-nbtn {position: absolute; right: 0; bottom: 0;  height: 25px;line-height: 25px;background-color: #fff; padding-left: 5px;font-size: 15px;color: #666;}

/* law-jieshi */
.law-jieshi { padding: 29px 15px 26px;}
.law-jieshi h2 {font-size: 19px;color: #333;font-weight: 500;}
.law-jieshi .cont { line-height: 30px;margin-top: 22px;padding-bottom: 2px;}
.law-jieshi .cont img { float: left; width: 115px; height: 76px;  margin: 8px 15px 0 0; }
.law-jieshi .cont p {font-size: 16px;color: #333; margin-bottom: 16px; }
.law-jieshi .mui-btn {display: block;width: 90px;height: 35px;line-height: 35px;padding: 0;font-size: 14px; text-align: center;  margin: auto;}

/* law-diqu */
.law-diqu {padding: 29px 0 25px;}
.law-diqu h2 {padding: 0 15px;font-size: 19px;color: #333;font-weight: 500; }
.law-diqu ul {padding: 0 10px;overflow: hidden;margin-top: 25px; }
.law-diqu li { float: left; width: 25%;padding: 5px; }
.law-diqu li a { display: block; height: 33px;  line-height: 33px; background-color: #f8f8f8;  border-radius: 17px;  padding: 0;  font-size: 14px; color: #6b6b6b; text-align: center; }
.law-diqu li a.mui-btn { background-color: #fff;color: #60c86f; }

/* law-fanben */
.law-fanben {padding: 29px 0 19px;}
.law-fanben h2 { padding: 0 15px;font-size: 19px;color: #333; font-weight: 500; }
.law-fanben ul { margin-top: 18px;}
.law-fanben li { height: 36px;overflow: hidden;}
.law-fanben li a {display: block; padding: 0 15px;font-size: 15px;color: #4676e1; line-height: 36px; }

.diqu-list-hidden{display:none;}
/*.law-jieshi .cont p {
    height: 165px;
    overflow: hidden;
    margin-bottom: 15px;
}*/



#btn-fankui {
    color: #4676e1;
    font-size: .6rem;
}

.m-fan-pop-show {
    position: fixed;
    top: 50%;
    right: 1.5rem;
    left: 1.5rem;
    z-index: 1002;
    margin-top: -5rem;
    padding: 1.5rem 0 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0, .15);
    text-align: center;
    background-color: #fff;
    border-radius: .6rem;
}

    .m-fan-pop-show a {
        display: inline-block;
        margin: .5rem .25rem 0;
        padding: 0 .3rem;
        min-width: 4rem;
        height: 2rem;
        line-height: 2rem;
        color: #666;
        border: 1px solid #eee;
        border-radius: 1rem;
        font-size: .65rem;
    }

/* 2018-11-1 */
.m-word-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    padding: 10px;
    font-size: .5rem;
    padding-top: 1.8rem;
    text-align: center;
}
.m-word-img-p {
    color: #fff;
    font-size: .5rem;
    height: 2rem;
    overflow: hidden;
    line-height: 1rem;
}
/* det-btn */
.det-btn { display: inline-block; padding: 0 .5rem; min-width: 4rem; font-size: .7rem; color: #ec3b3b; height: 1.6rem; line-height: 1.5rem; border: .05rem solid #ec3b3b; border-radius: .2rem; text-align: center; }
.btn-red { background-color: #ec3b3b; color: #fff; border-color: #ec3b3b; }
.det-btn:active { color: #ec3b3b; }
.btn-red:active { color: #fff; background-color: #ddd; border-color: #ddd; }


/* lawyer-recom-card */
.lawyer-recom-card { position: relative; height: 4rem; background: url('../images/bg-a.jpg') center center no-repeat; background-size: 100% 100%; }
.lawyer-recom-card .det-btn { position: absolute; top: 1.5rem; right: .75rem; z-index: 2; }
.lawyer-recom-card .lawyer-link { position: relative; display: block; padding: .65rem 4.8rem .65rem .75rem; overflow: hidden; }
.lawyer-recom-card .lawyer-link .r { position: absolute; top: 0; right: 0; background-color: rgba(27,27,27,.3); float: left; height: .8rem; line-height: .8rem; padding: 0 .2rem; color: #fff; font-size: .5rem; }
.lawyer-recom-card .lawyer-link .photo { position: relative; float: left; margin-right: .5rem; width: 2.7rem; height: 2.7rem; }
.lawyer-recom-card .lawyer-link .photo .p-img { display: block; width: 2.7rem; height: 2.7rem; border-radius: 50%; overflow: hidden; }
.lawyer-recom-card .lawyer-link .photo .icon-vip { position: absolute; right: .25rem; bottom: .1rem; background-color: #fdad00; color: #fff; width: .7rem; height: .7rem; line-height: .85rem; border-radius: 50%; text-align: center; font-size: .5rem; overflow: hidden; } 
.lawyer-recom-card .lawyer-link .name { margin-top: .1rem; display: block; height: 1.2rem; line-height: 1.2rem; font-size: .9rem; }
.lawyer-recom-card .lawyer-link .specail { margin-top: .4rem; height: 1rem; line-height: 1rem; overflow: hidden; font-size: .6rem; color: #666; }
.lawyer-recom-card .lawyer-link .specail span { margin-right: .5rem; float: left; white-space: nowrap; }
.lawyer-recom-card .lawyer-link .specail span:last-child { margin-right: 0; }

/* 2019-05-09 add #5692 */
/* det-xg-qus-b */
.det-xg-qus-b li {
    position: relative;
}

.det-xg-qus-b a.item {
    display: block;
    padding: .75rem;
}

.det-xg-qus-b li::after {
    content: '';
    position: absolute;
    right: .75rem;
    bottom: 0;
    left: .75rem;
    border-bottom: 1px solid #eee;
}

.det-xg-qus-b .photo {
    width: 3rem;
    height: 3rem;
}

.det-xg-qus-b .t {
    height: 2rem;
    line-height: 1rem;
    overflow: hidden;
    margin-bottom: .25rem;
    font-size: .8rem;
    color: #333;
}

.s-cec3 {
    color: #ec3b3b;
}

/* 2019-08-21  #7282 */
.ht-list li {
    border-bottom: 1px solid #eee;
}

    .ht-list li a {
        display: block;
        padding: 0 100px 0 15px;
        line-height: 50px;
        position: relative;
    }

    .ht-list li .ect {
        display: inline-block;
        vertical-align: middle;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .ht-list li .icon-good {
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        background-color: #ff0000;
        font-size: 12px;
        color: #fff;
        line-height: 14px;
        text-align: center;
    }

    .ht-list li .fr {
        position: absolute;
        top: 0;
        right: 15px;
        font-size: 13px;
        color: #999;
    }

   .ht-list li .fr .iconfont {
            margin-right: 5px;
        }
/* 2019-09-17  #合同范本详细页精品图标 */
.icon-good {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #ff0000;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    text-align: center;
}