/*** 

====================================================================
	Resources / Css Files
====================================================================

 ***/
    
    @import url('animate.css');
    @import url('hover.css');
    @import url('timeline.min.css');
    @import url('owl.css');
    @import url('swiper.min.css');
    @import url('fontawesome-all.css');
    @import url('flaticon.css');
    @import url('jquery.fancybox.min.css');
    @import url('custom-animate.css');
    @import url('global.css');
    @import url('baes.css');
    @import url('room_list_v2.css');
    /*** 

====================================================================
     Sidebar Page Container
====================================================================

***/
    
    .sidebar-page-container {
        padding: 60px 0;
        background: #122845;
    }
    
    .news-block-one {
        width: 100%;
    }
    
    .inner-box {
        padding: 15px 15px;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
    }
    
    .inner-box .images {
        width: 100%;
        max-width: 372px;
        overflow: hidden;
    }
    
    .inner-box .images img {
        width: 100%;
    }
    
    .inner-box .date {
        width: 15%;
        text-align: center;
        margin: 0 15px;
    }
    
    .inner-box .date h1 {
        font-size: 48px;
        font-weight: 600;
        color: #fff;
    }
    
    .inner-box .date .text {
        font-size: 16px;
        color: #fff;
    }
    
    .content-inner-box {
        width: 55%;
        margin-left: 20px;
    }
    
    .content-inner-box h6 {
        font-size: 22px;
        color: #fff;
        overflow: hidden;
        overflow: hidden;
        text-overflow: ellipsis;
        /*表示文本超出时候用 “...” 来代替*/
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    
    .content-inner-box p {
        font-size: 14px;
        line-height: 24px;
        color: #fff;
        overflow: hidden;
        overflow: hidden;
        text-overflow: ellipsis;
        /*表示文本超出时候用 “...” 来代替*/
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    .sidebar-title {
        padding: 0 0 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #fff;
    }
    
    .sidebar-title h4 {
        font-size: 48px;
        color: #fff;
    }
    
    .widget-content .inner-box .images {
        width: 117px;
    }
    
    .widget-content .inner-box {
        padding: 15px 0;
    }
    
    .widget-content .inner-box .content-inner-box h6 {
        font-size: 18px;
    }
    
    .images img {
        width: 100%;
        transition: all 8s cubic-bezier(0, 0, 0.2, 1);
        transition-delay: .2s;
        display: block;
        transform: scale(1.05);
    }
    
    .inner-box:hover .images img {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    
    .inner-box:hover h6,
    .inner-box:hover p {
        color: #1aabde;
    }
    
    .sidebar-title h6 {
        font-size: 30px;
        color: #fff;
        text-align: left;
    }
    
    .sidebar-title ul {
        margin: 10px 0 30px;
    }
    
    .sidebar-title ul li {
        float: left;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        margin-right: 30px;
    }
    
    .details-content {
        border-bottom: 1px solid #fff;
        padding: 0 0 30px;
    }
    
    .details-content .p-img {
        width: 100%;
        text-align: center;
        margin: 0 0 20px;
    }
    
    .details-content p {
        font-size: 18px;
        color: #fff !important;
        background-color: transparent !important;
    }
    
    .paes-mark {
        padding: 30px 0 0;
    }
    
    .paes-mark .left {
        float: left;
        font-size: 18px;
        color: #fff;
    }
    
    .paes-mark .right {
        float: left;
        font-size: 18px;
        color: #fff;
    }
    
    .paes-mark .left a,
    .paes-mark .right a {
        color: #fff;
    }
    
    .paes-mark .left:hover a,
    .paes-mark .right:hover a {
        color: #1aabde;
    }
    /* 响应 */
    
    @media only screen and (max-width:1300px) {
        .content-inner-box {
            margin-left: 0;
        }
        .inner-box .date {
            width: 20%;
            text-align: center;
            margin: 0 5px;
        }
        .inner-box .date h1 {
            font-size: 30px;
        }
    }
    
    @media only screen and (max-width:991px) {
        .sidebar-side {
            margin-top: 30px;
        }
        .inner-box .date{
            display: none;
        }
        .content-inner-box{
            width: 100%
        }
        .pagination-nav li a {
    font-size: 14px;
    padding: 10px 11px;
}
.content-inner-box{
    width: 100%
    }
}