.nc1 .cont {
    padding: 0;
    padding-left: 10px
}

.nc1 .item-card {
    margin-top: 20px
}

@media(min-width: 768px) {
    .nc1 .item-card .img-cont::after {
        padding-top: 49.25%
    }
}

.nc1 .item-card .txt-cont {
    overflow: hidden
}

    .nc1 .item-card .txt-cont h3 {
        height: auto
    }

@media(min-width: 768px) {
    .nc1 .item-card .txt-cont h3 {
        font-size: 18px;
        line-height: 32px
    }
}

.nc1 .item-card .txt-cont p {
    line-height: 24px
}

.nc1 .col-xl-5 {
    padding-top: 20px
}

.nc1 .item-li {
    margin-bottom: 20px
}

    .nc1 .item-li .img-cont::after {
        padding-top: 90px
    }

@media(min-width: 1300px) {
    .nc1 .item-li .img-cont {
        width: 90px
    }
}

@media(min-width: 1400px) {
    .nc1 .item-li .img-cont {
        width: 120px
    }
}

.nc1 .item-li .txt-cont h3 {
    line-height: 25px;
    height: auto;
    max-height: 75px
}

.nc1 .item-li .txt-cont p {
    display: none;
    line-height: 20px;
    height: auto;
    max-height: 60px;
    overflow: hidden;
    color: #393939
}

@media(min-width: 768px) {
    .nc1 .item-li .txt-cont {
        width: calc(100% - 120px)
    }
}

@media(min-width: 1300px) {
    .nc1 .item-li .txt-cont {
        width: calc(100% - 80px)
    }

        .nc1 .item-li .txt-cont h3 {
            font-size: 14px
        }
}

@media(min-width: 1400px) {
    .nc1 .item-li .txt-cont {
        width: calc(100% - 120px)
    }

        .nc1 .item-li .txt-cont h3 {
            font-size: 16px
        }
}

.nc2 .item-li.lg .img-cont {
    width: 100%
}

@media(min-width: 768px) {
    .nc2 .item-li.lg .img-cont {
        width: 50%
    }

        .nc2 .item-li.lg .img-cont:after {
            padding-top: 56.25%
        }
}

.nc2 .item-li.lg .txt-cont {
    width: 100%
}

    .nc2 .item-li.lg .txt-cont p {
        display: none
    }

@media(min-width: 768px) {
    .nc2 .item-li.lg .txt-cont {
        width: 50%
    }

        .nc2 .item-li.lg .txt-cont h3 {
            max-height: 70px;
            height: auto
        }
}

@media(min-width: 1200px) {
    .nc2 .item-li.lg .txt-cont p {
        display: block
    }
}

@media(min-width: 1500px) {
    .nchalf .item-li .img-cont {
        width: 200px
    }

        .nchalf .item-li .img-cont:after {
            padding-top: 56.25%
        }
}

@media(min-width: 1500px) {
    .nchalf .item-li .txt-cont {
        width: calc(100% - 200px)
    }
}

.nchalf .item-li:hover {
    background: #f4f4f4
}

.nclist .item-li {
    padding: 10px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #dcdcdc
}

@media(min-width: 768px) {
    .nclist .item-li.lg .img-cont {
        width: 150px
    }

        .nclist .item-li.lg .img-cont:after {
            padding-top: 56.25%
        }
}

@media(min-width: 1300px) {
    .nclist .item-li.lg .img-cont {
        width: 180px
    }

        .nclist .item-li.lg .img-cont:after {
            padding-top: 56.25%
        }
}

@media(min-width: 1500px) {
    .nclist .item-li.lg .img-cont {
        width: 280px
    }

        .nclist .item-li.lg .img-cont:after {
            padding-top: 56.25%
        }
}

.nclist .item-li.lg .txt-cont h3 {
    line-height: 25px;
    height: auto;
    max-height: none;
    font-size: 16px
}

.nclist .item-li.lg .txt-cont p {
    display: none;
    line-height: 20px;
    height: auto;
    max-height: none;
    overflow: hidden;
    color: #393939
}

@media(min-width: 768px) {
    .nclist .item-li.lg .txt-cont {
        width: calc(100% - 150px)
    }

        .nclist .item-li.lg .txt-cont p {
            display: none
        }
}

@media(min-width: 1300px) {
    .nclist .item-li.lg .txt-cont {
        width: calc(100% - 180px)
    }

        .nclist .item-li.lg .txt-cont p {
            display: none
        }
}

