@charset "utf-8";
/* CSS Document */

.ico-sol {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    background: url('/images/ico-sol.png') no-repeat;
}

.i-sol1 {
    width:52px; height:73px;
    background-position:0 0;
}
.i-sol2 {
    width:91px; height:73px;
    background-position:-65px 0;
}
.i-sol3 {
    width:69px; height:73px;
    background-position:-170px 0;
}
.i-sol4 {
    width:57px; height:73px;
    background-position:-260px 0;
}
.i-sol5 {
    width:72px; height:73px;
    background-position:-336px 0;
}
.i-sol6 {
width:74px; height:73px;
background-position:-425px 0;
}
.i-sol7 {
    width:43px; height:73px;
    background-position:0 -80px;
}
.i-sol8 {
    width:57px; height:73px;
    background-position:-75px -80px;
}
.i-sol9 {
    width:72px; height:73px;
    background-position:-160px -80px;
}
.i-sol10 {
    width:62px; height:73px;
    background-position:-260px -80px;
}
.i-sol11 {
    width:29px; height:73px;
    background-position:-360px -80px;
}
.i-sol12 {
    width:72px; height:73px;
    background-position:-425px -80px;
}
.i-sol13, .i-sol14, .i-sol15 {
    width:80px; height:80px;
}
.i-sol13 { background-position:0 -170px; }
.i-sol14 { background-position:-90px -170px; }
.i-sol15 { background-position:-180px -170px; }
.i-sol16, .i-sol17, .i-sol18 {
    width:32px; height:32px;
}
.i-sol16 { background-position:-270px -170px; }
.i-sol17 { background-position:-310px -170px; }
.i-sol18 { background-position:-350px -170px; }
.i-sol19 {
    width:27px; height:14px;
    background-position:-390px -170px;
}
.i-sol20 {
    width:14px; height:21px;
    background-position:-430px -170px;
}
.i-sol21 {
    width:20px; height:20px;
    background-position:-455px -170px;
}
.i-sol22 {
    width:10px; height:15px;
    background-position:-485px -170px;
}
.i-sol23, .i-sol24 {
    width:16px; height:16px;
}
.i-sol23 { background-position:-270px -215px; }
.i-sol24 { background-position:-295px -215px; }
.i-sol25 {
    width:11px; height:9px;
    background-position:-320px -215px;
}
.i-sol26 {
    width:14px; height:10px;
    background-position:-340px -215px;
}
.i-sol27, .i-sol28 {
    width:14px; height:13px;
}
.i-sol27 { background-position:-366px -215px; }
.i-sol28 { background-position:-390px -215px; }
.i-sol29, .i-sol30 {
    width:7px; height:5px;
}
.i-sol29 { background-position:-415px -215px; }
.i-sol30 { background-position:-430px -215px; }
.i-sol31, .i-sol32 {
    width:3px; height:3px;
}
.i-sol31 { background-position:-445px -215px; }
.i-sol32 { background-position:-455px -215px; }

.i-tit {
    float:left;
    margin:2px 10px 2px 0;
    width:3px; height:16px; line-height:16px;
    background:#63afee;
    overflow:hidden;
}

.w100 { width:100px; }
.w190 { width:190px; }
.w300 { width:300px; }
.w660 { width:660px; }

/* sol-list1  */
.sol-list1 {
    padding:60px 0;
}
.sol-list1 li {
    position:relative;
    float:left;
    margin-right:30px;
    width:140px; height:160px;
    overflow:hidden;
    background-color:#fff;
}
.sol-list1 li.mar0 { margin-right:0; }
.sol-list1 li a {
    position:absolute; left:0; top:0;
    display:block; 
    padding-top:27px;
    width:140px;
    cursor:pointer;
}
.sol-list1 li a:hover, .sol-list1 li a.a-hover { 
    top:-104px;
    color:#333;
}
.sol-list1 li a div {
    padding:10px 15px;
    margin-top:20px;
    height:84px; line-height:24px;
    background-color:#ff6600;
    color:#fff;
}

/* sol-list2  */
.sol-list2 .f22 {
    font-size:22px; 
    line-height:24px;
}
.sol-list2 ul {
    padding:50px 0 80px;
}
.sol-list2 ul li {
    float:left;
    padding:0 15px;
    width:300px;
}
.sol-list2 ul li span {
    display: block;
    padding-top: 20px;
}

