@charset "UTF-8";
/* 顶部banner */
.portal-box{
    padding-top: 24px;
}
.portal-area{
    text-align: center;
    width: 200px;
    height: 422px;
        border-radius: 0px 0px 0px 0px;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.portal-title{
    color: #333;
    font-size: 16px;
    font-weight: 600;
    padding-top: 33px;
    background: linear-gradient(180deg, rgba(131, 180, 230, 0.4), #fff);
}
.portal-items{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex: 1;
}
.portal-item{
    cursor: pointer;
    position: relative;
}
.portal-item:hover .portal-item-h{
    color: #0066cb;
}
.portal-item-position{
    position: absolute;
    left: 200px;
    top: -89px;
    z-index: 9;
    width: 590px;
    height: 422px;
    padding-left: 10px;
    opacity: 0;
}
.portal-item-position1{
    top: -273px;
}
.portal-item2:hover .portal-item-position2{
    opacity: 1;
    z-index: 2222;
}
.portal-item1:hover .portal-item-position1{
    opacity: 1;
    z-index: 2222;
}
.portal-item-con-tle{
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-align: left;
}
.portal-item-con{
    width: 100%;
    height: 100%;
    background: #ffffff;
    padding: 16px 40px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .12);
}
.portal-item-position1 .portal-item-con{
    padding: 24px 40px;
}
.portal-item-con .item-title{
    font-size: 14px;
    color: #999;
    text-align: left;
}
.portal-item-con  .portal-item-ciboxs{
    padding: 12px 0 12px;
    grid-column-gap: 12px;
    grid-row-gap: 8px;
    display: grid;
    grid-template-columns: repeat(6, 68px);
}
.portal-item-con .shortcut-city-link{
    font-size: 14px;
    color: #666;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    text-align: left;
}
.portal-item-con .shortcut-city-link:hover{
    color: #3552e4;
}
.portal-item-con .shortcut-city-letters{
    text-align: left;
}
.portal-item-con .shortcut-letter-item{
    font-size: 16px;
    margin-right: 4px;
}
.portal-item-con .shortcut-city-letters{
    margin: 15px 0;
}
.portal-item-con  .shortcut-select-city-content{
    grid-column-gap: 12px;
    grid-row-gap: 8px;
    display: grid;
    grid-template-columns: repeat(6, 68px);
}
.portal-item-con  .portal-law-links-one{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.portal-item-con .links-one-link1  img{
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
}
.portal-item-con .links-one-link1{
    font-size: 14px;
    color: #333;
    padding: 18px 15px;
    text-align: left;
}
.portal-item-con .links-one-link1:hover{
    color: #0066cb;
}




.portal-item-img{
    width: 58px;
    height: 58px;
}
.portal-item-h{
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin: 12px 0 3px;
}
.portal-item-desc{
    font-size: 13px;
    color: #999;
}
.portal-banner{
    width: 700px;
}
.portal-advisory{
    width: 266px;
    height: 422px;
    text-align: center;
    font-size: 16px;
    color: #757575;
    padding: 0 10px;
    background: #fff;
    /*background: linear-gradient(0deg, rgba(255,255,255,0.7) 61%, rgba(26, 76, 136,0.5) 100%);*/
}
.portal-area .portal-area-location img{
    width: 60px;
    height: 53px;
    margin: 23px auto 0;
}
.portal-area  .portal-area-text{
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin: 18px auto 14px;
}
.portal-area .portal-area-btn{
    width: 165px;
    height: 42px;
    line-height: 42px;
    color: #FFFFFF;
    text-align: center;
    background: var(--btn-color);
    border-radius: 21px;
    margin: auto;
    display: block;
    overflow: hidden;
}
.portal-area .portal-law-know{
    position: relative;
    margin-top: 32px;
    padding: 0 20px;
    font-size: 14px;
    color: #ccc;
    height: 190px;
    overflow: hidden;
}
.portal-area .portal-law-know .portal-law-know-item{
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}
.portal-law-links-one{
    margin-top: 23px;
}
.links-one-link{
    font-size: 14px;
    color: #CCCCCC;
    width: 55px;
    text-align: center;
    line-height: 30px;
}
.links-one-link:hover{
    color: #fff;
    text-decoration: underline;
}

#portal-hot-cities {
    font-weight: bold;
}


/* 轮播图样式 */
.portal-ban-con{
    width: 700px;
    height: 422px;
    overflow: hidden;
    position: relative;
}
.portal-ban-wrapper{
    width: 700px !important;
    height: 422px !important;
}
.portal-pagination{
    /*width: 80px !important;*/
    /*height: 41px;*/
    /*left: 50% !important;*/
    /*transform:translateX(-50%)*/
    /*bottom: 0 !important;*/
}
/*.banner-page-btns{*/
/*    width: 700px !important;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    opacity: 0;*/
/*}*/
/*.banner-btn{*/
/*    padding: 10px 0 !important;*/
/*    width: 24.8% !important;*/
/*    background-color: rgba(240, 240, 245, 0.6) !important;*/
/*    border-radius: 0 !important;*/
/*    height: 41px !important;*/
/*    margin: 0 !important;*/
/*    opacity: 1 !important;*/
/*    z-index: 9;*/

/*}*/
.portal-pagination .swiper-pagination-bullet-active{
    background-color: rgba(0, 102, 203, 1) !important;
}
.portal-ban-slide{
    width:700px;
    height: 422px;
}
.portal-ban-slide a{
    width:700px;
    height: 422px;
    display: block;
}
.portal-ban-slide-img{
    width: 700px;
    height: 422px;
}

/* 轮播图右侧内容 */
.portal-advisory .portal-advisory-title{
    font-size: 20px;
    color: #2D2D2D;
    margin: 20px 0;
}
.portal-advisory .portal-area-btn{
    /*width: 168px;*/
    /*height: 36px;*/
    border: 1px solid #0066cb;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 13px;
    margin-bottom: 20px;
}
.portal-advisory-desc{
    font-size: 14px;
    color: #666;
    margin: 0 0 20px;
}
.portal-advisory .portal-advisory-zx{
    margin: 5px 0 23px;
}
.portal-advisory .portal-advisory-num{
    color: #000000;
    font-weight: 600;
    margin: 0 3px;
}

.portal-advisory  .portal-advisory-btn-a{
    width: 152px;
    height: 37px;
    font-weight: 600;
    color: #ffffff;
    display: inline-block;
    line-height: 37px;
    text-align: center;
    border-radius: 21px;
    margin: 0 auto 20px;
    /*background: linear-gradient(to right, #da1c17, #fe5e5c);*/
    background: var(--btn-color);
}
.portal-advisory-bottom{
    padding-top: 30px;
    color: var(--text-color);
}
.portal-advisory-bom-mena{
    margin-top: 20px;
}
.portal-advisory-bom-img{
    width: 201px;
    height: 126px;
}
/* 为什么聘请律师 */
.why-con{
    padding: 15px 0;
    background-color: #ffff;
    margin: 10px 0 20px;
}
.why-bar {
    flex: 1;
    padding: 0 20px;
    box-sizing: border-box;
    border-right: 1px solid #d9d9d9;
}
.why-bar dl {
    width: 100%;
}
.why-bar dl dt {
    padding: 0 10px 0 13px;
    font-size: 16px;
    line-height: 32px;
}
.why-bar dl dd {
    width: 185px;
    height: 32px;
    margin-bottom: 8px;
    box-sizing: border-box;
    border: 1px solid var(--text-desc1-col);
    border-radius: 4px;
    font-size: 13px;
    padding-left: 15px;
    line-height: 30px;
    color: var(--text-desc-col);
}
.why-bar dl dd:nth-child(n+3) {
    margin-bottom: 0;
}
.why-rg{
    flex: 1;
    padding-left: 35px;
}
.why-link{
    padding-left: 20px;
    list-style-type: disc; /* 使用圆点作为项目符号 */

}
.why-link li {
    width: 50%;
    box-sizing: border-box;
    position: relative;
    color: #e2e2e2; /* 设置项目符号的颜色 */

}
.why-link li a {
    color: var(--text-desc-col);
    font-size: 14px;
    line-height: 27px;
}
.why-tle{
    margin-bottom: 15px;
    font-size: 16px;
    color: var(--text-color);
    display: flex;
    align-items: center;
}
.why-rg .why-tle{
    margin-bottom: 10px
;
}
.why-tle .iconfont{
    font-size: 24px;
    color: var(--text-color);
    margin-right: 5px;

}
/* 首页甄选律师 */
.he-Selection-lawyers{
    background-color: #ffffff;
    padding: 38px 0 40px;
    margin-top: 24px;
}
.he-se-law-mean{
    margin-top: 35px;
}
.he-se-law-mean .he-se-law-mn-item{
    width: 183px;
    height: 275px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1);
}
.he-se-law-mean .he-se-law-mn-item .he-se-law-mn-item-img{
    width: 183px;
    height: 275px;
}
.he-se-law-mean .he-se-law-mn-item .he-se-law-mn-item-img img{
    width: 183px;
    height: 275px;
}
.he-se-law-mn-item-box{
    width: 100%;
    font-size: 14px;
    color: #CCCCCC;
    padding: 15px 10px;
    position: absolute;
    left: 0;
    bottom: -64px;
    background-color: #ffffff;
    transition: all .2s;
}
.he-se-law-mn-item-box-tle{
    font-size: 18px;
    color: #333333;
    margin-right: 3px;
}
.he-se-law-mn-item-box-tle:hover{
    color: var(--text-hov-col);
}
.he-se-law-mn-item-box-type{
    color: #666666;
    margin: 15px 0 16px;
    line-height: 15px;
    padding-left: 8px;
    border-left: 2.5px solid #DA1A16;
}
.he-se-law-mn-item-box-bm{
    color: #8E8E8E;
}
.he-se-law-mn-item-box-num{
    color: red;
}
.he-se-law-mn-item-a{
    width: 80px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    background: var(--btn-color);
    border-radius: 11px;
    margin: 10px auto 0;
}
.he-se-law-mn-item:hover .he-se-law-mn-item-box{
    bottom: 0;
}

