/** #7932  二级域名网站样式 */
div{ margin:0 auto;}
#mn122{ margin-bottom:20px!important;}
#mn122 .bd li{ width:380px;  margin:0; padding:0;margin-right:10px;}

.w840 { width: 840px; }
.w340 { width: 340px; }
.bg-f5 { background-color: #f5f5f5; }
.mt10 { margin-top: 10px; }
.mt25 { margin-top: 25px; }
.mt35 { margin-top: 35px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.pt10 { padding-top: 10px; }
.pt55-b60 { padding: 55px 0 60px; }
.bg-black { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000;  background: #000; opacity: .5; filter:Alpha(opacity=50); }
.bg-shadow { background-color: #fff; box-shadow: 0px 8px 20px 0px rgba(102, 102, 102, 0.06); }

/* btn */
.btn { transition: all .2s linear; }
.btn:hover { opacity: .8; }
.more-btn { 
    display: block; width: 128px; height: 38px; margin: auto; 
    border: 1px solid #333; border-radius: 20px; font-size: 16px; line-height: 38px; text-align: center;
}
.more-btn .ico-oth { margin-left: 8px; }
.more-btn:hover { border-color: #2053f7; }
.more-btn:hover .i-ot4 { background-position: -108px -15px; }

/* icon */
.ico-lawyer, .ico-share, .ico-star, .ico-oth { display: inline-block; vertical-align: middle; margin-top: -3px; }
.ico-lawyer {
    background: url('../images/ico_lawyer.png') no-repeat;
}
.ico-share {background: url('../images/icon-r.png') no-repeat;}
.ico-star {background: url('../images/ico-star.png') no-repeat;}
.ico-oth {background: url('../images/icon-lr.png') no-repeat;}
    /*  */
.i-ot1 { width: 68px; height: 21px; background-position: 0 0; }
.i-ot2 { width: 18px; height: 18px; background-position: -80px 0; }
.i-ot3 { width: 35px; height: 13px; background-position: -100px 0; }
.i-ot4 { width:  6px; height: 12px; background-position: -100px -15px; }
.i-ot5 { width: 16px; height: 16px; background-position: 0 -30px; }
.i-ot6 { width: 16px; height: 16px; background-position: -18px -30px; }
.i-ot7 { width: 16px; height: 16px; background-position: -36px -30px; }
.i-ot8 { width: 16px; height: 16px; background-position: -54px -30px; }
.i-ot9 { width: 16px; height: 16px; background-position: -72px -30px; }
.i-ot10{ width: 16px; height: 16px; background-position: -90px -30px; }
.i-ot11{ width: 16px; height: 16px; background-position: -108px -30px; }
.i-ot12{ width: 40px; height: 40px; background-position: 0 -48px; }
.i-ot13{ width: 40px; height: 40px; background-position: -45px -48px; }
.i-ot14{ width: 40px; height: 40px; background-position: -90px -48px; }
.i-ot15{ width:  9px; height: 12px; background-position: -126px -30px; }
.i-ot16{ width: 16px; height: 12px; background-position: -124px -15px; }
.i-ot17{ width:  6px; height: 12px; background-position: -108px -15px; }
.i-ot18{ width:  6px; height: 12px; background-position: -116px -15px; }
.i-ot19{ width: 16px; height: 16px; background-position: -136px -30px; }
    /* ico-share */
.i-se1 { width: 32px; height: 32px; background-position: 0 0; }
.i-se2 { width: 32px; height: 32px; background-position: -32px 0; }
.i-se3 { width: 32px; height: 32px; background-position: -64px 0; }
.i-se4 { width: 32px; height: 32px; background-position: -96px 0; }
.i-se5 { width: 32px; height: 32px; background-position: -128px 0; }
.i-se6 { width: 32px; height: 32px; background-position: -160px 0; }
.i-se7 { width: 32px; height: 32px; background-position: -192px 0; }
.i-se8 { width: 32px; height: 32px; background-position: -224px 0; }
.i-se1b{ width: 32px; height: 32px; background-position: 0 -32px; }
.i-se2b{ width: 32px; height: 32px; background-position: -32px -32px; }
.i-se3b{ width: 32px; height: 32px; background-position: -64px -32px; }
.i-se4b{ width: 32px; height: 32px; background-position: -96px -32px; }
.i-se5b{ width: 32px; height: 32px; background-position: -128px -32px; }
.i-se6b{ width: 32px; height: 32px; background-position: -160px -32px; }
.i-se7b{ width: 32px; height: 32px; background-position: -192px -32px; }
.i-se8b{ width: 32px; height: 32px; background-position: -224px -32px; }
.i-se9 { width: 38px; height: 38px; background-position: 0 -65px; }
.i-se10{ width: 38px; height: 38px; background-position: -40px -65px; }
.i-se11{ width: 38px; height: 38px; background-position: -80px -65px; }
.i-se12{ width: 38px; height: 38px; background-position: -120px -65px; }
    /* ico-star */
.i-star { width: 18px; height: 14px; background-position: 0 0; }
.i-star-red { width: 18px; height: 14px; background-position: 0 -14px; }
    /* ico-lawyer */
.ico-lawyer.i-lr1 { width: 24px; height: 24px; background-position: 0 0; }
.ico-lawyer.i-lr2 { width: 24px; height: 24px; background-position: -30px 0; }
.ico-lawyer.i-lr3 { width: 24px; height: 24px; background-position: -60px 0; }
.ico-lawyer.i-lr4 { width: 24px; height: 24px; background-position: -90px 0; }
.ico-lawyer.i-lr5 { width: 20px; height: 20px; background-position: -120px 0; }
.ico-lawyer.i-lr6 { width: 20px; height: 20px; background-position: -145px 0; }
.ico-lawyer.i-lr7 { width: 16px; height: 16px; background-position: -170px 0; }
.ico-lawyer.i-lr8 { width: 17px; height: 17px; background-position: -190px 0; }
.ico-lawyer.i-lr9 { width: 16px; height: 10px; background-position: -210px 0; }
.ico-lawyer.i-lr10{ width: 16px; height: 10px; background-position: -210px -15px; }
.ico-lawyer.i-lr11{ width: 11px; height: 11px; background-position: -230px 0; }
.ico-lawyer.i-lr12{ width: 10px; height: 12px; background-position: -230px -13px; }
.ico-lawyer.i-lr13{ width: 16px; height: 10px; background-position: -245px 0; }
.ico-lawyer.i-lr14{ width:  9px; height:  8px; background-position: -245px -14px; }
.ico-lawyer.i-lr15{ width: 24px; height: 24px; background-position: 0 -30px; }
.ico-lawyer.i-lr16{ width: 24px; height: 24px; background-position: -30px -30px; }
.ico-lawyer.i-lr17{ width: 24px; height: 24px; background-position: -60px -30px; }
.ico-lawyer.i-lr18{ width: 24px; height: 24px; background-position: -90px -30px; }
.ico-lawyer.i-lr19{ width: 24px; height: 24px; background-position: 0 -60px; }
.ico-lawyer.i-lr20{ width: 24px; height: 24px; background-position: -30px -60px; }
.ico-lawyer.i-lr21{ width: 24px; height: 24px; background-position: -60px -60px; }
.ico-lawyer.i-lr22{ width: 24px; height: 24px; background-position: -90px -60px; }
.ico-lawyer.i-lr23{ width: 13px; height: 24px; background-position: -120px -30px; }
.ico-lawyer.i-lr24{ width: 13px; height: 24px; background-position: -165px -30px; }
.ico-lawyer.i-lr25{ width: 13px; height: 24px; background-position: -135px -30px; }
.ico-lawyer.i-lr26{ width: 13px; height: 24px; background-position: -150px -30px; }
.ico-lawyer.i-lr27{ width: 16px; height: 17px; background-position: -185px -30px; }
.ico-lawyer.i-lr28{ width: 14px; height:  8px; background-position: -210px -30px; }
.ico-lawyer.i-lr29{ width:  9px; height: 12px; background-position: -230px -30px; }
.ico-lawyer.i-lr30{ width: 16px; height: 16px; background-position: -120px -60px; }
.ico-lawyer.i-lr31{ width: 16px; height: 16px; background-position: -140px -60px; }
.ico-lawyer.i-lr32{ width: 16px; height: 16px; background-position: -160px -60px; }
.ico-lawyer.i-lr33{ width: 16px; height: 16px; background-position: -180px -60px; }
.ico-lawyer.i-lr34{ width: 16px; height: 16px; background-position: -200px -60px; }
.ico-lawyer.i-lr35{ width: 16px; height: 16px; background-position: -220px -60px; }
.ico-lawyer.i-lr36{ width: 16px; height: 16px; background-position: -240px -60px; }
.ico-lawyer.i-lr37{ width: 20px; height: 18px; background-position: 0 -90px; }
.ico-lawyer.i-lr38{ width: 20px; height: 18px; background-position: -30px -90px; }
.ico-lawyer.i-lr39{ width: 20px; height: 18px; background-position: -60px -90px; }
.ico-lawyer.i-lr40{ width: 20px; height: 18px; background-position: -90px -90px; }
.ico-lawyer.i-lr41{ width: 20px; height: 18px; background-position: -120px -90px; }
.ico-lawyer.i-lr42{ width: 20px; height: 18px; background-position: -150px -90px; }
.ico-lawyer.i-lr43{ width: 40px; height: 40px; background-position: 0 -115px; }
.ico-lawyer.i-lr44{ width: 40px; height: 40px; background-position: -50px -115px; }
.ico-lawyer.i-lr45{ width: 48px; height: 48px; background-position: -100px -115px; }
.ico-lawyer.i-lr46{ width: 48px; height: 48px; background-position: -160px -115px; }
.ico-lawyer.i-lr47{ width: 32px; height: 19px; background-position: -175px -90px; }
.ico-lawyer.i-lr48{ width: 48px; height: 48px; background-position: -265px 0; }
.ico-lawyer.i-lr49{ width: 48px; height: 48px; background-position: -265px -55px; }
.ico-lawyer.i-lr50{ width: 48px; height: 48px; background-position: -265px -110px; }
.ico-lawyer.i-lr51{ width: 12px; height: 13px; background-position: -220px -90px; }
.ico-lawyer.i-lr52{ width: 16px; height: 13px; background-position: -220px -110px; }
.ico-lawyer.i-lr53{ width: 13px; height: 13px; background-position: -220px -130px; }
.ico-lawyer.i-lr54{ width: 13px; height: 13px; background-position: -220px -150px; }
    

/* 	five-star-red */
.five-star-red { float: left; height: 20px; position: relative; }
    .five-star-red .star-gray {
        float: left;
        width: 90px;
        height: 14px;
        background: url('../images/ico-star.png') repeat-x;
        position: relative;
        margin-top: 3px;
    }
    .five-star-red .star-color {
        position: absolute;
        left: 0;
        top: 0;
        height: 14px;
        background: url('../images/ico-star.png') repeat-x 0 -14px;
    }
.five-star-red .num { float: left; margin-left: 10px; font-size: 16px; line-height: 20px; font-style: normal; }

/* 	five-star */
.five-star { height: 20px; position: relative; }
    .five-star .star-gray {
        float: left;
        width: 80px;
        height: 13px;
        background: url('../images/ico_star2.png') repeat-x;
        position: relative;
        margin-top: 3px;
    }
    .five-star .star-color {
        position: absolute;
        left: 0;
        top: 0;
        height: 13px;
        background: url('../images/ico_star2.png') repeat-x 0 -14px;
}
.five-star .star-1 .star-color { width: 16px; }
.five-star .star-2 .star-color { width: 32px; }
.five-star .star-3 .star-color { width: 48px; }
.five-star .star-4 .star-color { width: 64px; }
.five-star .star-5 .star-color { width: 100%; }
.five-star em { position: absolute; top: 0; left: 90px; font-size: 16px; line-height: 20px; font-style: inherit; font-weight: 600; }
    /*star-le*/
.five-star.star-le .star-gray { 
    width: 70px; height: 11px; background:url('../images/ico_star1.png') repeat-x; 
    margin-top: 5px;
}
.five-star.star-le .star-color { 
	position: absolute; left: 0; top: 0;
	height: 11px; background:url('../images/ico_star1.png') repeat-x 0 -12px;
}
.five-star.star-le em { font-size: 12px; color: #666; font-weight: 500; left: 75px; }


/* logo-box */
.logo-box { padding: 30px 0; background-color: #fff; }
.logo-box .l-bar { float: left; width: 730px; }
.logo-box .l-bar .logo { width: 70px; }
.logo-box .l-bar .title { height: 36px; }
.logo-box .l-bar .title b { float: left; max-width: 540px; height: 36px; overflow: hidden; font-size: 30px; line-height: 36px; }
.logo-box .l-bar .title .i-ot1 { float: left; margin: 6px 0 0 20px; }
.logo-box .l-bar .tx { color: #999; line-height: 18px; margin-top: 10px; }
.logo-box .r-bar { float: right; width: 250px; height: 70px; border-radius: 35px; box-shadow: 0 4px 16px 0 rgba(102,102,102, .1); }
.logo-box .r-bar .tel { padding-top: 9px; height: 28px; overflow: hidden; font-size: 24px; line-height: 28px; text-align: center; white-space: nowrap; }
.logo-box .r-bar .tel .i-ot2 { margin-right: 10px; } 
.logo-box .r-bar .other { padding: 4px 30px 0; font-size: 12px; }
.logo-box .r-bar .other .time { float: left; color: #999; }
.logo-box .r-bar .other .btn-diqu { float: right; color: #2053f7; text-decoration: underline; cursor: pointer; }

/* menu-bar */
.menu-bar { background-color: #fff; text-align: center; position: relative; z-index: 100; }
.menu-bar .bg { 
    position: absolute; left: 50%; bottom: -50px; margin-left: -661px;
    width: 1322px; height: 50px; background: url('../images/bg_meun.png') no-repeat center; 
}
.menu-bar ul { display: inline-block; }
.menu-bar ul li { display: inline-block; margin: 0 22px; position: relative; z-index: 10; }
.menu-bar ul li a { font-size: 16px; font-weight: 600; line-height: 34px; }
.menu-bar ul li.is-this a { color: #2053f7; }
.menu-bar ul li.is-this:after { position: absolute; left: 0; right: 0; bottom: -14px; content: ''; height: 4px; background-color: #2053f7; }

/* banner */
.banner { height: 420px; overflow: hidden; position: relative; }
.banner img { position: absolute; left: 50%; top: 0; margin-left: -960px; }

/* nav */
.nav-f22 { line-height: 30px; height: 30px; }
.nav-f22 strong { font-size: 22px; }
.more { float: right; font-size: 14px; }
.more .i-ot4 { margin-left: 5px; }
.more:hover .i-ot4 { background-position: -108px -15px; }
    /**/
.nav-f28 { line-height: 32px; height: 32px; }
.nav-f28 .l-line { float: left; width: 6px; height: 26px; background-color: #2053f7; margin: 5px 24px 0 0; }
.nav-f28 strong { font-size: 28px;}
.nav-f28 span { font-size: 16px; color: #aaa; margin-left: 20px; }

.k1 { padding: 50px 0 60px; }
/* lawyer-show */
.lawyer-show { width: 240px; height: 424px; padding: 30px 30px 0; position: relative; }
.lawyer-show .i-ot1 { position: absolute; left: 0; top: 43px; }
.lawyer-show .name { height: 40px; }
.lawyer-show .name b { float: left; font-size: 24px; line-height: 40px; }
.lawyer-show .name .label { 
    float: left; padding: 0 11px; background-color: #ffa633; border-radius: 12px; 
    font-size: 12px; color: #fff; line-height: 24px; margin: 8px 0 0 8px;
}
.lawyer-show .info { margin-top: 5px; }
.lawyer-show .info li { line-height: 32px; color: #666; height: 32px; overflow: hidden; }
.lawyer-show .info li .ico-oth { float: left; margin: 7px 20px 0 0; }
    /**/
.w340 .lawyer-show { width: 240px; height: auto; padding: 50px; }
.w340 .lawyer-show .i-ot1 { top: 63px; }
.w340 .lawyer-show .btn { 
    display: block; height: 48px; border-radius: 24px; margin-top: 20px;
    background-color: #fb1808; box-shadow: 0 4px 10px 0 rgba(230,14,0, .2);  
    font-size: 16px; line-height: 48px; 
}

/* lawyer-info */
.lawyer-info { width: 810px; height: 429px; padding: 25px 30px 0; position: relative; }
.lawyer-info .seal { position: absolute; right: 50px; bottom: 35px; }
.lawyer-info .tx { font-size: 16px; line-height: 30px; color: #666; height: 90px; overflow: hidden; margin: 13px 0 28px; }
.lawyer-info .tag-h38 { height: 38px; margin: 18px 0 40px; }
.lawyer-info .tag-h38 span { 
    float: left; padding: 0 28px; background-color: #f5f5f5; border-radius: 19px;
    color: #666; line-height: 38px; margin-right: 14px;
}
    /* */
.witness-bar { padding: 0 30px; height: 112px; background: url('../images/dotted-box.png') no-repeat; }
.witness-bar ul { padding-top: 26px; }
.witness-bar ul li { float: left; font-size: 16px; line-height: 24px; font-weight: 600; margin-right: 50px; }
.witness-bar ul li .ico-lawyer { margin-right: 10px; }
.witness-bar .tip { color: #666; margin-top: 16px; }

/* serve-list */
.serve-list .item { float: left; width: 280px; height: 231px; margin-right: 30px; padding: 35px 50px 0; }
.serve-list .item .tit { font-size: 24px; line-height: 30px; font-weight: 600; }
.serve-list .item .tip { font-size: 14px; color: #aaa; margin: 13px 0 10px; padding-left: 20px; position: relative; }
.serve-list .item .tip:after {
    position: absolute; left: 4px; top: 3px; content: '';
    border: 7px solid transparent; border-left-color: #ccc; transform: scaleY(.85);
}
.serve-list .item .tx { color: #666; line-height: 22px; height: 44px; overflow: hidden; }
.serve-list .item .btn { 
    display: block; width: 160px; height: 40px; font-size: 16px; line-height: 40px; margin-top: 30px;
    border-radius: 20px; box-shadow: 0 4px 10px 0 rgba(0,53,223, .2); 
}
.serve-list .item .btn-red { box-shadow: 0 4px 10px 0 rgba(230,14,0, .2); }
.serve-list .item .is-disabled { background-color: #ddd; color: #666; box-shadow: none; cursor: not-allowed; }
.serve-list .bg1 { background: url('../images/bg_380x266a.png') no-repeat; }
.serve-list .bg2 { background: url('../images/bg_380x266b.png') no-repeat; }
.serve-list .bg3 { background: url('../images/bg_380x266c.png') no-repeat; margin-right: 0; }

/* record-cover */
.record-cover { 
    float: left; width: 420px; height: 320px; padding: 134px 0 0 36px; 
    background: url('../images/bg_456.png') no-repeat; 
    text-align: center; color: #fff;
}
.record-cover h3 { font-size: 34px; line-height: 42px; }
.record-cover .btn-line { 
    display: block; width: 198px; height: 46px; margin: 34px auto 23px;
    border: 1px solid #fff; color: #ccc; line-height: 46px; text-align: center;
    transition: all .2s ease-in-out;
}
.record-cover .btn-line:hover { background-color: rgba(255,255,255, .2); }
.record-cover p { font-size: 20px; line-height: 34px; }

/* solve-list*/
/*.solve-list { width: 684px; height: 453px; border-top: 1px solid #eee; }
.solve-list li { line-height: 32px; padding: 24px 0; border-bottom: 1px solid #eee; }
.solve-list li div { position: relative; padding-left: 40px; height: 32px; overflow: hidden; }
.solve-list li span { 
    position: absolute; left: 0; top: 6px;
    width: 20px; height: 20px; font-size: 12px; color: #fff; line-height: 20px; text-align: center;
}
.solve-list li a { font-size: 16px; font-weight: 600; }
.solve-list li p { color: #666; }
.solve-list li .wen span { background-color: #2053f7; }
.solve-list li .da span  { background-color: #ffa633; }*/

/* solve-list*/
.solve-list { width: 684px; height: 454px; }
.solve-list li { line-height: 32px; padding: 10px 0 18px; border-bottom: 1px solid #eee; }
.solve-list li.pt0 { padding-top: 0; }
.solve-list li div { position: relative; padding-left: 40px; height: 32px; overflow: hidden; }
.solve-list li .tag { 
    position: absolute; left: 0; top: 6px;
    width: 20px; height: 20px; font-size: 12px; color: #fff; line-height: 20px; text-align: center;
}
.solve-list li a { font-size: 16px; font-weight: 600; }
.solve-list li p { color: #666; }
.solve-list li .other { font-size: 12px; color: #aaa; line-height:20px; height:22px; margin-top: 5px; }
.solve-list li .other span .ico-lawyer { margin-right: 8px; }
.solve-list li .wen .tag { background-color: #2053f7; }
.solve-list li .da .tag  { background-color: #ffa633; }

.solve-list li .other a.z12x1{ float:right; border:1px solid red;font-size: 12px; color:red; padding:0 5px;}

/* shuofa-bar */
.shuofa-bar { padding: 54px 0 60px; background: #f5f5f5 url('../images/bg_448.png') no-repeat center top; }
.shuofa-bar .nav-f28 .l-line { background-color: #ffa633; }
.shuofa-bar .nav-f28 strong { color: #fff; }
.shuofa-bar .nav-f28 span { color: #ffa633; }

/* swiper1 */
.swiper1 { height: 332px; position: relative; }
.swiper1 .swiper-container { height: 332px; }
.pagination { position: absolute; top: -38px; right: 0; height: 10px; }
.pagination .swiper-pagination-switch { float: left; width: 10px; height: 10px; background-color: #fff; border-radius: 5px; opacity: .5; margin-left: 12px; }
.pagination .swiper-active-switch { width: 30px; opacity: 1; }
    /**/
.mien-bar { height: 332px; }
.mien-bar .video-show { width:590px; height:332px; color: #fff; }
.mien-bar .video-text { width: 480px; height: 297px; padding: 35px 70px 0 60px; }
.mien-bar .video-text .title { font-size: 24px; line-height: 30px; font-weight: 600; }
.mien-bar .video-text .other { height: 20px; margin-top: 16px; }
.mien-bar .video-text .other span { float: left; font-size: 12px; color: #bbb; margin-right: 28px; }
.mien-bar .video-text .other span .ico-lawyer { margin-right: 8px; }
.mien-bar .video-text .str { margin-top: 22px; font-weight: 600; }
.mien-bar .video-text .str b { padding: 0 5px 0 8px; position: relative; }
.mien-bar .video-text .str b:after {
    position: absolute; left: 0; right: 0; bottom: -5px; content: '';
    height: 12px; background-color: #0057ff; opacity: .5;
}
.mien-bar .video-text .tx { color: #999; line-height: 24px; height: 72px; overflow: hidden; margin-top: 28px; }
.mien-bar .video-text .more { color: #666; margin-top: 27px; }
.mien-bar .video-text .more:hover { color: #0057ff; }

/* voice-list1 */
.voice-list1 { padding: 40px 0 20px; }
.voice-list1 li { float: left; width: 240px; height: 127px; padding: 17px 40px 0 100px; margin: 0 30px 20px 0; position: relative; }
.voice-list1 li .img-block { 
    position: absolute; left: 30px; top: 25px;
    width: 50px; height: 50px; background-color: #000; border-radius: 50%; overflow: hidden; 
}
.voice-list1 li .img-block img { opacity: .5; }
.voice-list1 li .img-block .ico-oth { position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -8px; }
.voice-list1 li .title { font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; }
.voice-list1 li .other { font-size: 12px; color: #bbb; line-height: 28px; height: 28px; margin-top: 15px; }
.voice-list1 li .time { 
    float: left; padding: 0 20px 0 15px; position: relative; 
    background-color: #f1f1f1; border-radius: 0 14px 14px 14px; color: #0057ff; 
}
.voice-list1 li .time .ico-oth { margin-right: 24px; }
.voice-list1 li .time:before { 
    position: absolute; left: -6px; top: 0; content: '';
    border: 6px solid transparent; border-top-color: #f1f1f1;
}

/* case-bar */
.case-bar { height: 522px; padding-top: 55px; background: url('../images/bg_577.png') no-repeat; }
.case-bar .nav-f28 .l-line { background-color: #fff; }
.case-bar .nav-f28 strong,
.case-bar .nav-f28 span { color: #fff; }
.case-bar .more-btn { border-color: #fff; color: #fff; margin-top: 45px; }
    /**/

#mn122{width:1200px;margin:0 auto; position:relative;}
#mn122 .hd{ width:100%; height:20px;  position:absolute; z-index:1; bottom:-20px; text-align:center;  }
#mn122 .hd ul{ display:inline-block; height:20px; padding:3px 5px; vertical-align:top;}
#mn122 .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden; color:#8C8C8C;   }
#mn122 .hd ul .on{ background:#fff; color:#fff; width:10px;  }
.case-card { height: 318px; }
.case-card li { float: left; width: 380px; height: 320px; background-color: #fff; margin-right: 30px; transition: all .2s linear; }
.case-card li:hover { box-shadow: 0 10px 15px 0 rgba(0,0,0, .2); }
.case-card li .hdd { height: 113px; background: #7890dd url('../images/bg_h180.png') no-repeat; }
.case-card li .title { font-size: 20px; text-align:left; text-indent:2em;line-height:80px; font-weight: 600; height: 80px; overflow: hidden; }
.case-card li .title a { color: #333; }
.case-card li .other { height: 20px; margin-top: 13px; margin:0 auto; width:80%;}
.case-card li .other span { float: left; margin-right: 15px; font-size: 12px; color: #bbb; }
.case-card li .other span .ico-lawyer { float: left; margin: 4px 10px 0 0; }
.case-card li .tx { padding: 23px 30px 0; color: #999; line-height: 24px; height: 72px; overflow: hidden; }
.case-card li .lawyer { margin:0 auto; width:80%;height: 32px; overflow: hidden; margin-top: 22px; }
.case-card li .lawyer .img-block { float: left; line-height: 32px; font-size: 16px; }
.case-card li .lawyer .img-block img { float: left; width: 32px; height: 32px; border-radius: 50%; margin-right: 10px; }
.case-card li .lawyer .more { 
    float: right; width: 82px; height: 30px; border: 1px solid #ebebeb; border-radius: 16px; 
    color: #999; line-height: 30px; text-align: center; transition: all .2s linear;
}
.case-card li .lawyer .more .i-ot4 { margin-left: 10px; opacity: .4; }
.case-card li .lawyer .more:hover { border-color: #0057ff; color: #0057ff; }
.case-card li .lawyer .more:hover .i-ot4 { background-position: -108px -15px; opacity: 1; }
/* .case-card li.bg1 .hd { background: url('../images/bg_h180_1.png') no-repeat; } */
.case-card li:hover .hdd { background: #7890dd; }
.case-card li:hover .title a { color: #fff; }

/* swiper-container */
.swiper2 { height: 320px; position: relative; }
.swiper2 .swiper-container { height: 320px; }

/* article-list */
.article-list { border-top: 1px solid #e7e7e7; }
.article-list li { height: 106px; padding: 30px 0; border-bottom: 1px solid #e7e7e7; }
.article-list li .img-block { float: left; width: 150px; height: 106px; margin-right: 30px; }
.article-list li .title { font-size: 16px; font-weight: 600; height: 20px; overflow: hidden; }
.article-list li .other { height: 20px; overflow: hidden; margin-top: 12px; }
.article-list li .other span { float: left; margin-right: 30px; font-size: 12px; color: #bbb; }
.article-list li .other span .ico-lawyer { margin-right: 8px; }
.article-list li .other span em { color: #fb1809; font-style: normal; margin-right: 3px; }
.article-list li .tx { color: #666; line-height: 22px; height: 44px; overflow: hidden; margin-top: 10px; }
.article-list.r-2 li { float: left; width: 570px; margin-right: 60px; }


/* appraise-show */
.appraise-show li { 
    float: left; width: 525px; height: 183px; margin: 20px 30px 0 0;
    padding: 27px 30px 0; background-color: #f5f5f5; position: relative; transition: all .2s linear; 
}
.appraise-show li:hover { background-color: #fff; box-shadow: 0 4px 20px 0 rgba(102,102,102, .2); }
.appraise-show li .tag-h30 { height: 30px; line-height: 30px; }
.appraise-show li .tag-h30 .label { 
    float: left; height: 30px; margin-left: -30px;
    padding: 0 12px 0 56px; background-color: #9bb3ff; 
    color: #fff; line-height: 30px; position: relative;
}
.appraise-show li .tag-h30 .label:after { 
    position: absolute; top: 0; right: -7px; content: '';
    border-width:  15px 7px 15px 7px; border-style: solid;
    border-color: #9bb3ff transparent #9bb3ff #9bb3ff;
}
.appraise-show li .tag-h30 .label .ico-oth { position: absolute; left: 30px; top: 10px; }
.appraise-show li .grade { float: right; padding-right: 5px; }
.appraise-show li .grade .tit { float: left; font-size: 12px; color: #999; margin-right: 3px; }
.appraise-show li .grade .five-star-red{ margin-top: 5px; }
.appraise-show li .tx {  font-size: 16px; color: #666; margin-top: 24px; }
.appraise-show li .tag { height: 24px; overflow: hidden; margin-top: 22px; }
.appraise-show li .tag span { 
    float: left; border: 1px solid #ddd; padding: 0 12px; border-radius: 12px; 
    font-size: 12px; color: #aaa; margin-right: 10px;
}
.appraise-show li .other { height: 20px; overflow: hidden; margin-top: 18px; }
.appraise-show li .other span { font-size: 12px; color: #999; margin-right: 30px; }

/* map-bar */
#dituContent { height: 530px; }
.map-bar { height: 530px; position: relative; }
.map-bar .info-bar { 
    position: absolute; top: 80px; left: 50%; margin-left: 20px; 
    width: 580px; height: 355px; background-color: #53596c;
}
.map-bar .info-bar ul { padding-top: 20px; }
.map-bar .info-bar ul li { padding: 15px 40px 15px 105px; position: relative; }
.map-bar .info-bar ul li .ico-oth { position: absolute; left: 40px; top: 25px; }
.map-bar .info-bar ul li b { display: block; font-size: 24px; color: #fff; line-height: 30px; }
.map-bar .info-bar ul li p { line-height: 24px; color: #e0e0e0; max-height: 48px; overflow: hidden; margin-top: 2px; }
.map-bar .info-bar .btn-bar { height: 30px; line-height: 30px; padding: 0 40px 0 105px; }
.map-bar .info-bar .btn-bar .btn-red { 
    float: left; width: 90px; height: 30px; cursor: pointer;
    font-size: 14px; color: #fff; text-align: center; 
    transition: all .2s linear; border-radius: 2px; margin-right: 20px;
}
.map-bar .info-bar .btn-bar .btn-diqu { color: #fff; text-decoration: underline; cursor: pointer; }
.map-bar .info-bar .btn-bar .btn-diqu .i-ot10 { margin-left: 5px; }
.map-bar .info-bar .btn-bar .btn-diqu:hover { text-decoration: none; }

/* ft-bar */
.ft-bar { background-color: #29292a; }
.ft-bar .ft-link { overflow: hidden; padding: 35px 0 35px 75px; border-bottom: 1px solid #353536; position: relative; }
.ft-bar .ft-link dt { position: absolute; left: 0; color: #fff; }
.ft-bar .ft-link dd { overflow: hidden; }
.ft-bar .ft-link dd a { color: #fff; margin-right: 15px; transition: all .2s linear; }
.ft-bar .ft-link dd a:hover { opacity: .5; }
    /**/
.ft-bar .f-b { padding: 35px 0; }
.ft-bar .f-b .f24 { font-size: 24px; color: #fff; line-height: 30px; padding-bottom: 7px; }
.ft-bar .f-b .f12 { color: #666; margin-top: 5px; }
.ft-bar .f-b .f12 span { color: #aaa; margin-right: 35px; }

/* popup-bar */
.popup-bar { 
    position: fixed; left: 50%; top: 50%; z-index: 1002;
    background-color: #fff; border-radius: 4px; box-shadow: 0 0 60px 0 rgba(0,0,0, .2);
}
.popup-bar .pop-close { 
    position: absolute; top: 20px; right: 20px; cursor: pointer; 
    width: 20px; height: 20px; line-height: 20px; text-align: center;
    transition: all .15s linear;
}
.popup-bar .pop-close:hover { transform: rotate(90deg); }
.popup-bar .tit { padding: 20px 30px 0; font-weight: 600; }
/* pop-fuwudiqu */
.pop-fuwudiqu { width: 390px; padding-bottom: 50px; margin: -165px 0 0 -195px; }
.pop-fuwudiqu dl { padding-top: 20px; }
.pop-fuwudiqu dl dt { padding: 0 30px; height: 28px; margin-bottom: 12px; }
.pop-fuwudiqu dl dt span { float: left; padding: 0 12px; line-height: 28px; color: #fff; background-color: #0057ff; border-radius: 14px; }
.pop-fuwudiqu dl dd { padding: 0 20px; overflow: hidden; }
.pop-fuwudiqu dl dd span { float: left; line-height: 28px; color: #666; margin: 0 10px; }
/* pop-dispatch */
.pop-dispatch { width: 330px; height: 200px; padding: 55px 30px; margin: -155px 0 0 -195px; text-align: center; }
.pop-dispatch strong { display: block; font-size: 24px; line-height: 30px; font-weight: 400; }
.pop-dispatch .input-txt { border-bottom: 2px solid #0057ff; margin-top: 32px; }
.pop-dispatch .input-txt .tips { left: 0; right: 0; font-size: 18px; color: #bbb; line-height: 24px; }
.pop-dispatch .input-txt .txt { display: block; width: 100%; line-height: 24px; padding-bottom: 16px; font-size: 18px; text-align: center; }
.pop-dispatch .tip { font-size: 12px; color: #666; margin: 15px 0; }
.pop-dispatch .btn { 
    display: block; width: 140px; height: 36px; border-radius: 18px; margin: auto; 
    font-size: 16px; line-height: 36px;
}
.pop-dispatch .btn-disable { width: 138px; height: 34px; line-height: 34px; background-color: #bbb; color: #fff; }

/* r-fixed */
.r-fixed { position: fixed; bottom: 10%; right: 10px; z-index: 500; width: 80px; }
.r-fixed li { position: relative; margin-top: 6px; }
.r-fixed li .normal {
    display: block; width: 80px; height: 68px; 
    background-color: #fff; border-radius: 3px; box-shadow: 0 2px 3px 0 rgba(102,102,102, .14);
    font-size: 12px; color: #999; text-align: center; padding-top: 12px; cursor: pointer;
}
.r-fixed li .normal .ico-share { display: block; margin: 0 auto 6px; transition: all .15s ease-in-out; }
.r-fixed li .popup { position: absolute; right: 80px; bottom: 0; padding-right: 10px; display: none; }
.r-fixed li .erwei { width: 110px; height: 110px; padding: 10px; }
.r-fixed li .tel { padding: 15px 20px; }
.r-fixed li .tel dt { font-size: 12px; color: #aaa; }
.r-fixed li .tel dt .ico-oth { margin-right: 3px; }
.r-fixed li .tel dd { font-size: 22px; line-height: 26px; white-space: nowrap; margin-top: 4px; }
.r-fixed li .share-list { width: 296px; height: 80px; padding: 20px 12px 0; }
.r-fixed li .share-list span { float: left; width: 74px; font-size: 12px; color: #aaa; text-align: center; cursor: pointer; }
.r-fixed li .share-list span .ico-share { display: block; margin: 0 auto 4px; }
.r-fixed li .share-list span:hover { color: #666; }
    /**/
.r-fixed li:hover .i-se1, .r-fixed li.is-this .i-se1 { background-position: 0 -32px; }
.r-fixed li:hover .i-se2, .r-fixed li.is-this .i-se2 { background-position: -32px -32px; }
.r-fixed li:hover .i-se3, .r-fixed li.is-this .i-se3 { background-position: -64px -32px; }
.r-fixed li:hover .i-se4, .r-fixed li.is-this .i-se4 { background-position: -96px -32px; }
.r-fixed li:hover .i-se5, .r-fixed li.is-this .i-se5 { background-position: -128px -32px; }
.r-fixed li:hover .i-se6, .r-fixed li.is-this .i-se6 { background-position: -160px -32px; }
.r-fixed li:hover .i-se7, .r-fixed li.is-this .i-se7 { background-position: -192px -32px; }
.r-fixed li:hover .i-se8, .r-fixed li.is-this .i-se8 { background-position: -224px -32px; }
.r-fixed li:hover .normal, .r-fixed li.is-this .normal { color: #fb1809; }

/* 内页样式 */
.plr30 { padding-left: 30px; padding-right: 30px; }
.pt25 { padding-top: 25px; }

/* nav-f18_b */
.nav-f18_b { height: 26px; line-height: 26px; position: relative; }
.nav-f18_b .blue_line { position: absolute; left: -30px; top: 5px; width: 4px; height: 18px; background-color: #5c92ff; }
.nav-f18_b b { font-size: 18px; }
.nav-f18_b span { font-size: 12px; color: #999; }

/* lr-jianjie */
.lr-jianjie .unfold-bar { float: left; width: 560px; padding-bottom: 49px; position: relative; }
.lr-jianjie .unfold-bar .un-ovh { height: 240px; overflow: hidden; }
.lr-jianjie .unfold-bar .un-nr { font-size: 16px; color: #666; line-height: 30px; text-align: justify; text-justify: inter-ideograph; }
.lr-jianjie .unfold-bar .un-btn { 
    position: absolute; left: 0; right: 0; bottom: 0; 
    height: 20px; padding-top: 55px; font-size: 14px; color: #666; text-align: center; cursor: pointer;
    background: -webkit-linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255, .5) 20%, rgba(255, 255, 255, 1) 100%, #FFFFFF 100%);
    background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255, .5) 20%, rgba(255, 255, 255, 1) 100%, #FFFFFF 100%);
}
.lr-jianjie .unfold-bar .un-btn .i-lr28 { margin: 0 0 0 5px; }
.lr-jianjie .unfold-bar.show .un-btn { padding-top: 30px; }
.lr-jianjie .unfold-bar.show .un-btn .i-lr28 { transform: rotate(180deg); margin: -3px 0 0 5px; }
    /**/
.lr-jianjie .img-block { 
    float: right; width: 172px; height: 172px; padding: 2px 6px 6px 2px; position: relative;
    background: url('../images/bg-w180x180.jpg') no-repeat;
}
.lr-jianjie .img-block .tit { 
    position: absolute; left: 2px; right: 6px; bottom: 6px; 
    height: 28px; overflow: hidden; line-height: 24px; background-color: rgba(0,0,0, .7); 
    font-size: 12px; color: #fff; text-align: center;

}
.lr-jianjie .img-block:hover .tit { text-decoration: underline; }

/* sc-tag */
.sc-tag { padding-bottom: 5px; overflow: hidden; }
.sc-tag li { 
    float: left; width: 120px; height: 48px; background-color: #5c92ff; border-radius: 4px; 
    font-size: 16px; color: #fff; text-align: center; line-height: 48px; margin: 0 20px 20px 0;
}

/* xinxi-list */
.xinxi-list { padding-bottom: 15px; }
.xinxi-list li { overflow: hidden; border-bottom: 1px solid #f2f2f2; }
.xinxi-list li .item { float: left; width: 50%; overflow: hidden; line-height: 22px; padding: 12px 0; position: relative; }
.xinxi-list li label { position: absolute; left: 0; top: 12px; color: #999; }
.xinxi-list li p { float: left; padding: 0 15px 0 85px; min-height: 22px; max-height: 44px; overflow: hidden; }
.xinxi-list li .rz-tag { float: left; color: #11bb65; }
.xinxi-list li .rz-tag .i-lr32 { margin-right: 4px; }
.xinxi-list li.block .item { width: 100%; }

/* licheng-bar */
.licheng-bar { padding: 22px 160px 15px 20px; }
.licheng-bar .item { margin-bottom: 34px; }
.licheng-bar .item dt { font-size: 24px; color: #0057ff; font-weight: 600; line-height: 30px; }
.licheng-bar .item dd { padding-left: 40px; position: relative; margin-top: 8px; }
.licheng-bar .item dd:after { position: absolute; left: 40px; top: 0; content: ''; width: 1px; height: 6px; background-color: #fff; }
.licheng-bar .item dd .tiao { padding-bottom: 25px; border-left: 1px solid #eee; position: relative; }
.licheng-bar .item dd .tiao .dot { position: absolute; left: -6px; top: 6px; width: 11px; height: 11px; background-color: #5c92ff; border-radius: 50%; }
.licheng-bar .item dd .tiao p { padding-left: 25px; font-size: 16px; line-height: 24px; }

/* meiti-list */
.meiti-list { padding: 8px 0 15px; }
.meiti-list li { padding: 15px 20px; background-color: #f5f5f5; margin-top: 20px; }
.meiti-list li b { display: block; font-size: 16px; line-height: 26px; }
.meiti-list li p { color: #666; line-height: 24px; margin-top: 9px; }

/* table-rongyu */
.table-rongyu { table-layout: fixed; margin-top: 7px; }
.table-rongyu th, .table-rongyu td {
    padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #eee; 
    line-height: 24px; word-break:break-all;
}
.table-rongyu th { color: #999; font-weight: 600; }
.table-rongyu .w160 { width: 120px;  padding-right: 40px; }
.table-rongyu .w200 { width: 200px; padding-left: 60px; }

/* chengjiu-list */
.chengjiu-list { padding: 16px 0; }
.chengjiu-list li { height: 48px; overflow: hidden; line-height: 48px; }
.chengjiu-list li span { color: #666; }
.chengjiu-list li span .ico-lawyer { float: left; margin: 16px 10px 0 0; }
.chengjiu-list li p { float: right; }

/* tu-list */
.tu-list { margin-top: 27px; }
.tu-list a { float: left; width: 180px; margin: 0 20px 30px 0; }
.tu-list a img { display: block; width: 100%; height: 180px; margin-bottom: 16px; }
.tu-list a p { height: 20px; overflow: hidden; text-align: center; }

/* tab-bar */
.tabs-nav { height: 61px; line-height: 61px; padding-top: 7px; border-bottom: 1px solid #e6e6e6; }
.tabs-nav li { float: left; font-size: 16px; margin-right: 40px; position: relative; cursor: pointer; }
.tabs-nav li.cur, .tabs-nav li.cur .s-c9 { color: #0057ff !important; }
.tabs-nav li.cur:after { position: absolute; left: 0; bottom: -1px; right: 0; content: ''; height: 4px; background-color: #0057ff; }

/* yin-sp-bar */
.yin-sp-bar { padding-top: 60px; position: relative; }
.yin-sp-bar .tabs-nav { 
    position: absolute; left: 0; top: 0; right: 0; 
    height: 60px; line-height: 60px; padding: 0; background-color: #e1e2e6; border: none;
}
.yin-sp-bar .tabs-nav li { width: 50%; height: 60px; margin: 0; color: #666; text-align: center; } 
.yin-sp-bar .tabs-nav li.cur { background-color: #fff; font-weight: 600; }
.yin-sp-bar .tabs-nav li.cur:after { height: 0; }

/* video-list2 */
.video-list2 li { height: 157px; padding: 30px 0 30px; border-bottom: 1px solid #ebebeb; }
    /**/
.video-list2 li .img-block { float: left; width: 280px; height: 157px; margin-right: 30px; position: relative; }
.video-list2 li .img-block .bg { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5;
    background-color: rgba(0,0,0, .3); display: none; 
}
.video-list2 li .img-block .i-lr43 { position: absolute; left: 50%; top: 50%; z-index: 10; margin: -20px 0 0 -20px; }
.video-list2 li .img-block .time { 
    position: absolute; right: 10px; bottom: 10px;
    height: 20px; padding: 0 8px; background-color: rgba(0,0,0, .5); border-radius: 10px; 
    font-size: 12px; color:#fff;
}
.video-list2 li .img-block.show .i-lr43 { background-position: -50px -115px; }
    /**/
.video-list2 li h4 { height: 34px; overflow: hidden; font-size: 16px; line-height: 34px; }
.video-list2 li p { color: #999; line-height: 24px; height: 72px; overflow: hidden; margin: 5px 0 22px 0; }
.video-list2 li .info { height: 20px; overflow: hidden; }
.video-list2 li .info span { font-size: 12px; color: #999; margin-right: 20px; }
.video-list2 li .info span .ico-lawyer { margin-right: 4px; }

/* audio-list2 */
.audio-list2 li { padding: 26px 230px 24px 0; border-bottom: 1px solid #ebebeb; position: relative; }
.audio-list2 li h4 { height: 24px; overflow: hidden; font-size: 16px; line-height: 24px; }
.audio-list2 li .info { height: 20px; overflow: hidden; margin: 14px 0 11px; }
.audio-list2 li .info span { font-size: 12px; color: #999; margin-right: 20px; }
.audio-list2 li .info span .ico-lawyer { margin-right: 4px; }
.audio-list2 li p { color: #666; line-height: 24px; height: 72px; overflow: hidden; margin: 0; }
    /**/
.audio-list2 li .voice-bar { position: absolute; top: 58px; right: 60px; }
.voice-bar { width: 100px; text-align: center; }
.voice-bar .voice-btn { cursor: pointer; }
.voice-bar .voice-btn .voice-ico { display: block; width: 48px; height: 48px; background-position: -100px -115px; margin: 0 auto 15px; }
.voice-bar .voice-btn .voice-time { color: #666; font-weight: 600; text-align: center; padding-left: 10px; }
.voice-bar .voice-btn audio { display: none; }
.voice-bar .voice-btn.play .voice-ico { background-position: -160px -115px; }

/* u-page */
.u-page { padding: 40px 0; color: #999; font-size: 12px; }
.u-page a { 
    display: inline-block; width: 38px; height: 38px; line-height: 38px; 
    border: 1px solid #eee;background-color: #fff; margin-left: -1px;
    text-align: center; color: #999; 
}
.u-page .u-p-prev, .u-page .u-p-next { width: auto; padding: 0 19px; white-space: nowrap; }
.u-page span { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; }
.u-page a:hover, .u-page a.cur { background-color: #0057ff; border-color: #0057ff; color: #fff; }

/* yh-pingjia-bar */
.yh-pingjia-bar { padding-top: 60px; position: relative; }
.yh-pingjia-bar .tabs-nav { 
    position: absolute; left: 0; top: 0; right: 0; 
    height: 60px; line-height: 60px; padding: 0; background-color: #e1e2e6; border: none;
}
.yh-pingjia-bar .tabs-nav li { width: 280px; height: 60px; margin: 0; color: #666; text-align: center; } 
.yh-pingjia-bar .tabs-nav li:nth-child(1),
.yh-pingjia-bar .tabs-nav li:nth-child(2) { width: 279px; border-right: 1px solid #fff; }
.yh-pingjia-bar .tabs-nav li.cur { background-color: #fff; font-weight: 600; }
.yh-pingjia-bar .tabs-nav li.cur:after { height: 0; }

/* wd-list */
.wd-list li { padding: 30px 0; border-bottom: 1px solid #f2f2f2; }
.wd-list li .wen, .tabs-item li .da { height: 20px; overflow: hidden; position: relative; padding-left: 30px; }
.wd-list li .wen .ico-lawyer, .tabs-item li .da .ico-lawyer { position: absolute; left: 0; top: 0; margin-top: 0; }
.wd-list li .wen a { font-weight: 600; }
.wd-list li .da { color: #666; margin-top: 11px; }
.wd-list li .info { height: 20px; overflow: hidden; margin-top: 18px; }
.wd-list li .info span { float: left; color: #ccc; margin-right: 20px; }
.wd-list li .info span .ico-lawyer { float: left; margin: 2px 10px 0 0; }

/* zixun-fw-bar */
.zixun-fw-bar { position: relative; }
.zixun-fw-bar .tabs-nav { 
    position: absolute; left: 0; top: 0; right: 0; 
    height: 60px; line-height: 60px; padding: 0; background-color: #e1e2e6; border: none;
}
.zixun-fw-bar .tabs-nav li { width: 280px; height: 60px; margin: 0; color: #666; text-align: center; } 
.zixun-fw-bar .tabs-nav li:nth-child(1),
.zixun-fw-bar .tabs-nav li:nth-child(2) { width: 279px; border-right: 1px solid #fff; }
.zixun-fw-bar .tabs-nav li.cur { background-color: #fff; font-weight: 600; }
.zixun-fw-bar .tabs-nav li.cur:after { height: 0; }
.zixun-fw-bar .wd-list { margin-top: 8px; }
.zixun-fw-bar .wd-list li { padding: 20px 0; }
    /**/
.zx-fw-box { height: 214px; padding: 60px 60px 0; }
.zx-fw-box dl { float: left; width: 320px; padding-right: 30px; height: 150px; border-right: 1px solid #ebebeb; margin-top: 30px; }
.zx-fw-box dl dt { font-weight: 600; line-height: 30px; margin-bottom: 7px; }
.zx-fw-box dl dd { position: relative; padding-left: 25px; color: #666; line-height: 28px; min-height: 28px; }
.zx-fw-box dl dd .i-lr14 { position: absolute; left: 0; top: 14px; }
.zx-fw-box .pj-box { float: left; padding: 35px 0 0 60px; width: 306px; }
.zx-fw-box .pj-box p { color: #666; line-height: 28px; height: 28px; overflow: hidden; }
.zx-fw-box .pj-box p span { color: #333; }
.zx-fw-box .pj-box p em { color: #ec3b3b; font-style: initial; font-weight: 600; }
.zx-fw-box .pj-box .btn { display: block; width: 140px; height: 40px; border-radius: 20px; font-size: 16px; line-height: 40px; margin-top: 12px; }
.zx-fw-box .pj-box .btn-disable { background-color: #ccc; color: #fff; cursor: not-allowed; }

/* table-fw */
.table-fw th { font-weight: 600; padding: 26px 0 18px; border-bottom: 1px solid #ebebeb; }
.table-fw td { padding: 15px 0; border-bottom: 1px solid #f2f2f2; }
.table-fw .w440 { width: 390px; padding-right: 50px; }
.table-fw .w100 { width: 100px; padding-right: 30px; }
.table-fw .w70  { width: 70px; padding-right: 30px; }

/* no-data */
.no-data { height: 400px; padding-top: 200px; text-align: center; }
.no-data img { display: block; width: 62px; height: 56px; margin: auto; }
.no-data p { font-size: 16px; color: #999; margin-top: 15px; }

/* case-list2 */
.case-list2 { margin-top: 8px; }
.case-list2 li { padding: 25px 0; border-bottom: 1px solid #ebebeb; }
.case-list2 li h4 { height: 24px; overflow: hidden; font-size: 16px; line-height: 24px; }
.case-list2 li p { line-height: 24px; height: 48px; overflow: hidden; color: #666; margin: 5px 0 3px; }
.case-list2 li .info { height: 20px; }
.case-list2 li .info span { float: left; font-size: 12px; color: #999; padding-right: 20px; margin-right: 20px; position: relative; }
.case-list2 li .info span:after { position: absolute; top: 4px; right: 0; content: ''; width: 1px; height: 12px; background-color: #ddd; }
.case-list2 li .info span:last-child { margin-right: 0; padding-right: 0; }
.case-list2 li .info span:last-child:after { width: 0; }

/* wenji-detail */
.wenji-detail { padding: 25px 60px; }
    /**/
.fh-bar { height: 24px; }
.fh-bar a { font-size: 16px; color: #666; line-height: 24px; position: relative; }
.fh-bar a .i-lr13 { position: absolute; left: -30px; top: 10px; }
.fh-bar a:hover { text-decoration: underline; }
    /**/
.wenji-detail .det-title { padding: 30px 0 26px; border-bottom: 1px solid #ebebeb; }
.wenji-detail .det-title h1 { font-size: 24px; color: #000; line-height: 36px; }
.wenji-detail .det-title .info span { font-size: 12px; color: #999; margin-right: 20px; }
.wenji-detail .det-nr { padding: 22px 0 40px; font-size: 16px; line-height: 30px; }

/* zonghe-pj */
.zonghe-pj { height: 115px; position: relative; padding-left: 150px; margin: 30px 0; }
    /**/
.zhpj-bar { 
    position: absolute; left: 0; top: 0; 
    width: 149px; height: 115px; text-align: center; border-right: 1px solid #ebebeb; 
}
.zhpj-bar .five-star { width: 80px; margin: auto; padding-top: 65px; }
.zhpj-bar .five-star em { font-family:"DIN-Medium"; font-size: 48px; line-height: 60px; left: 0; top: 2px; right: 0; text-align: center; }
    /**/
.yx-tag { padding-left: 40px; }
.yx-tag .tag { height: 75px; overflow: hidden; margin-top: 20px; }
.yx-tag .tag span { 
    float: left; padding: 0 14px; height: 28px; background-color: #f2f6fa; 
    color: #666; line-height: 28px; margin: 0 10px 10px 0;
}
    /**/
.pj-type { padding: 0 20px; height: 32px; background-color: #f2f6fa; }
.pj-type span { float: left; color: #666; line-height: 32px; margin-right: 50px; cursor: pointer; }
.pj-type span.mr70 { margin-right: 70px; }
.pj-type span.cur { color: #0057ff; }
    /**/
.table-pingjia { table-layout: fixed; }
.table-pingjia th { padding: 16px 0; border-bottom: 1px solid #ebebeb; font-weight: 600;  word-break:break-all; }
.table-pingjia th.w300 { width: 280px; padding-left: 20px; }
.table-pingjia td { color: #666; line-height: 24px; vertical-align: top; padding: 20px 0 13px; border-bottom: 1px solid #f2f2f2; }
.table-pingjia .w300 { width: 300px; }
.table-pingjia .w100 { width: 100px; padding-left: 30px; padding-right: 50px; }
.table-pingjia .w80 { width: 80px; padding-right: 25px; }
.table-pingjia td .tag { overflow: hidden; padding-bottom: 4px; }
.table-pingjia td .tag span { float: left; padding: 0 10px; height: 28px; line-height: 28px; background-color: #f2f6fa; margin: 0 10px 10px 0; }
.table-pingjia td .f12 { display: block; font-size: 12px; color: #ccc; }
.table-pingjia td .time { margin-top: 6px; }
.table-pingjia td .five-star.star-le em { font-size: 14px; }
        /**/
.table-pingjia .stat-list .s-item { padding: 3px 0; }
.table-pingjia .stat-list .s-item span { margin-right: 5px; }
.table-pingjia .stat-list .s-item .five-star.star-le .star-gray { margin-top: 7px; }
.table-pingjia .stat-list .s-item .five-star.star-le em { top: 3px; }
    /**/
.zonghe-pj .stat-list { padding: 10px 0 0 40px; }
.stat-list .s-item { height: 20px; padding: 6px 0; }
.stat-list .s-item span { float: left; color: #666; margin-right: 10px; }
.stat-list .s-item .five-star em { color: #666; font-weight: 500; }

/* wenji-type */
.wenji-type { height: 36px; padding-bottom: 10px; }
.wenji-type a { float: left; height: 34px; line-height: 34px; padding: 0 15px; border: 1px solid #ccc; border-radius: 18px; margin-right: 10px; }
.wenji-type a:hover { color: #0057ff; }
.wenji-type a.cur { background-color: #0057ff; border-color: #0057ff; color: #fff; }

/* case-list3 */
.case-list3 { margin-top: 8px; }
.case-list3 li { padding: 25px 0; border-bottom: 1px solid #ebebeb; }
.case-list3 li h4 { height: 24px; overflow: hidden; font-size: 16px; line-height: 24px; }
.case-list3 li p { line-height: 24px; height: 48px; overflow: hidden; color: #666; margin: 10px 0 9px; }
.case-list3 li .info { height: 20px; }
.case-list3 li .info span { float: left; font-size: 12px; color: #999; margin-right: 20px; }
.case-list3 li .info span .ico_lawyer { float: left; margin: 3px 8px 0 0; }

/* lianxi-bar */
.lianxi-bar { padding: 28px 60px 50px 0; }
.lianxi-bar ul { float: left; width: 430px; }
.lianxi-bar ul li { min-height: 36px; line-height: 36px; position: relative; padding-left: 90px; }
.lianxi-bar ul li label { position: absolute; left: 0; top: 0; width: 70px; text-align: right; color: #999; }
.lianxi-bar ul li p { float: left; margin-right: 5px; }
.lianxi-bar ul li .btn-tel { 
    display: inline-block; height: 22px; line-height: 22px; padding: 0 9px;
    border: 1px solid #0057ff; border-radius: 12px;
    font-size: 12px; color: #0057ff; margin: 6px 0 0 10px;
}
.lianxi-bar ul li .btn-tel .i_lr29 { margin-right: 5px; }
.lianxi-bar ul li .btn-tel:hover { text-decoration: underline; }
    /**/
.lianxi-bar .r-erwei { float: right; width: 140px; margin-top: 32px; }
.lianxi-bar .r-erwei img { display: block; width: 100%; height: 140px; margin-bottom: 16px; }
.lianxi-bar .r-erwei p { color: #666; text-align: center; }

/* map-ny */
.map-ny { padding-top: 23px; border-top: 1px solid #ebebeb; }
.map-ny dt { font-size: 18px; color: #666; font-weight: 600; line-height: 30px; }
.map-ny dd.map { height: 585px; margin-top: 26px; }
.map-ny dd.map-btn { height: 76px; line-height: 76px; text-align: center; }
.map-ny dd.map-btn .i-lr27 { margin-right: 10px; }

/* 2019-10-21 add 严选使用上一个付费二级域名律师介绍样式 */
/* ico_link */
.ico_link {display: inline-block; vertical-align: middle;background: url('../images/ico_link.png') no-repeat;width: 11px;height: 11px;}
/* table-list */
.table-list {table-layout: fixed;margin-top: 7px;}
.table-list th, .table-list td {padding-top: 14px;padding-bottom: 14px;border-bottom: 1px solid #f2f2f2;line-height: 24px;word-break: break-all;}
.table-list th {color: #999;font-weight: 600;background-color: #f2f2f2;padding-top: 9px;padding-bottom: 9px;}
.table-list .w1 {padding-left: 30px; padding-right: 20px;width: 180px;}
.table-list .w2 { padding-left: 30px;padding-right: 20px;width: 140px;}
.table-list .w3 {padding-right: 20px;width: 80px;}

.mb20 {margin-bottom: 20px;}
.mb40 {margin-bottom: 40px;}

/* u-page */
.u-page { padding: 40px 0; color: #999; font-size: 12px; }
.u-page a { display: inline-block; width: 38px; height: 38px; line-height: 38px; border: 1px solid #eee;background-color: #fff; margin-left: -1px;text-align: center; color: #999; }
.u-page .u-p-prev, .u-page .u-p-next { width: auto; padding: 0 19px; white-space: nowrap; }
.u-page span { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; }
.u-page a:hover, .u-page a.u-p-on { background-color: #0057ff; border-color: #0057ff; color: #fff; }

/* 2019-10-17 */
.ask-tabs .ask-tabs-nav { overflow: hidden; }
.ask-tabs .ask-tabs-nav li { float: left; padding: 0 25px; min-width: 70px; height: 34px; line-height: 34px; text-align: center; margin-right: 20px; border: 1px solid #ccc; border-radius: 18px; font-size: 14px; cursor: pointer; }
.ask-tabs .ask-tabs-nav li:last-child { margin-right: 0; }
.ask-tabs .ask-tabs-nav li.cur { color: #fff; border-color: #0057ff; background-color: #0057ff; }