.web{
    width:100%;
    min-width: 400px;
    max-height: 100vh;
    overflow-y: scroll;
    display: none;
    z-index: 98;
    opacity: 1 !important;
    background: -webkit-linear-gradient(#434242, #181617); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#434242, #181617); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#434242, #181617); /* Firefox 3.6 - 15 */
    background: linear-gradient(#434242, #181617); /* 标准的语法 */
}
.web .logo{
    position: relative;
    width:60vw;
    height: auto;
    left: 2%;
    /*margin:2vw auto;*/
}

.web ul{
    /*    display: none;*/
    position: relative;
    width:100%;
    height:0px;
    overflow-y: scroll;
    /*z-index: 99;*/
    transition: opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1),
    height 3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.web ul li{
    width:80%;
    margin: 0 auto;
    padding: 15px 0px;
    line-height: 20px;
    border-bottom: 1px #ffffff solid;
    text-align: center;
}

.web ul li a{
    font-size: 18px;
    color:#2dbad8;
}

.web span.close{
    position: absolute;
    right: 40px;
    top: 3.5vw;
    width: 30px;
    height: 30px;
}

/*.web span.close:after,.web span.close:before{
    content: ' ';
    position:absolute;
    width:30px;
    height:3px;
    background-color:#ffffff;
    transition: all 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.web span.close:before{
    top:0px;
}

.web span.close:after{
    top:15px;
}

.web span.close.move_close:before {
    top:10px;
    transform: rotate(45deg);
}

.web span.close.move_close:after {
    top:10px;
    transform: rotate(-45deg);
}*/

.move{
    position: relative;
    top:0px;
    left:0px;
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    height 3s cubic-bezier(0.165, 0.84, 0.44, 1),
    top 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s,
    left 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s,
    right 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s,
    bottom 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}

.move.left{
    left:50px;
}

.move.right{
    left:-50px;
}

.move.top{
    top:-50px;
}

.move.bottom{
    top:50px;
}