﻿.swiper-container {
    clear: both;
}
    .swiper-container img {
    min-height:180px;
    }
.swiper-pagination {
    width: 100px;
    right: 0;
    bottom: 13px;
    left: initial;
}

    .swiper-pagination img {
        width: 100%;
        
    }

    .swiper-pagination .swiper-pagination-bullet {
        background: #fff;
        opacity: 0.5;
    }

    .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff;
        width: 10px;
        height: 10px;
        opacity: 1;
        margin-bottom: -1px;
    }

.swiper-slide p {
    position: absolute;
    left: 0;
    bottom: 1%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 36px;
}

    .swiper-slide p span {
        font-size: 16px;
        height: 36px;
        line-height: 36px;
        color: #fff;
        display: block;
        float: left;
        margin-left: 12px;
        width: 73%;
        width: calc(100% - 110px);
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

#ilanmu {
margin-top:0px;
}
.TL-cont {
    padding: 15px 0 15px 12px;
    background: #fff; /*min-width: 320px;
    max-width: 768px;*/
    overflow: hidden;
}

    .TL-cont .swiper-slide p {
        position: absolute;
        left: 0;
        bottom: -13px;
        width: 94%;
        padding: 0 3%;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 14px;
        color: #fff;
        height: 36px;
        line-height: 36px;
        background: rgba(0, 0, 0, 0.5);
    }

    .cont4 { padding: 12px 0; }
.cont4 .lis { display: none; margin: 10px 12px 0; }
.cont4 .lis li { width: 100%; display: flex; margin: 2px 0; }
.cont4 .lis li .img { float: left; margin-left: 26px; width: 30%; }
.cont4 .lis li span { display: block; width: 14px; text-align: center; font-size: 12px; color: #909090; height: 14px; line-height: 14px; margin: 4px 4px 0 0; text-indent: -2px; }
.cont4 .lis li span.ico1 { border: 1px solid #ebebeb; border-radius: 50%; color: #fbb307; font-style: italic; }
.cont4 .lis li span.ico2 { border: 1px solid #ebebeb; border-radius: 50%; color: #b9b6b9; font-style: italic; }
.cont4 .lis li span.ico3 { border: 1px solid #ebebeb; border-radius: 50%; color: #bb6122; font-style: italic; }
.cont4 .lis li a { flex: 1; height: 26px; line-height: 26px; font-size: 12px; color: #6e6e6e; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cont4 .lis li p { line-height: 26px; font-size: 12px; }

        .cont4 .hot-class {
         overflow:hidden;
        }
.cont4 .hot-class li {
    width: 33%;
    display: flex;
    margin: 2px 0;
    float: left;
}