.movebtn{ display:none; color:#fff; width:100%; height:40px; line-height:40px; text-align:left; background-color:#bf0d23; white-space:nowrap; font-size:16px; padding-left:20px; border:none; } .categraybox{ width:100%; height:auto; overflow:visible; max-width:260px; } .categraybox .content{ text-align:center; white-space:nowrap; overflow-x:auto; font-size: 0; } .categraybox li{ min-width: 160px; font-size:0; text-align: left; background: #f1f1f1; /* margin: 0 10px; */ margin-top: 1px; /* border-radius: 20px; */ overflow: hidden; box-shadow: 0px 2px 8px 0px rgba(255,255,255,0.5); } .link{ position:relative; } .yjtitle{ /* padding-left:0; */ width: 100%; padding-left: 25px; transition:all 0.5s ease; } .yjlink{ position:relative; color: #444; font-size: 14px; line-height: 50px; transition:all .5s ease; } .yjtitle.click{ background-color:#bf0d23; } .yjtitle.click a{ color:#fff; } .backbtn{ display:none; } .yjtitle:hover{ background-color: #fff; /* padding-left: 45px; */ } .yjtitle:hover a{ color: #22297a; } .line_right{ display:none; } #list_lm { padding-bottom: 5px; padding-left: 20px; padding-right: 20px; background: #0f72ef; padding-top: 5px; } #list_lm h3 { /* border-bottom: #fff 1px solid; */ /* padding-bottom: 10px; */ line-height: 40px; margin: 0; height: 40px; color: #fff; font-size: 16px; } #list_lm span { text-align: right; line-height: 30px; text-transform: uppercase; display: block; height: 30px; color: #fff; font-size: 14px; display: none; } .ejlink{ padding-bottom: 0; line-height: 40px; padding-left: 45px; display: block; background: #f1f1f1; color: #404040; font-size: 13px; border-top: #fff 1px solid; text-decoration: none; padding-top: 0; transition:all .5s ease; } .ejlink:hover{ padding-left: 65px; background: #61d13e; color: #fff; } @media only screen and (max-width: 768px){ .categraybox{ max-width: 100%; } }