@media(min-width: 1500px) {
    .nclist .item-li.lg .txt-cont {
        width: calc(100% - 280px);
        height: 152px;
        overflow: hidden
    }

        .nclist .item-li.lg .txt-cont h3 {
            font-size: 20px
        }

        .nclist .item-li.lg .txt-cont p {
            display: block
        }
}

@media(max-width: 767px) {
    .nclist .col-sm-12:first-child .item-li .img-cont {
        width: 100%
    }

        .nclist .col-sm-12:first-child .item-li .img-cont:after {
            padding-top: 56.25%
        }

    .nclist .col-sm-12:first-child .item-li .txt-cont {
        width: 100%;
        padding: 10px 0
    }
}

.ncsport .item-card {
    border-bottom: 1px solid #dcdcdc
}

@media(min-width: 992px) {
    .ncwide .cont > .row > div:nth-child(2) {
        -webkit-order: -1;
        order: -1
    }
}

.ncwide .item-li .img-cont::after {
    padding-top: 60%
}

@media(min-width: 1200px)and (max-width: 1499px) {
    .ncwide .item-li .img-cont::after {
        padding-top: 85%
    }
}

@media(min-width: 992px) {
    .ncwide .item-bg .img-cont::after {
        padding-top: 438px
    }
}

@media(min-width: 1200px) {
    .ncwide .item-bg .img-cont::after {
        padding-top: 86%
    }
}

@media(min-width: 1600px) {
    .ncwide .item-bg .img-cont::after {
        padding-top: 82%
    }
}

@media(min-width: 992px) {
    .ncwide .item-bg .txt-cont h3 {
        font-size: 30px;
        line-height: 42px;
        text-align: center
    }
}

.topstory {
    float: right;
    width: 100%;
    margin-bottom: 20px
}

    .topstory .swiper-slide {
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }

    .topstory .item-bg:before {
        content: "";
        width: 4px;
        height: 100%;
        position: absolute;
        right: 50px;
       
        top: 0;
        z-index: 11
    }

    .topstory .item-bg .img-cont:after {
        padding-top: 300px
    }

@media(min-width: 992px) {
    .topstory .item-bg .img-cont:after {
        padding-top: 500px
    }
}

.topstory .item-bg .txt-cont {
    bottom: 50px;
    padding-right: 60px
}

@media(min-width: 992px) {
    .topstory .item-bg .txt-cont h3 {
        font-size: 30px;
        line-height: 38px
    }
}

.topstory .swiper-pagination {
    text-align: right;
    padding: 10px;
    padding-right: 70px
}

    .topstory .swiper-pagination .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
        background: transparent;
        opacity: 1;
        font-family: sans-serif;
        font-weight: bold;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        color: #fff;
        border: 1px solid #e10a1a
    }

        .topstory .swiper-pagination .swiper-pagination-bullet:focus {
            outline: 0
        }

        .topstory .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #e10a1a;
            color: #fff
        }

.ntphoto {
    background: #24384a
}

    .ntphoto .title {
        background: #385269;
    }

        .ntphoto .title h2 {
            color: #fff !important;
            background: transparent !important;
            -webkit-background-clip: none !important;
            -webkit-text-fill-color: #fff
        }

    .ntphoto .item-card {
        background: transparent
    }

        .ntphoto .item-card .img-cont .icn-cont {
            background: rgba(41,132,203,.7);
            top: 5px;
            left: 5px;
            width: 42px;
            height: 42px;
            line-height: 27px
        }

        .ntphoto .item-card .txt-cont {
            background: transparent
        }

            .ntphoto .item-card .txt-cont h3 {
                color: #fff
            }

    .ntphoto .foot {
        background: #a0cff6
    }

        .ntphoto .foot .more {
            color: #fff
        }

