@charset "utf-8";
/* CSS Document */

.post_nav ul{
        margin:0;
        padding:0;
        list-style: none;
      }
.post_nav {display:none}
.post_nav  ul li{
        position:relative;
      
      }
.post_nav ul li::after{
        
        position:absolute;
        left:0;
        top:0;
        bottom:-50%;
        width:2px;
        background:#ffffff;
        z-index:0;
      }
.post_nav ul li:last-of-type::after{bottom:50%;}
.post_nav ul li:first-of-type:after{top:50%;}
.post_nav ul li::before{
        content:"";
        position:absolute;
        left:-3px;
        top:50%;
        transform: translateY(-50%);
        
        border-radius:8px;
        background:#ffffff;
        z-index:1;
      }
.post_nav ul li.on::before{
        background: #0087ff;
	width:167px;
	height:32px;
	   background:url("../images/shizi_l.svg") no-repeat;
      }
.post_nav ul li p{margin:0;}
.post_nav ul li p:last-of-type{margin-bottom:20px;}
.post_nav ul li time{color:#ffffff;font-size:12px;}

#wrap {
	width:100%
}
#wrap section {
	width:100%;
	color:#ffffff;
}

	 
#nav {
	position:fixed;
	right:-34px;
	bottom:75%;
	opacity:0;
}
#nav.on {
	opacity:1
}
#nav li {
	width:167px;
	height:32px;
	font-weight: 600;
	line-height:32px;
	text-align:center;
	color:#606060;
	margin-bottom:5px;
	cursor:pointer;
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease
}
#nav li.on {
	color: #0087ff;
}
#toTop {
	width:167px;
	height:32px;
	line-height:32px;
	text-align:center;
	color:#ffffff;
	margin-bottom:5px;
	cursor:pointer;
	position:fixed;
	right:-34px;
	bottom:71%;
	transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	-moz-transition:opacity 0.2s ease
}