/* 经济纠纷法律咨询 */
.he-fazu{
    padding: 37px 0 54px;
}
.he-fazu-dabox{
    margin: 33px 0 35px;
    background-color: #ffffff;
    border-radius: 5px;
}
.he-fazu-box-le-tp{
    width: 870px;
    padding: 25px 60px 25px 48px;
    background-color: #ffffff;
}
.he-fazu-dabox-rg{
    flex: 1;
}
.he-fazu-dabox-rg-tle{
    font-size: 18px;
    color: #333333;
    margin-bottom: 25px;
}
.he-fazu-dabox-rg-it{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 3px;
}
.he-fazu-dabox-rg-it img{
    width: 40px;
    height: 40px;
}
.he-fazu-box-le-tpp{
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 17px;
}
.he-fazu-box-le-tpp-ipt{
    width: 100%;
    font-size: 14px;
}
#inpCon::placeholder {
    color: #ccc;
}
.he-fazu-box-le-tpbtn{
    width: 120px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    text-align: center;
    background: var(--btn-color);
    border-radius: 18px;
    margin: 23px 0 21px;
    cursor: pointer;
    position: relative;
}
.he-fazu-box-le-tpbtn:hover {
    background: var(--btn-hov-clo);
}

.he-fazu-box-le-tpall{
    font-size: 14px;
    color: #333333;
}
.he-fazu-box-le-tpall-a{
    font-size: 14px;
    color: #666666;
    margin: 0 10px;
}
.he-fazu-box-le-tpall-a:hover{
    color: #3552E4;
}
.he-fazu-box-le{
    width: 791px;
}
.he-fazu-box-rg{
    width: 389px;
}
.he-fazu-box-le-xia{
    flex: 1;
    width: 730px;
    height: 20px;
}
.he-fazu-box-le-xia-img{
    width: 19px;
    height: 16px;
    margin-right: 12px;
}
.he-fazu-box-le-xiawrapper{
    width: 730px;
    height: 20px;
    overflow: hidden;
}
.slide-it{
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #666666;
}

