.glossary-banner{background:#65daff;height:580px;position:relative;width:100%}.glossary-banner .glossary-banner-img{margin-left:6px;width:218px}.glossary-banner .content-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:0 auto;max-width:1596px;padding:10px;position:absolute;top:0;width:100%}.glossary-banner .intro{box-sizing:content-box;max-width:1280px;text-align:center}.glossary-banner .title{font-size:64px;font-weight:700;line-height:77px;margin-bottom:20px}.glossary-banner .character-list{background:#fff;margin-top:27px;padding:40px 60px}.glossary-banner .character-list span{color:#999;font-size:32px;font-weight:700;line-height:39px;padding:0 6px}.glossary-banner .character-list span.active{color:#0061ff;cursor:pointer}@media (max-width:1200px){.glossary-banner .intro{padding:0;width:90%}.glossary-banner .title{font-size:46px;line-height:65px}}@media (max-width:767px){.glossary-banner{height:360px}.glossary-banner .glossary-banner-img{margin-bottom:10px;max-width:40%}.glossary-banner .title{font-size:30px;line-height:48px}.glossary-banner .character-list span{font-size:16px;padding:0 6px}.glossary-banner .character-list{margin-top:10px;padding:20px}.glossary-banner .content-wrapper{padding:0;width:100%}}