@charset "utf-8";
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:961px) and (max-width:1365px){

    .header .logo{margin-right: 10px;}
    .header .nav{margin-left:10px;margin-right:10px;}
    .header .search{display: none;}

}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:737px) and (max-width:960px) {
    .header .search{display: none;}
    .header .language{display: none;}

    .page-nav .page-nav-main .category{flex:auto;width:100%;padding-left:0;display:none;}
    .page-nav .page-nav-main .category ul{
        justify-content: flex-start;margin-top:10px;padding:5px;
        background-color: #ffffff;
    }
    .page-nav .page-nav-main .category ul li{margin:5px;padding:5px 15px;background-color:#fafafa;position: relative;line-height: 30px;}
    .page-nav .page-nav-main .category-controller{display:block;}

}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 541px) and (max-width:736px) {

    .header{justify-content: space-between;}
    .header .logo{margin-right: 10px;}
    .header .header-main{display: none;}
    .header .nav-controller{display: block;}

    .header .nav{margin-left:10px;margin-right:10px;}
    .header .search{display: none;}

    .page-nav .page-nav-main .category{flex:auto;width:100%;padding-left:0;display:none;}
    .page-nav .page-nav-main .category ul{
        justify-content: flex-start;margin-top:10px;padding:5px;
        background-color: #ffffff;
    }
    .page-nav .page-nav-main .category ul li{margin:5px;padding:5px 15px;background-color:#fafafa;position: relative;line-height: 30px;}
    .page-nav .page-nav-main .category-controller{display:block;}

}

@media (max-width: 540px){
    .header{justify-content: space-between;}
    .header .logo{margin-right: 10px;}
    .header .header-main{display: none;}
    .header .nav-controller{display: block;}
    .header .nav{margin-left:10px;margin-right:10px;}
    .header .search{display: none;}

    .page-nav .page-nav-main .category{flex:auto;width:100%;padding-left:0;display:none;}
    .page-nav .page-nav-main .category ul{
        justify-content: flex-start;margin-top:10px;padding:5px;
        background-color: #ffffff;
    }
    .page-nav .page-nav-main .category ul li{margin:5px;padding:5px 15px;background-color:#fafafa;position: relative;line-height: 30px;}
    .page-nav .page-nav-main .category-controller{display:block;}

    .page-main .page-item{flex-flow: row wrap;}
    .page-main .page-item .image{flex:auto;width: 100%;margin-right: 0;margin-bottom: 20px;}
    .page-main .page-item .image img{float: left;width: 100%;}

    .page-main .page-item .date-time{
        width:auto;border-bottom:5px solid #ea644a;
        padding:10px;margin-left:0;flex-flow: row nowrap;}
    .page-main .page-item .date-time .year{
        flex:auto;font-size:20px;color: #ffffff;font-weight: normal;padding:0 10px;border:0;}
    .page-main .page-item .date-time .day{flex:auto;font-size:30px;margin-bottom:0;margin-right:10px;padding-right:10px;}
    .page-main .page-item .date-time .day:after{
        content: '';width: 10px;height:2px;
        border-radius:50%;position: absolute;left:110%;top:50%;margin-top:-1px;background-color: #ffffff;overflow: hidden;
    }
}