.nav a{color: #ffffff;}

/*-----------有问必答  列表-----------*/

.answer-cont{
    width: 1200px;
    margin: 0 auto;
}
.answer-cont .answer-cont-left{
    width: 870px;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}
.answer-cont .answer-cont-left.answer-paddingT{
    *padding-top: 30px;
}


.answer-list-cont .answer-type-ul .answer-type-li.active a{
    color: #ff1d1d;
}

.answer-type-cont .answer-detail-list{
    background-color: #FFF;
    padding: 20px 30px;
    font-size: 16px;
    line-height: 22px;
    *margin-bottom:30px;
}
.answer-detail-list .be-from{
    margin-bottom: 8px;font-size: 16px;
    color: #999999;
    cursor: pointer;
}

.answer-user .answer-user-info .answer-user-name span{
    font-weight: normal;
    color: #999999;font-size: 15px;
}
.answer-user .answer-user-info .answer-user-name a{
    display: inline-block;
}

.answer-detail-list .answer-user-intro{
    line-height: 34px;color: #333333;
    margin-top: 10px;
    width: 705px;
    margin-bottom: 15px;
    margin-left: 60px;
    font-size: 16px;
    word-wrap:break-word;
    word-break:break-all;
}


.answer-detail-list .detail-list-bottom{
    font-size: 15px;
    margin-left: 60px;
    display: flex;justify-content: space-between;
    color: #666666;
}

.answer-detail-list .ask-detail-right a img{
    position: relative;margin-right: 4px;
    top: 3px;
}

.sale-slogan a{
    color: #427fef;
}
.sale-slogan img{
    width: 18px;height: 18px;
    position: relative;top: 4px;
    margin-right: 4px;
}

.detail-list-bottom .editBtn img{
    height: 14px;
}
.detail-list-bottom span img{
    position: relative;
    top: 2px;
    margin-right: 4px;
    width: 16px;
}

.video-ask-item .detail-list-bottom span img,.center-list .detail-list-bottom span img,.center-answer-li .detail-list-bottom span img{
    width: 16px;
}
.detail-list-bottom span.span-rig.center img{
    /*margin-right: 96px;*/
    top: 0;
}

/*---------问答列表 右侧-------*/
.answer-cont .answer-cont-rig{
    width: 300px;
    float: left;
}
.answer-cont .answer-cont-rig .right-box{
    margin-bottom: 20px;
    background-color: #FFF;
    font-size: 14px;
}
.right-box .right-public-title{
    line-height: 48px;
    border-left: 2px solid #FB1D1D;
    padding-left: 20px;
    font-size: 18px;
    border-bottom: 1px solid #E6E6E6;
    *position: relative;
}
.right-box .right-public-title .red{
    color: #fb1d1d;
}

.right-box .right-public-title .line{
    font-size: 12px;color: #ccc;
    padding: 0 10px;
    position: relative;top: -2px;
}
.right-box .right-main-box{
    padding: 10px;
}
.right-box .right-main-box .main-li{
    position: relative;
    padding-bottom: 2px;
    font-size: 14px;
}
.right-box .right-main-box .main-li:before{
    content: "";display: block;
    width: 4px;height: 4px;
    background-color: #FFCDCD;-webkit-border-radius: 50%;
    border-radius: 50%;-moz-border-radius: 50%;
    behavior: url('https://static.cofool.com/licai/Home/css/PIE.htc');
    position: absolute;
    left: 5px;top: 15px;
}
.right-box .right-main-box .main-li a{
    margin-left: 20px;display: inline-block;
    line-height: 21px;padding: 5px 0;
    word-break: break-all;
}

.right-box .right-main-box .main-li a span.c999 {
    margin-left: 5px;
    position: relative;
    top: -6px;
}

.answer-detail-list .shing-icon img{
    height: 20px;
}

/*---精选顾问----*/
.jx-counselor{
    padding: 20px 10px 0px 10px;
}

.approve-top-cont .top-list .yz-right-word p{
    padding: 6px 0px;
    font-size: 18px;
}

.upload-img-cont .opr-btns img{
}

.upload-img-cont .upload-opr-btn span{
    float: left;
    padding-right: 20px;
}

.safe-list.info-list-title li{
    margin-right: 30px;
}
.safe-list.info-list-title li:hover{
    color: #ff1d1d;
}

.center-info-item #thread_img span label{
    font-size: 14px;
    color: #1187ff;
    margin-right: 20px;
}


.form-horizontal2 .title,.form-horizontal3 .title,.form-horizontal4 .title{
    font-size: 20px;
    text-align:center;
    margin-top: 20px;
    font-weight: 600;
}
.form-horizontal2 .line,.form-horizontal3 .line,.form-horizontal4 .line{
    width: 94%;
    text-align:center;
    background-color: #cccccc;
    height: 1px;
    margin: 10px auto 10px;
}
.title-p img{
    vertical-align: middle;
    margin-right: 4px;
}

