/* kaffi-2026.6.12-blog新增-start */
:root {
    --bold: 'MontserratBold';
    --color333: #333;
    --color666: #666;
    --font16:16px;
    --font14:14px;
}

.std-font32, .std-font32 p {
    font-family: var(--semibold);
    font-size: 32px;
    color: var(--color333);
    line-height: 1.5;
}

.std-font24, .std-font24 p {
    font-size: 24px;
    color: var(--color333);
    line-height: 1.5;
}

.std-font20, .std-font20 p {
    font-size: 20px;
    color: var(--color333);
    line-height: 1.5;
}

.std-text16, .std-text16 p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: 1.5;
}

.std-text14, .std-text14 p {
     font-size: var(--font14);
    color: var(--color333);
    line-height: 1.5;
}

.blwi-top .std-font32 {
    padding-right: 20px;
}

.mod-btn-link-text {
    font-size: var(--font14);
    line-height: 1.5;
    font-family: var(--semibold);
    color: var(--color666);
    transition: all 0.36s ease;
    position: relative;
}

.mod-btn-link-text::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #56C500 0%, #2AC28F 79.25%, #00B1F7 118.88%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    transition: all 0.36s ease;
    opacity: 0;
}

.mod-btn-link-icon {
    width: 16px;
    flex: none;
    margin-left: 8px;
}

.mod-btn-link {
    display: flex;
    align-items: center;
}

.mbli-img img {
    transform: scale(1) !important;
}

.mbli-img img:nth-child(2) {
    opacity: 0;
}

.blwi-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    margin-bottom: 32px;
    border-bottom: 1px solid #DDD;
}

.blwi-top-ri {
    margin-top: 12px;
    flex: none;
}

.blog-list-wrap-item {
    margin-bottom: 48px;
}

.blog-list-wrap-item:last-child {
    margin-bottom: 0
}

.mod-tip {
    display: inline-block;
    margin-bottom: 10px
}

.mod-tip span {
    display: block;
    font-family: var(--semibold);
     font-size: var(--font14);
    color: var(--color666);
    line-height: 1.5;
    padding: 1px 10px;
    border-radius: 50px;
    border: 1px solid #E8EAEF;
    background: #F7F8FB;
    transition: all 0.4s ease;
}

.bbbn-cont {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--colorfff);
    border-radius: 16px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.blog-page .ys-imgbox-cover img:nth-child(2) {
    border-radius: 0px;
}

.blwi-bot-box {
    margin: 0 -16px;
}

.blwi-bot-box-nub {
    width: 33.333333%;
    padding: 0 16px;

}

.blwi-bot-box-nub.slick-slide {
    height: auto;
}

.bbbn-cont-bot {
    padding: 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bbbn-cont-bot-tit .std-title5 {
    font-family: var(--bold);
    line-height: 1.4;
}

.bbbn-cont-bot-tit {
    margin-bottom: 34px;
    display: block;
}

.bcbt-le-link-icon {
    width: 24px;
    flex: none;
    border-radius: 50%;
    margin-right: 8px;
}

.bcbt-le-link-icon img {
    transform: scale(1) !important;
}

.bcbt-le-link {
    display: flex;
}

.bcbt-le-mins {
    display: flex;
    align-items: center;
}

.bcbt-le-mins span {
    display: block;
}

.bcbt-le-mins, .bcbt-le-mins span, .bcbt-le-date {
    color: #999;
    line-height: 1.5;
    font-family: var(--medium);
     font-size: var(--font14);
}

.bcbt-le {
    display: flex;
    align-items: center;
}

.bbbn-cont-bot-text {
    display: flex;
    align-items: center;
    margin: 0 -8px -8px;
    pointer-events: all;
}

.bcbt-le-date, .bcbt-le, .bcbt-le-mins {
    padding: 0 8px;
    margin-bottom: 8px
}

.bhbr-wrap {
    display: flex;
    margin: 0 -18px;
}

.bhbr-wrap-item {
    padding: 0 18px;
}

.blog-header-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    flex-wrap: wrap;
}

.blog-header-box .std-font20 *{
    padding-right: 20px;
    font-family: var(--semibold);
    line-height: 1.75;
    color:#333;
}

.bwin-tit {
    display: block;
     font-size: var(--font16);
    font-family: var(--medium);
    line-height: 1.75;
    color: var(--color333);
    position: relative;
    transition: all 0.36s ease;
}

.blog-header {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--colorbg2);
}


.blog-body {
    transition: all 0.4s ease;
}

.blog-page .ys-hd-pc {
    position: relative;
}