/* 错误信息提示 */
#error-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #4d4d4d;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
    display: none;
    font-size: 16px;
    z-index: 99999;
}
/* 弹窗样式 */
.norPop{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 1000;
    display: none;
}
.norPop .pop_box{
    position: fixed;
    left: 50%;
    top: 50%;
    width: 352px;
    height: 260px;
    background-color: #fff;
    transform: translate(-50%,-50%);
    border-radius: 20px;
}
.norPop .pop_box .login_pop{
    padding: 20px 32px;
}
.norPop .pop_box .login_pop .tl {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 25px;
}
.norPop .pop_box .login_pop .form_main {
    margin-bottom: 30px;
}
.norPop .pop_box .login_pop .form_main .item {
    display: flex;
    padding: 25px 0;
    height: 24px;
    align-items: center;
    border-bottom: 1px solid #eaebed;
    font-size: 16px;
}
.norPop .pop_box .login_pop .form_main .inputTxt {
    display: block;
    flex: 1;
    font-size: 16px;
    color: #333;
    background-color: #ffffff !important;

}


.norPop .pop_box .login_pop .form_main .mes {
    width: 100px;
    text-align: right;
    color: #e61;
    font-size: 16px;
    cursor: pointer;
}
.norPop .pop_box .login_pop .form_main .zxdisabled{
    color: #a2a2a2 !important;
    cursor: not-allowed;
}
.login_pop .form_btn {
    margin-bottom: 30px;
}
.login_pop .form_btn .dis-btn {
    opacity: .3;
}
.login_pop .form_btn .btn {
    display: block;
    width: 100%;
    height: 40px;
    background: #3887f5;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px;
    cursor: pointer;
    transition: .4s;
    border: none;
}