.ntvideo {
    background: radial-gradient(  #444, #222 );
}

    .ntvideo .title {
        text-shadow: 1px 1px 2px #000;
        border-bottom: 1px solid #666;
    }

    .ntvideo .title a:after {
        display: none
    }
    .block.dark .title h2 {
    color: #fff;
}
    .ntvideo .foot {
        border-top: 1px solid #ccc;
    }
        .ntvideo .foot a {
            background-color: #a0cff6;
        }

.ntvideo .item-card {
    background-color: transparent !important;
    background:transparent !important;

}

        .ntvideo .item-card .img-cont .icn-cont {
            background: rgba(211,35,35,.9);
            top: 5px;
            left: 5px;
            width: 42px;
            height: 42px;
            line-height: 27px;
            display:none;
        }

        .ntvideo .item-card .txt-cont {
            background: transparent
        }

            .ntvideo .item-card .txt-cont h3 {
                color: #fff !important;
            }
    .ntvideo .foot {
        background: transparent
    }

        .ntvideo .foot .more {
            color: #fff
        }

.articels-col {
    background: #3a4752
}

    .articels-col .item-article {
        border-bottom: 1px solid #e10a1a;
        margin-bottom: 15px
    }

        .articels-col .item-article .txt-cont .writer {
            background: #e10a1a;
            color: #fff;
            padding: 2px 5px;
            width: auto
        }

        .articels-col .item-article .txt-cont h3 {
            color: #fff
        }

.voteform {
    float: right;
    width: 100%;
    text-align: right
}

    .voteform .formq {
        float: right;
        width: 100%;
        font-weight: bold;
        font-size: 18px;
        text-align: right;
        margin-bottom: 15px;
        border-bottom: 1px solid #dcdcdc;
        padding: 15px;
        line-height: 26px
    }

    .voteform .opt {
        float: right;
        width: 100%;
        margin-bottom: 10px;
        font-weight: bold
    }

        .voteform .opt p {
            margin: 0;
            text-align: right;
            direction: rtl;
            font-size: 16px;
            padding-bottom: 6px;
            padding-right: 10px;
            text-shadow: 0 1px 0 rgba(0,0,0,.15)
        }

        .voteform .opt .progress {
            height: 8px;
            margin-bottom: 6px;
            overflow: hidden;
            background-color: #f5f5f5;
            border-radius: 0;
            box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
        }

            .voteform .opt .progress .progress-bar {
                float: right;
                width: 0%;
                height: 100%;
                font-size: 14px;
                line-height: 22px;
                color: #fff;
                text-align: center;
                background-color: #e10a1a;
                box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
                transition: width .6s ease
            }

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .radio label, .checkbox label {
        padding-right: 20px;
        padding-left: initial
    }

    .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
        margin-right: -20px;
        margin-left: auto
    }

    .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9
    }

input[type=radio], input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

@media(min-width: 1200px) {
    .topread-num .row.col-2 {
        grid-template-columns: 100% !important
    }
}

.topread-num .cont {
    padding-bottom: 0
}

.topread-num .item-card .img-cont .num {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    background: rgba(225,10,26,.7);
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 33;
    font-size: 20px
}

.topread-num .item-li {
    transition: all .35s
}

    .topread-num .item-li .img-cont {
        width: 100px;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
        bottom: 0
    }

        .topread-num .item-li .img-cont .num {
            float: right;
            width: 25px;
            height: 25px;
            font-size: 20px;
            line-height: 24px;
            text-align: center;
            font-weight: bold;
            color: #fff;
            transition: all .35s;
            background: rgba(225,10,26,.7);
            z-index: 33;
            position: absolute;
            bottom: 0;
            right: 0
        }

    .topread-num .item-li .txt-cont {
        width: calc(100% - 125px)
    }

    .topread-num .item-li:hover {
        background: #f4f4f4
    }

        .topread-num .item-li:hover .num {
            color: #e10a1a;
            padding-left: 5px
        }

.top-story-n {
    --bs-gutter-x: 0.2rem !important;
}

    .top-story-n img {
        width: 100%;
    }

    .top-story-n a {
        display: block;
    }

    .top-story-n .item {
        position: relative;
        overflow: hidden;
    }

        .top-story-n .item .over {
            position: absolute;
            bottom: 2px;
            width: 100%;
            padding: 60px 20px 20px 20px;
            color: #fff;
            text-shadow: 2px 2px 3px #000;
            background-color: rgba(0,0,0,0.3);
            background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,01) 100%);
            font-size: 24px;
            z-index: 2;
            font-weight: bold;
        }

    .top-story-n .col-md-3 .item .over {
        font-size: 18px;
    }



    .top-story-n figure {
        position: relative;
        margin: 0px;
    }

        .top-story-n figure::before {
            position: absolute;
            top: 0;
            left: -75%;
            z-index: 2;
            display: block;
            content: '';
            width: 50%;
            height: 100%;
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
            -webkit-transform: skewX(-25deg);
            transform: skewX(-25deg);
        }

        .top-story-n figure:hover::before {
            -webkit-animation: shine .75s;
            animation: shine .75s;
        }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}