*{
    padding: 0 ;   
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0 ;
    font-size: 1em;
}
a{text-decoration: none;}
a:link{color: #3D85C6;}
a:visited{color: #3D85C6;} 
a:hover{color: #FF6600;} 
a:active{color: #3D85C6;}

header , main ,footer{
    padding: 0 20px;
}
header {
    
    border-bottom: 1px solid #eee;
    min-height: 35px;
    line-height: 35px;
}

nav{
    width: 100%;
    max-width: 1200px;    
    margin: 0 auto;  
    display: flex;/* 现代浏览器 */ 
    display: -webkit-box; /* WebKit内核（旧版Safari） */
    display: -webkit-flex; /* WebKit内核（旧版Safari） */ 
    display: -moz-box; /* Gecko内核（旧版Firefox） */  
    display: -ms-flexbox;/* Trident内核（旧版IE） */ 
    display: -o-flex; /* Presto内核（旧版Opera） */
    flex-wrap: nowrap;
    justify-content: space-between;
}

.nvaL , .nvaR{
    display: flex;/* 现代浏览器 */ 
    display: -webkit-box; /* WebKit内核（旧版Safari） */
    display: -webkit-flex; /* WebKit内核（旧版Safari） */ 
    display: -moz-box; /* Gecko内核（旧版Firefox） */  
    display: -ms-flexbox;/* Trident内核（旧版IE） */ 
    display: -o-flex; /* Presto内核（旧版Opera） */
    flex-wrap: nowrap;
}
.nvaR{
    font-size: 0.8em;
}


.mylist{   
    max-width: 1200px;    
    margin: 20px auto;   
}
.mylist div{
   
    border-bottom: 1px solid #eee;   
  
}
.mylist div span{       
    background-color:#eee ;  
    padding:0 1em;
    border-radius: 1em 0 0 0;
}


.mylist ul{
    display: flex;/* 现代浏览器 */ 
    display: -webkit-box; /* WebKit内核（旧版Safari） */
    display: -webkit-flex; /* WebKit内核（旧版Safari） */ 
    display: -moz-box; /* Gecko内核（旧版Firefox） */  
    display: -ms-flexbox;/* Trident内核（旧版IE） */ 
    display: -o-flex; /* Presto内核（旧版Opera） */
    flex-wrap: wrap;
}
.mylist ul li{
    margin: 1.5em;
    padding: 0.5em;
    list-style: none;
    background-color:goldenrod;
    font-size: larger;
   
}