.norPop .pop_close {
    position: absolute;
    top: 24px;
    right: 18px;
    font-size: 15px;
    color: #999999;
    cursor: pointer;
    transition: .6s;
}
.norPop .pop_close:hover {
    transform: rotate(180deg); /* 旋转 360 度 */
}

.he-fazu-box-le-bmbox{
    margin-top: 20px;
}
.he-fazu-box-le-bmbox .he-fazu-box-le-bmItem{
    width: 386px;
    height: 195px;
    background-color: #ffffff;
    padding: 20px 20px;
    font-size: 14px;
    margin-top: 20px;
    border-radius: 5px;
    transition: all 0.5s;
}
.he-fazu-box-le-bmbox .he-fazu-box-le-bmItem:hover{
    box-shadow: 2px 7px 18px 3px rgb(153 153 153 / 21%);
    transform: translateY(-5px);
}
.he-fazu-bmItem-tlea{
    font-size: 17px;
    color: #000;
    margin-left: 15px;
    font-weight: 600;
    line-height: 25px;
    height: 50px;
}
.he-fazu-box-le-bmIte-img{
    width: 22px;
    height: 22px;
    margin-top: 2px;
}
.he-fazu-bmItem-tlea:hover{
    color: var(--text-hov-col) ;
}
.he-fazu-bmItem-desc{
    margin: 13px 0 22px;
}
.he-fazu-bmItem-desc a{
    font-size: 15px;
    color: var(--text-desc-col);
    margin-left: 15px;
}
.he-fazu-bmItem-desc img{
    width: 22px;
    height: 22px;
}
.he-fazu-bmItem-men{
    font-size: 14px;
    color: #878787;
    height: 35px;
    background: #F1F3FF;
    border-radius: 18px;
    padding: 0 15px 0 15px;
    /* margin: 0 auto; */
}
.he-fazu-bmItem-imgs{
    margin-right: 10px;
}
.he-fazu-bmItem-img{
    width: 28px;
    height: 28px;
    border-radius: 15px;
    margin-left: -9px;
    border: 1px solid #ffffff;
}
.he-fazu-bmItem-men-num{
    font-weight: 600;
    color: var(--text-color);
}