.blog-page.inside-main .ys-main {
    padding-top: 0
}

.blog-page .slick-track {
    display: flex;
}

.blog-news-box-le {
    width: 56.4%;
    position: relative;
}

.bnbl-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px 32px;
    pointer-events: none;
}

.bnbl-box-top {
    width: 100%;
    pointer-events: all;
}

.bnbl-img {
    width: 100%;
    height: 100%;
}

.bnbl-img .ys-imgbox-cover {
    border-radius: 16px;
    display: block;
    width: 100%;
    height: 100%;
}

.bnbl-img .ys-imgbox-cover::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 39%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%);
    content: "";
}

.blog-news-cont {
    padding-top: 20px;
    padding-bottom: 90px;
}

.blog-news {
    position: relative;
}

.mod-bread2 .ys-bread-list a {
    color: #666
}

.mod-bread2 .ys-bread-list::before {
    background-image: url(../images/com_jian1.svg);
}

.bnbl-box .std-title5 {
    color: #fff;
    font-size: 32px;
    max-height: 2.8em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.blog-news-box-le  .mod-tip span {
    padding: 0;
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.85);
     font-size: var(--font16);
    
}

/*.bcbt-tip .mod-tip {*/
/*    padding: 0 12px;*/

/*}*/

.bcbt-tip {
    margin: 0 -12px;
}

.bnbl-box .mod-btn-link-text {
     font-size: var(--font14);
    color: rgba(255, 255, 255, 0.85);
}

.blog-news-box-le .bcbt-le-mins, .blog-news-box-le .bcbt-le-mins span, .blog-news-box-le .bcbt-le-date {
    color: rgba(255, 255, 255, 0.7);
}

.bnbl-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.blog-news-box-ri {
    width: 41.2%
}

.bill-ri {
    font-size: var(--text18);
    font-family: var(--bold);
    line-height: 1.3;
    color: #333;
    max-height: 3.9em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.bill-top {
    margin-bottom: 17px;
}

.blog-news-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bnbr-item-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #DDD;
    align-items: center;
}

.bnbr-item-link-le {
    width: 66.4%
}

.bnbr-item-link-ri {
    width: 30.6%;
}

.bilr-link {
    display: block;
}

.bnbr-item-link-ri .ys-imgbox-cover {
    border-radius: 8px;
}

.bnbr-item:nth-child(1) .bnbr-item-link {
    padding-top: 0;
}

.bnbr-item:last-child .bnbr-item-link {
    border-bottom: none;
}

.blog-news-box-ri .mod-tip span {
    border: none;
    background: transparent;
    padding: 0;
    color: #999
}

.blog-news-box-ri .mod-tip {
    margin-bottom: 0
}

.blog-news-input {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 60px;
}

.bnis-enter {
    width: 100%;
    border-radius: 50px;
    border: 1px solid rgba(153, 153, 153, 0.20);
    background: #FFF;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
    padding: 0 90px 0 calc(20px + var(--icon));
    height: 40px;
     font-size: var(--font14);
    color: #333;
}

.bnis-enter::placeholder {
    color: #999;
    line-height: 1.8;
}

.blog-news-input-search {
    display: flex;
    --icon: 20px;
    position: relative;
    width: 484px;
}

.bnis-icon {
    width: var(--icon);
    flex-shrink: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

.bnis-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
}

.bnis-btn .std-btn1-font {
     font-size: var(--font14);
    font-family: var(--medium);
    line-height: 1.8;
}

.bnis-btn .std-btn1-link {
    padding: 2px 16px;
    height: 30px;
}

.bnis-icon img {
    width: 100%;
}

