/** New: #11565 by LJ 2020-06-29 */
a:hover, .s-warn { color: #f43651; }
.s-primary { color: #11B790; }
.s-cb { color: #bbb; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt24 { margin-top: 24px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mr5 { margin-right: 5px; }
.mr30 { margin-right: 30px; }
.mlr5 { margin-right: 5px; margin-left: 5px; }
.ml20 { margin-left: 20px; }
.ptb50 { padding-top: 50px; padding-bottom: 50px; }
.pb10 { padding-bottom: 10px; }
.pb30 { padding-bottom: 30px; }
.p20 { padding: 20px; }
.f12 { font-size: 12px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f30 { font-size: 30px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh26 { line-height: 26px; }
.lh40 { line-height: 40px; }
.w360 { width: 360px; }
.w380 { width: 380px; }
.w780 { width: 780px; }
.w790 { width: 790px; }
.w810 { width: 810px; }
.h40 { height: 40px; }
.inline { display: inline; }

.ico-vip {
    display: inline-block; width: 20px; height: 20px;
    background: url('../../images/2020/findlawyer/icon-v.png') no-repeat;
}
.ico-vip-middle {
    display: inline-block; width: 24px; height: 24px;
    background: url('../../images/2020/law-lore/icon-v-middle.png') no-repeat;
}
.borb1 { border-bottom: 1px solid #e6e6e6; }

/** banner-bar */
.banner-bar { position: relative; }
    /* weizhi */
.banner-bar .weizhi {
    position: absolute; top: 0; left: 50%; z-index: 2;
    margin-left: -600px; width: 1200px;
}
.banner-bar .weizhi a:hover { color: #fff }
    /* info */
.banner-bar .info {
    position: relative; z-index: 1;
    padding-top: 67px; height: 253px; overflow: hidden;
    text-align: center; background-color: #333;
}
.banner-bar .info .bg {    
    position: absolute; top: 0; left: 50%; z-index: -1;
    margin-left: -960px;
}
.banner-bar .info .tit {
    font-size: 30px; line-height: 40px; color: #fff;
}
.banner-bar .info .data {
    margin-top: 18px; color: #fff;
}
.banner-bar .info .line {
    display: inline-block; margin: 22px auto 0;
    width: 20px; height: 4px; background-color: #11B790;
}

/** speciality-box */
.speciality-box {
    position: relative; z-index: 3;
    margin-top: -100px; height: 222px;
}
.speciality-list {
    position: absolute; top: 0; right: 0; left: 0;
    padding: 4px 15px 30px; overflow: hidden;
    background-color: #fff; box-shadow: 0 16px 30px rgba(0,0,0,.08);
}
.speciality-list li {
    position: relative; float: left; margin: 30px 30px 0 25px;
    padding-left: 50px; width: 129px;
}
.speciality-list .ico {
    display: block; position: absolute; top: 0; left: 0;
    width: 34px; height: 34px;
    transition: transform linear .2s;
}
.speciality-list li:hover .ico { transform: translateX(5px); }
.speciality-list .tit {
    font-size: 16px; font-weight: bold; line-height: 22px;
}
.speciality-list .detail {
    margin-top: 6px; height: 36px; font-size: 12px;
    line-height: 18px; color: #999;
}
.speciality-list .detail a {
    margin-right: 10px; color: #999;
}
.speciality-list .detail a:hover { color: #f43651; }
.speciality-list .more { cursor: pointer; }

/** hot-recom-box */
.hot-recom-box .img_block {
    position: relative; display: block;
    width: 380px; height: 253px;
}
.hot-recom-box .img_block .tag {
    position: absolute; top: 0; left: 0;
    padding: 0 8px; color: #fff;
    background-color: #F43651;
}
.hot-recom-box .tit {
    margin-top: 15px; height: 26px;
    font-size: 18px; line-height: 26px; font-weight: bold;
}

/** hot-recom-list */
.hot-recom-list { height: 237px; }
.hot-recom-list li { 
    padding: 20px 0 19px; height: 24px; overflow: hidden;
    border-top: 1px solid #e6e6e6; 
    transition: height linear .2s;
}
.hot-recom-list li.is-this { height: 88px; }
.hot-recom-list li:first-child { padding-top: 0; border-top: 0; }
.hot-recom-list .tit { line-height: 24px; }
.hot-recom-list .tag {
    float: left; margin: 4px 7px 0 0;
    width: 16px; height: 16px; 
    font-size: 12px; color: #F43651; line-height: 16px;
    border: 1px solid #F43651; text-align: center;
}

/** common-use-box */
.common-use-box {
    padding: 14px 19px 0;
    width: 340px; height: 121px;
    border: 1px solid #e6e6e6;
}
.common-use-box:hover {
    border-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.08);
}
.common-use-box .tit {
    position: relative; 
    font-size: 16px; font-weight: bold;
}
.common-use-box .tit:before {
    content: ''; position: absolute; top: 2px; left: -20px;
    width: 2px; height: 16px; background-color: #11B790;
}
.common-use-box .link { margin: 4px auto 10px; }
.common-use-box .link a {
    float: left; margin: 8px 3px 0 0; 
}
.common-use-box .link-mr16 a { margin-right: 16px; }
.common-use-box a:hover .s-primary { color: #f43651; }

/** recommed-lawyer-list */
.recommed-lawyer-list { margin-left: -20px; }
.recommed-lawyer-list li { 
    position: relative; float: left;
    margin: 30px 0 0 20px; width: 285px; height: 312px;
}
.recommed-lawyer-list .item {
    position: absolute; top: 0; right: 0; left: 0;
    padding: 40px 20px 30px; height: 242px; overflow: hidden;
    background-color: #fff; text-align: center;
    transition: height linear .2s;
}
.recommed-lawyer-list .img_block {
    position: relative; display: block; margin: auto;
    width: 120px; height: 120px;
}
.recommed-lawyer-list .img_block img { border-radius: 50%; }
.recommed-lawyer-list .img_block .ico-vip-middle {
    position: absolute; right: 8px; bottom: 4px;
}
.recommed-lawyer-list .tel { font-size: 24px; }
.recommed-lawyer-list .tel .icon-phone { 
    margin: -3px 6px 0 0; font-size: 18px; 
}
.recommed-lawyer-list .btn {
    display: block; margin: 20px auto 0; 
    width: 120px; height: 32px;
    color: #fff; line-height: 32px;
    border-radius: 16px; background-color: #11B790;
    visibility: hidden; opacity: 0;
}
.recommed-lawyer-list li:hover .item {
    z-index: 2;
    height: 284px; box-shadow: 0 3px 10px rgba(0,0,0,.08);
}
.recommed-lawyer-list li:hover .btn {
    visibility: visible; opacity: 1;
}

/** artcial-tab */
.artcial-tab .tab-nav .item {
    position: relative; float: left; 
    margin-right: 32px; padding: 0 3px 10px;
    color: #666; cursor: pointer;
}
.artcial-tab .tab-nav .item.is-this { color: #11B790; }
.artcial-tab .tab-nav .item.is-this:before {
    content: ''; position: absolute; right: 0; bottom: -1px; left: 0;
    height: 2px; background-color: #11B790;
}

/** arrondi-bar */
.arrondi-bar {
    padding: 40px 30px;
    width: 320px; height: 262px;
    background: url('../../images/2020/law-lore/artcial-bg.png') #fafafa no-repeat;
}
.arrondi-bar .tit {
    font-size: 24px; line-height: 32px;
}
.arrondi-bar .tit .icon-expertise {
    margin-right: 10px;
    font-size: 22px; color: #F43651;
}
.arrondi-bar .btn {
    display: block; margin-top: 30px;
    width: 120px; height: 32px;
    color: #fff; line-height: 32px; text-align: center;
    background-color: #F43651; border-radius: 16px;
}

/** arrondi-recom-bar */
.arrondi-recom-bar .img_block {
    margin-right: 20px;
    width: 240px; height: 160px; 
}
.arrondi-recom-bar .tit { line-height: 26px; }
.arrondi-recom-bar .tag {
    float: left; margin: 2px 10px 0 0;
    padding: 0 7px; line-height: 20px;
    color: #F43651; border: 1px solid #F43651;
}
.arrondi-recom-bar .detail {
    margin-top: 15px;
    height: 44px; overflow: hidden;
    line-height: 22px;
}
.arrondi-recom-bar .icon-hot {
    margin: -2px 5px 0 0;
    font-size: 12px; color: #F43651;
}

/** arrondi-recom-list */
.arrondi-recom-list { margin-left: -30px; }
.arrondi-recom-list li {
    float: left; margin-left: 30px;
    width: 380px;
}
.arrondi-recom-list .tit {
    font-size: 16px; font-weight: bold;
}
.arrondi-recom-list .detail {
    max-height: 44px; overflow: hidden;
    color: #666; line-height: 22px;
}
.arrondi-recom-list .icon-hot {
    margin: -2px 5px 0 0;
    font-size: 12px; color: #F43651;
}
.arrondi-recom-list .info { line-height: 14px; }

/* */
.title-img { display: block; }
.title-f18 {
    position: relative; padding-left: 14px;
    font-size: 18px; font-weight: bold; line-height: 24px;
}
.title-f18:before {
    content: ''; position: absolute; top: 4px; left: 0;
    width: 4px; height: 18px; background-color: #11B790;
}

/** video-images */
.video-images {
    position: relative; display: block;
    width: 380px; height: 214px; overflow: hidden;
}
.video-images .arrow {
    position: absolute; top: 50%; left: 50%;
    margin: -30px 0 0 -30px;
    width: 60px; height: 60px; border-radius: 50%;
    background-color: rgba(255,255,255,.2);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#33ffffff, endColorstr=#33ffffff);
    transition: all linear .2s;
    overflow: hidden;
}
.video-images .arrow:before {
    content: ''; position: absolute; top: 20px; left: 22px;
    border-width: 11px 0 11px 20px; border-style: solid;
    border-color: transparent transparent transparent #fff;
    opacity: .5; transition: opacity linear .2s;
}
.video-images:hover .arrow { 
    background-color: rgba(255,255,255,.4);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#66ffffff, endColorstr=#66ffffff);
}
.video-images:hover .arrow:before { opacity: 1; }
:root .video-images .arrow,
:root .video-images:hover .arrow { filter: none; }

/** video-list */
.video-list li {
    position: relative; margin-top: 20px; padding-left: 14px;
    font-size: 16px;
}
.video-list li:before {
    content: ''; position: absolute; top: 8px; left: 0;
    width: 4px; height: 4px; background-color: #bbb;
    border-radius: 50%;
}

/** audio-list */
.audio-list li { margin-top: 20px; }
.audio-list .item {
    display: block;
    padding: 18px 20px 0; height: 62px;
    background-color: #f5f5f5; overflow: hidden;
}
.audio-list .item .img_block {
    position: relative; margin: 4px 0 0 30px;
    width: 40px; height: 40px; border-radius: 50%; overflow: hidden;
}
.audio-list .item .img_block .arrow {
    position: absolute; top: 0; left: 0;
    width: 40px; height: 40px;
    background-color: rgba(0,0,0,.2);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#33000000, endColorstr=#33000000);
}
.audio-list .item .img_block .arrow:before {
    content: ''; position: absolute; top: 14px; left: 15px;
    border-width: 6px 0 6px 10px; border-style: solid;
    border-color: transparent transparent transparent #fff;
    opacity: .7; transition: opacity linear .2s;
}
:root .audio-list .item .img_block .arrow { filter: none; }
.audio-list .item .tit { font-size: 16px; }

/** authoritative-roll */
.authoritative-roll {
    position: relative; height: 380px;
    overflow: hidden;
}
.authoritative-roll:before {
    content: ''; position: absolute; top: 0; bottom: 0; left: 3px;
    border-left: 1px solid #e6e6e6;
}
.authoritative-list { 
    position: absolute; top: 0; left: 3px; 
}
.authoritative-list .item {
    position: relative; padding-left: 11px; height: 66px;
}
.authoritative-list .item:before {
    content: ''; position: absolute; top: 5px; left: -4px;
    width: 7px; height: 7px; background-color: #e6e6e6;
    border-radius: 50%; border: 1px solid #fff;
}
.authoritative-list .tit { font-size: 16px; }

/** artcial-swiper */
.artcial-swiper {
    width: 374px; height: 245px;
}
.artcial-swiper .swiper-slide { position: relative; }
.artcial-swiper .swiper-slide .bg {
    position: absolute; right: 0; bottom: 0; left: 0; 
    height: 90px;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,.56) 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= #00000000,endColorStr= #8c000000,gradientType=0);
}
.artcial-swiper .swiper-slide .tit {
    position: absolute; right: 20px; bottom: 32px; left: 20px; 
    font-size: 16px; color: #fff;
}
.artcial-swiper .pagination {
    position: absolute; bottom: 15px; left: 20px; z-index: 1;
}
.artcial-swiper .pagination span {
    position: relative; float: left; 
    margin-right: 10px; width: 10px; height: 4px;
    background-color: #999;
    transition: width linear .2s;
}
.artcial-swiper .pagination .swiper-active-switch {
    width: 20px; background-color: #11B790;
}

/** first-speciality */
.first-speciality {
    padding: 35px 0; width: 806px; height: 175px;
    background-color: #fff;
}
.first-speciality .arrondi-left {
    padding-left: 30px;
    width: 274px; height: 175px;
}
.arrondi-left .tit {
    font-size: 24px; line-height: 32px;
}
.arrondi-left .tit .icon-expertise {
    margin: -2px 10px 0 0; 
    font-size: 22px;
}
.first-speciality .speciality-tag {
    width: 472px;
}

/** speciality-tag */
.speciality-tag {
    position: relative;
    margin-top: -30px; padding: 9px 10px 9px 20px;
    min-height: 187px;
}
.speciality-tag:before {
    content: ''; position: absolute; top: 30px; bottom: 0; left: 0; 
    border-left: 1px solid #e6e6e6;
}
.speciality-tag a {
    float: left; margin: 30px 0 0 16px;
    padding: 0 20px; max-width: 96px; height: 32px; overflow: hidden;
    font-size: 16px; color: #666; line-height: 32px;
    background-color: #f5f5f5; border-radius: 16px;
}
.speciality-tag a:hover {
    color: #fff; background-color: #11B790;
}
/** two-speciality-bar */
.two-speciality-bar {
    position: relative; height: 245px; z-index: 3;
}

/** two-speciality */
.two-speciality {
    position: absolute; top: 0; left: 0; 
    padding: 35px 0; background-color: #fff;
}
.two-speciality .arrondi-left {
    padding: 0 40px; width: 402px;
}
.two-speciality .arrondi-left .detail {
    height: 110px; overflow: hidden;
}
.two-speciality .speciality-tag {
    width: 668px;
}
.two-speciality.is-more {
    box-shadow: 0 16px 30px rgba(0,0,0,.08);
}

/** lawyer-charlt-swiper */
.lawyer-charlt-swiper , .lawyer-charlt-swiper .swiper-slide { height: 160px; }
.lawyer-charlt-swiper .swiper-btn {
    position: absolute; top: 10px;
    width: 24px; height: 24px; line-height: 22px; text-align: center;
    background-color: rgba(0,0,0,.1); 
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= #19000000,endColorStr= #19000000);
    border-radius: 50%; cursor: pointer;
}
:root .lawyer-charlt-swiper .swiper-btn { filter: none; }
.lawyer-charlt-swiper .swiper-btn .iconfont {
    font-size: 12px; color: #fff; opacity: .5;
}
.lawyer-charlt-swiper .btn-prev { right: 44px; }
.lawyer-charlt-swiper .btn-next { right: 10px; }
.lawyer-charlt-swiper .swiper-btn .icon-arrow-right-o {
    margin-left: 2px;
}
.lawyer-charlt-swiper .swiper-btn:hover { 
    background-color: rgba(0,0,0,.2);     
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= #33000000,endColorStr= #33000000);
}
:root .lawyer-charlt-swiper .swiper-btn:hover { filter: none; }
.lawyer-charlt-swiper .swiper-btn:hover .iconfont { opacity: .8; }
    /**/
.lawyer-charlt-item {
    position: relative; 
    width: 1200px; height: 160px;
    overflow: hidden;
}
.lawyer-charlt-item .lawyer { 
    position: relative; display: block; background-color: #4E5564; 
}
.lawyer-charlt-item .lawyer .photo {
    display: block; width: 1200px; height: 160px;
}
.lawyer-charlt-item .lawyer .tag {
    position: absolute; top: 0; left: 0;
}
.lawyer-charlt-item .lawyer .conts {
    position: absolute; top: 27px; left: 240px; right: 240px;
}
.lawyer-charlt-item .lawyer .name {
    font-size: 24px; color: #fff; line-height: 30px;
}
.lawyer-charlt-item .lawyer .ico-vip-middle {
    margin: 3px 0 0 10px;
}
.lawyer-charlt-item .lawyer .skill {
    margin-left: 20px; padding: 0 54px 0 20px;
    height: 30px; 
    color: #fff; line-height: 30px;
    background: linear-gradient(90deg,rgba(64,69,90,1) 0%,rgba(129,142,194,0) 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= #ff40455A,endColorStr= #00818EC2,gradientType=1);
    border-radius: 15px;
    overflow: hidden;
}
.lawyer-charlt-item .lawyer .tel {
    margin-top: 14px; 
    font-size: 24px; color: #fff; line-height: 30px;
}
.lawyer-charlt-item .lawyer .tel .icon-phone {
    margin: -3px 5px 0 0;
    font-size: 18px; 
}
.lawyer-charlt-item .lawyer .post {
    margin-top: 12px; font-size: 12px; color: #fff;
}
.lawyer-charlt-item .lawyer .time {
    position: absolute; top: 114px; right: 30px;
    width: 210px; text-align: center;
    font-size: 12px; color: #fff; opacity: .5;
}
.lawyer-charlt-item .btn {
    position: absolute; top: 54px; right: 60px;
    width: 150px; height: 40px; text-align: center;
    font-size: 16px; color: #fff; line-height: 40px;
    background-color: #F43651; border-radius: 20px;
}
.lawyer-charlt-item .btn .icon-reply {
    margin: -3px 5px 0 0; font-size: 17px;
}
.lawyer-charlt-item.team .lawyer .conts { left: 366px; }
.lawyer-charlt-item.team .lawyer .skill { 
    background:linear-gradient(90deg,rgba(73,78,97,1) 0%,rgba(129,142,194,0) 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= #ff494E61,endColorStr= #00818EC2,gradientType=1);
}

/** hot-artical-list */
.hot-artical-list li {
    padding: 20px 10px 20px 0;
    width: 800px; overflow: hidden;
}
.hot-artical-list li:hover {
    margin-left: -20px; padding-left: 20px; padding-right: 20px;
    background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.08);
}
.hot-artical-list .img_block {
    margin-right: 20px;
    width: 180px; height: 120px;
}
.hot-artical-list .tit {
    font-size: 20px; line-height: 28px;
}
.hot-artical-list .detail {
    margin-top: 15px; max-height: 44px; line-height: 22px;
    overflow: hidden;
}
.hot-artical-list .info { margin-top: 18px; line-height: 14px; }

/** title-f20 */
.title-f20 {
    position: relative; padding-left: 10px;
    font-size: 20px; line-height: 30px; height: 30px;
}
.title-f20:before {
    content: ''; position: absolute; top: 50%; left: 0; margin-top: -8px;
    width: 2px; height: 20px; background-color: #11B790;
}

/** text-list */
.text-list li { margin-top: 20px; }
.text-list .tit {
    max-height: 48px; overflow: hidden;
    font-size: 16px; line-height: 24px;
}
.text-list .detail {
    margin-top: 8px;
    color: #666; line-height: 22px;
    max-height: 44px; overflow: hidden;
}
.text-list .info { margin-top: 8px; line-height: 16px; }
.text-detail-show .detail { display: none; }
.text-detail-show .is-show .detail { display: block; }

/** text-roll */
.text-roll {
    position: relative; height: 272px;
    overflow: hidden;
}
.text-roll .text-list {
    position: absolute; top: 0; left: 0; right: 0;
}
.text-roll .text-list li {
    margin-top: 0; padding-top: 20px;
}

/** lore-img-bar */
.lore-img-bar {
    position: relative; display: block;
    width: 360px; height: 240px; overflow: hidden;
}
.lore-img-bar .conts {
    position: absolute; right: 0; bottom: 0; left: 0;
    padding: 47px 20px 0; height: 90px;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,.57) 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= #00000000,endColorStr= #8d000000,gradientType=0);
}
.lore-img-bar .conts .tit {
    font-size: 16px; color: #fff;;
}
.lore-img-bar .conts .detail {
    margin-top: 10px; height: 36px;
    font-size: 12px; color: #fff; line-height: 18px;
}

/** lore-text-list */
.lore-text-list li {
    margin-top: 20px; overflow: hidden;
}
.lore-text-list .img_block {
    margin-right: 10px;
    width: 120px; height: 80px;
}
.lore-text-list .tit {
    max-height: 44px; overflow: hidden;
    font-size: 16px; line-height: 22px;
}

/** chartlet-w360-h240 */
.chartlet-w360-h240 {
    position: relative; width: 360px; height: 240px;
    overflow: hidden;
}
.chartlet-w360-h240 .lawyer {
    position: relative;
    display: block; width: 360px; height: 240px;
}
.chartlet-w360-h240 .lawyer .photo {
    display: block; width: 360px; height: 240px;
}
.chartlet-w360-h240 .lawyer .conts {
    position: absolute; top: 45px; left: 25px;
    width: 190px; transition: top .2s linear;
}
.chartlet-w360-h240 .lawyer .tit { height: 28px; line-height: 28px; overflow: hidden; }
.chartlet-w360-h240 .lawyer .name { font-size: 20px; color: #333; }
.chartlet-w360-h240 .lawyer .ico-vip { 
    float: left; margin: 4px 0 0 5px;
}
.chartlet-w360-h240 .lawyer .skill {
    position: relative; 
    padding-left: 10px; margin-top: 10px;
    font-size: 12px; color: #333; line-height: 18px;
}
.chartlet-w360-h240 .lawyer .skill:before {
    content: ''; position: absolute; top: 4px; left: 0;
    width: 2px; height: 12px; background-color: #f43651;
}
.chartlet-w360-h240 .lawyer .skill span { margin-right: 10px; }
.chartlet-w360-h240 .lawyer .post {
    margin-top: 15px; height: 36px; overflow: hidden;
    font-size: 12px; color: #999; line-height: 18px;
}
.chartlet-w360-h240 .lawyer .tel {
    margin-top: 16px; 
    font-size: 20px; color: #333; line-height: 24px;
}
.chartlet-w360-h240 .lawyer .tel .icon-phone {
    margin: -3px 5px 0 0;
    font-size: 18px;
}
.chartlet-w360-h240 .btn {
    position: absolute; bottom: 17px; left: 25px;
    width: 100px; height: 32px;
    color: #fff; line-height: 32px; text-align: center;
    background-color: #f43651; border-radius: 16px; 
    visibility: hidden; opacity: 0;
}
.chartlet-w360-h240 .btn .icon-reply {
    margin: -2px 5px 0 0;
    font-size: 15px;
}
.chartlet-w360-h240:hover .lawyer .conts { top: 25px; }
.chartlet-w360-h240:hover .btn {
    visibility: visible; opacity: 1;
}
.chartlet-w360-h240 .btn:hover { opacity: .9; }

/** chartlet-w360-h200-default */
.chartlet-w360-h200-default {
    position: relative; z-index: 1; display: block; 
    padding: 30px;
    width: 300px; height: 140px;
    background-color: #f5f5f5;
}
.chartlet-w360-h200-default .bg {
    position: absolute; top: 0; left: 0; z-index: -1;
    display: block; width: 360px; height: 200px;
}
.chartlet-w360-h200-default .tit {
    font-size: 20px; line-height: 28px;
}
.chartlet-w360-h200-default .tit .icon-mark {
    margin: -2px 5px 0 0;
    font-size: 22px;
}
.chartlet-w360-h200-default .detail {
    margin-top: 10px; height: 40px;
}
.chartlet-w360-h200-default .btn {
    display: block; margin-top: 20px; width: 146px; height: 40px;
    font-size: 16px; color: #fff; line-height: 40px; text-align: center;
    background-color: #f43651; border-radius: 20px; 
}

/** more-btn */
.more-btn {
    display: block;
    height: 40px; text-align: center;
    color: #999; line-height: 40px;
    background-color: #f5f5f5; cursor: pointer;
}
.more-btn .iconfont {
    margin: -2px 0 0 5px;
    font-size: 12px;
}

/** share-bar */
.share-bar li {
    position: relative; float: left;
    margin-left: 10px; z-index: 5;
}
.share-bar a { display: block; }
.share-bar .iconfont {
    display: block; font-size: 24px;
    color: #bbb; line-height: 24px;
}
.share-bar a:hover .icon-wechat1 { color: #3BAF34; }
.share-bar a:hover .icon-qq { color: #4CAFE9; }
.share-bar .ecode-pop {
    position: absolute; bottom: 32px; left: 50%; display: none;
    margin-left: -55px; padding: 12px 15px 8px; width: 80px;
    font-size: 12px; color: #bbb; text-align: center;
    background-color: #fff; box-shadow: 0 6px 12px rgba(0,0,0,.1);
}
.share-bar .ecode-pop:before {
    content: ''; position: absolute; left: 50%; bottom: -3px;
    margin-left: -4px;
    border-width: 4px 4px 0; border-style: solid; border-color: #fff transparent transparent;
}
.share-bar .ecode-pop img {
    display: block; 
    width: 80px; height: 80px;
}
/* .share-bar li:hover .ecode-pop { display: block; } */

/** detail-conts */
.detail-conts { font-size: 16px; line-height: 32px; }
.detail-conts p { margin-bottom: 20px; }
.detail-conts img { max-width: 100%; }
.detail-conts a { color: #11B790 !important; }
.detail-conts a:hover { color: #f43651 !important; }

/** det-lr-info */
.det-lr-info .img_block {
    margin-right: 25px;
    width: 60px; height: 60px;
    border-radius: 50%; overflow: hidden;
}
.det-lr-info .name { padding-top: 5px; }

/** unfold-bar */
.unfold-bar { position: relative; }
.unfold-bar .un-ovh { overflow: hidden; }

/** detail-unfold */
.detail-unfold .un-ovh { height: 930px; }
.detail-unfold .un-btn {
    position: absolute; right: 0; bottom: 0; left: 0; z-index: 1;
    padding-top: 64px; 
    font-size: 16px; line-height: 28px; color: #11b790; 
    text-align: center; cursor: pointer;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= #00ffffff,endColorStr= #ffffffff,gradientType=0);
}

/* detail-img */
.detail-img {
    position: relative;
    display: block; border-bottom: 2px solid #11B790;
}
.detail-img .img_block { display: block; }
.detail-img .btn {
    position: absolute; top: 88px; right: 100px;
    width: 130px; height: 40px; text-align: center;
    font-size: 16px; color: #fff; line-height: 40px;
    background-color: #F43651; border-radius: 20px;
    visibility: hidden; opacity: 0;
}
.detail-img .btn .icon-reply {
    margin: -3px 5px 0 0; font-size: 17px;
}
.detail-img:hover .btn {
    visibility: visible; opacity: 1;
}
.detail-img .btn:hover { opacity: .8; }

/** consult-box */
.consult-box { border: 1px solid #e6e6e6; }
.consult-box .srk-bar {
    position: relative; z-index: 1;
}
.consult-box .srk-bar .placeholder {
    position: absolute; top: 14px; left: 14px; z-index: -1;
    color: #bbb; line-height: 22px;
}
.consult-box .srk-bar .srk {
    display: block; padding: 14px; 
    width: 780px; height: 87px; line-height: 22px;
    overflow-y: auto;
}
.consult-box .cz-bar {
    padding: 13px 9px 12px 14px; height: 24px; line-height: 24px;
    background-color: #f5f5f5;
}
.consult-box .btn {
    padding: 0 16px; cursor: not-allowed;
    height: 24px; font-size: 12px; color: #fff;
    background-color: #bbb; border-radius: 12px;
}
.consult-box .btn.btn-primary { background-color: #11b790; cursor: pointer; }

/** consult-list */
.consult-list li { 
    position: relative;
    margin-top: 30px; padding-left: 60px; min-height: 40px;
}
.consult-list .img_block {
    position: absolute; top: 0; left: 0;
    width: 40px; height: 40px; border-radius: 50%; overflow: hidden;
}
.consult-list .answer { border-radius: 4px; }

/** relative-list */
.relative-list li {
    margin-top: 30px; overflow: hidden;
}
.relative-list .img_block {
    width: 180px; margin-right: 20px;
}
.relative-list .tit { line-height: 28px; }
.relative-list .tag {
    float: left;
    margin: 6px 5px 0 0; padding: 0 5px; 
    font-size: 12px; color: #999; line-height: 16px;
    border: 1px solid #e6e6e6;
}

/** detail-fixed */
.detail-fixed {
    position: fixed; top: 50%; left: 50%; z-index: 10;
    margin-left: -700px; width: 50px; text-align: center;
    background-color: #fff; box-shadow: 0 6px 12px rgba(0,0,0,.1);
}
.detail-fixed.min {
    left: 0; margin-left: 0;
}
.detail-fixed li {
    padding: 8px 0; border-top: 1px solid #f5f5f5;
    cursor: pointer;
}
.detail-fixed li:first-child { border-top: 0; }
.detail-fixed .iconfont {
    font-size: 22px; line-height: 30px;
    color: #999;
}
.detail-fixed .txt {
    margin-top: 2px;
    font-size: 12px; color: #999; line-height: 14px;
}
.detail-fixed li:hover .iconfont,
.detail-fixed .is-click .txt, 
.detail-fixed .is-click .iconfont { color: #11b790; }
.detail-fixed .is-click .icon-useful-o:before { content: '\e63b'; }

/** correct-mistakes-bar */
.correct-mistakes-bar { position: relative; z-index: 5; }
.correct-mistakes-bar .type { cursor: pointer; }
.correct-mistakes-bar .type:hover,
.correct-mistakes-bar .type.is-click { color: #11b790; }
.correct-mistakes-bar .pop {
    position: absolute; bottom: 30px; left: 50%; margin-left: -160px;
    padding: 18px 20px 20px; width: 280px;
    background-color: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.15);
}
.correct-mistakes-bar .pop:before {
    content: ''; position: absolute; left: 50%; bottom: -5px;
    margin-left: -6px;
    border-width: 7px 6px 0; border-style: solid; border-color: #fff transparent transparent;
}
.correct-mistakes-bar .pop .icon-empty {
    position: absolute; top: 14px; right: 15px;
    font-size: 12px; color: #bbb; cursor: pointer;
}
.correct-mistakes-bar .pop .list {
    margin: 8px 0 0 -10px;
}
.correct-mistakes-bar .pop .list span {
    float: left; margin: 10px 0 0 10px;
    width: 82px; height: 30px; text-align: center;
    color: #666; line-height: 30px;
    border: 1px solid #e6e6e6; cursor: pointer;
}
.correct-mistakes-bar .pop .list span:hover,
.correct-mistakes-bar .pop .list .is-click {
    background-color: #11B790; color: #fff; border-color: #11B790;
}

/** pop-tips */
.pop-tips {
    position: fixed; top: 50%; left: 50%; z-index: 1002;
    width: 320px; text-align: center;
}
.pop-tips .conts {
    display: inline-block; color: #666;
    padding: 13px 20px; background-color: #fff; 
    box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 4px;
}
.pop-tips .conts .iconfont { margin: -2px 10px 0 0; }
.pop-tips .conts .icon-success { color: #11b790; }
.pop-tips .conts .icon-prompt { color: #F43651; }

/* right-enter-bar */
.right-enter-bar {
    position: fixed; top: 50%; right: 0; z-index: 100;
    display: none; 
}
.right-enter-bar .photo-box {
    position: relative; width: 70px; height: 70px;
}
.right-enter-bar .photo-box .photo {
    display: block; width: 66px; height: 66px;
    border: 2px solid #fff; border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}
.right-enter-bar .photo-box .ico {
    position: absolute; top: 0; right: 0;
}
.right-enter-bar .text-box {
    position: absolute; top: 0; right: 80px;
    padding: 10px; width: 190px; 
    color: #333; line-height: 22px; 
    background-color: #fff; border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}
.right-enter-bar .text-box:before {
    content: ''; position: absolute; top: 10px; right: -6px;
    border-width: 6px 0 6px 6px; border-style: solid;
    border-color: transparent transparent transparent #fff;
}
.right-enter-bar .text-box span { 
    color: #11b790; text-decoration: underline; 
}
.right-enter-bar .text-box .iconfont { font-size: 10px; }
.right-enter-bar:hover .text-box span { color: #f43651; }

/** add #13133 by LJ 2020-09-24 */
.detail-fixed .block { display: block; }
.lh28 { line-height: 28px; }
.mr44 { margin-right: 44px; }
.gain-btn {
    display: inline-block; padding: 0 30px;
    height: 40px; line-height: 40px;
    font-size: 16px; color: #fff;
    background-color: #F43651; border-radius: 20px;
    box-shadow: 0 2px 15px rgba(244, 54, 81, .4);
}
.gain-btn:hover { opacity: .9; color: #fff; }

/* tip-code-bar */
.s-primary { color: #01af63; }
.tip-code-bar {
    border-left: 6px solid #eee; padding-left: 20px; margin: 25px 0;
    font-size: 14px; color: #666; line-height: 22px;
}
.tip-code-bar dd { margin-top: 6px; }