/** 2019-10-08  #7809 找律师地区首页，律师广告 */
.btn:hover { opacity: .8 !important; }

/* char-w260-h108 */
.char-w260-h108 { width: 260px; height: 108px; overflow: hidden; position: relative; background: url(../images/yc260x108.png);}
.char-w260-h108 .tag-tui { 
    position: absolute; top: 10px; right: 0; 
    width: 34px; height: 16px; font-size: 12px; color: #fff; line-height: 16px; text-align: center; font-style: normal;
    background-color: #498eed; background: linear-gradient(90deg, #498eed 0%, #77a7e8 100%); border-radius: 4px 0px 0px 4px;
}
.char-w260-h108 img { display: block; }
.char-w260-h108 .lawyer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 13px 120px 0 20px; transition: all .2s linear; }
.char-w260-h108 .lawyer .name { font-size: 16px; color: #333; line-height: 28px; height: 28px; overflow: hidden; font-weight:bold; }
.char-w260-h108 .lawyer .tip { font-size: 12px; color: #999; height: 20px; overflow: hidden; }
.char-w260-h108 .lawyer .tel { color: #333; margin-top: 10px; transition: all .2s linear; white-space: nowrap; height: 20px; overflow: hidden; }
.char-w260-h108 .lawyer .tel .iconfont { font-size: 12px; margin-right: 3px; }
.char-w260-h108 .btn { 
    position: absolute; left: 20px; bottom: 10px; width: 74px; height: 20px; border-radius: 10px; 
    font-size: 12px; line-height: 20px; transition: all .2s linear; opacity: 0;  visibility: hidden;
}
.char-w260-h108:hover .lawyer { padding-top: 3px;  }
.char-w260-h108:hover .lawyer .tel { margin-top: 0; }
.char-w260-h108:hover .btn { opacity: 1; bottom: 13px; visibility:visible; }

/* char-w190-h190 */
.char-w190-h190 { width: 190px; height: 190px; box-shadow: 0 5px 10px 0 rgba(0,0,0, .05); position: relative; background: url(../images/tj190x190.png);}
.char-w190-h190 .lr-photo { display: block; height: 190px; overflow: hidden; position: relative; }
.char-w190-h190 .lr-photo img { transform: scale(1); transition: all .3s linear; }
.char-w190-h190 .lr-photo .txt {
    position: absolute; left: 0; right: 0; bottom: 0; 
    height: 40px; background-color: rgba(255,255,255, .95);
    color: #333; line-height: 40px; text-align: center;
}
.char-w190-h190 .popup {
    position: absolute; top: 190px; left: 0; z-index: 10; visibility: hidden; transition: top .3s linear;
    width: 392px; height: 192px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0, .15);
}
.char-w190-h190 .popup .lawyer { display: block; height: 175px; padding: 17px 40px 0 100px; position: relative; }
.char-w190-h190 .popup .lawyer img { position: absolute; left: 20px; top: 20px; width: 60px; height: 60px; border-radius: 50%; }
.char-w190-h190 .popup .name { font-size: 18px; color: #333; height: 20px; overflow: hidden; }
.char-w190-h190 .popup .tips { font-size: 12px; color: #999; line-height: 28px; height: 28px; overflow: hidden; display:block;}
.char-w190-h190 .popup .txt { font-size: 12px; line-height: 18px; color: #333; height: 36px; overflow: hidden; margin-top: 3px; }
.char-w190-h190 .popup .data-info { height: 20px; overflow: hidden; margin-top: 7px; }
.char-w190-h190 .popup .data-info span { float: left; padding-right: 13px; margin-right: 12px; font-size: 12px; color: #999; position: relative; }
.char-w190-h190 .popup .data-info span:after { position: absolute; top: 5px; right: 0; width: 1px; height: 10px; background-color: #d9d9d9; content: ''; }
.char-w190-h190 .popup .data-info span:last-child:after { width: 0; }
.char-w190-h190 .popup .data-info span em { font-style: normal; }
.char-w190-h190 .popup .tel { font-size: 18px; color: #333; margin-top: 18px; }
.char-w190-h190 .popup .tel .iconfont { font-size: 16px; margin-right: 5px; }
.char-w190-h190 .popup .btn { position: absolute; right: 40px; bottom: 20px; width: 80px; height: 24px; line-height: 24px; }
.char-w190-h190:hover .popup { visibility: visible; top: 150px; }
.char-w190-h190:hover .lr-photo img { transform: scale(1.05); }

/* char-w291-h194 */
.char-w291-h194 { width: 291px; height: 194px; overflow: hidden; position: relative; background: url(../images/ty291x194.png);}
.char-w291-h194 .magnify img { display: block; width: 100%; height: 100%; transition: all .2s linear; transform: scale(1); transform-origin: right bottom; }
.char-w291-h194 .txt { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; 
    padding: 30px 122px 0 25px;
}
.char-w291-h194 .txt .name { line-height: 24px; height: 24px; overflow: hidden; }
.char-w291-h194 .txt .name b { font-size: 18px; color: #333; }
.char-w291-h194 .txt .name span { color: #999; margin-left: 5px; }
.char-w291-h194 .txt .tag { 
    height: 28px; overflow: hidden; margin: 15px 0;
    background-color: #333; background-color: rgba(0,0,0, .3); border-radius: 4px; 
    color: #fff; line-height: 28px; text-align: center;
}
.char-w291-h194 .txt .tel { font-size: 16px; color: #333; line-height: 24px; white-space: nowrap; height: 24px; overflow: hidden; }
.char-w291-h194 .txt .iconfont { font-size: 14px; color: #333; margin-right: 5px; }
.char-w291-h194 .txt .tip { height: 44px; overflow: hidden; color: #999; line-height: 22px; margin: 8px 0; }
.char-w291-h194 .btn { 
    position: absolute; left: 25px; bottom: 24px;  visibility: hidden; opacity: 0;
    width: 80px; height: 24px; border-radius: 12px; font-size: 12px; line-height: 24px; 
    transition: all .3s linear;
}
.char-w291-h194:hover .btn { visibility: visible; opacity: 1; }
.char-w291-h194 .magnify:hover img { transform: scale(1.02); }
    /**/
.char-w291-h194.team .txt { padding-top: 15px; }
.char-w291-h194.team .txt .name { height: 54px; }
.char-w291-h194.team .txt .tip { margin: 6px 0 3px; }
.char-w291-h194.team .btn { bottom: 15px; }

/* char-w384-h220 */
.char-w384-h220 { width: 384px; height: 220px; overflow: hidden; position: relative; background: url(../images/jb384x220.png);}
.char-w384-h220 img { display: block; width: 100%; height: 100%; transition: all .2s linear; transform: scale(1); transform-origin: right bottom; }
.char-w384-h220 .txt { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; 
    padding: 25px 150px 0 25px;
}
.char-w384-h220 .txt .name { line-height: 30px; height: 30px; overflow: hidden; }
.char-w384-h220 .txt .name b { font-size: 22px; color: #333; }
.char-w384-h220 .txt .name span { color: #999; margin-left: 5px; }
.char-w384-h220 .txt .tag { height: 20px; margin-top: 8px; }
.char-w384-h220 .txt .tag span { 
    float: left; padding: 0 8px; height: 20px; overflow: hidden;
    background-color:#ef5858; border-radius: 4px; 
    font-size: 12px; color: #fff; line-height: 20px; 
}
.char-w384-h220 .txt .tip { height: 48px; overflow: hidden; color: #999; line-height: 24px; margin-top: 13px; }
.char-w384-h220 .txt .tel { font-size: 16px; color: #333; line-height: 24px; white-space: nowrap; height: 24px; overflow: hidden; margin-top: 18px; }
.char-w384-h220 .txt .iconfont { font-size: 14px; color: #333; margin-right: 5px; }
.char-w384-h220 .btn { 
    position: absolute; left: 25px; bottom: 24px;  visibility: hidden; opacity: 0;
    width: 80px; height: 24px; border-radius: 12px; font-size: 12px; line-height: 24px; 
    transition: all .3s linear;
}
.char-w384-h220:hover .btn { visibility: visible; opacity: 1; }
.char-w384-h220:hover img { transform: scale(1.02); }

/* char-w282-h404 */
.char-w282-h404 { 
    display: block; width: 282px; height: 229px; padding-top: 175px; overflow: hidden; text-align: center;
    background: #fff url('../images/bg1.jpg') no-repeat left top;
    position: relative; top: 0; transition: all .2s linear;
}
.char-w282-h404 .label { 
    position: absolute; left: 50%; top: 14px; z-index: 2; margin-left: 20px;
    width: 77px; height: 26px; overflow: hidden; padding-bottom: 5px;
    background: url('../images/tag.png') no-repeat; 
    font-size: 12px; color: #fff; line-height: 26px; text-align: center;
    display:none;
}
.char-w282-h404 img { position: absolute; left: 76px; top: 30px; width: 130px; height: 130px; border-radius: 50%; }
.char-w282-h404 .name { font-size: 22px; color: #333; line-height: 30px; font-weight: 600; height: 30px; overflow: hidden; }
.char-w282-h404 .sc-title { height: 20px; margin: 13px 0; }
.char-w282-h404 .sc-title .line { display: inline-block; width: 10px; height: 2px; background-color: #e8e8e8; vertical-align: middle; margin-top: -2px; }
.char-w282-h404 .sc-title span { display: inline-block; vertical-align: middle; color: #999; margin: -2px 15px 0; }
.char-w282-h404 .tag { color: #666; }
.char-w282-h404 .tip { font-size: 12px; color: #999; margin-top: 10px; }
.char-w282-h404 .tip span { margin: 0 3px; }
.char-w282-h404 .tel { 
    display: block; margin: 25px 40px 0; height: 40px; background-color: #f5f5f5; border-radius: 20px; 
    font-size: 18px; color: #ec3b3b; line-height: 40px;
}
.char-w282-h404 .tel .iconfont { font-size: 14px; margin-right: 5px; }
.char-w282-h404:hover { box-shadow: 0 3px 25px 0 rgba(0,0,0, .08); top: -5px; }
/* char-w282-h250 */
.char-w282-h250 {
    width: 282px;
    height: 250px;
    overflow: hidden;
    position: relative;
    background: url('../images/sb282x250.png');
}
.char-w282-h250 .lawyer { display: block; }
.char-w282-h250 .img-block { display: block; height: 160px; overflow: hidden; }
.char-w282-h250 .img-block img { position: relative; top: 0; transition: all .2s linear; }
.char-w282-h250 .txt { 
    position: absolute; left: 0; right: 0; bottom: 0; 
    height: 70px; padding: 17px 20px 3px; background-color: #fff; transition: all .2s linear; 
}
.char-w282-h250 .txt .name,.char-w282-h250 .txt .tag,.char-w282-h250 .txt .tip{ text-align: center; }
.char-w282-h250 .txt .name { height: 26px; overflow: hidden; line-height: 26px; }
.char-w282-h250 .txt .name b { font-size: 18px; color: #333; width: 160px; }
.char-w282-h250 .txt .name span { float: right; font-size: 12px; color: #bbb; }
.char-w282-h250 .txt .tag { height: 22px; overflow: hidden; margin-top: 14px; display: none; }
.char-w282-h250 .txt .tag span { 
    padding: 0 9px; height: 20px; border: 1px solid #e8e8e8; border-radius: 4px; 
    font-size: 12px; color: #999; line-height: 18px; margin-right: 5px; 
}
.char-w282-h250 .txt .tip { margin-top: 10px; height: 20px; overflow: hidden; color: #999; }
.char-w282-h250 .txt .tel { height: 24px; overflow: hidden; font-size: 16px; color: #ec3b3b; line-height: 24px; margin-top: 10px; display: none; }
.char-w282-h250 .txt .tel .iconfont { font-size: 14px; margin-right: 5px; }
.char-w282-h250 .btn {
    position: absolute; right: 20px; bottom: 15px; 
    width: 74px; height: 24px; border-radius: 12px; line-height: 24px; 
    visibility: hidden; opacity: 0; transition: all .2s linear; 
}
.char-w282-h250:hover { box-shadow: 0 3px 20px rgba(0,0,0, .05); }
.char-w282-h250:hover .img-block img { top: -5px; }
.char-w282-h250:hover .txt { height: 140px; padding-top: 9px; }
.char-w282-h250:hover .txt .tag,
.char-w282-h250:hover .txt .tel { display: block; }
.char-w282-h250:hover .btn { visibility: visible; opacity: 1; }

/* char-w220-h348 */
.char-w220-h348 { width: 220px; height: 348px; position: relative; z-index: 1;background: url('../images/yx220x348.png'); }
.char-w220-h348 .lawyer { display: block; }
.char-w220-h348 .img-block { position: absolute; left: 0; top: 0; right: 0; width: 220px; height: 220px; transition: all .2s linear; }
.char-w220-h348 .txt { position: absolute; left: 0; top: 220px; right: 0; height: 88px; padding: 20px; background-color: #fff; transition: all .2s linear; }
.char-w220-h348 .txt .icon-prefer { position: absolute; right: 20px; top: -14px; }
.char-w220-h348 .txt .name { font-size: 20px; line-height: 24px; font-weight: 600; color: #333; height: 24px; overflow: hidden; text-align:center;}
.char-w220-h348 .txt .tip,
.char-w220-h348 .txt .tag { font-size: 12px; line-height: 22px; height: 44px; overflow: hidden; }
.char-w220-h348 .txt .tip { color: #999; margin-top: 14px; }
.char-w220-h348 .txt .tag { color: #333; margin-top: 10px; display: none; }
.char-w220-h348 .txt .tel {
    width: 104px; height: 24px; overflow: hidden; margin-top: 14px;
    line-height: 24px; font-size: 15px; color: #ec3b3b; white-space: nowrap;
    visibility: hidden; opacity: 0; transition: all .1s ease-in-out; 
}
.char-w220-h348 .btn { 
    position: absolute; right: 20px; bottom: 20px; 
    width: 66px; height: 24px; font-size: 12px; line-height: 24px; 
    visibility: hidden; opacity: 0; transition: all .1s ease-in-out; 
}
.char-w220-h348:hover { z-index: 10; }
.char-w220-h348:hover .img-block { top: -44px; }
.char-w220-h348:hover .txt { top: 176px; height: 176px; box-shadow: 0 3px 35px 0 rgba(0,0,0, .05); }
.char-w220-h348:hover .txt .tag { display: block; }
.char-w220-h348:hover .txt .tel,
.char-w220-h348:hover .btn { visibility: visible; opacity: 1; bottom: -24px; }

/* char-w190-h240 */
.char-w190-h240 { width: 190px; height: 240px; position: relative; background: url('../images/zyax190x240.png');}
.char-w190-h240 .lawyer { display: block; }
.char-w190-h240 .img-block { margin-top: 0; transition: all .2s linear; }
.char-w190-h240 .txt { 
    position: absolute; left: 0; right: 0; bottom: 0; 
    height: 62px; padding: 18px 10px 0; background-color: #f5f5f5; text-align: center;
    transition: all .2s linear;
}
.char-w190-h240 .txt .name { font-size: 16px; color: #333; height: 20px; overflow: hidden; }
.char-w190-h240 .txt .tag { color: #999; line-height: 26px; height: 26px; overflow: hidden; margin-top: 2px; }
.char-w190-h240 .txt .tel { font-size: 16px; color: #333; height: 20px; overflow: hidden; display: none; }
.char-w190-h240 .txt .tel .iconfont { font-size: 14px; margin-right: 5px; }
.char-w190-h240 .btn { 
    position: absolute; left: 35px; right: 35px; bottom: 15px;
    width: 120px; height: 24px; line-height: 24px; background-color: #ec3b3b; border-radius: 12px;
    visibility: hidden; opacity: 0; transition: all .2s linear;
}
.char-w190-h240:hover .img-block { margin-top: -30px; }
.char-w190-h240:hover .txt { height: 115px; }
.char-w190-h240:hover .tel { display: block; }
.char-w190-h240:hover .btn { visibility: visible; opacity: 1; }

/* char-w190-h240b */
.char-w190-h240b,
.char-w190-h240b .one { width: 190px; height: 240px; position: relative; visibility: visible; transition: all .2s ease-in-out; }
.char-w190-h240b .one .txt { position: absolute; left: 0; right: 0; bottom: 0; height: 62px; background-color: #f5f5f5;  }
.char-w190-h240b .txt { padding: 18px 10px 0; text-align: center; }
.char-w190-h240b .txt .name { font-size: 16px; color: #333; height: 20px; overflow: hidden; }
.char-w190-h240b .txt .tag { color: #999; line-height: 26px; height: 26px; overflow: hidden; margin-top: 2px; }
.char-w190-h240b .two { 
    position: absolute; left: -12px; top: -68px; z-index: 1;
    width: 214px; height: 369px; background-color: #fff; transition: all .1s ease-in-out;
    visibility: hidden; transform: scale(.9);
}
.char-w190-h240b .two .lawyer { display: block; }
.char-w190-h240b .two .txt { display: block; }
.char-w190-h240b .two .txt .name { font-weight: 600; }
.char-w190-h240b .two .txt .tag { margin-top: 5px; }
.char-w190-h240b .two .tel { font-size: 18px; color: #333; height: 20px; overflow: hidden; margin-top: 3px; }
.char-w190-h240b .two .tel .iconfont { font-size: 14px; margin-right: 5px; }
.char-w190-h240b .btn { 
    position: absolute; left: 35px; right: 35px; bottom: -40px; z-index: 10; display: none;
    width: 120px; height: 24px; line-height: 24px; background-color: #ec3b3b; border-radius: 12px;
}
.char-w190-h240b:hover .two { 
    z-index: 5;  box-shadow: 0 3px 20px 0 rgba(0,0,0, .15); 
    visibility: visible; transform: scale(1);
}
.char-w190-h240b:hover .btn { display: block; }
.char-w190-h240b{ background: url('../images/zyax190x240.png');}
/** 2019-10-21  #7977 */
/* char-w266-h140 */
.char-w266-h140 { width: 266px; height: 140px; overflow: hidden; position: relative; }
.char-w266-h140.bg1 { background-color: #f5eae6; }
.char-w266-h140.bg2 { background-color: #e4ecf5; }
.char-w266-h140.bg3 { background-color: #ede9f5; }
.char-w266-h140 .photo { position: absolute; top: 25px; right: 15px; width: 90px; height: 90px; border-radius: 50%; }
.char-w266-h140 .lawyer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 23px 120px 0 24px; transition: all .2s linear; }
.char-w266-h140 .lawyer .name { line-height: 28px; height: 28px; overflow: hidden; }
.char-w266-h140 .lawyer .name b { font-size: 18px; color: #333;  }
.char-w266-h140 .lawyer .name span { font-size: 12px; color: #999; margin-left: 8px; }
.char-w266-h140 .lawyer .tip { font-size: 12px; color: #999; height: 20px; overflow: hidden; margin-top: 3px; }
.char-w266-h140 .lawyer .tel { color: #333; margin-top: 15px; transition: all .2s linear; white-space: nowrap; height: 20px; overflow: hidden; }
.char-w266-h140 .lawyer .tel .iconfont { font-size: 12px; margin-right: 3px; }
.char-w266-h140 .btn { 
    position: absolute; left: 24px; bottom: 20px; width: 80px; height: 24px; border-radius: 12px; 
    font-size: 12px; line-height: 24px; transition: all .2s linear; opacity: 0;  visibility: hidden;
}
.char-w266-h140:hover .lawyer { padding-top: 13px;  }
.char-w266-h140:hover .lawyer .tel { margin-top: 2px; }
.char-w266-h140:hover .btn { opacity: 1; visibility:visible; }

/* char-w340-h367 */
.char-w340-h367 { 
    display: block; width: 340px; height: 192px; padding-top: 175px; overflow: hidden; text-align: center;
    background: #fff url('../images/bg_340x100.png') no-repeat left top;
    box-shadow: 0 3px 35px 0 rgba(0,0,0, .05); position: relative;
}
.char-w340-h367 img { position: absolute; left: 105px; top: 30px; width: 130px; height: 130px; border-radius: 50%; }
.char-w340-h367 .name { font-size: 22px; color: #333; line-height: 30px; font-weight: 600; height: 30px; overflow: hidden; }
.char-w340-h367 .sc-title { height: 20px; margin: 13px 0; }
.char-w340-h367 .sc-title .line { display: inline-block; width: 10px; height: 2px; background-color: #e8e8e8; vertical-align: middle; margin-top: -2px; }
.char-w340-h367 .sc-title span { display: inline-block; vertical-align: middle; color: #999; margin: -2px 15px 0; }
.char-w340-h367 .tag { margin: 0 30px; color: #666; height: 20px; overflow: hidden; }
.char-w340-h367 .tel { 
    display: block; margin: 15px 70px 0; height: 40px; overflow: hidden; 
    padding: 0 15px; background-color: #f5f5f5; border-radius: 20px; 
    font-size: 18px; color: #ec3b3b; line-height: 40px; white-space: nowrap;
}
.char-w340-h367 .tel .iconfont { font-size: 14px; margin-right: 10px; }

/*.char-w340-h367.has-pic 1217新增*/
.char-w340-h367.has-pic{ background: #fff url('../images/bg_340x132.png') no-repeat left bottom; }
.char-w340-h367.has-pic img{ position: absolute; left: 0px; top: 0px; width: 340px; height: 200px;border-radius: 0;}
.char-w340-h367.has-pic .txt{ margin-top: 25px; height: 167px; width:340px; transition: all .2s linear; position: relative;}
.char-w340-h367 .btn.btn-red{ visibility: hidden;opacity: 0; position: absolute; bottom: 20px; left: 100px; width: 150px; height: 30px; line-height: 30px; transition: all .2s linear;}
.char-w340-h367.has-pic:hover .txt{ margin-top: 8px; transition: all .2s linear; position: absolute;}
.char-w340-h367.has-pic:hover .btn.btn-red { opacity: 1;visibility: visible;}
.char-w340-h367.has-pic .name { background-color:#fff; font-size: 22px; color: #333; line-height: 30px; font-weight: 600; height: 30px; overflow: hidden; padding: 10px 0;}
.char-w340-h367 .name>span,.char-w340-h367.has-pic .sc-title,.char-w340-h367.has-pic .tag,.char-w340-h367 .text-value{ display:none; }
.char-w340-h367.has-pic .name>span{ display:inline-block; font-size: 12px; color: #adadad; margin-left: 10px; font-weight: initial;} 
.char-w340-h367.has-pic .text-value{ display:block;  height: 40px; overflow: hidden; padding: 0px 35px; color: #adadad; }
.char-w340-h367.has-pic .tel{ background-color: transparent !important;height: 35px;line-height: 35px; margin-top: 5px;}
/* char-w260-h323 */
.char-w260-h323 { 
    display: block; width: 258px; height: 156px; padding-top: 165px; border: 1px solid #eee; overflow: hidden; text-align: center;
    background: #fff url('../images/bg_260x98.png') no-repeat left top;
    box-shadow: 0 3px 35px 0 rgba(0,0,0, .05); position: relative;
    transition: all .15s linear;
}
.char-w260-h323 img { position: absolute; left: 70px; top: 30px; width: 120px; height: 120px; border-radius: 50%; }
.char-w260-h323 .name { font-size: 22px; color: #333; line-height: 30px; font-weight: 600; height: 30px; overflow: hidden; }
.char-w260-h323 .label { color: #999; line-height: 22px; height: 22px; overflow: hidden; }
.char-w260-h323 .tag { margin: 0 30px; color: #666; height: 20px; overflow: hidden; }
.char-w260-h323 .tel { 
    display: block; margin: 12px 30px 0; height: 40px; overflow: hidden;  
    font-size: 18px; color: #ec3b3b; line-height: 40px; white-space: nowrap;
}
.char-w260-h323 .tel .iconfont { font-size: 14px; margin-right: 10px; }
.char-w260-h323:hover { margin-top: -5px; box-shadow: 0 5px 20px 0 rgba(0,0,0, .05); }

/* char-w340-h120 */
.char-w340-h120 { width: 340px; height: 120px; overflow: hidden; position: relative; }
.char-w340-h120.bg1 { background-color: #e1ecf2; }
.char-w340-h120.bg2 { background-color: #f0ebe1; }
.char-w340-h120 .photo { position: absolute; top: 15px; right: 30px; width: 90px; height: 90px; border-radius: 50%; }
.char-w340-h120 .lawyer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 18px 140px 0 30px; transition: all .2s linear; }
.char-w340-h120 .lawyer .name { line-height: 28px; height: 28px; overflow: hidden; }
.char-w340-h120 .lawyer .name b { font-size: 18px; color: #333;  }
.char-w340-h120 .lawyer .name span { font-size: 12px; color: #999; margin-left: 8px; }
.char-w340-h120 .lawyer .tip { font-size: 13px; color: #999; height: 20px; overflow: hidden; margin-top: 3px; }
.char-w340-h120 .lawyer .tel { color: #333; margin-top: 10px; transition: all .2s linear; white-space: nowrap; height: 20px; overflow: hidden; }
.char-w340-h120 .lawyer .tel .iconfont { font-size: 12px; margin-right: 3px; }
.char-w340-h120 .btn { 
    position: absolute; left: 30px; bottom: 15px; width: 75px; height: 20px; border-radius: 12px; 
    font-size: 12px; line-height: 18px; transition: opacity .2s linear; opacity: 0; visibility: hidden;
}
.char-w340-h120:hover .lawyer { padding-top: 10px;  }
.char-w340-h120:hover .lawyer .tip, .char-w340-h120:hover .lawyer .tel { margin-top: 2px; }
.char-w340-h120:hover .btn { opacity: 1; visibility:visible; }

/* char-w160-h160 */
.char-w160-h160 { display: block; width: 160px; height: 160px; overflow: hidden; position: relative; }
.char-w160-h160 img { transition: all .2s linear; }
.char-w160-h160 .txt { 
    position: absolute; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px; overflow: hidden;
    padding: 0 13px; background: #fff; background-color: rgba(255,255,255, .9); 
    transition: all .2s linear; opacity: 1; visibility:visible;
}
.char-w160-h160 .txt b { font-size: 16px; }
.char-w160-h160 .txt span { font-size: 12px; color: #999; margin-left: 7px; }
.char-w160-h160 .lawyer { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;
    padding: 30px 20px; background-color: rgba(255,255,255, .7); 
    transition: all .2s linear; opacity: 0; visibility: hidden;
}
.char-w160-h160 .lawyer .tip { height: 20px; overflow: hidden; text-align: center; color: #666; }
.char-w160-h160 .lawyer .tel { height: 20px; overflow: hidden; text-align: center; font-size: 18px; color: #333; margin-top: 60px; }
.char-w160-h160 .btn { 
    position: absolute; left: 36px; right: 36px; top: 68px; z-index: 5;
    width: 88px; height: 26px; line-height: 26px;
    transition: all .2s linear; opacity: 0; visibility: hidden;
}
.char-w160-h160:hover .txt { opacity: 0; visibility: hidden; }
.char-w160-h160:hover .img-block img { -webkit-filter: blur(5px); filter: blur(5px); }
.char-w160-h160:hover .lawyer,
.char-w160-h160:hover .btn { opacity: 1; visibility:visible; }

.fixed_top { position: fixed !important; }
.pa { position: absolute !important; }

/*新增顶部轮播占位图样式*/
.char-w726-h348{width: 726px; height: 348px; overflow: hidden; background: url(../images/lbad-bg.jpg);}
.char-w290-h400{width: 290px; height: 400px; overflow: hidden; background: url(../images/tylb291x400.png);}
.char-w282-h404-zhan { background:url('../images/gx282x404.png');}


/* #9849  2020-02-20 */
    /* 260x108 */
.char-w260-h108 .empty { display: block; height: 108px; padding: 0 20px; background: url('../images/260x108.png') no-repeat; }
.char-w260-h108 .empty strong { display: block; padding-top: 30px; font-size: 16px; color: #666; line-height: 22px; font-weight: 500; }
.char-w260-h108 .empty p { font-size: 14px; color: #bbb; margin-top: 8px; }
    /* 190x190 */
.char-w190-h190 .empty { display: block; height: 190px; padding: 0 10px 0 14px; background: url('../images/190x190.png') no-repeat; }
.char-w190-h190 .empty strong { display: block; padding-top: 30px; font-size: 16px; color: #666; line-height: 22px; font-weight: 500; }
.char-w190-h190 .empty p { font-size: 14px; color: #bbb; text-align: center; margin-top: 8px; }
    /* invite-swiper */
.invite-swiper .swiper-slide .empty { display: block; height: 400px; padding: 0 28px; background: url('../images/291x400.jpg') no-repeat; }
.invite-swiper .swiper-slide .empty strong { display: block; padding-top: 53px; font-size: 20px; color: #666; line-height: 28px; font-weight: 500; }
.invite-swiper .swiper-slide .empty p { font-size: 14px; color: #bbb; line-height: 22px; margin-top: 10px; }
    /* 291x194 */
.char-w291-h194 .empty { display: block; height: 194px; padding: 0 22px; background: url('../images/291x194.jpg') no-repeat; }
.char-w291-h194 .empty strong { display: block; padding-top: 28px; font-size: 18px; color: #666; line-height: 28px; font-weight: 500; }
.char-w291-h194 .empty p { font-size: 14px; color: #bbb; margin-top: 6px; }
    /* 384x220 */
.char-w384-h220 .empty { display: block; height: 220px; padding: 0 30px; background: url('../images/384x220.jpg') no-repeat; }
.char-w384-h220 .empty strong { display: block; padding-top: 30px; font-size: 20px; color: #666; line-height: 28px; font-weight: 500; }
.char-w384-h220 .empty p { font-size: 14px; color: #bbb; margin-top: 11px; }
    /* 282x404 */
.char-w282-h404.empty { height: 404px; padding: 0; background: url('../images/282x404.jpg') no-repeat; text-align: left; }
.char-w282-h404.empty strong { display: block; padding: 62px 30px 0; font-size: 20px; color: #666; line-height: 24px; font-weight: 500; }
.char-w282-h404.empty p { padding: 0 30px; color: #bbb; line-height: 24px; margin-top: 10px; }
.char-w282-h404.empty:hover { top: 0; }
    /* 282x250 */
.char-w282-h250 .empty { display: block; height: 250px; padding: 0 35px; background: url('../images/282x250.jpg') no-repeat; }
.char-w282-h250 .empty strong { display: block; padding-top: 43px; font-size: 20px; color: #666; line-height: 28px; font-weight: 500; }
.char-w282-h250 .empty p { font-size: 14px; color: #bbb; margin-top: 11px; }
    /* 220x348 */
.char-w220-h348 .empty { display: block; height: 348px; padding: 0 10px 0 20px; background: url('../images/220x348.jpg') no-repeat; }
.char-w220-h348 .empty strong { display: block; padding-top: 43px; font-size: 18px; color: #666; line-height: 28px; font-weight: 500; }
.char-w220-h348 .empty p { color: #bbb; line-height: 24px; margin-top: 3px; }
    /* 190x240 */
.char-w190-h240 .empty, .char-w190-h240b .empty { display: block; height: 240px; padding: 0 10px; background: url('../images/190x240.jpg') no-repeat; text-align: center; }
.char-w190-h240 .empty strong, .char-w190-h240b .empty strong { display: block; padding-top: 52px; font-size: 16px; color: #666; line-height: 26px; font-weight: 500; }
.char-w190-h240 .empty p, .char-w190-h240b .empty p { color: #bbb; line-height: 24px; margin-top: 3px; }
    /* 340x367 */
.char-w340-h367.empty { height: 367px; padding: 0; background: url('../images/340x367.jpg') no-repeat; }
.char-w340-h367.empty strong { display: block; padding: 80px 30px 0; font-size: 22px; color: #666; line-height: 24px; font-weight: 500; }
.char-w340-h367.empty p { padding: 0 30px; color: #bbb; line-height: 24px; margin-top: 12px; }
    /* 340x120 */
.char-w340-h120 .empty { display: block; height: 120px; padding: 0 20px 0 28px; background: url('../images/340x120.jpg') no-repeat; }
.char-w340-h120 .empty strong { display: block; padding-top: 26px; font-size: 18px; color: #666; line-height: 28px; font-weight: 500; }
.char-w340-h120 .empty p { color: #bbb; line-height: 24px; margin-top: 3px; }
    /* 160x160 */
.char-w160-h160 .empty { display: block; height: 160px; padding: 0 20px; background: url('../images/160x160.jpg') no-repeat; text-align: center; }
.char-w160-h160 .empty strong { display: block; padding-top: 29px; font-size: 18px; color: #666; line-height: 26px; font-weight: 500; }
.char-w160-h160 .empty p { font-size: 12px; color: #bbb; line-height: 24px; margin-top: 8px; }
    /* 266x140 */
.char-w266-h140 .empty { display: block; height: 140px; padding: 0 30px; background: url('../images/266x140.jpg') no-repeat; }
.char-w266-h140 .empty strong { display: block; padding-top: 29px; font-size: 18px; color: #666; line-height: 26px; font-weight: 500; }
.char-w266-h140 .empty p { color: #bbb; line-height: 24px; margin-top: 4px; }