#heZaiXian{
    margin: 0 15px 0 20px;
    font-size: 18px;
    color: #FFFFFF;
}
#heJinRi{
    margin: 0 15px 0 20px;
    font-size: 18px;
    color: #FFFFFF;
}
.heZaiXianone{
    width: 25px;
    height: 35px;
    line-height: 35px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
    background-color: #a7b6ff;
}
.he-fazu-box-rgbm{
    margin-top: 40px;
    padding: 20px 20px 0 20px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.he-fazu-box-rgbmTle{
    font-size: 18px;
    color: #333333;
    margin-bottom: 16px;
}
.he-rgbmBox-itBox{
    color: #000000;
    padding: 14px 19px 14px 12px;
    background: #F8F8F8;
    border-radius: 5px;
    margin-top: 12px;
}
.he-fazu-box-rgbmCon{
    width: 100%;
    height: 605px;
    overflow: hidden;
    position: relative;
    overflow: hidden; /* 确保外层容器不滚动 */
    position: relative;
}
.he-fazu-box-rgbmBox{
    height: auto;
    width: 100%;
    position: absolute;
    top: 0;
    transition: all .3s;
}

.he-rgbmBox-it{
    margin-bottom: 15px;
    height: 186px;
}
.he-rgbmBox-itBox-ig{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    display: block;
}
.he-rgbmBox-itBox-sece{
    font-size: 14px;
    color: #BFBFBF;
}
.he-rgbmBox-itBox-tme{
    font-size: 14px;
    color: #666666;
}
.he-rgbmBox-itBox-con{
    font-size: 15px;
    color: var(--text-desc-col);
    margin-top: 14px;
}

/* 律师说法，在线律师 */
.he-shuo-zai{
    background-color: #ffffff;
    padding: 40px 0 0px;
}
.heShuoFaSwiper{
    height: 370px;
    margin: 35px 0;
}
.heShuoFa-item-aver{
    width: 130px;
    height: 130px;
    overflow: hidden;
    flex: none;
    margin-right: 15px;
}
.heShuoFa-item-aver img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.heShuobullet{
    width: 61px !important;
    height: 4px !important;
    background: var(--btn-color) !important;
    border-radius: 2px !important;
}
.he-shuofa-pagination{
    bottom: 0px !important;
}
.heShuoFa-item{
    background: linear-gradient(to bottom, #f7f7f9, #ffffff );
    border-radius: 5px;
    padding: 17px 13px 0;
}
.heShuoFa-item-men{
    padding: 20px 16px;
    background-color: #ffffff;
    margin-top: 10px;
}
.heShuoFa-item-tle{
    font-size: 17px;
    color: #000;
    font-weight: 600;
    line-height: 25px;
    max-height: 75px;
    overflow: hidden;
    width: 215px;
}
.heShuoFa-item-tle:hover{
    color: var(--text-hov-col);
}
.heShuoFa-item-img{
    width: 29px;
    height: 29px;
    border-radius: 15px;
    margin-right: 12px;
}
.heShuoFa-item-name{
    font-size: 15px;
    color: #333333;
}
.heShuoFa-item-data{
    font-size: 14px;
    color: #9F9F9F;
}
.heShuoFa-item-con{
    margin-top: 25px;
    font-size: 15px;
    color: #666666;
    line-height: 25px;
    height: 76px;
    overflow: hidden;
    position: relative;
}
.heShuoFa-item-con-more{
    position: absolute;
    right: 10px;
    bottom: 0px;
    color: var(--text-color);
    font-size: 15px;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding-left: 16px;
}
.heShuoFa-item-con-more:hover{
    color: var(--text-hov-col);
}

.heShuoFa-item-con-more .icon-right{
    font-size: 12px;
    font-weight: 700;
    margin-left: 2px;
}
/* 在线律师 */
.online-lawyer-men{
    margin-top: 45px;
}
.online-lawyer-item{
    width: 285px;
    height: 428px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}
.online-lawyer-item:hover{
    box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1);
}
.online-lawyer-item:hover .online-lawyer-item-con{
    bottom: 0;
    background-color: #ffffff;
}
.online-lawyer-item-img{
    width: 285px;
    height: 428px;
    border-radius: 4px;
    display: block;
    overflow: hidden;
}
.online-lawyer-item-img img{
    width: 285px;
    height: 428px;
}
.online-lawyer-item-con{
    width: 100%;
    font-size: 14px;
    color: #696969;
    padding-top: 20px;
    text-align: center;
    background-color: #f4f4f4;
    position: absolute;
    left: 0;
    bottom: -48px;
    transition: all .2s;
}
.online-lawyer-con-tle{
    font-size: 18px;
    color: var(--text-color);
    font-weight: 600;
}

.online-lawyer-con-mid{
    margin: 15px 0 18px;
    color: var(--text-desc-col);
}
.online-lawyer-item-con-types{
    padding: 0 20px;
    color: var(--text-desc1-col);
}
.online-lawyer-con-midline{
    margin: 0 10px;
}
.online-lawyer-con-a{
    width: 109px;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    margin: 18px  0 16px;
    background: var(--btn-color);
    text-align: center;
    border-radius: 16px;
    display: inline-block;
    position: relative;
}
.online-lawyer-con-a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background-color: rgba(248, 244, 244, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.online-lawyer-con-a:hover::before {
    opacity: 1;
}

/* 经济纠纷热点 */
.he-hotspot{
    padding: 40px 0 20px;
}
.he-hotspot-box{
    margin-top: 36px;
}

.he-hotspot-item{
    font-size: 18px;
    color: #333333;
    width: 386px;
    height: 222px;
    padding: 22px  0 0;
    background-color: #ffffff;
    position: relative;
    transition: all 0.3s ease-in-out; /* 为父级容器高度变化添加过渡 */
    margin-bottom: 20px;

}
.he-hotspot-item-box{
    min-height: 156px;
    max-height: 156px;
    padding: 0 0 0 20px;
    position: absolute;
    left: 0;
    background-color: #ffffff;
    z-index: 999;
    transition: all 0.3s ease-in-out; /* 为子元素的滑出效果添加过渡 */
    overflow: hidden;

}
.he-hotspot-itemtle{
    margin-bottom: 20px;
    padding: 0 20px;
}
.he-hotspot-a{
    font-size: 14px;
    color: #999999;
    margin-bottom: 15px;
    width: 166px;
    display: inline-block;
    margin-right: 10px;
}
.he-hotspot-a:hover{
    color: #1476f9;
}
.he-hotspot-item:hover {
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); */
}
.he-hotspot-item:hover .he-hotspot-item-box{
    max-height: 234px;
    /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);  */
}
/* 律师专辑 */
.he-lawyer-album{
    padding: 10px 0 10px;
    background-color: #ffffff;
}
.lawyer-album-tab{
    font-size: 18px;
    color: #333333;
}
.lawyer-album-tab1{
    margin-right: 30px;
    font-weight: bold;
}
.lawyer-album-tp2{
    display: none;
}
.lawyer-album-item{
    width: 386px;
    height: 316px;
    background: #FFFFFF;
    box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.05);
    border-radius: 3px;
    margin-top: 35px;
    position: relative;
    overflow: hidden;
}
.lawyer-album-itemimg{
    width: 100px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 17px;
    flex: none;
}
.lawyer-album-itemimg img{
    width: 100px;
    height: 100px;
}
.lawyer-album-it{
    font-size: 14px;
    color: #B2B2B2;
    width: 386px;
    height: 100%;
    padding: 20px;
    background-color: #ffffff;
}
.lawyer-album-it-name{
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}
.lawyer-album-it-tpbox{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
}
.lawyer-album-it-tpbox-rg{
    flex: 1;
    overflow: hidden;
}
.lawyer-album-it-be{
    margin-top: 10px;
}
.lawyer-album-tp{
    font-size: 16px;
    color: #000000;
}
.lawyer-album-it-ul{
    margin-top: 15px;
}
.lawyer-album-it-ul li{
    margin-bottom: 20px;
}
.lawyer-album-yuna{
    width: 6px;
    height: 6px;
    background: #D1D1D1;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
    flex: none;
}
.lawyer-album-it-ul li a{
    color: #B2B2B2;
}
.lawyer-album-it-ul li a:hover{
    color: #3552E4;
}

