/* kaffi-7.9-start */


.head-nav-item2 .hnil-ul-li a {
    display: inline-block;
    width: 100%;
    padding: 12px 24px 12px 30px
}

.head-nav-item2 .hnil-ul-li-tit {
    font-size: 16px;
    font-weight: 700;
    color: var(--color4);
    line-height: 1.7;
    margin-bottom: 8px;
}

.head-nav-item2 .hnil-ul-li-text {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
    font-size: 14px;
}

.head-nav-item2 .head-nav-item-le {
    padding: 32px 24px 36px 0;
    height: auto;
}

.head-nav-item2 .hnil-ul-li {
    width: 100%;
}

.head-nav-item2 .hnil-ul {
    padding-right: 0
}

.head-nav-item2 .hnil-ul {
    max-height: 500px;
}

.head-nav-item2 .hnil-ul .mCSB_scrollTools {
    width: 3px;
}

.head-nav-item2 .hnil-ul .mCSB_outside+.mCSB_scrollTools {
    right: -10px;
}

.pcar-ul-li-top {
    position: relative;
    padding-right: 30px;
}

.pcar-ul-li-top::before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 18px;
    height: 2px;
    background: #fff;
    transition: all 0.4s ease;
    margin-top: 15px;
    transform: rotate(90deg);

}

.pcar-ul-li-top::after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 18px;
    height: 2px;
    background: #fff;
    margin-top: 15px;
    transition: all 0.4s ease;
}

.pcar-ul-li.act .pcar-ul-li-top::before {
    transform: rotate(0deg);
}

.pdetail-cry-traits .pcar-ul-li-top::before, .pdetail-cry-traits .pcar-ul-li-top::after {
    background: #739AAA;
}

.pdetail-cry-traits .pcar-ul-li.act .pcar-ul-li-top::before, .pdetail-cry-traits .pcar-ul-li.act .pcar-ul-li-top::after {
    background: #fff;
}

.pcar-ul-li::before {
    transition: all 0.4s ease;
}

.pcar-ul-li-top {
    transition: all 0.4s ease;
}

.pdetail-cry-traits .pcar-ul-li-bom p {
    color: var(--color1);
    transition: all 0.4s ease;
}

.pcar-ul-li.act .pcar-ul-li-bom p {
    color: #fff;
}

.head-nav-item2 .hnil-ul .mCSB_scrollTools .mCSB_dragger {
    color: #212F42;
    color:rgba(255,255,255,0.1);
}

.head-nav-item2 .hnil-ul-li {
    text-align: left;
}
.head-nav-item2 .hnil-ul {
    max-height: 415px;
}
.head-nav-item2  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255,255,255,0.1);
}
.head-nav-item2 .hnil-ul {
    max-height: 500px;
}
.hnir-item{
    height: 500px;
}
.head-nav-item2  .head-nav-item-le{
    position: relative;
}
.head-nav-item2 .hnid-cry{
    align-items: normal;
}
.head-nav-item-ri .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--colormain1) !important;
} 
.head-nav-item-ri .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
     background: var(--colormain1) !important;
}
.ys-hd-pc .head-nav-item-ri .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
        width: 2px;
    }
   .head-nav-item-ri .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
           background: var(--colormain1) !important;
    }
    .head-nav-item-ri  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--colormain1) !important;
    background-color: var(--colormain1) !important;
}
.head-nav-item-ri .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail ,.head-nav-item-ri .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  
    background-color: #D9D9D9;
}
/*.head-nav-item-ri .mCSB_scrollTools .mCSB_draggerRail {*/
/*    width: 4px;*/
/*}*/
/*.hnir-ul{*/
/*    max-height: 480px;*/
/*}*/
/* kaffi-7.9-end */