.blog-bot-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.blog-bot-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-bot-cont {
    padding: 128px 160px 108px 168px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blog-bot-cont-ri {
    display: flex;
    align-items: flex-end;
}

.blog-bot .ys-cont1400 {
    position: relative;
    overflow: hidden;

}

.blog-bot-bg {
    border-radius: 24px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.blog-list {
    padding-bottom: 150px;
    overflow: hidden;
}

.blog-bot-cont {
    position: relative;
}

.blog-bot-cont-le .std-font32 {
    color: #fff;
    font-family: var(--semibold);
    line-height: 1.4;
    margin-bottom: 30px;
}

.bbcl-wrap, .bbcl-wrap p, .bbcl-wrap li {
    color: #fff;
    font-size: var(--text16);
    font-family: var(--medium);
    line-height: 1.75;
}

.blog-bot-cont-le {
    width: 64%
}

.bbcl-wrap ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

.bbcl-wrap li {
    padding-left: 25px;
    position: relative;
}

.bbcl-wrap li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    width: 2px;
    height: 2px;
    background: #fff;
    border-radius: 50%;
    margin-top: 13px;
}

.bbcl-wrap p {
    margin-bottom: 8px;
}

.bbcl-wrap {
    margin-bottom: -8px;
}

.blog-bot {
    padding-bottom: 150px;
}

.contact-btn-link {
    color: #fff;
    line-height: 1.75;
    font-family: var(--semibold);
    font-size: var(--text16);
    position: relative;
    padding: 12px 24px;
    z-index: 2;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.36s ease;
    background: linear-gradient(90deg, #56C500 0%, #2AC28F 50%, #00B1F7 100%);
}

.contact-btn-link::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% - 1px);
    width: calc(100% - 1px);
    z-index: -1;
    border-radius: 6px;
    padding: 2px;
    background: linear-gradient(90deg, #56C500 0%, #2AC28F 50%, #00B1F7 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.contact-btn-link::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: '';
    background: var(--colormain);
    z-index: -1;
    transition: all 0.36s ease;
    overflow: hidden;
}

.blog-news-box-le .bbbn-cont-bot-tit {
    margin-bottom: 18px;
    display: block;
}

.blog-news-box-le .mod-tip {
    margin-bottom: 4px;
}

.bhbr-wrap-item:last-child .bwin-tit {
    padding-right: 24px;
    position: relative;
}

.bhbr-wrap-item:last-child .bwin-tit::after {
    position: absolute;
    content: '';
    background: url('../images/a1_icon07.svg') no-repeat center center;
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
    transition: all 0.36s ease;
}

.bwin-tit-down {
    position: absolute;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
    padding: 20px;
    width: 220px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.bhbr-wrap-item-nub {
    position: relative;
}

.btdw-nub-link {
     font-size: var(--font14);
    font-family: var(--medium);
    line-height: 1.75;
    color: #333;
    position: relative;
    transition: all 0.36s ease;
    display: block;
}

.btdw-nub-link::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #56C500 0%, #2AC28F 79.25%, #00B1F7 118.88%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    transition: all 0.36s ease;
    opacity: 0;
}

.btdw-nub {
    padding: 4px 0;
}

.bwin-tit-down-wrap {
    overflow-y: auto;
    max-height: 250px;
}

.bwin-tit::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #56C500 0%, #2AC28F 79.25%, #00B1F7 118.88%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    transition: all 0.36s ease;
    opacity: 0;
}

.bhbr-wrap-item.yxnav-active2 .bwin-tit::before {
    opacity: 1;
}

.bhbr-wrap-item.yxnav-active2 .bwin-tit {
    /*color: transparent;*/
     color:#56C500; 
}

.bhbr-wrap-item.yxnav-active2 .bwin-tit::after {
    transform: translateY(-50%) rotate(180deg);
}

.btdw-nub.yxnav-active3 .btdw-nub-link::after {
    opacity: 1;
}

.btdw-nub.yxnav-active3 .btdw-nub-link {
    color: #2DC389;
}

.blog-page .ys-bread {
    padding-top: 20px;
}

.tag-list .blwi-bot-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.tag-list {
    position: relative;
    padding-top: 100px;
    padding-bottom: 150px;
}

.tag-list-top-le .std-title3 {
    font-family: var(--bold);
    line-height: 1.5;
    margin-bottom: 6px;
}

.tag-list-top-le .std-text16, .tag-list-top-le .std-text16 p {
    color: #666;
    font-family: var(--medium);
}

.tag-list-top-le .std-text16 {
    margin-bottom: 30px;
}

.tag-list-top {
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tag-list-top-le {
    width: 36.28%
}

.tag-list-top-ri {
    width: 40%;
}

.bill-link {
    display: block;
}

.bbbn-cont-top, .bbbn-cont-top .ys-imgbox-cover {
    display: block;
}

.tltr-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 -4px -10px;
}

.tltr-wrap-nub a {
    border-radius: 50px;
    border: 1px solid #E8EAEF;
    background: #FFF;
    color: #333;
     font-size: var(--font14);
    font-family: var(--medium);
    line-height: 1.8;
    transition: all 0.36s ease;
    display: block;
    padding: 2px 12px;
    cursor: pointer;
}

.tltr-wrap-nub {
    padding: 0 4px;
    margin-bottom: 10px;
}

.tltr-wrap-nub.act a {
    background: #56C500;
    color: #fff;
}

.tag-list .blwi-bot-box-nub {
    margin-bottom: 48px;
}