/* 法律专题 */
.legal-topic{
    padding: 40px 0;
}
.legal-topic-box{
    margin-top: 35px;
}
.legal-topic-tabs {
    width: 141px;
    background-color: #fafafb;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    transition: background-color 0.3s ease;
}
.leic-tab{
    padding: 14px;
}
.leic-tab .lcactive{
    background-color: var(--btn-color);
    color: #ffffff;
}
.lcactivea{
    background-color:var(--btn-color);
    color: #ffffff;
}
.leic-tab:hover {
    background-color:var(--btn-color);
    color: #ffffff;
}

.leic-content {
    flex: 1;
    padding-left: 20px;
}

.leic-con-it{
    display: none;
    font-size: 14px;
    color: #868686;
}

.leic-con-it.lcactive {
    display: block;
}
.leic-con-it-le{
    width: 220px;
}
.leic-con-it-le-img{
    width: 220px;
    height: 220px;
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
}
.leic-con-it-le-img img{
    width: 220px;
    height: 220px;
}
.leic-con-it-tle{
    font-size: 16px;
    color: #333333;
}
.leic-con-it-tle:hover{
    color: #3552e4;
}
.leic-con-it-le-desc{
    margin: 15px 0 15px;
}
.leic-con-it-line{
    margin: 0 5px;
}
.leic-con-it-rg-tle{
    margin-bottom: 16px;

}
.leic-con-it-rg-tle a{
    font-size: 16px;
    color: #333333;
}
.leic-con-it-rg{
    width: 446px;
    margin-left: 30px;
}
.leic-con-it-rgbox{
    padding-bottom: 10px;
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 20px;
}
.leic-con-it-rgbox:last-child {
    margin-bottom: 0;
}
.leic-con-it-rgbox:first-child .leic-con-it-rg-desc {
    height: 40px;
    margin-bottom: 19px;
    color: var(--text-desc-col);
}
.leic-con-it-rg-tle a:hover{
    color: var(--text-hov-col);

}
.leic-con-it-rg-desc{
    transition: height .2s linear;
    height: 0;

}
.legic-desc-act{
    display: block;
}
.legal-topic-box-rgtle{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
}
.legal-topic-box-rg ul li{
    margin-top: 8px;
}
.legal-topic-box-rg ul li a{
    background-color: #f8f8f8;
    padding: 20px 26px 17px;
    cursor: pointer;
}
.legal-topic-box-rg ul li a:hover{
    background-color: #f2f4ff;
}
.legal-topic-box-rg ul li a:hover .legal-topic-box-rg-tlee{
    color: #3552E4;
}
.legal-topic-box-rg ul li img{
    margin-right: 15px;
}
.legal-topic-box-rg-img1{
    height: 40px;
}
.legal-topic-box-rg-img3{
    height: 40px;
}
.legal-topic-box-rg-img4{
    height: 36px;
}
.legal-topic-box-rg-tlee{
    font-weight: 400;
    font-size: 18px;
    color: #333333;
}
.legal-topic-box-rg-desc{
    font-size: 14px;
    color: #999999;
}
.legal-topic-box-rg{
    width: 300px;
}

