/* General styles for all menus */
.cbp-spmenu {
    background: #fff;
    position: fixed;
}
.cbp-spmenu h3 {
    color: #fff;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #fff;
}
.cbp-spmenu a {
    display: block;
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 400;
}

.cbp-spmenu div{
    color: #b5b5b5;
    padding: 0 15px;
    margin-top: 15px;
    font-size: 20px;
}
.cbp-spmenu div p{
    margin-bottom: 7px;
}
.cbp-spmenu div p:last-child{
    color: #0088cb;
    font-weight: bold;
    font-size: 36px
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical1 {
    width: 310px; /**/
    height: 100%;
    top: 0;
    z-index: 99999999;
}
.cbp-spmenu-vertical2 {
    width: 280px; /**/
    height: 100%;
    top: 0;
    z-index: 99999999;
}


#cbp-spmenu-s1 div.weixin{
    background: #efefef;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    cursor: pointer;
}
#cbp-spmenu-s1 div.weixin .weixin-img{
    width: 47px;
    height: 58px;
    margin: 0 auto 10px;
    background: url("../img/weixin.png") no-repeat;
    background-size: 47px 58px;
}
#cbp-spmenu-s1 div.weixin:hover{
    background-color: #0088cb;
}
#cbp-spmenu-s1 div.weixin:hover .weixin-img{
    background: url("../img/weixin-h.png") no-repeat;
    background-size: 47px 58px;
}
#cbp-spmenu-s1 div.weixin>img{
    display: block;
    width: 60%;
    margin: 0 auto;
}
#cbp-spmenu-s1 div.weibo{
    width: 100%;
    background: #efefef;
    margin-top: 5px;
    padding: 20px 0;
    cursor: pointer;
}
#cbp-spmenu-s1 div.weibo .weibo-img{
    width: 47px;
    height: 58px;
    margin: 0 auto;
    background: url("../img/weibo.png") no-repeat center;
    background-size: 47px 58px;
    
}
#cbp-spmenu-s1 div.weibo:hover{
    background: #0088cb;
}
#cbp-spmenu-s1 div.weibo:hover .weibo-img{
    background-image: url("../img/weibo-h.png");
}

#cbp-spmenu-s1 div.contact{
    text-align: center;
    margin-top: 20px;
}

#cbp-spmenu-s2 a{
    padding: 15px;
    border-bottom: 1px solid #ddd;
}
#cbp-spmenu-s2 div{
    color: #0088cb;
}
/* Vertical menu that slides from the left or right */

.cbp-spmenu-right1 {
    right: -310px;
}
.cbp-spmenu-right2 {
    right: -280px;
}


#showRight:hover .cbp-spmenu-right1 {
    right: 0;
}
.cbp-spmenu-right2.cbp-spmenu-open {
    right: 0;
}


/* Push classes applied to the body */

.cbp-spmenu-push {
    /*overflow-x: hidden;*/
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 200px;
}

.cbp-spmenu-push-toleft {
    left: -280px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }

}

@media screen and (max-height: 26.375em){

    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }

    .cbp-spmenu-right {
        right: -190px;
    }

    .cbp-spmenu-push-toright {
        left: 190px;
    }
}