.ys-slick-item:not(:first-child) {
    display: none;
}

.tag-list .mod-page {
    margin-top: 0
}

.list-cont-top {
    width: 49%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}

.list-cont-top .std-title3 {
    text-align: center;
    font-family: var(--bold);
    line-height: 1.5;
    margin-bottom: 20px;
}

.list-cont-top .std-text16, .list-cont-top .std-text16 p {
    text-align: center;
}

.list-cont-top .std-text16 {
    margin-bottom: 45px;
}

.list-cont-top .blog-news-input-search {
    width: 100%
}

.list-main .tag-list {
    padding-top: 86px
}

.vide-news-box-le {
    width: 28.5%;
    border-radius: 16px 0 0 16px;
    background: #FFF;
}

.vide-news-box-le .ys-imgbox-cover {
    border-radius: 16px;
    width: 100%;
    height: 100%;
}

.vide-news-box-ri {
    background: fixed;
    width: 71.5%;
    border-radius: 0 20px 20px 0;
    background: #FFF;
    padding: 45px 60px 80px 90px;
}

.vide-news-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 0 20.426px 20.426px 0;
    box-shadow: 0 3.191px 12.766px 0 rgba(51, 51, 51, 0.05);
}

.vide-news {
    padding-top: 100px;
    padding-bottom: 60px;
    position: relative;
}

.vide-news-box-ri .std-title3 {
    font-family: var(--bold);
    line-height: 1.3;
}

.vide-news-box-ri .std-title5 {
    color: #666;
    font-family: var(--semibold);
    margin-bottom: 12px;
}

.vide-news-box-ri .std-text18, .vide-news-box-ri .std-text18 p {
    color: #666;
    line-height: 1.5;
    font-family: var(--medium) !important;
}

.blwi-bot-more {
    display: flex;
    justify-content: center;
}

.detail-fqa .blwi-bot-more {
    margin-top: 45px
}

.blwi-bot-more-btn {
    transition: all 0.36s ease;
    cursor: pointer;
    background: #fff;
    padding: 12px 40px;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0 3.191px 12.766px 0 rgba(51, 51, 51, 0.05);
}

.blwi-bot-more-btn p {
    font-size: 18px;
    font-family: var(--semibold);
    line-height: 1.75;
    color: #666
}

.blwi-bot-box-nub:nth-child(n+10) {
    display: none;
}

.vide-main .tag-list {
    padding-top: 0;
}

.info-cont {
    position: relative;
    padding-bottom: 135px;
    padding-top: 86px;
}

.info-cont .std-title3 {
    font-family: var(--bold);
    line-height: 1.5;
    margin-bottom: 20px;
}

.info-cont-text {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 72px;
}

.info-cont .ys-share-img {
    width: 32px;
}

.info-cont .ys-share-list {
    padding: 0 12px;
    margin-bottom: 12px;
}

.info-cont .ys-share {
    margin: 0 -12px -12px;
}

.info-cont .ys-share-img img:nth-child(2) {
    opacity: 0;
}

.info-cont-text-le {
    padding-right: 40px;
}

.icbr-top {
    border-radius: 16px;
    border-left: 2px solid #56C500;
    background: rgba(86, 197, 0, 0.03);
    padding: 30px 45px;
    margin-bottom: 45px;
}

/*.info-cont-box-ri, .info-cont-wrap .detail-fqa, .info-bottom, .info-jump {*/
/*    width: var(--width);*/
/*}*/

.info-cont-box-ri{
    width: var(--width);
}

.info-cont-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.info-cont {
    --width: 67%;
}

.info-cont-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.icbr-top-content, .icbr-top-content p {
     font-size: var(--font16);
    color: #000;
    line-height: 1.35;
    font-family: var(--medium);
}

.icbr-top-content p {
    margin-bottom: 10px;
}

.icbr-bot {
    margin-bottom: 50px;
}

.icbr-bot img {
    border-radius: 16px;
}

.icbr-bot table {
    width: 100%;
    margin-bottom: 20px;
}

.icbr-bot td, .icbr-bot td p, .icbr-bot td span {
    /*text-align: center;*/
     font-size: var(--font16);
    font-family: var(--medium);
    line-height: 1.35;
    padding: 12px 24px;

}

.icbr-bot tr:nth-child(2n) td {
    border-left: 1px solid #FFF;
    background: rgba(51, 51, 51, 0.03);
}

