@charset "gb2312";
.right-nav {
    position: fixed; 
    top: 0;
    left:100%;
    width: 100%;
    height: 100%; 
    overflow: hidden;
    transition: left 1s;
}

.right-nav .right-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    z-index: 888;
    opacity: 1;
    transition: opacity 0.3s;
}

.right-nav .menu {
    padding-top: 80px;
    position: absolute;
    left: 30%;
    top: 0;
    width: 70%;
    height: 100%;
    z-index: 999; 
    background: #fb8b3f;
    font: 16px/30px '΢ÈíÑźÚ';
    color: #fff;
} 

.right-nav .menu .item a{
    color: #fff;
}

.right-nav .menu>.item>a {
    display: block;
    width: 100%;
    height: 30px;
    background: url(../Images/plus.png) no-repeat 80% center;
    padding-left: 30px; 
    transition: all 0.2s;
}


.right-nav .menu>.item>ul {
    display: none;
    height: 0;
    overflow: hidden;
    padding-left: 50px;
    transition: all 1s;
}

.right-nav .menu .item>ul a {
    display: block;
    width: 100%;
    height:30px;
    color: #fff;
}

.right-nav .closeBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    z-index: 9999;
    color: #fff;
    font: 22px/60px '΢ÈíÑźÚ';
    text-align: center;
}

.right-nav .closeBtn img {
    margin-top:10px;
}