@charset "utf-8";
/**{margin:0;padding:0;list-style-type:none;}*/
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{
    width:54px;
    height:54px;
    float:left;
    position:relative;
    list-style: none;
    border-bottom:1px solid rgba(0, 135, 254, 0.87);
    /*border-radius: 5px !important;*/
}
.side ul li .sidebox{
    position:absolute;
    width:54px;
    height:54px;
    top:0;
    right:0;
    transition:all 0.3s;
    background:rgba(0, 135, 254, 0.87);
    opacity:0.8;filter:Alpha(opacity=80);color:#fff;
    font:14px/54px "微软雅黑";overflow:hidden;
    /*border-radius: 5px;*/
}
.side ul li .sidetop{
    width:54px;
    height:54px;
    line-height:54px;
    display:inline-block;
    background: #003a8a;
    opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;
}
.side ul li .sidetop:hover{background: rgb(0, 151, 89);opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.zuoyuanjiao{
    border-radius: 8px 0 0 0;
}
.youyuanjiao{
    border-radius: 0 0  0 8px;
}
@media (max-width: 768px) {
    .side{
        display: none;
    }
}