.home-new {
    background-color: #f9fbff;
}

    .home-new .container {
        padding: 82px 0;
    }

    .home-new .heading {
    }

        .home-new .heading .title {
            margin: 0;
            font-family: 'OpenB';
            font-size: 35px;
            color: var(--bg-selection-2);
        }

        .home-new .heading .descript {
            font-size: 18px;
            color: #777777;
        }

    .home-new .content {
        display: flex;
        margin-top: 39px;
    }
.home-contruct .content .btn-more::before {
    content: '';
    position: absolute;
    width: 99%;
    height: 96%;
    pointer-events: none;
    user-select: none;
    border: 1px solid #b8b8b8;
}
.home-new .btn-more {
    font-size: 14px;
    color: #4A4A4A;
    position: relative;
    padding: 14px 13px;
    overflow: hidden;
    user-select: none;
    transition: all linear .2s;
    display: flex;
    font-weight: bold;
 
    .home-new .btn-more::before {
    content: '';
    position: absolute;
    width: 99%;
    height: 96%;
    pointer-events: none;
    user-select: none;
    border: 1px solid #b8b8b8;
}
    align-items: center;
    justify-content: center;
}
.home-new .btn-more i {
    padding-left: 35px;
    position: relative;
    z-index: 1;
}
.home-new .btn-more:hover span {
    z-index: 1;
    color: #fff;
}
.home-new .btn-more:hover .decor {
    right: -194px;
}
.home-new .btn-more .decor {
    width: 255%;
    height: 400%;
    top: -147px;
    transform: rotate(-34deg);
    position: absolute;
    right: -319px;
    background-color: #022155;
    transition: all ease-in-out .3s;
}
.home-new .btn-more::before {
    content: '';
    position: absolute;
    width: 99%;
    height: 96%;
    pointer-events: none;
    user-select: none;
    border: 1px solid #b8b8b8;
}
.home-new .btn-more-wrap {
    display: flex
;
    margin-top: 48px;
    align-items: center;
    justify-content: center;
}
    .home-new .content-item {
    }

        .home-new .content-item.l {
            width: 66%;
            display: flex;
        }

            .home-new .content-item.l .item {
                width: 50%;
            }

                .home-new .content-item.l .item .wrap {
                    background-color: #fff;
                    padding: 7px 7px;
                }

                    .home-new .content-item.l .item .wrap a {
                        font-family: OpenM;
                        color: var(--default-color-2);
                        font-size: 16px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        display: -webkit-box;
                    }

        .home-new .content-item .item .wrap a {
            transition: all linear .2s;
        }

        .home-new .content-item.l .item .wrap a:hover {
            color: var(--default-color-3);
        }

        .home-new .content-item.l .item:nth-child(1) .wrap {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .home-new .content-item.l .item:nth-child(2) .wrap {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .home-new .content-item.l .item .wrap .view {
            font-size: 14px;
            margin-top: 13px;
            color: #767676;
            padding-bottom: 9px;
        }

            .home-new .content-item.l .item .wrap .view i {
                margin-right: 4px;
            }

        .home-new .content-item.l .item .wrap span {
            font-size: 15px;
            color: #6A6A6A;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            display: -webkit-box;
        }

        .home-new .content-item.l .item:nth-child(1) {
            padding-right: 10px;
            display: flex;
            flex-direction: column;
        }

        .home-new .content-item.l .item:nth-child(2) {
            padding-left: 10px;
            display: flex;
            flex-direction: column-reverse;
        }

        .home-new .content-item .img {
            overflow: hidden;
        }

            .home-new .content-item .img img {
                transition: all linear .2s;
            }

                .home-new .content-item .img img:hover {
                    transform: scale(1.05);
                }


        .home-new .content-item.l .img {
            height: 268px;
        }

        .home-new .content-item.r {
            flex: 1;
            padding-left: 30px;
        }

            .home-new .content-item.r .item {
                display: flex;
                padding: 10px;
                background-color: #fff;
                border-radius: 15px;
                margin-top: 10px;
                align-items: center;
                transition: all linear .2s;
            }
.home-new .content-item.r .item:hover .link{
    color: #FFFF;
}
                .home-new .content-item.r .item:hover {
                    background-color: #022155;
                }



                .home-new .content-item.r .item:first-child {
                    margin-top: 0;
                }

                .home-new .content-item.r .item .img {
                    width: 101px;
                    border-top-left-radius: 3px;
                    border-bottom-left-radius: 3px;
                    height: 83px;
                }

                .home-new .content-item.r .item .wrap {
                    flex: 1;
                    padding-left: 12px;
                }

                    .home-new .content-item.r .item .wrap a {
                        font-family: 'OpenM';
                        font-size: 15px;
                        color: #000;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        display: -webkit-box;
                    }
                .option .op-item:first-child{
                    display:none
                }

                    .home-new .content-item.r .item .wrap .option {
                        display: flex;
                        align-items: center;
                        margin-top: 1px;
                    }

                    .home-new .content-item.r .item .wrap .op-item {
                        font-size: 13px;
                        color: #B4B4B4;
                        transition: all linear .2s;
                    }


                .home-new .content-item.r .item:hover .op-item {
                    color: #fff;
                }

                .home-new .content-item.r .item .wrap .op-item.view {
                    /* margin-left: 17px; */
                }