/* 媒体查询 + rem */

/* 为了不再每个html页面引用，放到这里，因为所有页面都会引用1.css */
@import url("https://at.alicdn.com/t/c/font_4881773_dfc12n3k50b.css");  /*彩色*/
@import url("https://at.alicdn.com/t/c/font_4515985_gcaapk30vrg.css");  /*单色*/
body {
    width: 100%;
    height: 100vh;
}
.wrapper {
    position:relative;
    width: 100%;
    height: 100%;
    overflow: hidden; /* 清除 radius，后面不用设置了*/
}

menu {
    height: 5rem;
    padding: 0px 2rem 0px 1rem;

    display: flex;
    justify-content: flex-end;
    align-items: center;
}
menu *{
    user-select: none;
}
/* li的高度随 其内容变化 li是block元素 */
menu li{
    margin: 0px 1rem;
    font-size:1rem; 
}
menu li a{
    display:inline-block; 
    height:100%;  
    color:#ffff;
}
.logo {
    margin-right: auto;
}
.logo img{
    width: 2rem;
    vertical-align: middle;
}
main {
    height: calc(100% - 5rem);
    overflow: hidden;
}