﻿
html,body,ul{
    margin: 0;
    padding: 0;
}

li{
    list-style: none;
}
body > iframe{
	opacity:0;
	display:none;
}
img{
    display: block;
    width: 100%;
}
nav{
    /* display: flex; */
    width: 100%;
    height: 48px;
    position: fixed;
    background-color: #07a7e3;
}
.logo{
    width: 90px;
    float: left;
    padding-top: 6px;
    padding-left: 20px;
}
.menu{
    width: 28px;
    position: relative;
    float: right;
    padding-top: 12px;
    padding-right: 20px;
}
.menu-wrap{
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 9999;
    background: #07a7e3;
    transition: 2s;
}
.menu-head{
    position: relative;
    padding: 8px 0;
    box-sizing: border-box;
    /* height: 48px; */
}
.menu-icon{
    width: 100%;
    text-align: center;
}
.menu-icon img{
    height: 32px;
    width: 32px;
    margin: auto;
}
.menu-del{
    position: absolute;
    left: 30px;
    top: 10px;
    width: 25px;
}
.menu-del span{
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    margin: 7px 0;
}
.menu-del span:nth-child(1){
    transform-origin:10% 150%;    
    transform: rotate(45deg)
}
.menu-del span:nth-child(2){
    /* transform: rotate(-45deg); */
    display: none;
}
.menu-del span:nth-child(3){
    /* transform-origin: 50%; */
    transform-origin:40% 50%;
    transform: rotate(-45deg)
}
.menu-cont{
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}
.menu-item{
    position: relative;
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
}
.menu-item:after{
    position: absolute;
    content: '>';
    right: 20px;
    top: 0;
    color: #fff;
    /* background: url(); */
}

.menu-item a{
    display: block;
    text-decoration: none;
    color: rgba(255,255,255,0.7);
    font-family: '微软雅黑';
    font-weight: bold;
}

.bottom{
    /* display: flex; */
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.bottom img{
    width: 100%;
}

.menu-mask{
    
}