/*.icbr-bot tr:first-child td {*/
/*    border-right: 1px solid #FFF;*/
/*    background: rgba(51, 51, 51, 0.20);*/
/*    font-family: var(--bold);*/
/*}*/
.icbr-bot thead th{
    border-right: 1px solid #FFF!important;
    background: rgba(51, 51, 51, 0.20)!important;
    font-family: var(--bold);
}

.icbr-bot, .icbr-bot li, .icbr-bot p, .icbr-bot a {
    color: #333;
    font-family: var(--medium) !important;
    line-height: 1.35;
     font-size: var(--font16);
}

.icbr-bot li p {
    margin-bottom: 0;
}

.icbr-bot ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

.icbr-bot h4 {
    font-family: var(--bold);
    margin-bottom: 30px;
}

.icbr-bot a {
    text-decoration: underline;
}

.icbr-power {
    margin-bottom: 50px;
}

.icbr-power-link, .icbr-power-le {
    border-radius: 16px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);

}

.icbr-power-le .ys-imgbox-cover {
    width: 100%;
    height: 100%;
}

.icbr-power-link {
    background: #F7F8FB;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 20px;

}

.icbr-power-le {
    width: 47.8%;
    border-radius: 16px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
}

.icbr-power-ri {
    width: 45.8%;
    padding-top: 35px;
    padding-bottom: 37.5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.info-main {
    background: #fff;
}

.icbr-power-ri-tit {
    font-size: 22px;
    font-family: var(--bold);
    line-height: 1.5;
    color: #333;
    margin-bottom: 4px;
}

.icbr-power-ri-top .std-text16, .icbr-power-ri-top .std-text16 p {
    font-family: var(--medium);
    color: #666
}

.icbr-power-ri-top {
    margin-bottom: 20px;
}

.icbr-power-ri-tip {
     font-size: var(--font16);
    line-height: 1.5;
    font-family: var(--semibold);
    color: #333;
    margin-bottom: 16px;
}

.icbr-bot li {
    padding-left: 20px;
    position: relative;
}

.icbr-bot li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    width: 2px;
    height: 2px;
    background: #333;
    border-radius: 50%;
    margin-top: 10px;
}

.icbr-tags .tltr-wrap {
    justify-content: flex-start;
}

.icbr-tags {
    padding: 24px 20px;
    background: #F7F8FB;
    margin-bottom: 45px;
}

.icbr-tags-tit {
    color: #333;
    font-family: var(--bold);
    line-height: 1.5;
    margin-bottom: 20px;
    font-size: 22px;
}

.icbr-share .std-text1 {
    font-family: var(--semibold);
    color: #333;
    line-height: 1.5;
}

.info-cont-text .std-text1 {
    margin-top: 4px;
}

.icbr-share {
    margin-bottom: 45px;
}

.info-cont .detail-fqa-inof-nub:nth-child(n+5) {
    display: none;
}

.info-cont .detail-fqa {
    padding-bottom: 90px;
    padding-top: 0;

}

.info-cont .detail-fqa .std-title36 {
    margin-bottom: 60px;
}