/* zk-box */
.zk-box {
    padding:0 19px;
    border:1px solid #eaeaea;
}
.zk-box-list {
    position:relative;
    padding:10px 50px 0 70px; 
    min-height:20px; _height:20px;
}
.zk-box-list .h-a {
    *padding-bottom:10px;
}
.borb1 { border-bottom:1px dotted #eaeaea; }
.zk-box .zk-type {
    position:absolute; 
    left:0; top:10px;
}
.zk-box-list .zk-btn {
    position:absolute;
    right:0; top:10px; 
}
.zk-box-list .zk-nr {
    height:30px; overflow:hidden; 
}
.zk-box-list .zk-nr a {
    float:left; white-space:nowrap;
    padding:0 5px; margin-right:30px; margin-bottom:10px;
    height:20px; line-height:20px;
    font-size:14px;
    color:#666;
}
.zk-box-list .zk-nr a:hover, .zk-box-list .zk-nr a.dq-hover {
    background:#ffa52a; color:#fff;
}
.h-a { height:auto !important; }

/* 筛选 */
.zk-box-list .zk-nr a.u-fe {
    position: relative;
    height: 18px; line-height: 18px;
    padding: 0 23px 0 4px;
    border: 1px solid #ffa52a;
    cursor:pointer;
}
.zk-box-list .zk-nr a.u-fe span {
    position: absolute;
    top: 0; right: 0; _right:-1px;
    width: 19px; height: 18px;
    text-align: center;
    background-color:#ffa52a;
}
.zk-box-list .zk-nr a.u-fe span .ico-sol { 
    vertical-align: baseline; *vertical-align:text-bottom;
    *display:block;
    *margin-top:5px;
}
.zk-box-list .zk-nr a.u-fe:hover { 
    border-color:#ff6600; background-color:#fff; color:#666;
}
.zk-box-list .zk-nr a.u-fe:hover span { background-color: #ff6600; }

.title1 { 
    padding-bottom:9px;
    border-bottom:1px solid #eaeaea;
}

/* sol-list3  */
.sol-list3 li {
    padding:20px 0;
    border-bottom:1px dashed #eaeaea;
}
.sol-list3 li.borbs { border-bottom-style:solid; }
.sol-list3 li img {
    display:block;
    width:148px; height:94px;
}
.lh26 { line-height:26px; }
.line1 {
    float:left;
    margin:5px 15px 0;
    width:1px; height:12px; line-height:12px;
    background-color:#eaeaea;
}
.sol-list3 li .sol-dz-y { color:#f60 !important; }
.sol-list3 li .sol-dz:hover .i-sol27, .sol-list3 li .sol-dz-y .i-sol27  { 
    background-position:-390px -215px;
}

/* sol-list4  */
.sol-list4 li {
    padding:10px 0;
    height:20px; line-height:20px;
    font-size:14px;
    border-bottom:1px dashed #eaeaea;
}
.sol-list4 li.borb0 { border-bottom:0; }
.sol-list4 li p { height:20px; overflow:hidden; }

/* sol-list5  */
.sol-list5 {
    border:1px solid #eaeaea;
}
.sol-list5 a {
    display:block;
    padding:10px 29px;
    height:32px; line-height:32px;
    font-size:14px; color:#666;
    border-bottom:1px dashed #eaeaea;
}
.sol-list5 a:hover {
    background-color:#f5f5f5; color:#666;
    border-bottom-style:solid;
}
.sol-list5 a.borb0 { border-bottom:0; }

/* sol-list6  */
.sol-list6 li {
    padding:20px 0;
    height:135px;
}
.sol-list6 li img {
    display:block;
    width:110px; height:135px;
}

/* gs-list1 */
.gs-list1 {
    border:1px solid #eaeaea;
    background-color:#f2f7fd;
}
.gs-list1-l { 
    width:198px; 
    padding:20px 0;
}
.gs-list1-l .title2 {
    position:relative; left:-1px;
}
.gs-list1-r { 
    padding:20px 40px;
    width:709px; 
    border-left:1px solid #eaeaea;
    background-color:#fff;
    min-height:240px;
}

.gs-list1-nav a {
    position:relative;
    display:block;
    padding:16px 0 16px 20px;
    height:32px; line-height:32px;
    font-size:14px;
    color:#666;
    border-top:1px solid #f2f7fd; border-bottom:1px solid #f2f7fd;
    -webkit-transition:none;
	   -moz-transition:none;
		 -ms-transition:none;
			    transition:none;
}
.gs-list1-nav a:hover { color:#666; }
.gs-list1-nav a.dq-nav {
    background-color:#fff;
    border-color:#eaeaea;
    color:#297acc;
}
.gs-list1-nav a .i-sol20 { display:none; }
.gs-list1-nav a.dq-nav .i-sol20 {
    display:block;
    position:absolute; right:-14px; top:22px;
}
.gs-list1-r .m-form li { padding-left:260px; margin-bottom:20px; }
.gs-list1-r .m-form .u-tit { width:240px; }
.gs-list1-r .m-form .u-pn { margin-left:0; }
.gs-list1-r .u-hint { left:460px; }
.gs-list1-r .u-hint2 {
    position:absolute; left:428px; top:0;
    font-size:14px;
    color:#666;
}

.h-auto .pn-more {
    height:auto !important;
    overflow-y:auto;
}
.u-190 .u-pn { width: 188px; }
.u-190 .pn-more { width: 188px; }
.u-190 .u-pn-click .pn-ct { width: 188px; }
.u-190 .u-fm { 
    width:170px;
}
.u-90 .u-btn-sl { padding:0 32px; *padding:0 31px; }
.u-90 .pn-on { font-size:12px; }
.u-90 .u-pn { width: 88px; }
.u-90 .pn-more { width: 88px; }
.u-90 .u-pn-click .pn-ct { width: 88px; }

.gs-list1-r .u-190 .u-fd {
    min-height: 20px;
    line-height: 20px;
    height: 20px;
}

.table1 table, .table1 table tr, .table1 table tr td {
    border:1px solid #eaeaea;
}
.table1 table tr td {
    width:50%;
}
.table1 table tr td p {
    padding:10px 0 10px 20px;
    line-height:20px;
    color:#666;
}
.table2 table, .table2 table tr, .table2 table tr td {
    border:1px solid #eaeaea;
}
.table2 table tr td p {
    padding:10px 10px 10px 20px;
    line-height:20px;
    color:#666;
}

.gs-list1-r .tip-box {
    position:absolute; left:465px;
}

.table3 table { background-color:#f5f5f5; }
.table3 table, .table3 table tr, .table3 table tr td {
    border:1px solid #eaeaea;
}
.table3 table p {
    line-height:20px;
    min-height:20px; _height:20px;
    padding:10px;
    word-wrap:break-word; word-break:break-all;
    background-color:#fff; color:#666;
}
.table3 table  span { display:block; }


/* 详细页 */
.f28 { font-size:28px; }
.l-tit {
    height: 26px;
    background: url('/images/l-tit-line.png') repeat-x center;
}
.l-tit div {
    float: left;
    padding-right: 20px;
    background-color: #fff;
    font-size: 24px; line-height: 24px; *line-height: 26px;
}
.l-tit div i {
    float: left;
    width: 5px; height: 24px;
    background-color: #63afee;
    margin: 1px 10px 0 0;
}
.l-tit div h1 {
    float: left;
    _margin-top: 3px;
    font-family: \5FAE\8F6F\96C5\9ED1;
}

.w660 img { display:block; }

.sol-list7 {
    padding:10px 19px;
    border:1px solid #eaeaea;
    line-height:24px; 
    background-color:#f5f5f5;
}
.ce-tab { height: 65px; }
.ce-tab a {
    position: relative;
    float: left;
    width: 148px; height: 45px; line-height: 45px;
    background-color: #88bfee;
    font-size: 14px; color: #fff; text-align: center;
    margin-right: 22px;
}
.ce-tab a .i-sol19 {
    position: absolute;
    left: 50%; bottom: -9px;
    margin-left: -12px;
    display: none;
}
.ce-tab a.ce-tab-ct, .ce-tab a:hover { background-color: #ffa52a; color: #fff!important; }
.ce-tab a.ce-tab-ct .i-sol19 { display: block; }
.ce-list {
    padding:29px;
    border:1px solid #dbe8f8;
}

.sol-list8 li {
    float:left;
    width:110px;
    margin-right:73px;
}
.pl120 { padding-left:120px; }
.sol-list7 .p10 .u-btn-oe { 
    width:140px;
    font-size:18px;
}
.w320 { width:320px; }
.art-list li {
    height: 32px; line-height: 32px;
    overflow: hidden;
}
.art-list li span { color: #999; margin-left: 10px; }
.art-list a { font-size: 14px; }
.art-list a .i-sol31 {
    float: left;
    margin: 15px 10px 0 0;
}
.art-list a:hover .i-sol31 { background-position:-455px -215px; }
/*tag-list*/
.tag-list a {
    float: left;
    padding: 0 10px;
    background-color: #88bfee;
    height: 30px; line-height: 30px;
    font-size: 14px; color: #fff;
    margin: 0 5px 5px 0;
    white-space:nowrap;
}
.tag-list a:hover {
    background-color: #ffbc5f;
    color: #fff;
}

.floatr1 {
    margin-left: 195px;
}
 
/* 吸顶 */
.pf-top {
    position: fixed;
    left: 0; top: 0;
    width: 100%;
    z-index: 1000;
}
.ht-pf { 
    height: 30px;
    padding:15px 0;
    background-color: #4b93d7;
    -webkit-transition: all .2s;
        -moz-transition: all .2s;
          -ms-transition: all .2s;
                transition: all .2s;
}
.ht-pf b {
    line-height:30px;
    color: #fff;
    font-weight:normal;
}
.ht-pf .u-pn { background-color: #fff; }
.ht-pf .pn-on { font-size:12px; }

.u-150 .u-pn { width: 148px; }
.u-150 .pn-more { width: 148px; }

.u-270 .u-pn { width: 268px; }
.u-270 .pn-more { width: 268px; }

/* 2021-03-16 By LQ #16302 */
.ico-vip { 
    display: inline-block; vertical-align: middle; width: 20px; height: 20px;
    background: url('../../ui_v1/static/ico-vip.png') no-repeat; background-size: cover;
}
.tel-07 { width: 17px; height: 16px; background-position: -148px 0; }

/* hr-line */
.hr-line { position: relative; } 
.hr-line:after { position: absolute; left: 0; bottom: 0; right: 0; content: ''; border-bottom: 1px solid #e8e8e8; transform: scaleY(1); } 
.dashed:after { border-bottom-style: dashed; } 
.dotted:after { border-bottom-style: dotted; } 
.underline:after { border-bottom-color: #d9d9d9; } 
.hr-line .txt { 
    position: absolute; left: 50%; top: 50%; z-index: 5; 
    text-align: center; padding: 0 10px; background-color: #fff; transform: translateX(-50%) translateY(-50%); 
}

/* art-bar */
.art-bar > * { box-sizing: border-box; }
.art-bar, 
.art-bar .photo { position: relative; }
.art-bar .photo img { border-radius: 50%; }
.art-bar .photo .ico-vip { position: absolute; }
.art-bar .lawyer { display: block; height: inherit; }
.art-bar .lawyer .tit .name { color: #333; }
.art-bar .other-num { height: 16px; line-height: 16px; font-size: 12px; color: #999; }
.art-bar .other-num span { position: relative; }
.art-bar .other-num span:after { position: absolute; top: 0; content: '·'; }
.art-bar .other-num span:last-child { padding-right: 0; }
.art-bar .other-num span:last-child:after { content: ''; } 
.art-bar .other-num em { color: #333; }
.art-bar .info { font-size: 12px; color: #666; line-height: 20px; max-height: 40px; overflow: hidden; margin-top: 8px; }
.art-bar .attest { position: absolute; font-size: 12px; color: #666; line-height: 16px; }
.art-bar .attest span { 
    display: inline-block; vertical-align: middle; margin: -4px 5px 0 0; color: #999; 
    padding-left: 22px; background: url('/images/ico-attest.png') no-repeat 5px 3px;
}
.art-bar .right { position: absolute; }
.art-bar .right .tel { font-size: 24px; color: #ec3b3b; line-height: 30px; }
.art-bar .right .tel .tel-07 { margin-right: 8px; }
.art-bar .u-btn { 
    position: absolute; z-index: 5; 
    height: 34px; line-height: 34px; border-radius: 34px; 
    border: 1px solid #0057ff; background-color: #0057ff; color: #fff;
    font-size: 16px; text-align: center; padding: 0;
    transition: .2s linear;
}
.art-bar .u-btn:hover { opacity: .85; }
    /* art-w660-h200 */
.art-w660-h200 { height: 200px; background: url('/images/660x200.png') no-repeat; }
.art-w660-h200 .u-label { 
    position: absolute; left: 0; top: 0; 
    padding: 0 12px 0 4px; line-height: 20px; border-radius: 0 0 16px 0;
    background: linear-gradient(225deg, #c5e2ff 0%, #79b6f2 100%);
    font-size: 12px; color: #fff;
}
.art-w660-h200 .lawyer { padding: 30px 220px 30px 140px; }
.art-w660-h200 .photo { position: absolute; left: 20px; top: 30px; width: 100px; height: 100px; }
.art-w660-h200 .photo .ico-vip { right: 11px; bottom: 3px; }
.art-w660-h200 .tit { height: 32px; line-height: 32px; }
.art-w660-h200 .tit .name { float: left; max-width: 214px; font-size: 24px; }
.art-w660-h200 .tit .post { float: left; font-size: 12px; color: #999; line-height: 14px; margin: 12px 0 0 8px; }
.art-w660-h200 .other-num { margin-top: 8px; }
.art-w660-h200 .other-num span { float: left; padding-right: 19px; }
.art-w660-h200 .other-num span:after { right: 9px; }
.art-w660-h200 .info { font-size: 12px; color: #666; line-height: 20px; max-height: 40px; overflow: hidden; margin-top: 8px; }
.art-w660-h200 .attest { left: 140px; bottom: 32px; }
.art-w660-h200 .right { top: 30px; right: 30px; text-align: right; }
.art-w660-h200 .right .tips { color: #999; line-height: 16px; margin-top: 4px; }
.art-w660-h200 .u-btn { top: 88px; right: 30px; width: 120px; }

/* art-w300-h452 */
.art-w300-h452 { height: 452px; background: #f2f5f8 url('../../ui_v1/pc/pic/art/300x452.png') no-repeat; }
.art-w300-h452 .photo { display: block; width: 140px; height: 140px; margin: auto; }
.art-w300-h452 .photo .ico-vip { width: 24px; height: 24px; right: 12px; bottom: 8px; }
.art-w300-h452 .lawyer { padding-top: 24px; text-align: center; }
.art-w300-h452 .lawyer .tit { height: 24px; line-height: 24px; margin-top: 16px; }
.art-w300-h452 .lawyer .tit span { display: inline-block; vertical-align: middle; }
.art-w300-h452 .lawyer .tit .name { font-size: 18px; font-weight: 700; max-width: 160px; }
.art-w300-h452 .lawyer .tit .post { font-size: 12px; color: #999; line-height: 14px; margin: 4px 0 0 8px; }
.art-w300-h452 .other-num { margin-top: 10px; }
.art-w300-h452 .other-num span { padding: 0 8px; }
.art-w300-h452 .other-num span:after { right: 0; }
.art-w300-h452 .hr-line { margin: 32px 57px 0; }
.art-w300-h452 .hr-line .txt { width: 110px; background-color: #f2f5f8; color: #666; font-size: 12px; line-height: 16px; }
.art-w300-h452 .attest { left: 0; right: 0; margin-top: 18px; text-align: center; padding-right: 6px; }
.art-w300-h452 .attest span { margin: -4px 0 0; }
.art-w300-h452 .right { top: 320px; left: 0; right: 0; text-align: center; }
.art-w300-h452 .right .tel .f12 { display: inline-block; vertical-align: middle; margin: -2px 0 0 8px; }
.art-w300-h452 .right .tips { padding-left: 63px; text-align: left; color: #999; margin-top: -2px; }
.art-w300-h452 .u-btn { left: 57px; bottom: 32px; width: 186px; }