@charset "utf-8";

#quickList{position:fixed;left:0;z-index:100;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;width:175px;height:100%;background:#fff}
#quickList li{text-align:center}
#quickList li+li{margin-top:80px}
#quickList a{display:block;font-size:13px;font-weight:700;color:#111;font-family:'Play'}
#quickList a span{display:block;margin-top:10px;transition:all .3s}
#quickList .scroll{position:relative;width:100%;font-size:13px;font-weight:700;text-align:center;color:#777;transform:rotate(270deg) translateX(-110px);font-family:'Play'}
#quickList .scroll:after{position:absolute;content:'';top:50%;left:0;width:50px;height:1px;background:#e1e1e1}
#quickList:after{position:absolute;content:'';top:100px;right:-40px;width:40px;height:40px;background:url(img/round.png)}

@media(hover:hover){
#quickList a:hover span{margin-top:15px}
}

@media (max-width:1400px){
#quickList{width:135px}
}
@media (max-width:1024px){
#quickList{display:none}
}