.pagenav{
    width: 74px;
    height: 515px;
    position: fixed;
    right: 95px;
    bottom: 100px;
}
.pagenav ul li{
    width: 74px;
    height: 77px;
    margin-bottom: 5px;
        background-color: #01a74e;
        border-radius: 10px;
}
.pagenav ul li:last-child{
    margin-bottom: 0;
}
.pagenav ul li:first-child{
    position: relative;
}
.pagenav ul li:first-child::before{
    content: url(../image/public/pagenav_fen.png);
    position: absolute;
    top: -18px;
}
.pagenav ul li:last-child::after{
    content: url(../image/public/pagenav_fen.png);
}
.pagenav ul li a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../image/public/pagenav_bj.png) repeat-x;
    background-position-y: 2px;
    background-position-x: 0;
    border-radius: 10px;
    overflow: hidden;
}
.pagenav ul li a p{
    width: 100%;
    height: 7px;
    background: url(../image/public/pagenav_bj.png) repeat-x;
    background-position-y: 2px;
    background-position-x: 0;
    position: absolute;
    bottom: 2px;
    left: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}
.pagenav ul li img{
    display: block;
    margin:0 auto;
    position: relative;
    top: 20px;
    transition: all 0.3s linear ;
}
.pagenav ul .weixin-erweima .weixinFQ{
    position: absolute;
    left: -105px;
    top: 165px;
    width: 95px;
    height: 95px;
    z-index: 9;
    display: none;
}
.pagenav ul .weixin-erweima .weixinFQ2{
    position: absolute;
    left: -105px;
    top: 290px;
}
.pagenav ul .weixin-erweima .weixinFQ_p{
    width: 100px;
    display: none;
    font-size: 16px;
    position: absolute;
    left: -105px;
    top: 265px;
    text-align: center;
}
.pagenav ul .weixin-erweima .weixinFQ_p2{
    position: absolute;
    left: -105px;
    top: 385px;
}
.pagenav ul li div{
    width:40px;
    height: 100%;
    text-align: center;
    position: absolute;
    font-size: 18px;
    color: #fefdfd;
    top: 15px;
    left: 78px;
   letter-spacing: 2px;
   transition: all 0.2s linear;
}
.pagenav ul li:nth-child(2) a img{
    width: 40px;
    height: 37px;
    left: 3px;
}
.pagenav ul li:nth-child(6) a img{
    top: 28px;
}
.pagenav ul li:hover{
    background-color: #118246;
}
.pagenav ul li:hover img{
    opacity: 0;
    transition: all 0.1s linear ;
}
.pagenav ul li:nth-child(3):hover img{
    opacity: 1;
}
.pagenav ul li:nth-child(3):hover{
    background-color: #01a74e;
}
.pagenav ul .weixin-erweima:hover .weixinFQ{
   display: block;
}
.pagenav ul .weixin-erweima:hover .weixinFQ_p{
    display: block;
}
.pagenav ul li:nth-child(6):hover img{
    opacity: 1;
}
.pagenav ul li:hover div{
    left: 18px;
    transition: all 0.3s linear ;
}