@media (min-width: 800px) {
.bb_base { position:fixed; width: 100%; background-color:#fff; height:22px; z-index:999999999;  }
.bb {  position:fixed; width:100%; max-width:1100px;  left:50%; top:1px; z-index:999999999; margin:0 auto; margin-left:-530px; }
.bb1 { width:16%; height:20px; line-height:20px; font-size:12px; font-weight:800 ; color:#fff; background-color:deeppink; text-align:center; z-index:99999; cursor:pointer; display:inline-block; }
.bb2 { width:16%; height:20px; line-height:20px; font-size:12px; font-weight:800 ; color:#fff; background-color:orangered; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
.bb3 { width:16%; height:20px; line-height:20px; font-size:12px; font-weight:800 ; color:#fff; background-color:red; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
.bb4 { width:16%; height:20px; line-height:20px; font-size:12px; font-weight:800 ; color:#fff; background-color:darkviolet; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
.bb5 { width:16%; height:20px; line-height:20px; font-size:12px; font-weight:800 ; color:#fff; background-color:red; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
.bb6 { width:16%; height:20px; line-height:20px; font-size:12px; font-weight:800 ; color:#fff; background-color:orange; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
}
@media (max-width: 799px) {
.bb_base { position:fixed; width: 100%; background-color:#fff; height:22px; z-index:999999999; white-space:nowrap; }
.bb { position:fixed; left:0px; top:0px;  width:100%; z-index:999999999; margin:0; padding:0; text-align:center; background-color:#fff; height:20px}
.bb1 { width:16%; height:16px; line-height:16px; font-size:9px; font-weight:800 ; color:#fff; background-color:deeppink; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
.bb2 { width:16%; height:16px; line-height:16px; font-size:9px; font-weight:800 ; color:#fff; background-color:orangered; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
.bb3 { width:16%; height:16px; line-height:16px; font-size:9px; font-weight:800 ; color:#fff; background-color:red; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
.bb4 { width:16%; height:16px; line-height:16px; font-size:9px; font-weight:800 ; color:#fff; background-color:darkviolet; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
.bb5 { width:16%; height:16px; line-height:16px; font-size:9px; font-weight:800 ; color:#fff; background-color:red; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
.bb6 { width:16%; height:16px; line-height:16px; font-size:9px; font-weight:800 ; color:#fff; background-color:orange; text-align:center; z-index:99999; cursor:pointer; display:inline-block;  }
}