/*分页*/
.product_page{clear:both;width:100%; line-height:27px; margin:30px auto 30px; text-align:center;}
.product_page .current{padding: 0px 11px!important;height: 30px;text-align: center;line-height: 30px;color: #FFF;background-color: #FB1D1D;display: inline-block;border:1px solid #ff1d1d;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-left: 8px;font-size: 14px;}
.product_page a:link, .product_page a:visited,.product_page a{display:inline-block;height: 30px;padding:0px 11px;text-align: center;line-height: 30px;background:#FFF; color:#333; margin-left:5px;border: 1px solid #CCCCCC;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;font-size: 14px;}
.product_page a:hover, .product_page a:active{ background:#FFF; color:#222; margin-left:5px;}
.product_page a.num:link, .product_page a.num:visited, .product_page a.num:hover, .product_page a.num:active{ background:#DD2726; color:#fff; margin-left:8px;}
.product_page a.num_h:link, .product_page a.num_h:visited {display: inline-block;line-height: 30px; background:#FFF; color:#333; margin-left:5px;text-align: center;font-size: 14px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border: 1px solid #CCCCCC;}
.product_page a.num_h:hover, .product_page a.num_h:active{ background:#FB1D1D; color:#fff; margin-left:5px;border:1px solid #FB1D1D;}
.product_page a.next,.product_page a.end,.product_page a.prev{padding: 0px 12px!important;border:1px solid #ccc;background-color: #FFF;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;width: auto;}
.product_page a.end:hover,.product_page a.next:hover,.product_page a.prev:hover{background-color: #ff1d1d;border:1px solid #ff1d1d;color: #FFF;}




.answer-list-cont .answer-ul-outter-son{
    font-size: 14px;
    margin-top: 15px;padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
    line-height: 20px;
}
.answer-list-cont .answer-ul-outter-son .title{
    font-size: 20px;
    padding-left: 30px;position: relative;
}
.answer-list-cont .answer-ul-outter-son .title:before{
    content: "";
    width: 6px;height: 12px;
    background-color: #FB1D1D;
    position: absolute;left: 15px;top: 8px;
}
.answer-list-cont .answer-ul-outter-son a{
    margin-right: 10px;
    margin-left: 17px;color: #999999;
}
.answer-list-cont .answer-ul-outter-son .active{
    color: #ff1d1d;
}
.detail-list-bottom.new-detail-bottom .assistBtn img{
    width: 18px;height: 18px;
}



.detail-list-bottom.new-detail-bottom .reportBtn img,.detail-list-bottom.new-detail-bottom .oppose-btn img{
    margin-right: 4px;
}

.detail-list-bottom.new-detail-bottom .gj-span img{
    display: block;
}

.gj-span .add-btn.md img{
    margin-right: 3px;
}

.flow-data-table table{
    width: 100%;
}
.flow-data-table table tr.head td{
    font-size: 14px;color: #999999;
    padding: 15px 10px 10px 10px;
}
.flow-data-table table tr.main td{
    font-size: 16px;
    padding: 10px 10px 10px 10px;
}
.help-video-cont .help-step .help-step-video img{
    width: 100%;
}
.answer-detail-list .content-main-rig .answer-user-intro{
    margin-left: 0px;
    width: 705px;line-height: 34px;
}

.answer-list-cont .answer-ul-outter-son{
    padding: 20px 10px 20px 0px;
}
.answer-list-cont .answer-ul-outter-son a{
    font-size: 16px;color: #666666;
}
.answer-list-cont .answer-ul-outter-son a.active{
    color: #FB1D1D;
}
.answer-list-cont .answer-ul-outter-son span.line{
    color: #E7E7E7;font-size: 14px;
    margin-left: 13px;
    position: relative;top: -1px;
}

.case-type-add.answer-type-cont{
    margin-top: 30px;
}

.website-count{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.website-count .web-ul{ text-align: center;
    margin-right: 21px;
    height: 100px;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #e4393c;
    position: relative;
    overflow: visible;
    margin-top: 56px;
    border-radius: 5px;
    width: 100%;
    padding-top: 20px;

}
.website-count .web-ul b{font-size: 28px;color: #e4393c}
.website-count .web-ul span{font-size: 14px}
.website-count .count-icon{margin-top: -50px}
.website-count .count-icon img{width: 50px}


/* nav-f30 */
.layerList{ display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;}
.card {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
    flex: 1 1 calc(25% - 20px);
    box-sizing: border-box;
}
.card:hover {
    transform: scale(1.05);
}
.card img {
    /*width: 100%;*/
    height: 200px;
    /*object-fit: cover;*/
}
.card-content {
    padding: 15px;
}
.card-content h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}
.card-content p {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}
.card-content .contact {
    font-size: 12px;
    color: #007BFF;
    text-decoration: none;
}
.card-content .contact:hover {
    text-decoration: underline;
}


.left-block{}
.left-block .public-title{width: 100%;height: 60px;
    line-height: 60px;color: #c9a14a;
}

.articleList{ display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: left;}
.public-title{
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: space-between; /* 让三角形和文字靠左，a标签靠右 */
    width: 100%;
}
.public-title .triangle{
    width: 0;
    height: 0;
    border-left: 7px solid transparent;  /* 左边透明，适中 */
    border-right: 7px solid transparent; /* 右边透明，适中 */
    border-top: 11px solid #FFA883;  /* 顶边较小，产生钝角效果 */
    margin-right: 4px;
    transform: rotate(270deg);
    flex-shrink: 0;
}
.public-title .red{
    flex-grow: 1;
}
.public-title .right-show{
    margin-left: auto;
}

.class_object{
    width: 60%;
    float: left;
}
.class_article{
    width: 40%;
    float: right;
}

.article-item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}
.article-item .pic {
    align-items: center;
    background: #fafafa;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 135px;
    justify-content: center;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
    width: 216px;
    z-index: 3;
}
.article-item .pic .pic-a{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    transition: all .3s;
    width: 100%;
    z-index: 1;
}
.g-components-image {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.el-image__inner {
    opacity: 1;
    vertical-align: top;
    height: 100%;
    width: 100%;
}
.article-item .item-intro {
    flex: 1;
    overflow: hidden;
    position: relative;
    z-index: 3;
}
.article-item .item-intro .item-title {
    display: block;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
    max-height: 60px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.article-item .item-intro .item-desc, .article-item .item-intro .item-desc a {
    color: #999;
    height: 42px;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    font-size: 14px;
}
.article-item .item-intro .item-push-info {
    align-items: center;
    bottom: 0;
    color: #999;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    left: 0;
    line-height: 30px;
    position: absolute;
    width: 100%;
}
.article-item .item-intro .item-push-info .tags a {
    background: #f5f6fa;
    color: #999;
    display: inline-block;
    line-height: 22px;
    margin-right: 10px;
    padding: 0 10px;
}

.vip-paid-consult-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 16px;
    margin-top: 4px;
}
.vip-lawyer-service-card-title {

    font-size: 18px;
    line-height: 18px;
    color: #1e1f24;
    font-weight: 600
}

.vip-paid-consult-header-right-icon {
    width: 18px;
    height: 18px;
    /*margin-left: 18px;*/
    background: url(/static/image/right.png) no-repeat;
    background-size: cover;
    margin-right: 10px;
    float: left;
    font-size: 20px;

}
.vip-paid-consult-header-text{
    margin-right: 100px;
    font-size: 15px;
}

.footer {
    width: 100%;
    /*background: #2e3139;*/
    height: auto;
    border-bottom: 1px solid #8c939d;
    padding-bottom: 20px;
}

.footer .auto {
    width: 1100px;
    margin: 0 auto;
    display: flex
}

.footer .aboutUs {
    width: 40%;
}

.footer .aboutWeb {
    width: 30%;
    margin-left: 4%;
}

.footer .footerTitle {
    color: #fff;
    padding-top: 24px;
    font-size: 18px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 24px;
    position: relative;
}

.footerTitle:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #b98f30;
    border-radius: 50%;
    position: absolute;
    top: 35px;
    left: -18px;
}

.footerItem p a, .footerItem table a, .footerItem p {
    font-size: 14px;
    color: #d8d8d8;
    font-family: PingFang-SC-Regular
}

.footerItem table {
    width: 100%
}

.footerItem table td {
    height: 40px;
}

.aboutUsItem {
    line-height: 30px;
    width: 90%;
}

.aboutJYS {
    line-height: 30px;
}

.friendLink li {
    min-width: 100px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    float: left;
}

.friendLink a {
    font-size: 14px;
    color: #d8d8d8;
    font-family: PingFang-SC-Regular
}

.widget-kx-list {
    margin-left: 1px !important;
    line-height: 1.6;
    border-left: 1px dashed hsla(0, 0%, 15%, .2);
    position: absolute;
}

.widget ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.widget-kx-list .kx-item {
    margin-bottom: 15px;
    padding: 5px 0 5px 18px;
    line-height: 1.6;
    position: relative;
}

.widget ul li {
    position: relative;
    padding: 5px 0 10px 12px;
    line-height: 1.46;
}

.widget-kx-list .kx-item:after, .widget-kx-list .kx-item:before {
    position: absolute;
    margin-left: -6px;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 6px;
    border: 4px solid #262626;
    background: url("/new/image/cheer.png");
    box-sizing: initial;
    opacity: .4;
    content: ""
}

.unionCompany .widget-kx-list .kx-item-cheer:after {
    position: absolute;
    margin-left: -6px;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 6px;
    border: 4px solid #262626;
    background: url("/new/image/cheer.png");
    box-sizing: initial;
    opacity: .4;
    content: ""
}

.widget-kx-list .kx-item:before {
    border: 4px solid #FFFFFF;
    opacity: 1;
}

.widget-kx-list .kx-title {
    color: hsl(0, 0%, 15%);
    font-size: 14px;
    display: block;
}

.widget-kx-list .kx-meta {
    margin-top: 10px;
}

.kx-meta {
    margin-top: 20px;
    font-size: 0;
    color: hsla(0, 0%, 15%, .6);
}

.widget-kx-list .kx-meta span {
    margin-right: 4px;
    font-size: 12px;
    vertical-align: top;
}

.process-line {
    margin-left: 5px;
    position: relative
}

.processLineOn {
    height: 800px;
    overflow: hidden;
}
.processLineOn .tousu_title{
    padding: 2px;
    border-radius: 8px;
    background: url(/new/image/promoteNews_bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;              /* 宽度 100%，高度自动 */
    background-position: top left;
    height: 80px;
}
.tousu-process-line{
    height: 800px;overflow: hidden;position: relative;margin-top: -20px;
}
.help-table-tr {
    background: #36BEB1;
    height: 50px;
    color: #FFFFFF;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    border-radius: 8px 8px 0 0;
    display: flex;
}

.help-table-td {
    background: #F5F6F7;
    height: 66px;
    color: #333;
    line-height: 66px;
    font-size: 14px;
    text-align: center;
    display: flex;
    overflow: hidden;
}
.help-table-td a{display: contents}
.help-table-td:hover{background: #fff}
.xj_total{
    background: url('/new/image/index.png');background-size: 100% auto;background-repeat: no-repeat;background-position: center calc(100% - 40px);;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    width: 630px;
    height: 380px;
}

.xj_total_item{
    position: relative;
    width: 140px;
    height: 160px;
    padding: 2px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 120, 0, 0), #4e6ef2);
}
.xj_total_item1{
    margin-top: 150px;
}
.xj_total_item2{
    margin-top: 110px;
}
.xj_total_item3{
    margin-top: 70px;
}
.xj_total_item4{
    margin-top: 30px;
}
.xj_total_item .xj_total_inner{height: 100%;
    border-radius: 8px;
    background-color: #f9f9f9;}
.xj_total_inner .num{
    background: url("/new/image/star.png") no-repeat;
}
.xj_total_inner .title{

}
.xj_total_item .xj_total_line{
    position: absolute;
    width: 70px;
    left: 68px;
}
.xj_total_item .xj_total_line .circle{
    background:#4e6ef2;display: block;border-radius: 10px;border: 3px solid #FFFFFF;
}
.xj_total_item .xj_total_line .lines{
    width: 10px;height: 100%;border-left:1px dashed #4e6ef2 ;display: block;
}
.xj_total_item1 .xj_total_line{
    height: 30px;
}
.xj_total_item1 .xj_total_line .circle{
    margin-top: -6px;
    margin-left: -6px;
    width: 14px;height: 14px;
}

.xj_total_item2 .xj_total_line{
    height: 60px;
}
.xj_total_item2 .xj_total_line .circle{
    margin-top: -9px;
    margin-left: -8px;
    width: 18px;height: 18px;
}
.xj_total_item3 .xj_total_line{
    height: 80px;
}
.xj_total_item3 .xj_total_line .circle{
    margin-top: -13px;
    margin-left: -10px;
    width: 22px;height: 22px;
}
.xj_total_item4 .xj_total_line{
    height: 69px;
}
.xj_total_item4 .xj_total_line .circle{
    margin-top: -13px;
    margin-left: -10px;
    border-radius: 11px;
    width: 24px;height: 24px;
}
.xj_total_inner .num{
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    padding-top: 40px;
}
.xj_total_inner .title{
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
}

.dispute-list{
    /*box-shadow: 0 7px 39px rgb(0 0 0 / 10%);*/
    width: 96%;
}
.dispute-item{
    position: relative;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    background: #fff;
}

.dispute-item .dispute-title {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #1f1f21;
    font-weight: bold;
    overflow: hidden;
    letter-spacing: 1px;
}
.dispute-item .dispute-desc {
    text-indent: 10px;
    color: #343537;
    font-size: 14px;
    line-height: 34px;
    letter-spacing: 1px;
    max-height: 96px;
    overflow: hidden;
    margin: 20px 0;
}
.dispute-item  .keywords-tag{
    width: 100%;
}
.dispute-item  .keywords-tag span{
    border: 1px solid #FA6C2F;
    border-radius: 6px;
    font-size: 14px;
    float: left;
    padding: 2px 6px;
    margin-right: 10px;
}