.bottom h1{ vertical-align: middle; line-height: 21px; font-size:16px; color:#fff; padding: 10px 0; } .fission{ vertical-align: middle; line-height: 16px; font-size:14px; color:#aaa; margin: 5px 0; display: inline-block; } /**************้ๅ‘ดใ€‰****************/ .classify { display: flex; justify-content: space-between; flex-wrap: nowrap; } .anniu_gb{ display:none; } .first_List{ display: flex; text-align: center; } .first_List_li{ margin: 0 5px; color: inherit; display: block; vertical-align: middle; overflow: hidden; width: inherit; color: #fff; padding: 10px 25px; display: inline-block; transition:all 0.5s; border-radius: 51px; color:#000; } .first_List_li:hover{ background: #0BA2DD; } .first_List_li:hover a{ color:#fff; } .anniu_xs{ font-weight: bold; color:#333333; font-size:30px; } @media screen and (max-width: 780px){ .clearfix{display:block!important; text-align: right; width: 100%!important; display: block!important;} .anniu_gb{ display:block; padding: 10px 20px; font-size: 24px; color: #fff; text-align: right; } .first_List{display:none; position: fixed; top: 0; left: 0; background: #00b7ff; height: 100vh; z-index: 999999;} .anniu_xs{ width: 100%; text-align: center; font-size: 16px; font-weight: normal; background: #0ca2dd; border-radius: 6px; color: #fff; line-height: 34px;} .first_List_li{ width: 100%; font-size: 16px; line-height: 32px; border-bottom: 1px solid #efefef; border-radius: 0;} .first_List_li a{color:#fff;} } .click{ background: #0BA2DD; } .click a { color: #fff; }