/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 8px;  
    height: 4px;  
    background-color: #222035;
    /* display:none; */
    position : absolute;

}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    /* box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);   */
    /* border-radius: 5px;   */
    background-color: #F5F5F5;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    /* border-radius: 10px;   */
    /* box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);    */
    background-color: #eed68f;  
}  

/* .water-fall {
    column-count: 2;
    column-gap: 0;
}

@media screen and (max-width:980px ) {
    .water-fall {
        column-count: 3;
    }
}

@media screen and (max-width:640px ) {
    .water-fall {
        column-count: 2;
    }
}
@media screen and (max-width:480px ) {
    .water-fall {
        column-count: 1;
    }
} */

.tile-content {
    display: flex;
    flex-flow : row wrap;
}

.grid-node {
    /* break-inside: avoid; */
    /* align-items: center; */
    max-height: 28em;
    min-height: 10em;
    max-height: 40%;
    transition : opacity 1s;
    width: fit-content;
    max-width:100%;
    flex-grow:1;
    background : #e9e9e9;
    border : 1px solid rgba(0,0,0,0.5);
    margin:0 4px 4px 0;
    box-shadow: 6px 6px 11px 0px rgba(0,0,0,0.5);
    transform: translate(0,0,0);
    transition: box-shadow 0.3s, transform 0.3s;
}

.grid-node:hover {
    transform: translate(-2px,-2px);
    box-shadow: 10px 10px 15px 4px rgba(0,0,0,0.6);
}

.node {
    background : #e9e9e9;
    padding: 1em 1em 5em;
    height:100%;
    min-width:15em;
    transition : background-color .4s;
    /* border-radius : 5px; */
    position:relative;
}
.node img {
    /* width : 100%; */
    max-height : 15em !important;
}

.node:hover {
    background:#dadada;
}
.node:active {
    background:#e9e9e9;
}

.post-head {
    text-align : center;
}

.post-content {
    pointer-events:none;
    padding:0.5em;
    overflow:hidden;
    max-height:12em !important;
}


.post-date {
    font-size:0.8em;
    color: #a1a1a1;
}

.post-title {
    font-weight : bold;
    font-size:1.2em;
    color: #303030;
    /* color: #303030; */
    /* font-size:1.5em;
    line-height:1.8em; */
}

.post-meta {
    display:inline-block;
    font-size:0.8em;
    color: #a1a1a1;
}

.post-footer {
    height:10%;
    /* position: absolute; */
    /* bottom:0.3em; */
}

.featured-media {
    margin-top:30px;
    height:300px;
    overflow: hidden;
}


.toolbar {
    background: #366288;
    padding: 35px 15px 15px 15px;
    /* transition : height .4s ease-in-out; */
    border : 1px solid rgba(0,0,0,0.5);
    /* border-radius : 5px; */
    position:relative;
    margin-bottom:1rem;
}
.toolbar-head {
    background: black;
}

.toolbar h4 {
    position: absolute;
    top: 0.2em;
    padding:0.1em;
    color:white;
}


.toolbar-tags {

}

/* start moyan */
.moyan {
    position: fixed;
    left : 0px;
    top : 0px;
    width : 60px;
    height : 60px;
    z-index : 202;
    pointer-events: none;
}

.moyan_somke {
    position : fixed;
    left : 0;
    top : 0;
    width : 30px;
    height : 30px;
    z-index : 201;
    transform : rotate( 0deg ) scale( 1.3 );
    pointer-events: none;
}

/* .moyan-base {
    position: fixed;
    left : 0px;
    bottom : 0px;
    width : 60px;
    height : 60px;
    z-index : 202;
    pointer-events: none;
} */

/* end moyan */

.toolbar-tags-btn-content {
    margin:0 0;
}
.toolbar-tags-btn-content img {
    margin-bottom : 0.5em;
    max-width:94px !important;
}

.icon-content {
    /* background : green; */
}

.icon-content img {
    width : 30px;
    height : 30px;
}

.member-solt {

}

/* time line */

.timeLine { padding:60px 20px; overflow: hidden;position: relative}
.timeLine li {background: linear-gradient(#366288 50%,transparent 51%) repeat-y 179px 0;background-size:1px 4px;padding-bottom: 0px;zoom: 1;display: flex;}
.timeLine li:after {content:" ";display: block;height: 0;clear: both;visibility: hidden;}
/* .timeLine li:last-child {background:none !important;} */
.timeLine li p {display:inline-block;width:190px;font-size: 16px;text-align:right;padding-right:30px;color:#1296db;}
.timeLine li p span {display: block;color: #6fceff;font-size: 12px;}
.timeLine li .con {width: calc(100% - 230px);display:flex; align-items: baseline;  padding-left: 20px;}
.timeLine li .con img{max-width: 100%;}

/* .on  */
/* .timeLine li.on{background: linear-gradient(#137eda 50%,transparent 51%) repeat-y 179px 0;background-size:1px 4px;} */
/* .timeLine li.on p {background:url({{settings.mod_info.resource}}/images/icon2.png) no-repeat 172px 0;color: #00a6ff;} */
/* .timeLine li.on p span {color: #56c4ff;} */

/* .on 下面的li  */
/* .timeLine li.on ~ li{background: linear-gradient(#ababab 50%,transparent 51%) repeat-y 179px 0;background-size:1px 4px;} */
/* .timeLine li.on ~ li p {background:url({{settings.mod_info.resource}}/images/icon3.png) no-repeat 172px 0;color: #c3c3c3;} */
/* .timeLine li.on ~ li p span {color: #d0d0d0;} */


/* time line */