/* ico-lawonline */
.i-lawonline1, .i-lawonline2, .i-lawonline3, .i-lawonline4, .i-lawonline5, .i-lawonline6, .i-lawonline7, .i-lawonline8 { width: 16px; height: 16px; }
.i-lawonline1 { background-position: 0 0; }
.i-lawonline2 { background-position: -20px 0; }
.i-lawonline3 { background-position: -40px 0; }
.i-lawonline4 { background-position: -60px 0; }
.i-lawonline5 { background-position: -80px 0; }
.i-lawonline6 { background-position: -100px 0; }
.i-lawonline7 { background-position: -120px 0; }
.i-lawonline8 { background-position: -140px 0; }
.i-lawonline9 { width: 16px; height: 20px; background-position: -160px 0; }
.i-lawonline10 { width: 16px; height: 16px; background-position: 0 -20px; }
.i-lawonline11 { width: 11px; height: 16px; background-position: -20px -20px; }
.i-lawonline12 { width: 16px; height: 16px; background-position: -40px -20px; }
.i-lawonline13 { width: 20px; height: 16px; background-position: -60px -20px; }
.i-lawonline14, .i-lawonline15, .i-lawonline16, .i-lawonline17 { width: 48px; height: 48px; }
.i-lawonline14 { background-position: 0 -40px; }
.i-lawonline15 { background-position: -50px -40px; }
.i-lawonline16 { background-position: -100px -40px; }
.i-lawonline17 { background-position: -150px -40px; }
.i-lawonline18 { width: 22px; height: 16px; background-position: 0 -90px; }
.i-lawonline19, .i-lawonline20, .i-lawonline21 { width: 36px; height: 36px; }
.i-lawonline19 { background-position: -30px -90px; }
.i-lawonline20 { background-position: -70px -90px; }
.i-lawonline21 { background-position: -110px -90px; }

/* ico-ts */
.i-ts1 { width: 48px; height: 48px; background-position: 0 0; }
.i-ts2 { width: 48px; height: 48px; background-position: -60px 0; }
.i-ts3 { width: 48px; height: 48px; background-position: -120px 0; }
.i-ts4 { width: 48px; height: 48px; background-position: -180px 0; }
.i-ts5 { width: 48px; height: 48px; background-position: -240px 0; }

/**/
.tel-05 { width: 17px; height: 16px; background-position: -131px 0; }
.icon-vip { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url('../images/vip.png') no-repeat; }

