body{font-size:18px;}
h1{font-size:32px;color:#369;padding-bottom:4px;border-bottom:2px solid #ccc;background:url(01.jpg) repeat-x bottom;width:380px;}
.c1{color:#B3EE3A;}
.c2{color:#71C671;}
.c3{color:#00F5FF;}
.c4{color:#00EE00;}
.atitle{font-size:22px;}

/*.container { display: flex; flex-wrap: wrap; }
.main { flex: 3; }
.sidebar { flex: 1; }
*/
/*设置响应式布局*/
/*@media (max-width: 1100px) {
    .main, .sidebar { flex: 100%; }
}
@media (max-width: 850px) {
    .main, .sidebar { flex: 100%; }
}*/
@media (max-width: 1100px) {
    .main { flex: 100%; }
}