.btnbox { text-align: center; position: relative; width: 100%; background: #CCA620; color: #fff; height:36px; margin-left: auto; cursor: pointer; font-size: 14px; } .btnbox span { display: inline-block; line-height:36px; } .iconfont.map { width: auto; margin-right: 0px; text-align: center; display: inline-block; } /* .iconfont.map:before { content: '\e614'; color: #303030; font-size: 16px; text-align: center; } */ .showbox { position: absolute; width: 120px; background: #CCA620; z-index: 999; margin-top: 0px; overflow: hidden; display: none; padding: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0); border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .showbox a { color: #fff; display: block; transition: all 0.5s; font-size: 14px; line-height: 40px; text-align: left; padding-left: 40px; } .showbox a:hover { color: rgba(255,255,255,0.7); } .showbox a:nth-child(1) { background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011710180636366/cms/image/15e56315-59d0-4ff5-92ce-1f6cb06a15b2.png); background-repeat: no-repeat; background-position: 15px 14px; } .showbox a:nth-child(2) { background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011710180636366/cms/image/01ad2ef9-3985-4298-b530-e54a1e9309d1.png); background-repeat: no-repeat; background-position: 15px 14px; } .showbox a:nth-child(3) { background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011710180636366/cms/image/3e4919d3-97a9-4976-b65c-09e05d377009.png); background-repeat: no-repeat; background-position: 15px 14px; }