/**/
.w340 { width: 340px; }
.newbg_left{width:350px;height:320px;background:url(/skin/images/im_bg_jsfwtd.png) no-repeat center;float:left;}
.w376 { width: 376px; }
.w530 { width: 530px; }
.w820 { width: 820px; }
.w840 { width: 840px; }
.lh24 { line-height: 24px; }
.mt24 { margin-top: 24px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mr36 { margin-right: 36px; }
.ptb40 { padding-top: 40px; padding-bottom: 40px; }
.pt40 { padding-top: 40px; }
.pb35 { padding-bottom: 35px; }
.pb50 { padding-bottom: 50px; }
.borb0{ border-bottom: none !important; }
.borb1-f2 { border-bottom: 1px solid #f2f2f2; }

/* content-bg */
.content-bg { background: url('../images/body_bg.jpg') top center #fff no-repeat; padding-top: 40px; }

.hr-line { height: 1px; background-color: #e8e8e8; }
/* ft-link */
.ft-link { padding: 30px 0 0; background-color: #151515; margin-bottom: -40px; }
.ft-link .hr-line { background-color: #222; margin-top: 40px; }
.ft-link .friendship-links { margin-bottom: 0; font-size: 12px; }
.ft-link .friendship-links .label { color: #666; font-size: 12px; }
.ft-link .friend-link-con a { font-size: 12px; color: #444; }
.ft-link .friendship-con .zk-btn { color: #555; }
.ft-link .friendship-con .zk-btn .iconfont { font-size: 12px; color: #666; margin-left: 5px; }

/* fixed-floor */
.fixed-floor { display: none; position: fixed; right: 5px; top: 50%; margin-top: -200px; z-index: 100; }
.fixed-floor li { position: relative; margin-top: 10px; text-align: right; }
.fixed-floor li:before { content: ''; position: absolute; top: -10px; right: 20px; width: 1px; height: 10px; background-color: #e8e8e8; }
.fixed-floor li:first-child:before { width: 0; }
.fixed-floor .item {  transition: all .3s linear; display: inline-block; padding: 0 12px; width: 16px; height: 40px; line-height: 40px; border-radius: 20px; background-color: #ccc; cursor: pointer; color: #fff; font-size: 12px; white-space: nowrap; vertical-align: middle; overflow: hidden; }
.fixed-floor .item span { margin-right: 7px; display: none; }
.fixed-floor .item:hover, .fixed-floor .cur .item { background-color: #2670ff; }
.fixed-floor .cur .item { width: 76px; background-color: #2670ff; }
.fixed-floor .cur .item span { display: inline; }

/* search-choice */
.search-choice { padding: 26px 30px 0; width: 280px; height: 294px; box-shadow: 0 5px 20px rgba(0,0,0,.05); background: url('../images/search_bg.jpg') no-repeat; }
.search-choice .local { font-size: 20px; line-height: 24px; font-weight: bold; }
.search-choice .local .i-lawonline9 { margin-right: 10px; }
.search-choice .drop-down { margin-top: 8px; height: 38px; border: 1px solid #d9d9d9; border-radius: 4px; }
.search-choice .drop-down .drop-txt { height: 38px; line-height: 38px; padding: 0 25px 0 16px; }
.search-choice .drop-down .drop-txt .i-top3 { top: 16px; right: 10px; }
.search-choice .drop-down .drop-all p { line-height: 28px; padding-left: 10px; font-size: 12px; }
.search-choice .areaSelect { margin-left: -10px; }
.search-choice .areaSelect .drop-down { margin-left: 10px; width: 133px; }
.search-choice .categorySelect .drop-down { float: none; }
.search-choice .btn { display: block; height: 44px; line-height: 44px; border-radius: 4px; margin-top: 20px; font-size: 16px; }

/* lawyer-swiper */
.lawyer-swiper { width: 840px; height: 320px; }
.lawyer-swiper .scroll-btn { position: absolute; top: 50%; z-index: 2; margin-top: -18px; width: 36px; height: 36px; border-radius: 50%; line-height: 36px; text-align: center; background-color: #000; background-color: rgba(0,0,0,.1); color: #fff; cursor: pointer; }
.lawyer-swiper .scroll-btn .iconfont { opacity: .5; font-size: 12px; }
.lawyer-swiper .l-btn { left: 20px; }
.lawyer-swiper .r-btn { right: 20px; }
.lawyer-swiper .scroll-btn:hover { background-color: rgba(0,0,0,.2); }
.lawyer-swiper .scroll-btn:hover .iconfont { opacity: 1; }
.lawyer-swiper .pagination { position: absolute; right: 0; bottom: 20px; left: 0; text-align: center; z-index: 5; line-height: 1; cursor: pointer; }
.lawyer-swiper .pagination .swiper-pagination-switch { display: inline-block; width: 10px; height: 4px; background-color: #8b8f96; margin: 0 5px; }
.lawyer-swiper .pagination .swiper-active-switch { width: 20px; background-color: #fff; }
.lawyer-swiper .no-lawyer { position: relative; width: 840px; height: 320px; text-align: center; z-index: 1; background-color: #2e3b4c; }
.lawyer-swiper .no-lawyer .bg { position: absolute; top: 0; left: 0; z-index: -1; width: 840px; height: 320px; }
.lawyer-swiper .no-lawyer .tit { font-size: 30px; color: #fff; padding-top: 80px; line-height: 32px; }
.lawyer-swiper .no-lawyer .num { font-size: 20px; line-height: 24px; margin-top: 25px; color: #fff; }
.lawyer-swiper .no-lawyer .zx { display: block; margin: 37px auto 0; width: 140px; height: 32px; line-height: 32px; background-color: #44505f; border-radius: 16px; font-size: 16px; color: #8c929a; }
/* lawyer-slide */
.lawyer-slide { position: relative; z-index: 1; width: 840px; height: 320px; text-align: center; background-color: #2e3b4c; }
.lawyer-slide .photo { width: 840px; height: 320px; }
.lawyer-slide .con { position: absolute; top: 60px; left: 134px; width: 382px; text-align: center; }
.lawyer-slide .con .t { color: #afb0b3; font-size: 14px; line-height: 40px; height: 40px; overflow: hidden; }
.lawyer-slide .con .t .name { font-size: 36px; font-weight: bold; color: #fff; }
.lawyer-slide .con .t i { margin: 0 9px; font-style: normal; }
.lawyer-slide .con .t span { opacity: .5; }
.lawyer-slide .con .det { margin-top: 24px; font-size: 14px; color: #fff; line-height: 22px; max-height: 66px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lawyer-slide .con .tel { position: relative; margin-top: 20px; padding-top: 20px; line-height: 28px; font-size: 24px; color: #fff; }
.lawyer-slide .con .tel:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -25px; width: 50px; height: 1px; background-color: #71757d; }
.lawyer-slide .con .tel .icon-phone-o { font-size: 18px; margin-right: 10px; }

/* today-online */
.today-online li { position: relative; float: left; width: 200px; text-align: center; }
.today-online li:before { content: ''; position: absolute; top: 2px; right: 0; bottom: 2px; border-right: 1px solid #f2f2f2; }
.today-online .num { display: block; font-size: 20px; line-height: 22px; height: 22px; }
.today-online .txt { margin-top: 12px; font-size: 12px; line-height: 16px; color: #999; }

/* attestation-law */
.attestation-law { width: 600px; text-align: center; }
.attestation-law .tit { font-size: 14px; color: #666; font-weight: bold; line-height: 16px; }
.attestation-law .con { margin-top: 14px; }
.attestation-law .con .item { margin: 0 25px; line-height: 16px; font-size: 12px; color: #666; }
.attestation-law .con .item .ico-lawonline { margin-right: 10px; }

/* more */
.more { font-size: 14px; color: #666; line-height: 20px; }
.more .icon-arrow-right-o { color: #bbb; font-size: 12px; margin-left: 4px; }
.more:hover, .more:hover .icon-arrow-right-o { color: #0057ff; }

/* tit-f30 */
.tit-f30 { line-height: 36px; height: 36px; }
.tit-f30 .more { margin-top: 16px; }
.tit-f30 .tit { font-size: 30px; font-weight: bold; }
.tit-f30 .desc { margin-left: 20px; margin-top: 16px; font-size: 14px; line-height: 20px; color: #999; }

/* char-w588-h230-list */
.char-w588-h230-list { margin-left: -24px; }
.char-w588-h230-list .char-w588-h230 { float: left; margin-top: 24px; margin-left: 24px; }

/* speciality-bg */
.speciality-bg { background: url('../images/speciality_bg.jpg') top center #f8f8f8 no-repeat; padding: 40px 0 20px; height: 270px; }
/* hot-speciality */
.hot-speciality { padding: 28px 40px 40px; width: 712px; background-color: #fff; }
.speciality-list { margin-top: 6px; margin-left: -20px; }
.speciality-list a { float: left; margin-left: 20px; margin-top: 20px; border: 1px solid #e8e8e8; width: 100px; text-align: center; height: 38px; line-height: 38px; overflow: hidden; font-size: 16px; }
.speciality-list a:hover { border-color: #0057ff; color: #0057ff; }
/* spec-ask */
.spec-ask { padding: 28px 40px 0; width: 304px; height: 190px; background-color: #fff; }
.spec-ask dt h2 { position: relative; display: inline-block; vertical-align: middle; font-size: 20px; z-index: 1; padding-bottom: 6px; }
.spec-ask dt h2:before { content: ''; position: absolute; right: -5px; bottom: 3px; left: -5px; background-color: #e0ebff; height: 15px; z-index: -1; }
.spec-ask dd { margin-top: 15px; overflow: hidden; line-height: 30px; }
.spec-ask dd label { float: left; width: 28px; height: 28px; line-height: 28px; border: 1px solid #2670ff; border-radius: 50%; text-align: center; margin-right: 15px; color: #2670ff; font-size: 16px; font-weight: bold; }
/* spe-other-link */
.spe-other-link { line-height: 32px; overflow: hidden; }
.spe-other-link li { float: left; width: 20%; height: 32px; overflow: hidden; }
.spe-other-link a { position: relative; padding: 0 13px; color: #bbb; display: inline-block; }
.spe-other-link a:before { content: ''; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #bbb; }
.spe-other-link a:hover { color: #0057ff; }

/* char-w282-h464-list */
.char-w282-h464-list { margin-left: -24px; }
.char-w282-h464-list .char-w282-h464 { float: left; margin-left: 24px; margin-top: 24px; }

/* procedure-bg */
.procedure-bg { background: url('../images/procedure_bg.jpg') top center no-repeat; padding: 38px 0 25px; }
/* procedure-step */
.procedure-step { text-align: center; }
.procedure-step .tit { line-height: 28px; font-size: 24px; }
.procedure-step .step { margin-top: 26px; line-height: 40px; }
.procedure-step .step .num { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: #b4bccc; border-radius: 50%; font-size: 20px; color: #fff; vertical-align: middle; margin-top: -3px; }
.procedure-step .step .txt { margin-left: 20px; font-size: 18px; color: #666; }
.procedure-step .step .line { display: inline-block; margin: 0 20px; width: 80px; height: 1px; background-color: #d9d9d9; vertical-align: middle; }
.procedure-step .tips { font-size: 12px; color: #999; line-height: 18px; margin-top: 22px; }
/* new-question */
.new-question { background: url('../images/procedure_bg1.jpg') top right #fff no-repeat; box-shadow: 0 15px 20px rgba(0,0,0,.03); padding: 28px 30px; }
/* tit-f16-line */
.tit-f16-line { position: relative; padding-left: 10px; line-height: 20px; font-size: 16px; }
.tit-f16-line:before { content: ''; position: absolute; top: 2px; left: 0; width: 3px; height: 16px; background-color: #0057ff; }
/* new-question-list */
.new-question-list li { height: 30px; line-height: 30px; overflow: hidden; }
.new-question-list a { display: inline-block; padding-left: 14px; position: relative; color: #666; }
.new-question-list a:before { content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background-color: #e8e8e8; }
.new-question-list a:hover { color: #0057ff; }
.new-question-list span { font-size: 12px; color: #bbb; margin-left: 10px; }

/* char-w384-h220-list */
.char-w384-h220-list { width: 816px; }
.char-w384-h220-list .char-w384-h220 { float: left; margin-top: 24px; margin-left: 24px; }

/* char-w282-h413-list */
.char-w282-h413-list { margin-left: -24px; }
.char-w282-h413-list .char-w282-h413 { float: left; margin-top: 24px; margin-left: 24px; }

/* right-link */
.right-link { font: 14px; }
.right-link a { color: #666; }
.right-link a:hover { color: #0057ff; }
.right-link i { color: #e8e8e8; margin: 0 10px; font-style: normal; }

/* hot-ask-swiper */
.hot-ask-swiper { width: 1200px; height: 398px; padding-bottom: 44px; }
.hot-ask-swiper .pagination { position: absolute; right: 0; bottom: 0; left: 0; text-align: center; z-index: 5; line-height: 1; cursor: pointer; }
.hot-ask-swiper .pagination .swiper-pagination-switch { display: inline-block; width: 10px; height: 4px; background-color: #c4c4c4; margin: 0 5px; }
.hot-ask-swiper .pagination .swiper-active-switch { width: 20px; background-color: #0057ff; }
/* hot-ask-list */
.hot-ask-list { margin-left: -24px; overflow: hidden; }
.hot-ask-list li { float: left; margin-top: 24px; margin-left: 24px; padding: 30px; width: 528px; height: 115px; background-color: #fff; }
.hot-ask-list .con { position: relative; padding-left: 50px; }
.hot-ask-list .con label { position: absolute; top: 0; left: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; color: #fff; font-size: 16px; }
.hot-ask-list .q label { background-color: #d9d9d9; }
.hot-ask-list .a label { background-color: #b3cdff; }
.hot-ask-list .con .txt { height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; }
.hot-ask-list .q .txt { font-weight: bold; }
.hot-ask-list .a .txt { margin-top: 15px; color: #666; }
.hot-ask-list .a .lawyer { position: relative; margin-right: 21px; line-height: 30px; }
.hot-ask-list .a .lawyer:before { content: ''; position: absolute; top: 9px; right: -11px; width: 1px; height: 12px; background-color: #e8e8e8; }
.hot-ask-list .a .lawyer img { float: left; width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; overflow: hidden; }
.hot-ask-list .a .lawyer span { color: #999; font-size: 14px; }
.hot-ask-list .a .lawyer span em { font-style: normal; color: #ef5858; margin: 0 3px; }
.hot-ask-list .a .time { line-height: 30px; font-size: 14px; color: #bbb; }

/* char-w384-h190-list */
.char-w384-h190-list { margin-left: -24px; }
.char-w384-h190-list .char-w384-h190 { float: left; margin-top: 40px; margin-left: 24px; }

/* char-w180-h250-list */
.char-w180-h250-list { margin-left: -24px; }
.char-w180-h250-list .char-w180-h250 { float: left; margin-left: 24px; margin-top: 24px; }

/* tab-title */
.tab-title { display: inline-block; margin-left: 30px; }
.tab-title li { display: inline-block; margin: 0 25px; font-size: 20px; cursor: pointer; position: relative; color: #666; }
.tab-title li:before { position: absolute; top: 0; left: -30px; content: '/'; color: #e8e8e8; font-weight: 400 !important; }
.tab-title li:first-child:before { content: ''; }
.tab-title li:after { position: absolute; left: 0; right: 0; bottom: -5px; width: 0; height: 3px; background-color: #0057ff; content: ''; }
.tab-title li.cur { color: #0057ff; font-weight: bold; }
.tab-title li.cur:after { width: 100%; }
 
/* lawyer-corpus */
.lawyer-corpus { margin-left: -50px; margin-top: -50px; }
.lawyer-corpus li { float: left; margin-top: 40px; margin-left: 50px; width: 560px; padding: 10px 0; }
.lawyer-corpus .tit { height: 24px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: bold; }
.lawyer-corpus .det { position: relative; margin-top: 10px; padding-left: 20px; line-height: 22px; max-height: 44px; font-size: 12px; color: #999; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lawyer-corpus .det:before { content: ''; position: absolute; top: 6px; left: 0; bottom: 6px; width: 3px; background-color: #e0ebff; }
.lawyer-corpus .time { line-height: 40px; font-size: 14px; color: #bbb; }
.lawyer-corpus .photo { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; }
.lawyer-corpus .name { font-size: 14px; }
.lawyer-corpus .law { font-size: 12px; color: #999; }

/* law-nous-w816 */
.law-nous-w816 { width: 816px; }
.law-nous-w816 li { float: left; width: 360px; margin-right: 48px; }
.law-nous-w816 .magnify { display: block; width: 360px; height: 223px; overflow: hidden; }
.law-nous-w816 .magnify img { display: block; width: 100%; height: 100%; }
.law-nous-w816 .tit { margin-top: 20px; font-size: 18px; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.law-nous-w816 .det { margin-top: 10px; font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.law-nous-w816 .info { margin-top: 10px; font-size: 12px; color: #999; }
.law-nous-w816 .info span { margin-right: 21px; position: relative; }
.law-nous-w816 .info span:before { content: ''; position: absolute; top: 4px; left: -11px; height: 10px; width: 1px; background-color: #d9d9d9; }
.law-nous-w816 .info span:first-child:before { width: 0; }

/* law-nous-w384 */
.law-nous-w384 { width: 384px; margin-top: -24px; }
.law-nous-w384 li { margin-top: 24px; overflow: hidden; }
.law-nous-w384 .magnify { float: left; width: 160px; height: 100px; overflow: hidden; margin-right: 20px; }
.law-nous-w384 .magnify img { display: block; width: 100%; height: 100%; }
.law-nous-w384 .tit { font-size: 16px; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.law-nous-w384 .tit a { color: #434343; }
.law-nous-w384 .tit a:hover { color: #0057ff; }
.law-nous-w384 .det { margin-top: 10px; font-size: 14px; color: #999; line-height: 20px; height: 40px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.law-nous-w384 .info { margin-top: 6px; font-size: 12px; color: #999; }
.law-nous-w384 .info span { margin-right: 21px; position: relative; }
.law-nous-w384 .info span:before { content: ''; position: absolute; top: 4px; left: -11px; height: 10px; width: 1px; background-color: #d9d9d9; }
.law-nous-w384 .info span:first-child:before { width: 0; }

/* video-swiper */
.video-swiper { width: 384px; height: 350px; }
.video-swiper .pagination { position: absolute; right: 0; top: 230px; text-align: center; z-index: 5; height: 9px; padding-top: 21px; background-color: #fff; cursor: pointer; }
.video-swiper .pagination .swiper-pagination-switch { float: left; width: 10px; height: 4px; background-color: #c4c4c4; margin-left: 10px; }
.video-swiper .pagination .swiper-active-switch { width: 20px; background-color: #0057ff; }
.video-slide .magnify { display: block; width: 384px; height: 216px; overflow: hidden; position: relative; }
.video-slide .magnify img { display: block; width: 100%; height: 100%; }
.video-slide .magnify .iconfont { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; font-size: 40px; color: #fff; line-height: 40px; z-index: 1; }
.video-slide .magnify .iconfont:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: -1; width: 20px; height: 20px; background-color: #000; margin: -10px 0 0 -10px; }
.video-slide .magnify .time { position: absolute; right: 20px; bottom: 15px; background-color: #000; background-color: rgba(0,0,0,.3); height: 24px; line-height: 24px; color: #fff; font-size: 12px; padding: 0 10px; border-radius: 12px; }
.video-slide .tit { margin-top: 20px; font-size: 18px; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 280px; }
.video-slide .det { margin-top: 10px; font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.video-slide .info { margin-top: 10px; font-size: 12px; color: #999; }
.video-slide .info span { margin-right: 21px; position: relative; }
.video-slide .info span:before { content: ''; position: absolute; top: 4px; left: -11px; height: 10px; width: 1px; background-color: #d9d9d9; }
.video-slide .info span:first-child:before { width: 0; }

/* audio-list */
.audio-list { width: 816px; margin-top: -48px; }
.audio-list li { float: left; margin-left: 48px; width: 360px; margin-top: 48px; overflow: hidden; }
.audio-list .magnify {float: right; width: 140px; height: 140px; overflow: hidden; margin-left: 20px; position: relative; }
.audio-list .magnify:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .2; z-index: 1; }
.audio-list .magnify img { display: block; width: 100%; height: 100%; }
.audio-list .magnify .iconfont { position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -14px; font-size: 28px; color: #fff; line-height: 28px; z-index: 1; }
.audio-list .magnify .iconfont:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: -1; width: 20px; height: 20px; background-color: #b6a190; margin: -10px 0 0 -10px; }
.audio-list .magnify .time { position: absolute; right: 5px; bottom: 7px; background-color: #000; background-color: rgba(0,0,0,.3); height: 20px; line-height: 20px; color: #fff; font-size: 12px; padding: 0 10px; border-radius: 10px; }
.audio-list .tit { padding-top: 5px; font-size: 16px; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.audio-list .det { margin-top: 12px; font-size: 14px; color: #999; line-height: 22px; height: 66px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.audio-list .info { margin-top: 10px; font-size: 12px; color: #999; }
.audio-list .info span { margin-right: 21px; position: relative; }
.audio-list .info span:before { content: ''; position: absolute; top: 4px; left: -11px; height: 10px; width: 1px; background-color: #d9d9d9; }
.audio-list .info span:first-child:before { width: 0; }

/* enter-list */
.enter-list { margin-left: -24px; }
.enter-list .item { float: left; margin-left: 24px; width: 242px; height: 48px; background-color: #f8f8f8; padding: 20px; overflow: hidden; }
.enter-list .item .ico-lawonline { float: left; margin-right: 15px; }
.enter-list .item span { font-size: 16px; }
.enter-list .item p { font-size: 12px; color: #999; margin-top: 6px; }
.enter-list .item:hover { background-color: #f2f4ff; }
.enter-list .item:hover span { color: #2670ff; }

/* crunchies */
.crunchies .w376 { height: 555px; background-color: #fff; }
.crunchies .w376 .nav-f18 { padding: 25px 20px 0; }
    /**/
.seniority-list { margin: 13px 20px 0; }
.seniority-list li { padding: 9px 0; }
.seniority-list li .one { position: relative; padding: 0 78px; line-height: 24px; height: 24px; }
.seniority-list li .one .num { 
    position: absolute; left: 17px; top: 0; 
    width: 22px; height: 22px; border: 1px solid #ccc; border-radius: 50%; 
    font-size: 12px; line-height: 22px; text-align: center;
}
.seniority-list li .one .name { color: #bbb; }
.seniority-list li .one .name span { font-size: 16px; color: #333; margin-right: 5px; float: left; max-width: 130px; height: 24px; overflow: hidden; }
.seniority-list li .one .fr,
.seniority-list li .two .lawyer .fr  { position: absolute; top: 0; right: 0; font-size: 12px; color: #bbb; }
.seniority-list li .two { padding: 0 78px; height: 60px; position: relative; margin-top: 18px; display: none; }
.seniority-list li .two .img-block { position: absolute; left: 0; top: 0; width: 60px; height: 60px; }
.seniority-list li .two .img-block img { border-radius: 50%; }
.seniority-list li .two .img-block .num { 
    position: absolute; left: 0; top: 0; 
    width: 20px; height: 20px; background-color: #ec3b3b; border-radius: 50%; 
    font-size: 12px; color: #fff; text-align: center; 
}
.seniority-list li .two .lawyer { height: 20px; margin-bottom: 6px; }
.seniority-list li .two .lawyer .name { color: #bbb; }
.seniority-list li .two .lawyer .name a { font-size: 18px; font-weight: 600; margin-right: 5px; float: left; max-width: 130px; height: 20px; overflow: hidden; }
.seniority-list li .two .info p { padding-right: 35px; font-size: 12px; color: #bbb; line-height: 18px; height: 36px; overflow: hidden; }
.seniority-list li .two .info .btn { position: absolute; right: 0; bottom: 0; width: 76px; height: 26px; line-height: 26px; border-radius: 14px; font-size: 12px; }
.seniority-list li.is-this .one { display: none; }
.seniority-list li.is-this .two { display: block; margin-top: 0; }

/* lively-lawyer */
.lively-lawyer .img-block { display: block; width: 180px; height: 180px; margin: 22px auto 0; position: relative; }
.lively-lawyer .img-block img { border-radius: 50%; }
.lively-lawyer .img-block .icon-star { 
    position: absolute; top: 5px; right: 20px;
    width: 32px; height: 32px; background: url('../images/star.png') no-repeat; 
}
.lively-lawyer .img-block .icon-star::before { content: ''; } 
.lively-lawyer .name { font-size: 24px; line-height: 36px; text-align: center; height: 36px; overflow: hidden; margin-top: 20px; }
.lively-lawyer .help { text-align: center; padding: 0 40px; overflow: hidden; margin-top: 24px; }
.lively-lawyer .help li { float: left; width: 49%; font-size: 12px; color: #999; text-align: center; position: relative; }
.lively-lawyer .help li.line { width: 1px; height: 42px; background-color: #e8e8e8; margin-top: 2px; }
.lively-lawyer .help li .din-m { font-size: 18px; color: #333; margin-bottom: 6px; }
.lively-lawyer .tag { padding: 0 30px; height: 28px; overflow: hidden; text-align: center; line-height: 28px; margin-top: 27px; }
.lively-lawyer .tag span { display: inline-block; vertical-align: middle; padding: 0 12px; background-color: #f5f5f5; border-radius: 14px; margin: 0 5px; color: #666; }
.lively-lawyer .info { font-size: 12px; color: #999; line-height: 22px; height: 66px; overflow: hidden; margin: 16px 40px 0; }

/* youshi-data */
.youshi-data { height: 50px; }
.youshi-data li { float: left; width: 220px; padding-left: 40px; }
.youshi-data li.l { width: 210px; padding-left: 0; }
.youshi-data li.r { width: 150px; padding-left: 50px; }
.youshi-data li .ico-ts { float: left; margin: 0 10px 0 0; }
.youshi-data li span {font-size: 12px; color: #999; line-height: 16px; height: 16px; overflow: hidden; }
.youshi-data li p { font-size: 16px; line-height: 28px; font-family: 'HeitiStd'; }
.youshi-data li p em { font-size: 24px; font-family: 'DINCond-Bold'; font-style: normal; }
/**/
.youshi-data li:hover .ico-ts { animation: task-shake .6s ease-in-out; }
		/**/
@keyframes task-shake {
	0% {
		transform: scale(.5);
	}
	40% {
		transform: scale(1);
	}
	60% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}

/* content-top-tit */
.content-top-tit { text-align: center; font-size: 24px; line-height: 28px; color: #526e8b; }
.content-top-tit i { display: inline-block; vertical-align: middle; width: 48px; height: 1px; background-color: #526e8b; opacity: .3; }
.content-top-tit span { margin: 0 20px; }
.content-top-tit span b { color: #446383; margin: 0 30px 0 10px; }

/* type-filtrate-bar */
.type-filtrate-bar { padding: 6px 30px 16px; box-shadow: 0 5px 50px 0 rgba(0,0,0, .05); }
.type-filtrate-bar .type-list { padding: 11px 0; }
.type-filtrate-bar .type-list .tit { top: 15px; color: #999; }
.type-filtrate-bar .type-list .type-nr { padding-left: 80px; min-height:36px;}
.type-filtrate-bar .type-nr a.is-this { background-color: #0057ff; color: #fff; border-radius: 15px; }

/* type-list */
.type-list { position: relative; line-height: 28px; border-bottom: 1px dotted #eee; }
.type-list .tit { position: absolute; left: 0; top: 5px; }
.type-list .type-nr { padding-left: 55px; }
.type-list .type-nr a { display: inline-block; padding: 0 12px; margin: 4px; }
.type-list .type-nr a.is-this { color: #fff; }
.type-list .type-nr.selected a { 
    display: inline-block; padding: 0 30px 0 10px; background-color: #f8f8f8; color: #666; margin: 4px 5px; position: relative; 
}
.type-list .type-nr.selected a .iconfont { 
    position: absolute; top: 10px; right: 10px; 
    font-size: 10px; color: #ccc; line-height: 12px;
}
    /**/
.type-list .unfold-bar { position: relative; padding-right: 30px; }
.type-list .un-ovh { overflow: hidden; }
.type-list .un-ovh.h36 { height: 36px; }
.type-list .un-ovh.h72 { height: 72px; }
.type-list .un-btn { position: absolute; bottom: 10px; right: 0; z-index: 10; width: 14px; height: 14px; line-height: 14px; text-align: center; border: 1px solid #ddd; background-color: #f9f9fb; cursor: pointer; }
.type-list .un-btn .iconfont { font-size: 12px; color: #333; line-height: 12px; font-weight: normal; transform: scale(.8); margin-top: 0; }

/* specail-tui */
.specail-tui { position: relative; }
.specail-tui .tag { position: absolute; top: 20px; left: -28px; padding: 10px 4px 0; height: 114px; width: 20px; text-align: center; line-height: 12px; font-size: 12px; color: #fff; background: url('../images/recommend_bg.png') top left no-repeat; }
/* specail-swiper */
.specail-swiper { width: 1200px; height: 190px; padding-bottom: 44px; overflow: hidden; }
.specail-swiper .pagination { position: absolute; right: 0; bottom: 0; left: 0; text-align: center; z-index: 5; line-height: 1; cursor: pointer; }
.specail-swiper .pagination .swiper-pagination-switch { display: inline-block; width: 10px; height: 4px; background-color: #c7c7c7; margin: 0 5px; }
.specail-swiper .pagination .swiper-active-switch { width: 20px; background-color: #0057ff; }
/* char-w588-h170-list */
.char-w588-h170-list { margin-left: -24px; height: 190px; overflow: hidden; }
.char-w588-h170-list .char-w588-h170 { float: left; margin-top: 20px; margin-left: 24px; }

/* handle-rank */
.handle-rank { margin-left: 20px; }
.handle-rank .item { float: left; margin-left: 20px; font-size: 14px; color: #666; }
.handle-rank .item .iconfont { font-size: 10px; color: #bbb; margin-left: 4px; margin-top: 0; }
.handle-rank .item.is-this, .handle-rank .item.is-this .iconfont { color: #0057ff; }

/* lawyer-list */
.lawyer-list .lr-item { padding: 40px 0; border-bottom: 1px solid #f5f5f5; position: relative; }
.lawyer-list .lr-item .img-block { float: left; width: 160px; height: 160px; margin-right: 30px; position: relative; }
.lawyer-list .lr-item .img-block img { transform-origin: center bottom; }
.lawyer-list .lr-item .img-block span { position: absolute; left: 0; top: 0; line-height: 22px; color: #fff;padding: 0 5px; background-color: #0057ff; background: linear-gradient(135deg, #0057ff 0%,  #3b92ff 100%); border-radius: 0 0 10px 0; }
.lawyer-list .lr-item .info { padding-right: 190px; }
.lawyer-list .lr-item .info .name { line-height: 28px; height: 28px; overflow: hidden; }
.lawyer-list .lr-item .info .name a { float: left; font-size: 24px; }
.lawyer-list .lr-item .info .name .icon-vip { margin-left: 10px; }
.lawyer-list .lr-item .info .name .i-lawonline18 { margin-right: 5px; }
.lawyer-list .lr-item .info .tag { overflow: hidden; }
.lawyer-list .lr-item .info .tag span { 
    display: inline-block; margin-top: 15px; padding: 0 10px; background-color: #f5f5f5; margin-right: 10px;
    font-size: 12px; color: #999; line-height: 28px; 
}
.lawyer-list .lr-item .info .desc { font-size: 14px; line-height: 22px; height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 16px; }
.lawyer-list .lr-item .other { height: 20px; overflow: hidden; margin-top: 12px; color: #666; }
.lawyer-list .lr-item .other span { float: left; }
.lawyer-list .lr-item .other span em { color: #ec3b3b; font-style: normal; margin-right: 3px; font-weight: 600; }
.lawyer-list .lr-item .other .line { float: left; width: 1px; height: 12px; background-color: #ddd; margin: 4px 15px 0; }
.lawyer-list .lr-item .tel { position: absolute; top: 80px; right: 40px; font-size: 20px; line-height: 30px; }
.lawyer-list .lr-item .tel .ico-poster { margin-right: 7px; }
.lawyer-list .lr-item .btn { 
    position: absolute; top: 124px; right: 65px; width: 96px; height: 28px; border-radius: 14px; line-height: 28px; 
}
.lawyer-list .lr-item:hover { width: 820px; padding: 40px 20px; margin-left: -20px; background-color: #fff; box-shadow: 0 5px 50px 0 rgba(0,0,0, .05); }
.lawyer-list .lr-item:hover .tel { right: 60px; }
.lawyer-list .lr-item:hover .btn { right: 85px; }

/* 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; }

/* read-tab */
.read-tab-nav { overflow: hidden; }
.read-tab-nav span { position: relative; float: left; width: 33.33%; height: 40px; line-height: 40px; cursor: pointer; font-size: 16px; background-color: #f5f5f5; color: #666; text-align: center; }
.read-tab-nav span:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 2px; background-color: #fff; }
.read-tab-nav .is-this { color: #fff; font-weight: bold; background-color: #0057ff; }

/* read-ask-list */
.read-ask-list { margin-left: 0; }
.read-ask-list li { margin: 0; float: none; background-color: transparent; width: auto; padding: 30px 0; border-bottom: 1px solid #f2f2f2; }

/* tw-list */
.tw-list li { overflow: hidden; border-bottom: 1px solid #f2f2f2; padding: 30px 0; }
.tw-list li .img-block { float: left; width: 192px; height: 120px; margin-right: 20px; }
.tw-list li .tit { font-size: 20px; line-height: 28px; font-weight: 600; height: 28px; overflow: hidden; }
.tw-list li .inf { font-size: 12px; color: #bbb; margin: 12px 0 15px; }
.tw-list li .inf span { margin-right: 20px; }
.tw-list li .inf span .i-zx17 { width: 12px; height: 12px; background-position: -80px -100px; margin-right: 6px; }
.tw-list li p { color: #666; line-height: 22px; height: 44px; overflow: hidden; }

/* read-corpus-list */
.read-corpus-list { margin: 0; }
.read-corpus-list li { float: none; margin: 0; background-color: transparent; padding: 30px 0; border-bottom: 1px solid #f2f2f2; width: auto; }
.read-corpus-list .tit { font-size: 16px; }
.read-corpus-list .det { padding-left: 0; height: 22px; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 14px; }
.read-corpus-list .det:before { width: 0; }
.read-corpus-list .name { font-weight: bold; font-size: 12px; }

/* online-service */
.online-service { padding: 28px 0; background: url('../images/count_bg.jpg') top right #fff no-repeat; box-shadow: 0 3px 35px rgba(0,0,0,.08); }
.online-service .today-online li { width: 112px; }
.online-service .today-online .mil { width: 116px; }
.online-service .today-online li:last-child:before { border: 0; }
.online-service .today-online .num { font-size: 18px; }
.online-service .today-online .txt { margin-top: 3px; }
.online-service .attestation-law { width: auto; }
.online-service .attestation-law .tit { font-size: 12px; color: #2670ff; font-weight: normal; }
.online-service .attestation-law .tit span { margin: 0 15px; }
.online-service .attestation-law .tit i { display: inline-block; vertical-align: middle; margin-top: -2px; width: 20px; height: 1px; background-color: #b3cdff; }
.online-service .attestation-law .con { margin-top: 25px; padding: 0 24px; }
.online-service .attestation-law .con .item { float: left; width: 25%; margin: 0; }
.online-service .attestation-law .con .item .ico-lawonline { display: block; margin: 0 auto 5px; }

/* char-w160-h242-list */
.char-w160-h242-list { margin-left: -20px; }
.char-w160-h242-list .char-w160-h242 { float: left; margin-top: 10px; margin-left: 20px; }

/* ask-advantage */
.ask-advantage { background: url('../images/advantage_bg.jpg') #fff no-repeat; padding: 30px 20px 0; height: 190px; box-shadow: 0 3px 35px rgba(0,0,0,.08); text-align: center; }
.ask-advantage .tit { font-size: 20px; line-height: 24px; }
.ask-advantage .list { margin-top: 41px; }
.ask-advantage .list li { float: left; width: 33.33%; }
.ask-advantage .list p { margin-top: 20px; line-height: 24px; font-size: 14px; color: #666; }

/* perip-services */
.perip-services { padding: 30px 5px; background-color: #fff; box-shadow: 0 3px 35px rgba(0,0,0,.08); }
.perip-list a { float: left; width: 33.33%; text-align: center; margin-top: 32px; }
.perip-list a img { display: block; margin: auto; }
.perip-list a p { font-size: 12px; color: #666; margin-top: 5px; }
.perip-list a:hover img { -webkit-animation: heartBeat 1.3s ease-in-out; animation: heartBeat 1.3s ease-in-out; }
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/* no-tips */
.no-tips { padding: 100px 0 55px; font-size: 18px; color: #666; text-align: center; }
.no-tips .iconfont { font-size: 20px; color: #0057ff; opacity: .5; margin-right: 10px; }
.more-btn a { font-size: 18px; color: #0057ff; }
.more-btn a .icon-arrow_right_long { font-size: 20px; margin-right: 10px; }

/* new-question-srcoll */
.new-question-srcoll { height: 90px; overflow: hidden; position: relative; }
.new-question-srcoll .new-question-list { position: absolute; top: 0; left: 0; right: 0; }

/** 2020-04-20  #10786 */
.lawyer-swiper .pagination { bottom: 0; height: 26px; }
.lawyer-swiper .pagination .swiper-pagination-switch {
    width: auto; height: 26px; padding: 0 10px; background-color: rgba(0,0,0, .3);
    font-size: 12px; color: rgba(255,255,255, .5); line-height: 26px;
}
.lawyer-swiper .pagination .swiper-active-switch { padding-bottom: 10px; color: #fff; position: relative; top: -10px; }
.lawyer-swiper .pagination .swiper-active-switch:after { 
    position: absolute; left: 50%; bottom: 6px; content: '';
    width: 24px; height: 1px; background-color: #fff; margin-left: -12px;
}