.info-bottom-link {
    padding: 30px 60px;
    border-radius: 16px;
    /*border: 1px solid rgba(153, 153, 153, 0.50);*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: linear-gradient( 135deg, #F7FFF5 0%, #F2FAFF 100% );
}

.info-bottom-le {
    width: 25%
}

.info-bottom-le .ys-share {
    justify-content: center;
    display: flex;
    margin-top: 20px;
}

.info-bottom-le-img {
    border-radius: 16px;
    display: block;
}
.info-bottom-ri-link{
    display: block;
}

.info-bottom-ri {
    width: 70%;
    padding: 0 12px;
}

.info-bottom-ri .std-title4 {
    font-family: var(--semibold);
    line-height: 1.3;
    color: #333;
}

.info-bottom-ri .std-text18 {
    color: #666;
    font-family: var(--semibold) !important;
    line-height: 1.5;
    margin-bottom: 12px;
}

.info-bottom-ri .std-text16, .info-bottom-ri .std-text16 p {
    color: #666;
    font-family: var(--medium);
    line-height: 1.5;
}

.info-bottom {
    margin-bottom: 45px;
}

.info-bottom .ys-share-img {
    width: 24px;
    display: block;
}

.ijbl-icon {
    width: 24px;
}

.ijbl-icon img {
    width: 100%;
}

.ys-share-down {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;

    background: #fff;
    border-radius: 4px;
    padding: 6px;
    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .04);
    z-index: 10;
}

.ys-share-down img {
    width: 100%;
}

.info-jump-btn:nth-child(1) {
    margin-right: 90px;
    ;
}

.info-jump-btn {
    position: relative;
}

.info-jump-btn-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 40px;
    border-radius: 80px;
    background: #F7F8FA;
    position: relative;
    min-width: 248px;
}

.info-jump-btn-link span {
    display: block;
    padding-left: 12px;
    color: #666;
    font-family: var(--semibold);
    line-height: 1.75;
    font-size: 18px;
}

.info-jump {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.info-post .std-title36 {
    font-family: var(--semibold);
    line-height: 1.5;
    color: #333;
    margin-bottom: 45px;
    text-align: center;
}

.info-post {
    background: #F7F8FA;
    padding-top: 60px;
    padding-bottom: 100px;
}

.icbl-top {
    font-family: var(--bold);
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative;
}

.icbl-top::after {
    content: '';
    height: 3px;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 0.4s ease;
    position: absolute;
    background: #000;
    opacity: 0.1;
}

.info-cont-box-le {
    width: 27.2%;
    top: var(--distance120);
    position: sticky;
}

.icbl-top::before {
    content: '';
    height: 3px;
    bottom: 0;
    left: 0;
    width: var(--progress);
    transition: all 0.4s ease;
    position: absolute;
    background: linear-gradient(90deg, #56C500 0%, #2AC28F 60%, #00B1F7 90%);
}

.icbl-list-info-item .std-text1 {
    color: #C0C0C0;
    font-family: var(--semibold);
    transition: all 0.4s ease;
    line-height: 1.4;
}

.icbl-list-info-item:not(:last-child) {
    margin-bottom: 12px;
}

.icbl-list-info-item.on .std-text1 {
    color: #333
}

.icbl-form-top .ys-form-title {
    color: #333;
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 50px;
    font-weight: bold;
}

.icbl-form-top .ys-form {
  
    --spacebot: 24px;
    --spacein: 10px;
    --size20: 20px;
    --size18: 18px;
    --size16: 16px;
    --l1h5: 1.5;
    --l1h75: 1.75;
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colortips: #f00;
}

.icbl-form-top .ys-form-inof {
    margin: 0 calc(var(--space) * -1);
    display: flex;
    flex-wrap: wrap;
}

.icbl-form-top .ys-form-inof-item {
    padding: 0 var(--space);
    margin-bottom: var(--spacebot);
    width: 100%;
}

.icbl-form-top .ys-fii-name {
    font-size: var(--size20);
    line-height: var(--l1h75);
    color: var(--color333);
    margin-bottom: 7px;
}

.icbl-form-top .ys-fii-name span {
    color: var(--colortips);
}

.icbl-form-top .ys-fii-input {
    width: 100%;
    height: var(--height);
    border: 1px solid var(--color999);
    display: block;
}

.icbl-form-top .ys-fii-input input,
.icbl-form-top .ys-fii-input textarea {
    width: 100%;
    height: 100%;
    font-size: var(--size18);
    line-height: var(--l1h75);
    color: var(--color333);
    padding: 0 var(--spacein);
}

.icbl-form-top .ys-fii-tips {
    font-size: var(--size16);
    color: var(--colortips);
    line-height: var(--l1h5);
}

.icbl-form-top .ys-fii-tips span {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.icbl-form-top .ys-form-inof-item .ys-select-xtbbox {
    right: 10px;
}


.icbl-form-top .ys-form-inof-item .ys-select-li {
    font-size: var(--size18);
    line-height: var(--l1h5);
    color: var(--color666);
    padding: 0.5em 20px;
    transition: all .4s ease;
}

.icbl-form-top .ys-form-inof-item .ys-select-li span {
    color: #f00;
}

.icbl-form-top .ys-form-inof-item .ys-select-li.on {
    color: var(--color333);
}

.icbl-form-top .ys-form-inof-text .ys-fii-input {
    height: 120px;
}

.icbl-form-top .ys-fii-input textarea {
    padding-top: 10px;
}

.icbl-form-top .ys-fiiss-core,
.icbl-form-top .ys-fii-select .ys-select-bd {
    height: calc(var(--size18) * 10 + 20px);
}

.icbl-form-top .ys-form-inof .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}

.icbl-form-top .ys-form-inof .mCSB_scrollTools {
    top: 15px;
    bottom: 15px;
}

.icbl-form-top .ys-form-hide {
    opacity: 0 !important;
}

.icbl-form-top .ys-fia-text {
    display: flex;
    align-items: flex-start;
}

.icbl-form-top .ys-fia-text-btn {
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    top: 5px;
}

.icbl-form-top .ys-fia-text-btn::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 1px solid var(--color999);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
}

.icbl-form-top .ys-fia-text-btn::after {
    content: '';
    width: 50%;
    height: 50%;
    position: absolute;
    background: var(--colormain);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .4s ease;
}

.icbl-form-top .ys-fia-text-word {
    width: calc(100% - 18px);
    flex-grow: 1;
    padding-left: 10px;
    font-size: var(--size16);
    line-height: var(--l1h75);
    color: var(--color333);
}

.icbl-form-top .ys-fia-text-word a {
    color: var(--colormain);
}

.icbl-form-top .ys-form-inof-submit {
    width: 35%;
    margin-left: 20%;
}

.icbl-form-top .ys-fii-submit {
    height: var(--height);
    line-height: var(--height);
    text-align: center;
    background: var(--colormain);
    color: #fff;
    font-weight: bold;
    font-size: var(--size16);
    cursor: pointer;
}

.icbl-form-top .ys-form-inof-agree.on .ys-fia-text-btn::after {
    opacity: 1;
}

.icbl-form-top .ys-fii-tips {
    display: none;
}

.icbl-form-top .ys-form-required.ys-form-empty .ys-fii-tips {
    display: block;
}

.icbl-form-top .ys-form-inof-country .ys-fii-tips {
    display: none !important;
}


.icbl-form-top .ys-select-emptyli {
    pointer-events: none;
}

.icbl-form-tit {
    font-size: 20px;
    color: #333;
    line-height: 1.5;
    font-family: var(--bold);
    margin-bottom: 10px;
}

.icbl-scroll {
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.icbl-form-text, .icbl-form-text p {
    color: #666;
    line-height: 1.5;
    font-family: var(--medium);
     font-size: var(--font16);
}

.icbl-form-text {
    margin-bottom: 20px;
}

.icbl-form-submit {
    width: auto;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    position: absolute;
    right: 8px;
    top: 6px;
    height: 30px;
}

.icbl-form-top {
    position: relative;
    width: 100%;
}

.icbl-form {
    --space: 0px;
    --height: 42px;
}

.icbl-form-top-input {
    font-size: 14px !important;
    line-height: 1.8;
    padding-left: 12px!important;
    padding-right: 150px!important;
}

.icbl-form .ys-fii-input {
    border-radius: 50px;
    border: 1px solid rgba(153, 153, 153, 0.20);
    background: #FFF;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}

.icbl-form .ys-fii-submit {
    background: transparent;
    height: 30px;
    line-height: 30px;
    font-family: var(--medium);
     font-size: var(--font14);
}

.icbl-form .ys-fia-text-word {
     font-size: var(--font14);
    font-family: var(--medium);
    line-height: 1.5;
}

.icbl-form .ys-fia-text-btn {
    width: 10px;
    height: 10px;
    top: 3px;
}

.icbl-form .ys-fia-text-btn::before {
    border-radius: 2px;
    border: 1px solid rgba(153, 153, 153, 0.50);
}

.info-main .blog-header {
    background: #fff;
}

.icbr-tags .tltr-wrap-nub a {
    padding: 4px 20px;
}

.detail-fqa-inof-nub:last-child {
    border-bottom: none
}

.blwi-bot-box-nub.ys-fadeup1:nth-child(3n) {
    animation-delay: .4s;
}

.blwi-bot-box-nub.ys-fadeup1:nth-child(3n-1) {
    animation-delay: .3s;
}

.blog-page section {
    overflow: hidden;
}

.info-cont {
    overflow: visible !important
}

.blog-header {
    overflow: visible !important
}

.tag-list-top-le .blog-news-input-search {
    width: 100%
}

.info-cont-text {
    margin-bottom: 60px;
}

.icbl-form .ys-form-inof-item.ys-form-inof-agree {
    margin-bottom: 0
}
/* 7.8 新增 */
.blog-header-wrap-info {
    display: flex;
    --gap1: 4px;
    margin: 0 calc(-1 * var(--gap1)) calc(-2 * var(--gap1));
    flex-wrap: wrap;
    justify-content: center;
}

.bhwi-item {
    padding: 0 var(--gap1);
    margin-bottom:calc(var(--gap1) * 2);
}

.list-main .list-cont-top {
    margin-bottom: 40px;
}

.bhwi-item-link {
    color: #666;
    line-height: 1.8;
    font-size: var(--text14);
    transition: all 0.4s ease;
    padding: 4px 12px;
    border-radius: 50px;
    border: 1px solid transparent;
    font-family: var(--semibold);
}


.bhwi-item.act .bhwi-item-link {
    color: #333;
    background: #fff;
    border: 1px solid #E8EAEF;
}

.blog-header-wrap {
    margin-bottom: 75px;
}

.bhbr-ph {
    display: none;
}

.bpbw-item-link {
    padding: 5px 0;
    display: block;
    width: 100%;
    text-align: center;
    height: 100%;
     font-size: var(--font16);
    line-height: 1.75;
    color: #333;
    position: relative;
}

.bhbr-ph-bot {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #fff;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    height: 100vh;
    display: none;

}

.bhbr-ph-bot-wrap {
    background: #F7F8FB;
}

.bpbw-item {
    padding: 7px 20px;
    position: relative;
}

.bpbw-item.yxnav-active2 .bpbw-item-link::before {
    opacity: 1;
}

.bpbw-item.yxnav-active2 .bpbw-item-link {
    color: #56C500;
    /*color:transparent;*/
}

.bpbw-item-link::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #56C500 0%, #2AC28F 79.25%, #00B1F7 118.88%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    transition: all 0.36s ease;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 5px 0;
     font-size: var(--font16);
    line-height: 1.75;
}

