.main[data-v-dc92ee04]{height:100vh}.main .left[data-v-dc92ee04]{width:.8rem;position:fixed;left:0;top:1.17333rem}.main .left a[data-v-dc92ee04]{height:1.17333rem;display:block}.main .right[data-v-dc92ee04]{width:100%;height:100%}.main .right div[data-v-dc92ee04]{height:100%}.main #top[data-v-dc92ee04]{background:red}.main #top2[data-v-dc92ee04]{background:green}.main #top3[data-v-dc92ee04]{background:#ff0}.main #top[data-v-dc92ee04]{background:#666}.line[data-v-dc92ee04]{height:1.17333rem;line-height:1.17333rem;text-align:center}.line>div[data-v-dc92ee04]:nth-child(odd){background:green}body[data-v-dc92ee04]{margin:0;padding:0;font-family:Arial,sans-serif}.container[data-v-dc92ee04]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.sidebar[data-v-dc92ee04]{width:5.33333rem;background-color:#d3d3d3}.main-content[data-v-dc92ee04]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#add8e6;padding:.53333rem}@media screen and (max-width:768px){.sidebar[data-v-dc92ee04]{width:100%}.main-content[data-v-dc92ee04]{-ms-flex-preferred-size:100%;flex-basis:100%}}