/* 律师排行榜 */
.ranking-lawyers{
    padding: 36px 0 45px;
}
.ranking-lawyers-box{
    margin-top: 25px;
}
.ranking-lawyers-item{
    width: 386px;
    /* height: 449px; */
    background: #FAFAFB;
    padding: 20px 20px 1px;
    border-radius: 3px;
}
.ranlaw-tle{
    font-size: 24px;
    color: #333333;
    margin-bottom: 25px;
}
.ranlaw-tle-line{
    height: 20px;
    display: inline-block;
    border-left: 2px solid red;
    margin-right: 15px;
}
.ranlaw-num{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-right: 23px;
    color: #A7A7A7;
    border: 1px solid #A7A7A7;
    background: #ffffff;
}
.ranking-lawyers-item li:nth-child(-n+3) .ranlaw-num{
    background: #A7A7A7;
    color: #fff;
    border: none;
}

.ranlaw-num-img{
    width: 50px;
    height: 50px;
    border-radius: 2px;
    margin-right: 24px;
}
.ranlaw-num-imgs{
    width: 50px;
    height: 50px;
    background: #333333;
    border-radius: 2px;
}
.ranlaw-tlee{
    font-size: 18px;
}
.ranlaw-hui{
    font-size: 14px;
    color: #A8A8A8;
}
.ranlaw-miehui{
    font-size: 14px;
    color: #A8A8A8;
    margin-top: 5px;
}
.ranlaw-miehui .iconfont{
    color: #ff4c24;
}
.ranlaw-hui .iconfont{
    color: #ff4c24;
}
.ranlaw-hui-num{
    color: #000000;
}
.ranking-lawyers-item ul li{
    margin-bottom: 20px;
}
.ranlaw-btn{
    font-size: 14px;
    color: #FFFFFF;
    width: 71px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    background: var(--btn-color);
    border-radius: 2px;
}


.ranlaw-num-img{
    display: none;
}
.ranlaw-miehui{
    display: none;
}
.ranlaw-btn{
    display: none;
}
.star-empty{
    visibility: hidden;
}