.bpbw-item::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: calc(100% - 40px);
    height: 1px;
    background: rgba(0, 0, 0, 0.03);
    z-index: 1;
}

.bhbr-ph-top {
    display: flex;
    align-items: center;
}

.bhbr-ph-top img {
    width: 16px;
    transition: all 0.4s ease;
}

.bhbr-ph-top.act img {
    transform: rotate(180deg);
}

.bhbr-ph-top span {
     font-size: var(--font16);
    line-height: 1.75;
    color: #333;
    font-family: var(--medium);
    display: inline-block;
    padding-right: 8px;

}
.bpbw-item-link{
  font-family: var(--medium);  
}
.bpbw-item:last-child .bpbw-item-link::after {
    opacity: 0;
}
@media screen and (min-width: 1200px) {
    .bhwi-item-link:hover {
        color: #333
    }
}

/* 7.8 新增-end */

.icbr-bot {
    margin-bottom: 30px;
}
.mod-tip span,.tag-list-top-le .std-title3,.tltr-wrap-nub a{
     text-transform: capitalize;
}
.vide-news-box-ri .ys-share-list {
    padding: 0 12px;
    margin-bottom: 12px;
}
.vide-news-box-ri .ys-share {
    display: flex;
    margin-top: 20px;
    margin: 20px -12px -12px;
    flex-wrap: wrap;
}
.vide-news-box-ri .ys-share-img {
    width: 24px;
    display: block;
}
.bnbr-item{
    height: 33.333333%;
}
.icbr-bot ul li::marker{
    font-size: 0;
}
.icbr-bot ul{
    margin-bottom: 12px;
}
/*7.31*/
.hnid4-first {
    margin-bottom: 24px;
}
.hnid4-left .hnid3-inof {
    margin-top: 0;
}
.hnid4-first:last-child{
    margin-bottom: 0;
}
/*7.31-emd*/
@media screen and (min-width: 1200px) {
    .mod-btn-link-text:hover::before {
        opacity: 1;
    }

    a:hover .mod-btn-link-text::before {
        opacity: 1;
    }

    .mod-btn-link-text:hover {
        color: #56C500;
    }

    a:hover .mod-btn-link-text {
        color: #56C500;
    }

    .mod-btn-link:hover .mbli-img img:nth-child(2) {
        opacity: 1;
    }

    .mod-btn-link:hover .mbli-img img:nth-child(1) {
        opacity: 0;
    }

    .contact-btn-link:hover::after {
        width: 100%;
    }

    .bbbn-cont:hover .bbbn-cont-top .ys-imgbox-cover img {
        transform: scale(1.05);
    }

    .bnbl-link:hover .bnbl-img .ys-imgbox-cover img {
        transform: scale(1.05);
    }

    .bnbr-item-link:hover .bilr-link img {
        transform: scale(1.05);
    }

    .tltr-wrap-nub a:hover {
        background: #56C500;
        color: #fff;
    }

    .info-cont .ys-share-img:hover img:nth-child(2) {
        opacity: 1;
    }

    .blwi-bot-more-btn:hover {
        box-shadow: 0 3.191px 12.766px 0 rgba(51, 51, 51, 0.12);
    }
    .info-bottom-link:hover .ys-share img {
        transform: scale(1) !important;
    }
    .mod-tip span:hover{
        color:#4D4D4D;
    }
    .blog-news-box-le .mod-tip span:hover {
        color: #fff;
    }
    .info-bottom-le-img:hover img{
        transform: scale(1.05);
    }
}

/* kaffi-2026.6.12-end */