/** 2019-10-08  #7809 找会计师地区首页，会计师广告在 css/2019/f_lr_chartlet.css */
.mt12 { margin-top: 12px; }
.mt22 { margin-top: 22px; }
.mt35 { margin-top: 35px; }
.mb10 { margin-bottom: 10px; }
.mr36 { margin-right: 36px; }
.pt15 { padding-top: 15px; }
.pt35 { padding-top: 35px; }
.pt45 { padding-top: 45px; }
.pb28 { padding-bottom: 28px; }
.w291 { width: 291px; }
.w909 { width: 909px; }
.w1225{ width: 1225px; }
.w376 { width: 376px; }

.hr-line { height: 1px; background-color: #e8e8e8; }
.bg-f5 { background-color: #f5f5f5; }
.body-conts { padding-top: 12px; background: #f5f5f5 url('../../images/find_lawyer/bg/body-bg.png') no-repeat center top; }
.k1 { padding-bottom: 24px; }

/* find-nav */
.find-nav { width: 202px; height: 348px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0, .05); }
.find-nav .item { position: relative; z-index: 100; }
.find-nav .item .title { height: 80px; border-bottom: 1px solid #f5f5f5; position: relative; padding: 35px 0 0 60px; cursor: pointer; }
.find-nav .item .title img { position: absolute; left: 15px; top: 39px; }
.find-nav .item .title strong { display: block; font-size: 18px; line-height: 24px; }
.find-nav .item .title p { font-size: 12px; color: #bbb; line-height: 24px; }
.find-nav .item .title .icon-arrow-right-o { position: absolute; top: 40px; right: 30px; font-size: 10px; color: #d9d9d9; }
.find-nav .item.it-3 .title { border-bottom-color: #fff; }
.find-nav .item .popup {
    position: absolute; left: 100%; top: 0; display: none;
    width: 320px; height: 348px; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0, 0.08);
    font-size: 12px; line-height: 30px; overflow-y: auto;
}
.find-nav .item .popup a { color: #666; }
.find-nav .item .popup a:hover, .find-nav .item:hover .title strong, .zc-list li strong a:hover { color: #0057ff; }
.find-nav .item:hover .title { background-color: #f8f8f8; border-bottom-color: #f8f8f8; }
.find-nav .item:hover .popup { display: block; }
.find-nav .item.it-2 .popup { top: -116px; }
.find-nav .item.it-3 .popup { top: -232px; }
    /**/
.find-nav .item .popup .qu-list { padding: 19px 15px 0; }
.find-nav .item .popup .qu-list li { float: left; margin: 0 15px; }
.find-nav .item .popup .hot-city { padding: 20px; }
.find-nav .item .popup .hot-city dt { padding-left: 10px; color: #ec3b3b; font-weight: 600; }
.find-nav .item .popup .hot-city dd { height: 90px; overflow: hidden; }
.find-nav .item .popup .hot-city dd a { float: left; margin: 0 10px; }
    /**/
.zc-list { padding: 12px 20px 0; }
.zc-list li { line-height: 36px; height: 36px; overflow: hidden; }
.zc-list li strong { float: left; margin-right: 20px; }
.zc-list li p a { float: left; margin-right: 15px; }
.find-nav .item .popup .all { float: left; margin-left: 20px; font-weight: 600; color: #0057ff; }
.zc-list.zc-2 li { line-height: 26px; height: auto; margin-bottom: 4px; }
.zc-list.zc-2 strong { float: none; display: block; }
.zc-list.zc-2 p { height: 26px; }

/* foremost-swiper */
.foremost-swiper { float: left; width: 726px; height: 348px; position: relative; }
.swiper-container .scroll-btn { 
    position: absolute; top: 157px; z-index: 10; cursor: pointer;
    width: 25px; height: 35px; background: rgba(0,0,0, .15); 
    text-align: center; line-height: 35px; color: #fff; 
    transition: all .2s linear; display: none;
}
.swiper-container .l-btn { left: 0; }
.swiper-container .r-btn { right: 0; }
.swiper-container .scroll-btn:hover { background: rgba(0,0,0, .5); }
.swiper-container .pagination { position: absolute; z-index: 20; }
.foremost-swiper .pagination { bottom: 0; width: 100%; height: 32px; background-color: rgba(0,0,0, .15); } 
.foremost-swiper .swiper-pagination-switch {
    float: left; width: 121px; height: 32px; cursor: pointer; position: relative;
    font-size: 12px; color: #fff; line-height: 32px; text-align: center;
} 
.foremost-swiper .swiper-pagination-switch:after {
    position: absolute; top: 10px; right: 0; content: '';
    width: 1px; height: 12px; background-color: rgba(255,255,255, .25);
}
.foremost-swiper .swiper-pagination-switch:last-child:after, .foremost-swiper .swiper-active-switch:after { width: 0; }
.foremost-swiper .swiper-active-switch { background-color: rgba(0,0,0, .2); }

/* nav-f18 */
.nav-f18 { line-height: 24px; }
.nav-f18 h1{display:inline;}
.nav-f18 strong { font-size: 18px; }
.nav-f18 .tips { font-size: 12px; color: #999; margin-left: 13px; }

/* nav-f20 */
.nav-f20 { line-height: 24px; overflow: hidden; }
.nav-f20 img { float: left; margin: 4px 10px 0 0; }
.nav-f20 strong { float: left; font-size: 20px; }

/* nav-f30 */
.nav-f30 { line-height: 32px; }
.nav-f30 strong { font-size: 30px; }
.nav-f30 .tips { font-size: 14px; color: #999; margin-left: 13px; }
    /**/
.nav-f30 .tab-title { display: inline-block; margin-left: 30px; }
.nav-f30 .tab-title li { display: inline-block; margin: 0 25px; font-size: 20px; cursor: pointer; position: relative; }
.nav-f30 .tab-title li:before { position: absolute; top: 0; right: -35px; content: '/'; color: #d9d9d9; font-weight: 400; }
.nav-f30 .tab-title li:last-child:before { content: ''; }
.nav-f30 .tab-title li:after { position: absolute; left: 50%; bottom: -5px; margin-left: -20px; width: 0; height: 3px; background-color: #0057ff; content: ''; }
.nav-f30 .tab-title li.cur { color: #0057ff; }
.nav-f30 .tab-title li.cur:after { width: 40px; }

/* tuijian-lawyer */
.tuijian-lawyer { height: 190px; }
.tuijian-lawyer .char-w190-h190 { float: left; margin-right: 12px; }
.tuijian-lawyer .char-w190-h190.mr0 .popup { left: auto; right: 0; }

/* invite-swiper */
.invite-swiper { height: 400px; }
.invite-swiper .swiper-slide { position: relative; }
.invite-swiper .swiper-slide img { transform: scale(1); transition: all .3s linear; }
.invite-swiper .swiper-slide .txt { 
    position: absolute; left: 10px; right: 10px; bottom: 34px; 
    height: 130px; padding: 14px 25px 0; background: #fff; background: rgba(255,255,255, .95); 
}
.invite-swiper .swiper-slide .txt .name { line-height: 30px; height: 30px; overflow: hidden; }
.invite-swiper .swiper-slide .txt .name b { font-size: 24px; color: #333; }
.invite-swiper .swiper-slide .txt .name span { font-size: 12px; color: #999; margin-left: 10px; }
.invite-swiper .swiper-slide .txt .tel { font-size: 16px; color: #ec3b3b; margin: 8px 0 4px; }
.invite-swiper .swiper-slide .txt .tel .iconfont { font-size: 12px; margin-right: 3px; }
.invite-swiper .swiper-slide .txt .tips { color: #666; line-height: 22px; height: 44px; overflow: hidden; }
.invite-swiper .swiper-slide:hover img { transform: scale(1.05); }
.invite-swiper .pagination { bottom: 15px; width: 100%; height: 4px; line-height: 4px; text-align: center; } 
.invite-swiper .swiper-pagination-switch {
    display: inline-block; width: 12px; height: 4px; vertical-align: middle; margin: -2px 5px 0;
    background-color: rgba(255,255,255, .5);
    cursor: pointer; position: relative;
} 
.invite-swiper .swiper-active-switch { width: 24px; background-color: #fff; }

/* char-w291-h194 */
.w291 .char-w291-h194 { box-shadow: 0 0 20px 0 rgba(0,0,0, .08); }
.w909 .char-w291-h194 { float: left; margin: 0 0 12px 12px; }

/* char-w384-h220 */
.char-list-384 { padding-bottom: 16px; }
.char-list-384 .char-w384-h220 { float: left; margin: 0 24px 24px 0; }

/* char-w282-show */
.char-w282-show { padding: 25px 0 16px; }
.char-w282-show .char-w282-h404,
.char-w282-show .char-w282-h250 { float: left; margin: 0 24px 24px 0; }

/* char-w220-show */
.char-w220-show { padding-bottom: 40px; }
.char-w220-show .char-w220-h348 { float: left; margin-right: 25px; }

/* char-w190-show */
.char-w190-show { padding-bottom: 28px; }
.char-w190-show .char-w190-h240,
.char-w190-show .char-w190-h240b { float: left; margin: 0 12px 12px 0; }

/* news-roll-bar */
.news-roll-bar { padding-bottom: 20px; }
.news-roll-bar .ovh { height: 230px; padding-bottom: 20px; position: relative; }
.news-roll-bar .roll-nr { position: absolute; }
.news-roll-bar .dt-item { float: left; width: 291px; height: 230px; background-color: #fff; margin-right: 12px; transition: all .2s linear; position: relative; }
.news-roll-bar .dt-item .lawyer { padding: 30px 30px 23px; height: 40px; }
.news-roll-bar .dt-item .lawyer .img-block { float: left; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 15px; }
.news-roll-bar .dt-item .lawyer .name { font-size: 16px; font-weight: 600; height: 20px; overflow: hidden; }
.news-roll-bar .dt-item .lawyer .time { font-size: 12px; color: #999; line-height: 16px; height: 16px; overflow: hidden; margin-top: 4px; }
.news-roll-bar .dt-item .txt { padding: 0 30px; color: #666; line-height: 24px; height: 48px; overflow: hidden; }
.news-roll-bar .dt-item .wen { padding: 0 25px 0 50px; height: 44px; overflow: hidden; position: relative; margin-top: 8px; }
.news-roll-bar .dt-item .wen:after { position: absolute; left: 30px; top: 5px; width: 3px; height: 34px; background-color: #f5f5f5; content: ''; }
.news-roll-bar .dt-item .wen a { font-size: 12px; color: #bbb; line-height: 22px; }
.news-roll-bar .dt-item .wen a:hover { text-decoration: underline; }
.news-roll-bar .dt-item:hover { position: relative; box-shadow: 0 0 20px 0 rgba(0,0,0, .15); }

/* consult-show */
.consult-show li {
    float: left; margin: 0 24px 24px 0; 
    width: 528px; height: 117px; padding: 25px 30px 0; background-color: #fff;
}
.consult-show li .title,
.consult-show li .info { font-size: 16px; height: 20px; overflow: hidden; }
.consult-show li .info { font-size: 14px; color: #666; margin-top: 12px; }
.consult-show li .other { font-size: 12px; color: #bbb; height: 20px; overflow: hidden; margin-top: 12px; }
.consult-show li .other span, .consult-show li .fr .line { float: left; }
.consult-show li .other span em { font-style: normal; color: #ec3b3b; }
.consult-show li .fr .line { width: 1px; height: 12px; background-color: #d9d9d9; margin: 4px 13px; }
    /**/
.tab-title.dot { padding: 20px; height: 6px; line-height: 6px; text-align: center; }
.tab-title.dot li { 
    display: inline-block; vertical-align: middle; margin: -2px 4px 0; cursor: pointer;
    width: 16px; height: 6px; background-color: #d9d9d9; border-radius: 3px;
}
.tab-title.dot li.cur { width: 24px; background-color: #0057ff; }

/* case-show */
.case-show { padding-bottom: 14px; }
.case-show li { float: left; width: 370px; padding: 20px 0 36px; margin-right: 45px; }
.case-show li .title { font-size: 16px; font-weight: 600; height: 20px; overflow: hidden; }
.case-show li .info { color: #999; line-height: 22px; height: 44px; overflow: hidden; margin-top: 9px; }
.case-show li .lawyer { height: 40px; margin-top: 23px; }
.case-show li .lawyer .img-block { float: left; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px; }
.case-show li .lawyer .name { padding-top: 2px; }
.case-show li .lawyer .time { font-size: 12px; color: #bbb; line-height: 14px; }

/* works-show */
.works-show { padding-bottom: 34px; }
.works-show li { float: left; width: 545px; padding: 20px 0 16px; margin-right: 110px; }
.works-show li .title { font-size: 16px; font-weight: 600; height: 20px; overflow: hidden; }
.works-show li .info { color: #999; line-height: 22px; height: 44px; overflow: hidden; margin-top: 16px; }
.works-show li .other { height: 40px; margin-top: 23px; }
.works-show li .other .lawyer { float: left; white-space: nowrap; }
.works-show li .other .lawyer .img-block { float: left; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px; }
.works-show li .other .lawyer .name span { font-size: 12px; color: #bbb; margin-left: 10px; }
.works-show li .other .lawyer p { color: #999; }
.works-show li .other .time { float: right;  color: #bbb; margin-top: 10px; }

/* img-txt-show */
.img-txt-show { width: 376px; margin-right: 36px; }
.img-txt-show .img-block { display: block; height: 231px; position: relative; }
.img-txt-show .img-block .tag { 
    position: absolute; left: 15px; top: 15px; 
    padding: 0 10px; background-color: rgba(0,0,0, .5); border-radius: 4px;
    line-height: 24px; color: #fff;
}
.img-txt-show .img-block .tag.tag-line { line-height: 22px; padding: 0 9px; border: 1px solid rgba(255,255,255, .5); }
.img-txt-show .title { font-size: 16px; font-weight: 600; line-height: 24px; height: 24px; overflow: hidden; margin-top: 25px; }
.img-txt-show .info { line-height: 24px; color: #999; height: 48px; overflow: hidden; margin-top: 8px; }
.img-txt-show .other { height: 20px; overflow: hidden; margin-top: 7px; }
.img-txt-show .other span { float: left; font-size: 12px; color: #bbb; }
.img-txt-show .other .line { float: left; width: 1px; height: 12px; background-color: #d9d9d9; margin: 4px 14px; }

/* intell-list */
.intell-list { width: 376px; height: 378px; }
.intell-list li { padding-bottom: 18px; margin-bottom: 19px; border-bottom: 1px solid #eee; }
.intell-list li .title { font-size: 16px; font-weight: 600; height: 20px; overflow: hidden; }
.intell-list li .info { color: #999; line-height: 24px; overflow: hidden; margin-top: 0px; height: 0; transition: height .2s linear; }
.intell-list li .other { height: 20px; overflow: hidden; margin-top: 7px; }
.intell-list li .other span { float: left; font-size: 12px; color: #bbb; }
.intell-list li .other .line { float: left; width: 1px; height: 12px; background-color: #d9d9d9; margin: 4px 14px; }
.intell-list li.borb0 { border: none; margin-bottom: 0; }
.intell-list li.is-this .info { margin-top: 10px; height: 48px; }

/* l-gambit */
.l-gambit { width: 771px; height: 444px; padding: 20px 0 0 25px; background-color: #fff; }
.l-gambit .img-txt-show { margin-right: 30px; }
.l-gambit .intell-list { width: 336px; }
.l-gambit .intell-list .ovh { height: 0; transition: height .2s linear; }
.l-gambit .intell-list .info { padding-right: 10px; height: 48px; margin-top: 14px; }
.l-gambit .intell-list .other { margin-bottom: 10px; }
.intell-list li.is-this .ovh { height: 95px; }

/* perip-services */
.perip-services { width: 342px; height: 444px; padding: 20px 25px 0; background-color: #fff; }
.perip-list { margin-top: 22px; }
.perip-list a { float: left; width: 33.33%; text-align: center; margin: 7px 0; }
.perip-list a img { display: block; margin: auto; }
.perip-list a p { font-size: 12px; color: #666; margin-top: 10px; }
.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)
    }
}

/* fw-list */
.fw-list { padding-top: 18px; border-top: 1px solid #eee; margin-top: 23px; }
.fw-list li { height: 36px; overflow: hidden; line-height: 36px; }
.fw-list li .dot { float: left; width: 4px; height: 4px; background-color: #bbb; margin: 16px 15px 0 0; }
.fw-list li a { color: #666; }
.fw-list li a:hover { color: #0057ff; }

/* solve-h211 */
.solve-h211 { display: block; height: 211px; position: relative; }
.solve-h211 .bg-img { height: 211px; }
.solve-h211 .lawyer { height: 40px; padding: 130px 30px 0; }
.solve-h211 .lawyer .img-block { float: left; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 15px; position: relative; }
.solve-h211 .lawyer .img-block .bg { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    background-color: rgba(0,0,0, .5); text-align: center; line-height: 40px;
}
.solve-h211 .lawyer .img-block .bg .iconfont { font-size: 12px; color: #fff; }
.solve-h211 .lawyer .name { font-size: 16px; color: #333; font-weight: 600; line-height: 22px; }
.solve-h211 .lawyer .office { font-size: 12px; color: #666; line-height: 18px; }
    /**/
.video-show .txt {
    position: absolute; left: 0; right: 0; bottom: 0; 
    padding-left: 38px; height: 44px; overflow: hidden; 
    /* background-color: rgba(0,0,0, .5); */
    color: #fff; line-height: 44px;
}
.video-show .txt .icon-player { position: absolute; left: 10px; bottom: 11px; font-size: 20px; color: #fff; line-height: 20px; }
.video-show .txt .time { float: right; font-size: 12px; margin: 0 15px; }
.video-show .txt p { font-size: 16px; }
.video-show .txt:hover p { text-decoration: underline; }
    /**/
.voice-show { background: url('/images/bg-voice.jpg') no-repeat; }
.voice-show .title { 
    position: absolute; left: 30px; top: 30px; right: 30px; 
    background-color: #fff; box-shadow: 0 0 8px 0 rgba(0,0,0, .05); border-radius: 10px;
    padding: 8px 20px 10px; font-size: 22px; color: #333; line-height: 30px; 
}
.voice-show .title:after {
    position: absolute; left: 20px; bottom: -16px;
    border: 8px solid transparent; border-top-color: #fff; content: '';
    transform: scaleX(.9);
}
.voice-show .title p { max-height: 60px; overflow: hidden; }
.voice-show .time {
    position: absolute; right: 15px; bottom: 15px; 
    height: 18px; background-color: rgba(0,0,0, .5); border-radius: 9px;
    font-size: 12px; color: #fff; line-height: 18px; padding: 0 5px;
}
.voice-show .time .iconfont { font-size: 12px; margin-right: 3px; }
    /**/
.imgt-show { background: url('/images/bg-imgt.jpg') no-repeat; }
.imgt-show .title {
    position: absolute; left: 30px; top: 30px; right: 30px;
    font-size: 22px; color: #333; line-height: 30px;
}
.imgt-show .title:after {
    position: absolute; left: 0; bottom: -30px; content: '';
    width: 40px; height: 4px; background-color: #ec3b3b;
}
.imgt-show .title p { height: 30px; overflow: hidden; }

/* sf-list */
.sf-list { padding-top: 18px; }
.sf-list li { line-height: 36px; height: 36px; overflow: hidden; }
.sf-list li .iconfont { font-size: 18px; color: #bbb; margin: -2px 10px 0 0; }
.sf-list li .dot { display: inline-block; vertical-align: middle; width: 4px; height: 4px; background-color: #bbb; margin: -2px 18px 0 0; }
.sf-list li span { float: right; font-size: 12px; color: #999; }
.sf-list li a { font-size: 16px; }

/* crunchies */
.crunchies { padding-bottom: 40px; }
.crunchies .w376 { height: 564px; 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; }
.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; height: 24px; }
.seniority-list li .one .name span { font-size: 16px; color: #333; margin-right: 5px; max-width: 130px;float: left;overflow: hidden;height: 24px;}
.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; overflow:hidden; }
.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; max-width: 130px;float: left;overflow: hidden;height: 20px;}
.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/find_lawyer/icon/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 { 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; }

/* ft-link */
.ft-link { padding: 30px 0; background-color: #151515; margin-bottom: -40px; }
.ft-link .hr-line { background-color: #222; margin-top: 40px; }
.ft-link .hr-line:after { border-bottom-color: #222; }
.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 {
    position: fixed; bottom: 20%; right: 10px; z-index: 500;
    /* left: 50%; margin-left: 610px; */
    width: 80px; background-color: #fff; box-shadow: 0 5px 10px 0 rgba(0,0,0, .1);
}
.fixed-floor ul li { 
    height: 40px; border-bottom: 1px solid #f3f3f3; position: relative;
    color: #666; line-height: 40px; text-align: center; cursor: pointer;
}
.fixed-floor ul li .icon { 
    position: absolute; top: 12px; right: -8px; 
    width: 16px; height: 16px; background-color: #fff; border-radius: 50%;
    line-height: 16px; text-align: center; display: none;
}
.fixed-floor ul li .icon .iconfont { font-size: 12px; color: #ec3b3b; }
.fixed-floor ul li:hover { color: #0057ff; }
.fixed-floor ul li.cur { background-color: #0057ff; color: #fff; }
.fixed-floor ul li.cur .icon { display: block; }
.fixed-floor .opr { line-height: 40px; color: #bbb; text-align: center; cursor: pointer; }
.fixed-floor .opr .icon-close-o { transition: all .2s linear; }
.fixed-floor.floor-hidden { width: 40px; }
.fixed-floor.floor-hidden ul { height: 0; overflow: hidden; }
.fixed-floor.floor-hidden .opr .icon-close-o { transform: rotate(45deg); }